@charset "utf-8";

/* CSS Document */
* {
    padding: 0;
    margin : 0;
}

body {
    font-family                : '微软雅黑', 'Helvetica Neue', Helvetica, sans-serif;
    -webkit-text-size-adjust   : 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul,
li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
}

em {
    font-style: normal;
}

hr {
    background-color: rgb(227 227 227 / 50%);
    border          : none;
    height          : 1px;
    margin          : 0.8rem auto;
}

input {
    -webkit-appearance: none;
    border-radius     : 0;
    font-family       : '微软雅黑';
    outline           : none;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-placeholder {
    color: #ccc;
}

input:-moz-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder {
    color: #ccc;
}

textarea::-webkit-input-placeholder {
    color: #ccc;
}

textarea::-moz-placeholder {
    color: #ccc;
}

textarea:-moz-placeholder {
    color: #ccc;
}

textarea:-ms-input-placeholder {
    color: #ccc;
}

.row-between {
    display        : flex;
    justify-content: space-between;
    font-size      : 0.6rem;
}

.row-start {
    display        : flex;
    justify-content: flex-start;
    font-size      : 0.6rem;
}

.user-head {
    border-radius: 50%;
    width        : 3rem;
    height       : 3rem;
    border       : 2px solid #b08930;
    padding      : 0.1rem;
}

.user-info {
    color: cornsilk;
}

.wbody {
    padding: 0 0.3rem;
}

.lbody {
    background-color: white;
    border-radius   : 6px;
    margin-top      : 0.5rem;
    padding         : 0.2rem 0.5rem !important;
    width           : 95%;
    margin          : 0.5rem auto;
}

.lbody .row-between {
    height     : 1.5rem;
    line-height: 1.5rem;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

@font-face {
    font-family: 'iconfont';
    src        : url('iconfont.eot');
    src        : url('iconfont.eot?#iefix') format('embedded-opentype'),
        url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype'),
        url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family            : 'iconfont' !important;
    font-style             : normal;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.text-color-green {
    color: #1abc9c;
}

.text-color-red {
    color: #ff4757;
}

.text-color-orange {
    color: #ff6348;
}

.text-color-yellow {
    color: #f1c40f;
}

.text-color-blue {
    color: #3498db;
}

.text-color-purple {
    color: #9b59b6;
}

.text-color-pink {
    color: #e91e63;
}

.text-color-black {
    color: #000;
}

.text-color-gray {
    color: #747d8c;
}

.bold {
    font-weight: bold;
}

.upgrade {
    display : none;
    position: fixed;
    left    : 10%;
    width   : 80%;
    top     : 25%;
    z-index : 300;
}

.upgrade .img {
    display: block;
    width  : 100%;
}

.upgrade .upradetext {
    background                : #fff;
    border-bottom-left-radius : 6px;
    border-bottom-right-radius: 6px;
    padding                   : 0.8rem;
}

.upgrade .upradetext .title {
    font-size    : 0.65rem;
    color        : #333;
    font-weight  : bold;
    margin-bottom: 0.5rem;
}

.upgrade .upradetext .con {
    font-size  : 0.55rem;
    line-height: 1rem;
    color      : #666;
}

.upgrade .upradetext .btn {
    display   : flex;
    margin-top: 0.5rem;
}

.upgrade .upradetext .btn a {
    display      : block;
    width        : 50%;
    text-align   : center;
    color        : #333;
    border       : 1px solid #ddd;
    font-size    : 0.6rem;
    line-height  : 1.5rem;
    border-radius: 6px;
}

.upgrade .upradetext .btn a:first-child {
    margin-right: 0.5rem;
}

.upgrade .upradetext .btn a.on {
    background: #5157b4;
    color     : #fff;
    border    : 1px solid #5157b4;
}

.jdbox {
    width        : 100%;
    height       : 3px;
    margin       : 0.5rem 0 1rem 0;
    border-radius: 5px;
}

.jdbox .tbox {
    width        : 100%;
    height       : 3px;
    background   : #cdd4d9;
    border-radius: 5px;
}

.jdbox .tbox div {
    width        : 0px;
    height       : 3px;
    background   : #f1c40f;
    text-align   : right;
    color        : #f1c40f;
    font-size    : 0.5rem;
    border-radius: 5px;
    line-height  : 1rem;
}

.wbody {
    padding: 0 0.5rem;
}

.clear {
    clear: both !important;
}

.activity {
    margin-top: 0.5rem;
    display   : flex;
}

.activity .playbill {
    display      : block;
    width        : 50%;
    position     : relative;
    overflow     : hidden;
    border-radius: 10px;
}

.activity .playbill:first-child {
    margin-right: 0.4rem;
}

.activity .playbill .pic {
    display: block;
    width  : 100%;
}

.activity .playbill .con {
    position: absolute;
    left    : 0.5rem;
    top     : 0.5rem;
}

.activity .playbill .con .title {
    font-size  : 0.6rem;
    font-weight: bold;
    color      : rgba(255, 255, 255, 1);
}

.activity .playbill .con .text {
    font-size : 0.5rem;
    color     : rgba(255, 255, 255, 0.8);
    margin-top: 0.2rem;
}

.inviteView {
    display                : none;
    position               : fixed;
    bottom                 : 0;
    width                  : 100%;
    background             : #252930;
    border-top-right-radius: 20px;
    border-top-left-radius : 20px;
    z-index                : 201;
    /* min-height          : 17rem; */
    padding                : 0.5rem 2.5% 3rem 2.5%;
    color                  : whitesmoke;
    font-size              : 0.6rem;
}

.inviteView .invite-box {
    height         : 1.5rem;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    background     : #283240;
    width          : 95%;
    margin         : 0 auto;
    border-radius  : 10px;
    padding-left   : 0.5rem;
}

.inviteView .invite-box .text {
    color        : #00ebbd;
    font-size    : 0.7rem;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    width        : 100%;
    padding-right: 0.3rem;
}

.inviteView .invite-box .copy {
    height                    : 100%;
    position                  : relative;
    border                    : 0;
    background                : #00b894;
    color                     : white;
    /* padding                : 0 .5rem; */
    font-size                 : 0.6rem;
    border-top-right-radius   : 10px;
    border-bottom-right-radius: 10px;
    width                     : 4rem;
}

.inviteView .qrcode-box {
    text-align: center;
    margin    : 1rem 0;
}

.inviteView .qrcode-box #invitationCode img {
    margin: auto;
}

.inviteView .footer {
    width    : 100%;
    position : absolute;
    bottom   : 0;
    height   : 1.8rem;
    color    : white;
    left     : 0;
    border   : 0;
    font-size: 0.6rem;
}

.inviteView .footer .done {
    width     : 100%;
    height    : 1.8rem;
    color     : white;
    background: #ffa502;
    border    : 0;
    font-size : 0.6rem;
}

.inviteView .footer .cancel {
    width     : 100%;
    height    : 1.5rem;
    color     : white;
    background: rgb(255 94 87);
    border    : 0;
    font-size : 0.6rem;
}

.input-view {
    display : flex;
    /* width: 50%; */
    margin  : 0 auto;
}

.input_box {
    width           : 95%;
    border-bottom   : 1px solid #f1c40f;
    /* border-radius: 8px; */
    height          : 1.5rem;
    line-height     : 1.4rem;
    margin          : 0.3rem auto;
    /* padding      : 0 .5rem; */
}

.input_box.flex {
    display: flex;
}

.input_box div {
    width     : 1.5rem;
    text-align: center;
}

.input_box input,
.input_box select {
    width      : 100%;
    border     : 0;
    padding    : 0 0.5rem;
    color      : #d9b76a;
    font-weight: 500;
    font-size  : 0.6rem;
    background : none;
}

.pop {
    display   : none;
    position  : fixed;
    left      : 0;
    top       : 0;
    background: rgb(0 0 0 / 58%);
    width     : 100%;
    height    : 100%;
    z-index   : 200;
}

#game {
    display: none;
}

.intop {
    position: fixed;
    top     : 0;
    left    : 0;
    width   : 100%;
    z-index : 2;
}

.insearch {
    display: flex;
    padding: 0.5rem 0.5rem;
}

.intext {
    width        : 100%;
    display      : block;
    border-radius: 50px;
    background   : rgb(165 165 165 / 30%);
    line-height  : 1.5rem;
    padding      : 0 0.5rem;
    font-size    : 0.55rem;
    color        : #fff;
}

.intext i {
    font-size   : 0.7rem;
    line-height : 1.5rem;
    margin-right: 0.2rem;
    color       : #333;
}

.iconcustomer,
.iconreport {
    display   : block;
    width     : 12%;
    text-align: right;
    color     : #fff;
    font-size : 1rem;
}

.iconcustomer i,
.iconreport i {
    font-size: 1rem;
}

.topscroll {
    background: #fff;
}

.topscroll .intext {
    background: #f1f1f1;
    color     : #999;
}

.topscroll .iconcustomer,
.topscroll .iconreport {
    color: #333;
}

.topscroll .classnav .swiper-slide a {
    color: #666;
}

.topscroll .classnav .swiper-slide.on a {
    font-weight: bold;
    color      : #333;
}

.topscroll .innav .icon_navigation {
    color: #333;
}

.innav {
    display : flex;
    padding : 0 0.5rem;
    position: relative;
}

.classnav {
    width      : 90%;
    height     : 2rem;
    line-height: 2rem;
}

.classnav .navbox {
    /*padding-right: 6rem;*/
}

.classnav .swiper-slide {
    width     : auto;
    background: none;
    font-size : 0.6rem;
    color     : #fff;
}

.classnav .swiper-slide a {
    color: #fff;
}

.classnav .swiper-slide.on a {
    font-weight: bold;
}

.innav .icon_navigation {
    display      : block;
    width        : 10%;
    padding-right: 0.2rem;
    box-sizing   : border-box;
    text-align   : right;
    color        : #fff;
    font-size    : 0.8rem;
    line-height  : 2rem;
}

.classnav .navbox .swiper-slide.on em {
    position     : absolute;
    bottom       : 0.3rem;
    left         : 50%;
    margin-left  : -0.3rem;
    width        : 0.6rem;
    height       : 3px;
    background   : #fff;
    border-radius: 50px;
}

.topscroll .classnav .swiper-slide.on em {
    background: #000;
}

.popnav {
    display   : none;
    position  : fixed;
    top       : 4rem;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.3);
}

.navimg {
    background                : #fff;
    border-bottom-left-radius : 10px;
    border-bottom-right-radius: 10px;
}

.navimg li {
    float        : left;
    width        : 25%;
    text-align   : center;
    padding-top  : 0.5rem;
    margin-bottom: 0.5rem;
}

.navimg li img {
    display: block;
    width  : 60%;
    margin : auto;
}

.navimg li h5 {
    font-weight: normal;
    color      : #999999;
    font-size  : 0.5rem;
    margin-top : 0.3rem;
}

.navimg li.on h5 {
    color      : #000;
    font-weight: bold;
}

.popnav .icon_close {
    display      : block;
    width        : 1.4rem;
    height       : 1.4rem;
    line-height  : 1.4rem;
    border-radius: 50%;
    text-align   : center;
    font-size    : 0.6rem;
    color        : #fff;
    background   : rgba(0, 0, 0, 0.3);
    margin       : auto;
    margin-top   : 1rem;
}

.banner .swiper-slide {
    position      : relative;
    /* padding-top: 4.5rem; */
    padding-top   : 4rem;
}

.banner .swiper-slide:after {
    width        : 140%;
    height       : 7rem;
    padding-top  : 4rem;
    position     : absolute;
    left         : -20%;
    top          : 0rem;
    z-index      : -1;
    content      : '';
    border-radius: 0 0 50% 50%;
}

.banbg1:after {
    background: #e25f74;
}

.banbg2:after {
    background: #67cbff;
}

.banbg3:after {
    background: #eac44f;
}

.banner .swiper-slide a {
    /* margin-top: 0.5rem; */
}

.banner .swiper-slide a {
    display: block;
    padding: 0 0.5rem;
}

.banner .swiper-slide img {
    display      : block;
    width        : 100%;
    border-radius: 6px;
}

.banner .swiper-pagination {
    text-align   : right;
    padding-right: 1rem;
    box-sizing   : border-box;
    bottom       : 0px !important;
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width : 5px;
    height: 5px;
    margin: 0 3px !important;
}

.nav .navlist {
    padding       : 0.3rem 0 0.5rem 0;
    padding-bottom: 20px;
}

.nav .navlist li {
    float     : left;
    width     : 25%;
    margin-top: 0.5rem;
}

.nav .navlist li img {
    display: block;
    width  : 50%;
    margin : auto;
}

.nav .navlist li h4 {
    font-size  : 0.5rem;
    font-weight: normal;
    color      : #333333;
    text-align : center;
    margin-top : 0.3rem;
}

.nav .swiper-pagination {
    height       : 3px;
    display      : flex;
    width        : 30px !important;
    left         : 50% !important;
    margin-left  : -15px;
    border-radius: 20px;
    background   : #f1f1f1;
    bottom       : 5px !important;
}

.nav .swiper-pagination .swiper-pagination-bullet {
    display      : block;
    width        : 15px;
    height       : 3px;
    margin       : 0 !important;
    border-radius: 20px;
    background   : none;
}

.nav .swiper-pagination .swiper-pagination-bullet-active {
    opacity   : 1;
    filter    : alpha(opacity=1);
    background: #000;
}

.hotnew {
    display      : flex;
    background   : #f5f5f5;
    line-height  : 20px;
    border-radius: 6px;
    padding      : 0.4rem 0.5rem;
    margin-top   : 0.5rem;
}

.hotnew .title {
    font-size    : 0.6rem;
    color        : #000;
    font-weight  : bold;
    padding-right: 0.5rem;
    border-right : 1px solid #c0c0c0;
}

.hotnew .hotlist {
    width : 70%;
    height: 20px;
}

.hotnew .hotlist a {
    display      : block;
    font-size    : 0.6rem;
    color        : #333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.hotnew .hotarrow {
    background   : #dcdcdc;
    display      : block;
    width        : 0.8rem;
    height       : 0.8rem;
    font-size    : 0.5rem;
    color        : #9e9e9e;
    border-radius: 50%;
    text-align   : center;
}

.wheel img {
    display: block;
    width  : 100%;
    height : 100%;
}

.wheel .swiper-pagination {
    bottom: 0px !important;
}

.wheel .swiper-pagination .swiper-pagination-bullet {
    width : 5px;
    height: 5px;
    margin: 0 3px !important;
}

.textimg {
    padding-top  : 0.5rem;
    padding-left : 0.5rem;
    margin-top   : 0.3rem;
    margin-left  : 0.3rem;
    margin-right : 0.3rem;
    border-radius: 6px;
}

.textimg li {
    float        : left;
    width        : 50%;
    padding-right: 0.5rem;
    box-sizing   : border-box;
    margin-bottom: 0.5rem;
}

.textimg li img {
    display: block;
    width  : 100%;
}

.bump {
    background: #f9f9f9;
    padding   : 0.3rem 0;
}

.bump .title {
    background: #fff;
    padding   : 0.5rem 0;
}

.bump .title img {
    display: block;
    width  : 80%;
    margin : auto;
}

.bumplist {
    padding   : 0.5rem 6px !important;
    background: #fff;
    margin-top: 0.3rem !important;
}

.bumplist .pro img {
    border-radius: 4px;
    display      : block;
    width        : 100%;
    height       : 5rem;
}

.bumplist .pro h3 {
    font-size    : 0.6rem;
    color        : #333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-weight  : normal;
    line-height  : 1rem;
}

.bumplist .pro .money {
    text-align : center;
    line-height: 0.8rem;
}

.bumplist .pro .money span {
    display         : inline-block;
    background-image: linear-gradient(#ff5325, #ff4325);
    border-radius   : 4px;
    color           : #fff;
    font-size       : 0.4rem;
    padding         : 0 0.2rem;
}

.bumplist .pro .money b {
    color    : #000;
    font-size: 0.6rem;
}

.goodban {
    /* background: #f9f9f9; */
    /* padding-bottom: 0.3rem; */
    margin: 0.5rem;
}

.goodban img {
    display      : block;
    width        : 100%;
    border-radius: 10px;
}

.inprolist {
    background: #efefef;
    padding   : 0.2rem 0.3rem;
}

.inprolist li {
    float         : left;
    width         : 49%;
    margin-right  : 2%;
    box-sizing    : border-box;
    background    : #fff;
    border-radius : 4px;
    overflow      : hidden;
    padding-bottom: 0.5rem;
    margin-bottom : 0.3rem;
}

.inprolist li .img {
    display      : block;
    width        : 100%;
    border-radius: 4px;
    height       : 8rem;
}

.inprolist li:nth-child(2n) {
    margin-right: 0;
}

.inprolist li .title {
    font-size         : 0.55rem;
    color             : #333;
    font-weight       : normal;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding           : 0 0.3rem;
    line-height       : 0.8rem;
    margin-top        : 0.3rem;
}

.inprolist li .title img {
    display       : inline-block;
    width         : 0.65rem;
    margin-right  : 0.2rem;
    vertical-align: middle;
    margin-top    : -2px;
    border-radius : 2px;
}

.inprolist li .cost {
    padding    : 0 0.3rem;
    line-height: 1rem;
    height     : 1rem;
    margin-top : 0.3rem;
}

.inprolist li .cost span {
    float    : left;
    font-size: 0.5rem;
    color    : #999;
}

.inprolist li .cost .code {
    float          : right;
    background     : url(../images/icon_code_bg_hs.png) no-repeat center;
    background-size: 100%;
    color          : #fff;
    font-size      : 0.5rem;
    padding        : 0 0.5rem;
}

.inprolist li .price {
    padding    : 0 0.3rem;
    line-height: 1rem;
    height     : 1rem;
    margin-top : 0.3rem;
}

.inprolist li .price span {
    float    : left;
    color    : #e13a52;
    font-size: 0.55rem;
}

.inprolist li .price span b {
    font-size: 0.65rem;
}

.inprolist li .price em {
    float    : right;
    font-size: 0.5rem;
    color    : #999;
}

.foot {
    position  : fixed;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    height    : 2.4rem;
    background: #ffffff;
    z-index   : 2;
    border-top: 1px solid #b2b2b2;
}

.foot ul {
    display    : flex;
    align-items: center;
    width      : 100%;
    height     : 100%;
}

.foot ul li {
    height   : 100%;
    flex     : 1;
    font-size: 0.55rem;
}

.foot ul li i {
    display  : block;
    font-size: 1rem;
    color    : #202020;
    margin   : 0.2rem auto;
}

.foot ul li svg {
    margin: 0.1rem auto;
}

.foot ul li .game_text {
    position: relative;
    top     : -0.1rem;
}

.foot ul li a {
    color: #999;
}

.foot ul li.on a {
    color: #202020;
}

.foot ul li.on i {
    color: #202020;
}

div.line {
    height: 1rem;
}

div.line1 {
    height: 0.1rem;
}

div.line2 {
    height: 0.2rem;
}

div.line3 {
    height: 0.3rem;
}

div.line4 {
    height: 0.4rem;
}

div.line5 {
    height: 0.5rem;
}

div.line6 {
    height: 0.6rem;
}

div.line7 {
    height: 0.7rem;
}

div.line8 {
    height: 0.8rem;
}

div.line9 {
    height: 0.9rem;
}

.search {
    display: flex;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.search .text {
    display        : block;
    width          : 86%;
    border-radius  : 50px;
    border         : none;
    background     : #f1f1f1 url(../images/icon_search.png) no-repeat left 0.5rem center;
    line-height    : 1rem;
    padding        : 0.25rem 0.5rem;
    font-size      : 0.55rem;
    color          : #000;
    background-size: 0.8rem;
    padding-left   : 1.6rem;
}

.search .back {
    display    : block;
    text-align : right;
    width      : 14%;
    font-size  : 0.65rem;
    line-height: 1.5rem;
    color      : #000;
}

.keyword {
    padding: 0 0.5rem;
}

.keyword dt {
    font-size  : 0.6rem;
    color      : #333;
    margin-top : 0.8rem;
    line-height: 1rem;
}

.keyword dt .icon_del {
    float    : right;
    font-size: 0.7rem;
    color    : #333;
}

.keyword dd a {
    display      : inline-block;
    font-size    : 0.55rem;
    background   : #f1f1f1;
    color        : #666666;
    padding      : 0 0.5rem;
    line-height  : 1rem;
    border-radius: 20px;
    margin-right : 0.5rem;
    margin-top   : 0.5rem;
}

.searchlist {
    position  : fixed;
    background: #fff;
    width     : 100%;
    height    : 100%;
    top       : 2rem;
    left      : 0;
}

.searchlist li {
    border-bottom: 1px solid #efefef;
    line-height  : 1.6rem;
    font-size    : 0.55rem;
    padding      : 0 0.5rem;
}

.searchlist li a {
    color: #333;
}

.searchlist li a i {
    font-size   : 0.6rem;
    margin-right: 0.3rem;
}

.loadMore {
    text-align : center;
    font-size  : 0.6rem;
    color      : #718093;
    height     : 2rem;
    line-height: 2rem;
    margin-top : 0.5rem;
    background: transparent !important;
}

.loadMore * {
    color    : #a9a9a9;
    font-size: 0.55rem;
}

/*.head { position: fixed; left: 0;top: 0rem;width: 100%;height: 2rem;line-height: 2rem;background: #fff; color: #000000;font-size: 0.65rem; z-index: 2; border-bottom: 1px solid #f5f5f5; padding-top: 1rem;}*/

.head {
    position     : fixed;
    left         : 0;
    top          : 0rem;
    width        : 100%;
    height       : 2rem;
    line-height  : 2rem;
    background   : #fff;
    color        : #000000;
    font-size    : 0.65rem;
    z-index      : 2;
    border-bottom: 1px solid #f5f5f5;
    padding-top  : 1rem;
    /*box-sizing : inherit;*/
    box-sizing   : content-box;
    /* background: linear-gradient(135deg,#ada996,#f2f2f2,#dbdbdb,#c3c0c0); */
}

.head span {
    font-size: 0.65rem;
}

.head a .icon_back {
    font-size  : 0.65rem;
    line-height: 0.8rem;
    position   : absolute;
    left       : 0.5rem;
    top        : 67%;
    margin-top : -0.4rem;
    color      : #000000;
}

body .mhead {
    margin-top: 3.2rem;
}

.head .righticon {
    position : absolute;
    right    : 0.5rem;
    font-size: 0.75rem;
    color    : #000;
}

.head .icon_dui,
.head .iconwh,
.head .iconshuaxin,
.head .iconiconfontshanchu {
    position : absolute;
    right    : 0.5rem;
    font-size: 0.75rem;
    color    : #000;
}

.head .rtext {
    position : absolute;
    right    : 0.5rem;
    font-size: 0.55rem;
    color    : #000;
}

.screen {
    position  : fixed;
    top       : 3rem;
    background: #fff;
    width     : 100%;
    left      : 0;
    display   : table;
    text-align: center;
}

.screen a {
    font-size  : 0.55rem;
    color      : #999999;
    line-height: 2rem;
    text-align : center;
}

.screen a.on {
    color: #222;
}

.screen .scjt {
    display       : inline-block;
    margin-top    : -2px;
    vertical-align: middle;
    margin-left   : 0.2rem;
    text-align    : center;
}

.screen .scjt span {
    display: block;
    width  : 0;
    height : 0;
    margin : 0.1rem 0;
}

.screen .scjt .jtbottom {
    border      : 0.2rem solid;
    border-color: #c7c7c7 transparent transparent transparent;
}

.screen .scjt .jttop {
    border      : 0.2rem solid;
    border-color: transparent transparent #c7c7c7;
}

.screen .scjt .jtbottom.on {
    border-color: #df455f transparent transparent transparent;
}

.screen .scjt .jttop.on {
    border-color: transparent transparent #000;
}

.screen .iconfont {
    display  : block;
    font-size: 0.6rem;
    color    : #555;
}

.min-text {
    font-size  : 0.5rem;
    color      : #a4b0be;
    font-weight: 400;
}

.productlist {
    padding          : 0.3rem;
    margin-top       : 3rem;
    /* display       : flex;
    flex-direction   : column;
    flex-wrap        : wrap;
    height           : 800px;
    list-style       : none;
    counter-reset    : item; */
}

.productlist li {
    float        : left;
    width        : 48%;
    margin-top   : 0.5rem;
    /* background: #fff; */
    border       : 3px solid #fff;
    border-radius: 10px;
    overflow     : hidden;
    box-sizing   : border-box;
    box-shadow   : 0 0 20px rgb(211 211 211 / 72%);
    position     : relative;
    margin       : 1%;
}

.productlist li:nth-child(2n) {
    margin-right: 0;
}

.productlist .proimg img {
    display      : block;
    width        : 100%;
    border-radius: 4px;
    height       : 8rem;
}

.protext {
    padding: 0 0.3rem 0.3rem 0.3rem;
}

.protext dd {
    color      : #999;
    font-size  : 0.5rem;
    height     : 1.5rem;
    line-height: 1.5rem;
}

.protext .title {
    font-size    : 0.6rem;
    color        : #333;
    line-height  : 0.8rem;
    margin-top   : 0.3rem;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    font-weight  : bold;
}

.protext .title img {
    display       : inline-block;
    width         : 0.65rem;
    margin-right  : 0.2rem;
    vertical-align: middle;
    margin-top    : -2px;
}

.protext .store img {
    display       : inline-block;
    width         : 0.55rem;
    margin-right  : 0.2rem;
    vertical-align: middle;
    margin-top    : -2px;
}

.protext .sold {
    float: right;
}

.protext .money em {
    float        : left;
    background   : #202020;
    border-radius: 4px;
    color        : #fff;
    padding      : 0.2rem;
    margin-top   : 0.15rem;
}

.protext .money em img {
    display: block;
    height : 0.3rem;
}

.protext .money b {
    display    : inline-block;
    line-height: 1rem;
    font-size  : 0.7rem;
    color      : #ff4757;
    margin-left: 4px;
}

.protext .money b i {
    font-weight: normal;
    font-size  : 0.5rem;
    font-style : normal;
}

.protext .money span {
    float          : right;
    background     : url(../images/icon_code_bg_hs.png) no-repeat center;
    background-size: 100%;
    color          : #fff;
    font-size      : 0.5rem;
    padding        : 0 0.2rem;
}

.prolisting li {
    float       : none;
    width       : 100%;
    margin-right: 0;
    padding     : 0.3rem;
    box-sizing  : border-box;
}

.prolisting .proimg {
    float: left;
    width: 35%;
}

.prolisting .protext {
    float     : left;
    width     : 65%;
    padding   : 0 0.3rem 0.3rem 0.3rem;
    box-sizing: border-box;
}

.prolisting .protext .title {
    margin-top        : 0;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space       : inherit;
}

.protitle {
    font-size         : 0.6rem;
    color             : #333;
    line-height       : 0.8rem;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.protitle img {
    display       : inline-block;
    width         : 0.65rem;
    margin-right  : 0.2rem;
    vertical-align: middle;
    margin-top    : -2px;
}

.introduce {
    background: #fff;
    padding   : 0.5rem;
}

.introduce .price {
    font-size  : 0.55rem;
    color      : #999;
    position   : relative;
    line-height: 1rem;
    margin-top : 0.5rem;
}

.introduce .price span {
    color       : #000;
    font-size   : 0.6rem;
    margin-right: 0.5rem;
}

.introduce .price span b {
    font-size: 0.65rem;
}

.introduce .price .sell {
    position: absolute;
    right   : 0;
    top     : 0;
}

.upgradelink {
    background   : #fcf1da;
    border-radius: 6px;
    border-bottom: 3px solid #f8e9c9;
    line-height  : 1.2rem;
    font-size    : 0.55rem;
    position     : relative;
    padding      : 0 0.5rem;
    margin-top   : 0.3rem;
}

.upgradelink a {
    color  : #976c3f;
    display: flex;
}

.upgradelink b {
    position: absolute;
    right   : 0.5rem;
    top     : 0;
}

.upgradelink i {
    display      : block;
    width        : 0.8rem;
    height       : 0.8rem;
    font-size    : 0.6rem;
    color        : #fcf1da;
    background   : #976c3f;
    border-radius: 50%;
    margin-top   : 0.2rem;
    margin-right : 0.2rem;
    line-height  : 0.8rem;
    text-align   : center;
}

.coupon {
    margin-top: 0.5rem;
}

.coupon a {
    display: flex;
}

input[type='radio'],
input[type='checkbox'] {
    width        : 0.9rem !important;
    height       : 0.9rem !important;
    border-radius: 50%;
    border       : 1px solid #ff7f50;
    margin-right : 0.2rem;
    box-sizing   : border-box;
    position     : relative;
    top          : 0.2rem;
    margin-top   : 0 !important;
}

input[type='radio']:checked,
input[type='checkbox']:checked {
    background     : url(../images/check.svg);
    background-size: 100%;
    /* border      : 2px solid transparent; */
    border         : 1px solid #ff7f50;
    width          : 1rem !important;
    height         : 1rem !important;
}

.lbody .row-between input[type='radio']:checked,
input[type='checkbox']:checked {
    margin-right: 0.15rem;
    position    : relative;
}

.ring-box,
.vertical-box {
    margin-top : 0.3rem;
    height     : 40px;
    line-height: 40px;
    display    : flex;
    color      : rgb(153 153 153);
    font-size  : 0.6rem;
}

.ring {
    width        : 15px;
    height       : 15px;
    border-radius: 50%;
    border       : 3px solid #f1c40f;
    position     : relative;
    top          : 12px;
    margin-right : 5px;
    margin-left  : 0px;
}

.vertical {
    width        : 3px;
    height       : 15px;
    position     : relative;
    top          : 12px;
    margin-right : 5px;
    border-radius: 5px;
    background   : linear-gradient(135deg, #1f1c2c, #928dab);
}

.coupon .money {
    background     : url(../images/code_money.png) no-repeat left top;
    width          : 27%;
    line-height    : 3.5rem;
    background-size: 100%;
    text-align     : center;
    color          : #fff;
    font-size      : 0.55rem;
}

.coupon .money b {
    font-size: 0.8rem;
}

.coupon .draw {
    width          : 73%;
    background     : url(../images/code_draw.png) no-repeat top left;
    background-size: 100%;
    text-align     : center;
    color          : #bcbcbc;
    font-size      : 0.55rem;
    line-height    : 1rem;
}

.coupon .draw h4 {
    font-weight: normal;
    font-size  : 0.7rem;
    color      : #fff;
    line-height: 1.3rem;
    margin-top : 0.6rem;
}

.testimonial {
    font-size  : 0.55rem;
    color      : #666666;
    margin     : 0.5rem 0;
    line-height: 0.8rem;
}

.testimonial b {
    color: #333;
}

.store-services {
    background: #fff;
    padding   : 0.5rem;
    margin-top: 0.3rem;
}

.store-services ul {
    display   : flex;
    padding   : 0 0.5rem;
    margin-top: 0.3rem;
}

.store-services ul li {
    width     : 33.333%;
    font-size : 0.55rem;
    color     : #666;
    text-align: center;
}

.store-services ul li:nth-child(1) {
    text-align: left;
}

.store-services ul li:nth-child(3) {
    text-align: right;
}

.store-services ul li b {
    color      : #000;
    margin-left: 4px;
}

.details {
    width         : 100% !important;
    margin-top    : 0.3rem;
    background    : #fff;
    padding-bottom: 50px;
}

.details .title {
    line-height: 2rem;
    color      : #333;
    text-align : center;
    font-size  : 0.6rem;
}

.details img {
    display: block;
    width  : 100%;
}

.profix {
    position  : fixed;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    height    : 1.8rem;
    background: #ffffff;
    z-index   : 2;
    display   : flex;
    box-sizing: border-box;
}

.profix .collect {
    font-size  : 0.5rem;
    color      : #999;
    line-height: 1.8rem;
    width      : 26%;
    text-align : center;
}

.profix .collect.on {
    color: #eaa442;
}

.profix .collect.on em:before {
    content: '已';
}

.profix .collect i {
    font-size   : 0.7rem;
    margin-right: 4px;
}

.profix span {
    display    : block;
    width      : 37%;
    text-align : center;
    line-height: 1.8rem;
    height     : 1.8rem;
    color      : #fff;
    font-size  : 0.6rem;
}

.addcart {
    background: #202020;
}

.buynow {
    background: #ff4757;
}

.integral {
    display   : flex;
    padding   : 0.5rem 0.5rem 0 0.5rem;
    text-align: center;
}

.integral li {
    width         : 100%;
    padding-bottom: 0.5rem;
    font-size     : 0.5rem;
    color         : #999;
}

.integral li .num {
    font-size    : 0.7rem;
    font-weight  : bold;
    color        : #f39c12;
    margin-bottom: 0.2rem;
}

.integral li .text {
    color: #999;
}

.popbg {
    display   : none;
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index   : 3;
}

.property {
    position               : absolute;
    bottom                 : 0;
    left                   : 0;
    width                  : 100%;
    padding                : 0.5rem;
    box-sizing             : border-box;
    background             : #fff;
    border-top-left-radius : 6px;
    border-top-right-radius: 6px;
}

.property .close {
    position     : absolute;
    right        : 0.5rem;
    top          : 0.5rem;
    color        : #999;
    font-size    : 0.5rem;
    border-radius: 50%;
    border       : 1px solid #999;
    width        : 1rem;
    height       : 1rem;
    line-height  : 1rem;
    text-align   : center;
}

.property .shuxing .img {
    float        : left;
    width        : 4rem;
    height       : 4rem;
    border-radius: 4px;
}

.property .shuxing .text {
    float      : left;
    font-size  : 0.55rem;
    line-height: 0.8rem;
    margin-left: 0.8rem;
    margin-top : 1.6rem;
    color      : #333;
}

.property .shuxing .text b {
    color    : #000;
    font-size: 0.65rem;
}

.property .norms {
    margin-top    : 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom : 1px solid #e5e5e5;
}

.property .norms dt {
    color    : #333;
    font-size: 0.65rem;
}

.property .norms dd a {
    display      : inline-block;
    font-size    : 0.55rem;
    color        : #333;
    padding      : 0 0.5rem;
    line-height  : 1.2rem;
    border-radius: 4px;
    margin-right : 0.5rem;
    margin-top   : 0.5rem;
    border       : 1px solid #e5e5e5;
    box-sizing   : border-box;
}

.property .norms dd a.on {
    color : #000;
    border: 1px solid #eaa442;
}

.buynum {
    margin-top: 0.8rem;
}

.buynum h5 {
    float      : left;
    color      : #333;
    font-size  : 0.65rem;
    line-height: 1.4rem;
    font-weight: normal;
}

.buynum .num {
    float  : right;
    display: flex;
}

.buynum .num input {
    display   : inline-block;
    color     : #666;
    width     : 1.4rem;
    height    : 1.4rem;
    border    : none;
    background: #f6f6f6;
    margin    : 0 1px;
}

.buynum .num .jia {
    background     : #f6f6f6 url(../images/jia.png) no-repeat center;
    background-size: 50%;
}

.buynum .num .jian {
    background     : #f6f6f6 url(../images/jian.png) no-repeat center;
    background-size: 50%;
}

.buynum .num .quantity {
    width       : 2.4rem;
    text-align  : center;
    line-height : 1rem;
    padding     : 0.2rem 0;
    border-left : none;
    border-right: none;
    color       : #000;
    font-size   : 0.6rem;
    box-sizing  : border-box;
}

.gbtn {
    display      : block;
    width        : 100%;
    line-height  : 1.8rem;
    text-align   : center;
    background   : #202020;
    color        : #fff;
    border       : none;
    border-radius: 50px;
    font-size    : 0.65rem;
    margin-top   : 1rem;
}

.maxhei {
    max-height: 15rem;
    overflow  : scroll;
}

.address {
    margin-top: 3.2rem;
}

.address li {
    padding      : 0.5rem 2rem 0.5rem 2.4rem;
    background   : #fff;
    border-radius: 6px;
    position     : relative;
}

.address li .lefticon {
    position     : absolute;
    left         : 0.5rem;
    top          : 50%;
    margin-top   : -0.7rem;
    font-size    : 0.8rem;
    background   : #eaa442;
    border-radius: 50%;
    width        : 1.4rem;
    height       : 1.4rem;
    color        : #fff;
    text-align   : center;
    line-height  : 1.4rem;
    font-style   : normal;
}

.address li .gray {
    background: #b3b3b3;
    font-size : 0.6rem;
}

.address li dl dt {
    font-size  : 0.6rem;
    color      : #333;
    line-height: 1rem;
}

.address li dl dt em {
    color      : #999;
    font-size  : 0.6rem;
    margin-left: 0.3rem;
}

.address li dl dd {
    font-size    : 0.6rem;
    color        : #333;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    width        : 100%;
}

.address li .righticon {
    position   : absolute;
    right      : 0.5rem;
    top        : 50%;
    margin-top : -0.5rem;
    font-size  : 0.5rem;
    color      : #999;
    line-height: 1rem;
}

.address li .righticon i {
    font-size: 0.6rem;
}

.address li .text {
    border-left : 1px solid #eee;
    padding-left: 0.5rem;
}

.addlink {
    margin-top   : 2.5rem;
    text-align   : center;
    font-size    : 0.55rem;
    padding      : 0.5rem;
    background   : #fff;
    border-radius: 6px;
}

.addlink a {
    color: #d93c37;
}

.conlist {
    background   : #fff;
    border-radius: 6px;
    margin-top   : 0.5rem;
    padding      : 0.5rem 0.5rem 0 0.5rem;
}

.prosx {
    margin-top: 0.8rem;
}

.prosx .img {
    float        : left;
    width        : 100%;
    border-radius: 4px;
}

.prosx .cen {
    /* float      : left; */
    width      : 100%;
    padding    : 0 0rem 0 0.5rem;
    box-sizing : border-box;
    line-height: 0.8rem;
    font-size  : 0.6rem;
    color      : #2c3a47;
}

.prosx .cen dt {
    color             : #333;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.prosx .cen dd {
    color             : #999;
    border-radius     : 2px;
    margin-top        : 0.2rem;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.prosx .right {
    float      : left;
    /* width   : 19%; */
    text-align : right;
    color      : #999;
    line-height: 25px;
    font-size  : 0.5rem;
    text-indent: 10px;
}

.prosx .right .mon {
    font-size: 0.6rem;
    color    : #333;
}

.xiangxi {
    display: table;
    width  : 100%;
}

.xiangxi .num {
    float  : right;
    display: flex;
}

.xiangxi .num input {
    display   : inline-block;
    color     : #666;
    width     : 1.2rem;
    height    : 1.2rem;
    border    : none;
    border    : 1px solid #dfdfdf;
    box-sizing: border-box;
}

.xiangxi .num .jia {
    background                : url(../images/jia.png) no-repeat center;
    background-size           : 50%;
    border-top-right-radius   : 4px;
    border-bottom-right-radius: 4px;
}

.xiangxi .num .jian {
    background               : url(../images/jian.png) no-repeat center;
    background-size          : 50%;
    border-top-left-radius   : 4px;
    border-bottom-left-radius: 4px;
}

.xiangxi .num .quantity {
    width       : 2rem;
    text-align  : center;
    line-height : 0.8rem;
    padding     : 0.2rem 0;
    border-left : none;
    border-right: none;
    color       : #000;
    font-size   : 0.6rem;
    box-sizing  : border-box;
}

.xiangxi tr {
    color      : #999;
    font-size  : 0.55rem;
    line-height: 2rem;
}

.xiangxi tr td:first-child {
    font-size: 0.6rem;
    color    : #333;
}

.xiangxi tr td:first-child i {
    color: #999;
}

.xiangxi tr .right {
    float: right;
    color: #333;
}

.xiangxi tr .right i {
    font-size: 0.5rem;
    color    : #999;
}

.xiangxi tr .right .check {
    width         : 0.8rem;
    height        : 0.8rem;
    border        : 1px solid #cccccc;
    border-radius : 50%;
    vertical-align: middle;
    margin-left   : 0.2rem;
    box-sizing    : border-box;
    margin-top    : -2px;
}

.xiangxi tr .right .check:checked {
    background     : #eaa442 url(../images/checked.png) no-repeat center;
    background-size: 70%;
    border         : none;
}

.xiangxi tr td .textin {
    display    : block;
    width      : 100%;
    border     : none;
    line-height: 0.8rem;
    font-size  : 0.55rem;
}

.textin::-webkit-input-placeholder {
    color: #999;
}

.textin::-moz-placeholder {
    color: #999;
}

.textin:-moz-placeholder {
    color: #999;
}

.textin:-ms-input-placeholder {
    color: #999;
}

.hidden {
    display: none;
}

.xiangxi .heji em {
    font-size   : 0.5rem;
    color       : #999;
    margin-right: 0.2rem;
}

#payAmount,
#payIntegral {
    color      : #ff4757;
    font-weight: bold;
    font-size  : 0.8rem;
}

.total {
    text-align   : right;
    width        : 63%;
    font-size    : 0.65rem;
    line-height  : 1.8rem;
    padding-right: 0.5rem;
    box-sizing   : border-box;
}

.total em {
    font-size   : 0.5rem;
    color       : #999;
    margin-right: 0.2rem;
}

.total b {
    color      : #000;
    font-weight: bold;
}

.subbtn {
    background : #ff4757;
    display    : block;
    width      : 100%;
    text-align : center;
    line-height: 1.8rem;
    height     : 1.8rem;
    color      : #fff;
    font-size  : 0.6rem;
}

.orderpop {
    display                : none;
    position               : fixed;
    bottom                 : 0;
    left                   : 0;
    background             : #fff;
    width                  : 100%;
    padding                : 0 0.5rem 0.5rem 0.5rem;
    box-sizing             : border-box;
    z-index                : 3;
    border-top-left-radius : 6px;
    border-top-right-radius: 6px;
}

.orderpop h2 {
    text-align : center;
    font-size  : 0.65rem;
    font-weight: normal;
    line-height: 2rem;
}

.orderpop .list {
    display    : table;
    width      : 100%;
    line-height: 1.6rem;
    font-size  : 0.55rem;
    color      : #333;
}

.orderpop .list td input {
    float         : right;
    width         : 0.8rem;
    height        : 0.8rem;
    border        : 1px solid #cccccc;
    border-radius : 50%;
    vertical-align: middle;
    margin-left   : 0.2rem;
    box-sizing    : border-box;
}

.orderpop .list td input:checked {
    background     : #d93c37 url(../images/checked.png) no-repeat center;
    background-size: 70%;
    border         : none;
}

.minhei {
    min-height: 6rem;
}

.zred {
    color: #d93c37 !important;
}

.addform {
    background: #fff;
    display   : table;
    width     : 100%;
    font-size : 0.55rem;
    color     : #333;
}

.addform td {
    padding      : 0 0.5rem;
    border-bottom: 1px solid #eee;
}

.addform td:first-child {
    width: 32%;
}

.addform td input {
    display    : block;
    width      : 100%;
    border     : none;
    line-height: 0.8rem;
    padding    : 0.5rem 0;
    font-size  : 0.55rem;
    color      : #333;
    background : none;
}

.addform td textarea {
    display    : block;
    width      : 100%;
    border     : none;
    line-height: 0.8rem;
    padding    : 0.5rem 0;
    font-size  : 0.55rem;
    color      : #333;
    outline    : none;
    font-family: '微软雅黑';
    background : none;
    resize     : none;
}

.moren {
    font-size    : 0.55rem;
    line-height  : 1.8rem;
    background   : #fff;
    padding      : 0 0.5rem;
    margin-bottom: 1rem;
}

.moren input {
    float         : right;
    width         : 0.8rem;
    height        : 0.8rem;
    border        : 1px solid #cccccc;
    border-radius : 50%;
    vertical-align: middle;
    margin-left   : 0.2rem;
    box-sizing    : border-box;
    margin-top    : 0.5rem;
    padding       : 0;
}

.moren input:checked {
    background     : #eaa442 url(../images/checked.png) no-repeat center;
    background-size: 70%;
    border         : none;
}

.minhei {
    min-height: 6rem;
}

.big-button {
    display      : block;
    width        : 100%;
    line-height  : 1.8rem;
    text-align   : center;
    background   : #202020;
    color        : #fff;
    border       : none;
    border-radius: 4px;
    font-size    : 0.65rem;
    margin-top   : 0.5rem;
}

.pay {
    background      : #fff;
    /* display      : table; */
    border-radius   : 6px;
    width           : 100%;
    /* margin-top   : 0.5rem; */
}

.pay th {
    line-height: 1.6rem;
    font-size  : 0.6rem;
    text-align : left;
    padding    : 0 0.5rem;
    font-weight: normal;
}

.pay td {
    line-height: 1.6rem;
    font-size  : 0.6rem;
    color      : #333;
    padding    : 0 0.5rem;
}

.pay i {
    font-size     : 0.8rem;
    vertical-align: middle;
    margin-right  : 0.3rem;
}

.pay img.icon {
    position: relative;
    left    : -0.2rem;
}

.pay span.name {
    position: relative;
    left    : -0.3rem;
}

.pay i.icon_zfb {
    color: #01a2e9;
}

.pay i.icon_wx {
    color: #00be3c;
}

.pay td input {
    float         : right;
    width         : 0.8rem;
    height        : 0.8rem;
    border        : 1px solid #cccccc;
    border-radius : 50%;
    vertical-align: middle;
    margin-left   : 0.2rem;
    box-sizing    : border-box;
    padding       : 0;
}

.pay td input:checked {
    background     : #eaa442 url(../images/checked.png) no-repeat center;
    background-size: 70%;
    border         : none;
}

.ordert {
    font-weight: normal;
    font-size  : 0.55rem;
}

.ordert a {
    color: #333;
}

.ordert i {
    color      : #999;
    font-size  : 0.5rem;
    margin-left: 0.2rem;
}

.monlist {
    margin-top : 0.5rem;
    font-size  : 0.5rem;
    color      : #999;
    display    : table;
    width      : 100%;
    text-align : left;
    line-height: 1rem;
}

.monlist td:last-child {
    text-align: right;
}

.monlist th {
    color      : #333;
    font-size  : 0.55rem;
    font-weight: normal;
    line-height: 1.4rem;
}

.monlist th:last-child {
    text-align: right;
}

.monlist tr:last-child th {
    border-top: 1px solid #eee;
    margin-top: 0.2rem;
}

.orderxx {
    display   : table;
    width     : 100%;
    margin-top: 0.5rem;
    background: #fff;
    padding   : 0 0.5rem 0.5rem 0.5rem;
    box-sizing: border-box;
    text-align: left;
}

.orderxx th {
    color      : #333;
    font-size  : 0.55rem;
    font-weight: normal;
    line-height: 1.4rem;
}

.orderxx th i {
    display       : inline-block;
    width         : 2px;
    height        : 0.6rem;
    background    : #d93c37;
    vertical-align: middle;
    margin-top    : -2px;
    margin-right  : 0.2rem;
}

.orderxx td {
    font-size   : 0.5rem;
    line-height : 1.2rem;
    color       : #666;
    padding-left: 0.3rem;
}

.orderbtn {
    width     : 100%;
    font-size : 0.55rem;
    border-top: 1px solid #f1f1f1;
}

.orderbtn a,
.orderbtn span {
    float        : right;
    color        : #666;
    display      : block;
    width        : 3rem;
    line-height  : 1.2rem;
    border-radius: 5px;
    border       : 1px solid #eee;
    height       : 1.2rem;
    margin-left  : 0.3rem;
    margin-top   : 0.6rem;
    font-size: .55rem;
}

.orderbtn a {
    text-align: center;
}

.orderbtn span {
    margin-top: 0.3rem;
}

.orderbtn a.buy {
    background: #ff6b81;
    color     : white;
    border    : 0;
}

.orderbtn a.take {
    background: #1e90ff;
    color     : white;
    border    : 0;
}

.orderbtn a.paybtn {
    color : #d93c37;
    border: 1px solid #d93c37;
}

.classtop .intext {
    width: 100%;
}

.classfication {}

.classleft {
    width         : 25%;
    float         : left;
    position      : fixed;
    height        : 100%;
    overflow      : scroll;
    top           : 0;
    left          : 0;
    border-right  : 1px solid #f1f1f1;
    padding-top   : 2.5rem;
    box-sizing    : border-box;
    padding-bottom: 2.4rem;
}

.classleft::-webkit-scrollbar {
    display: none;
}

.classleft a {
    display      : block;
    font-size    : 0.6rem;
    text-align   : center;
    width        : 80%;
    line-height  : 1.4rem;
    border-radius: 50px;
    margin       : 0.5rem auto;
}

.classleft a.on {
    background: #202020;
    color     : #fff;
}

.classright {
    width         : 75%;
    float         : right;
    position      : relative;
    height        : 100%;
    overflow      : scroll;
    top           : 0;
    right         : 0;
    padding-top   : 2.5rem;
    padding-bottom: 2.4rem;
    box-sizing    : border-box;
}

.classlist {
    margin-bottom: 1rem;
}

.classlist dt {
    position   : relative;
    padding    : 0 1rem;
    font-size  : 0.6rem;
    color      : #333;
    font-weight: bold;
    line-height: 1.6rem;
}

.classlist dt a {
    position   : absolute;
    right      : 1rem;
    color      : #999;
    font-size  : 0.6rem;
    font-weight: normal;
}

.classlist dd {
    float     : left;
    width     : 33.333%;
    text-align: center;
    font-size : 0.55rem;
    margin-top: 0.8rem;
}

.classlist dd img {
    display      : block;
    width        : 2rem;
    margin       : auto;
    border-radius: 50%;
    margin-bottom: 0.3rem;
}

.classlist dd a {
    color: #666;
}

.cartlist .protitle {
    line-height: 2rem;
}

.cartlist dd {
    position       : relative;
    background     : #fff;
    padding        : 0.5rem;
    border-bottom  : 1px solid #f5f5f5;
    /* padding-left: 1.7rem; */
    height         : 4.5rem;
}

.cartlist dd.checked {
    padding-left: 1.7rem;
}

.cartlist dd .cimg {
    float        : left;
    width        : 25%;
    border-radius: 4px;
}

.cartlist dd .ctext {
    float       : left;
    width       : 75%;
    padding-left: 0.3rem;
    box-sizing  : border-box;
}

.cartlist .ctitle {
    color             : #222;
    font-size         : 0.55rem;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.cartlist .cclass span {
    display      : inline-block;
    font-size    : 0.5rem;
    background   : #fafafa;
    color        : #999;
    border-radius: 2px;
    line-height  : 1rem;
    padding      : 0 0.3rem;
    min-height   : 1rem;
}

.cartlist .cmon {
    color          : #000;
    font-size      : 0.6rem;
    line-height    : 1.2rem;
    display        : flex;
    justify-content: space-between;
}

.cartlist .num {
    position   : absolute;
    right      : 0.5rem;
    bottom     : 0.3rem;
    line-height: 1.2rem;
    display    : flex;
}

.cartlist .num input {
    display   : inline-block;
    color     : #666;
    width     : 1rem;
    height    : 1rem;
    border    : none;
    border    : 1px solid #dfdfdf;
    box-sizing: border-box;
}

.cartlist .num .jia {
    background                : url(../images/jia.png) no-repeat center;
    background-size           : 50%;
    border-top-right-radius   : 4px;
    border-bottom-right-radius: 4px;
}

.cartlist .num .jian {
    background               : url(../images/jian.png) no-repeat center;
    background-size          : 50%;
    border-top-left-radius   : 4px;
    border-bottom-left-radius: 4px;
}

.cartlist .num .quantity {
    width       : 2rem;
    text-align  : center;
    line-height : 0.8rem;
    padding     : 0.2rem 0;
    border-left : none;
    border-right: none;
    color       : #000;
    font-size   : 0.6rem;
    box-sizing  : border-box;
}

.cartlist dt {
    position    : relative;
    padding-left: 1.7rem;
}

.cartlist dt .choose {
    position     : absolute;
    left         : 0.5rem;
    top          : 0.65rem;
    width        : 0.7rem;
    height       : 0.7rem;
    border       : 1px solid #cccccc;
    border-radius: 50%;
    box-sizing   : border-box;
}

.cartlist dd .choose {
    position     : absolute;
    left         : 0.5rem;
    top          : 50%;
    margin-top   : -1rem;
    width        : 0.7rem;
    height       : 0.7rem;
    border       : 1px solid #cccccc;
    border-radius: 50%;
    box-sizing   : border-box;
}

.cartlist .choose:checked {
    background     : #eaa442 url(../images/checked.png) no-repeat center;
    background-size: 70%;
    border         : none;
}

.cartfixed {
    position    : fixed;
    bottom      : 2.4rem;
    left        : 0;
    height      : 1.8rem;
    width       : 100%;
    background  : #fff;
    color       : #999;
    font-size   : 0.5rem;
    padding-left: 0.3rem;
    box-sizing  : border-box;
}

.cartfixed .choose {
    position     : absolute;
    left         : 0.5rem;
    top          : 50%;
    margin-top   : -0.35rem !important;
    width        : 0.7rem !important;
    height       : 0.7rem !important;
    border       : 1px solid #cccccc !important;
    border-radius: 50%;
    box-sizing   : border-box;
}

.cartfixed .choose:checked {
    background     : #eaa442 url(../images/checked.png) no-repeat center;
    background-size: 70%;
    border         : none;
}

.cartfixed label {
    font-size  : 0.55rem;
    line-height: 1.8rem;
    margin-left: 1.2rem;
}

.cfright {
    display: flex;
}

.cfright ul {
    line-height: 0.9rem;
}

.cfright ul em {
    color      : #202020;
    font-weight: bold;
}

.cfright a {
    display    : block;
    width      : 6rem;
    height     : 1.8rem;
    line-height: 1.8rem;
    background : #202020;
    color      : #fff;
    text-align : center;
    font-size  : 0.6rem;
    margin-left: 1rem;
}

.runbtn:before {
    content: '管理';
}

.delbtn:after {
    content: '完成';
}

.blank img {
    display: block;
    width  : 100%;
    margin : auto;
    margin : 25% 0 0 0;
    opacity: 0.3;
    filter : alpha(opacity=0.3);
}

.blank .title {
    text-align : center;
    font-size  : 0.55rem;
    color      : #666;
    line-height: 1rem;
}

.blank .con {
    text-align : center;
    font-size  : 0.5rem;
    color      : #999;
    line-height: 1rem;
}

.myhead {
    background     : #d0362a url(../images/myheadimg.png) no-repeat bottom center;
    background-size: 100%;
    padding        : 0 0.5rem 2.5rem 0.5rem;
}

.headico {
    line-height: 2rem;
    text-align : right;
}

.headico a i {
    margin-left: 0.5rem;
    color      : #fff;
    font-size  : 1rem;
}

.userme li {
    position  : relative;
    text-align: center;
}

.userme .headimg .img {
    position: relative;
}

.userme .headimg img {
    display      : block;
    width        : 2.4rem;
    margin       : auto;
    border-radius: 50%;
    margin-bottom: 0.4rem;
}

.userme .headimg em {
    background   : #fcf1d8;
    color        : #825831;
    border-radius: 50px;
    line-height  : 0.8rem;
    position     : absolute;
    bottom       : -0.4rem;
    left         : 50%;
    margin-left  : -1.5rem;
    width        : 3rem;
    font-size    : 0.45rem;
}

.userme .name {
    font-size  : 0.65rem;
    color      : #fff;
    line-height: 1.6rem;
}

.userme .invitation-code {
    color      : #fff;
    font-size  : 0.5rem;
    line-height: 1rem;
}

.userme .invitation-code i {
    font-size  : 0.5rem;
    margin-left: 0.2rem;
}

.userme .invitation-code span {
    background   : #3e3e3e;
    display      : inline-block;
    width        : 3rem;
    text-align   : center;
    border-radius: 50px;
    margin-left  : 0.2rem;
}

.fmt {
    margin-top: -1.2rem;
}

.mylink {
    background   : #fff;
    border-radius: 6px;
    box-shadow   : 0 0 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 0.5rem;
}

.mylink .title {
    position     : relative;
    padding      : 0 0.8rem;
    line-height  : 2rem;
    border-bottom: 1px solid #efefef;
    font-size    : 0.6rem;
    color        : #333;
}

.mylink .title a {
    position   : absolute;
    right      : 0.8rem;
    top        : 0;
    font-weight: normal;
    color      : #999;
}

.mylink .orderlink {
    display: flex;
}

.mylink .orderlink li {
    width     : 25%;
    text-align: center;
    font-size : 0.55rem;
    padding   : 0.5rem 0;
}

.mylink .orderlink li a {
    color: #666;
}

.mylink .orderlink li i {
    display                : block;
    font-size              : 1.2rem;
    margin                 : auto;
    background-image       : -webkit-linear-gradient(left, #e2374e, #dc586e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom          : 0.2rem;
}

.mylink .toollink li i {
    background-image       : -webkit-linear-gradient(left, #e2374e, #dc586e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom          : 0.2rem;
}

.mylink .orderlink li a {
    color: #666;
}

.viplink {
    display : block;
    padding : 0.8rem 1rem;
    position: relative;
}

.viplink img {
    float     : left;
    width     : 22%;
    margin-top: 0.2rem;
}

.viplink .text {
    float      : left;
    width      : 78%;
    padding    : 0 1rem;
    box-sizing : border-box;
    font-size  : 0.5rem;
    color      : #999;
    line-height: 0.9rem;
}

.viplink .text h5 {
    font-weight: normal;
    color      : #666;
    font-size  : 0.6rem;
}

.viplink i {
    position   : absolute;
    right      : 1rem;
    top        : 50%;
    color      : #a4a4a4;
    font-size  : 0.6rem;
    line-height: 0.6rem;
    margin-top : -0.3rem;
}

.toollink {
    padding-bottom: 0.5rem;
}

.toollink li {
    float     : left;
    width     : 25%;
    text-align: center;
    font-size : 0.55rem;
    margin-top: 0.5rem;
}

.toollink li a {
    color: #666;
}

.toollink li i {
    display      : block;
    font-size    : 1rem;
    margin-bottom: 0.3rem;
}

.information .switch {
    background : #fff;
    line-height: 2rem;
    display    : flex;
    text-align : center;
    color      : #555;
    font-size  : 0.6rem;
    position   : fixed;
    top        : 3rem;
    left       : 0;
    width      : 100%;
}

.information .switch li {
    width: 50%;
}

.information .switch li.on {
    color        : #000;
    border-bottom: 1px solid #000;
}

.inforlist {
    padding   : 0 0.5rem;
    margin-top: 5.5rem;
}

.inforlist li {
    background   : #fff;
    border-radius: 6px;
    border-bottom: 2px solid #efefef;
    padding      : 0.5rem 0.8rem 0 0.8rem;
    margin-top   : 0.5rem;
}

.inforlist li .con {
    padding-left: 2.5rem;
    position    : relative;
}

.inforlist li .con .icon {
    position     : absolute;
    left         : 0;
    top          : 50%;
    margin-top   : -0.7rem;
    width        : 2rem;
    height       : 2rem;
    border-radius: 50%;
    text-align   : center;
    color        : #fff;
    line-height  : 2rem;
    font-size    : 1rem;
}

.inforlist li .con .iconicon_notice {
    background: #77baf9;
}

.inforlist li .con .iconxinxi {
    background: #ed9e56;
}

.inforlist li .con .title {
    color      : #212121;
    font-size  : 0.6rem;
    line-height: 0.8rem;
}

.inforlist li .con .text {
    color      : #666;
    font-size  : 0.55rem;
    line-height: 0.8rem;
    margin-top : 0.2rem;
}

.inforlist li .come {
    line-height: 2rem;
    color      : #ccc;
    font-size  : 0.5rem;
    margin-top : 0.5rem;
}

.inforlist li .come .time {
    float: right;
}

.modify-avatars {
    background   : #fff;
    margin-bottom: 0.3rem;
    padding      : 1rem 0;
    text-align   : center;
    font-size    : 0.5rem;
    color        : #999;
}

.modify-avatars .img {
    width        : 2.4rem;
    margin       : auto;
    position     : relative;
    margin-bottom: 0.2rem;
}

.modify-avatars .img img {
    dispaly      : block;
    width        : 2.4rem;
    border-radius: 50%;
}

.modify-avatars .img input {
    position: absolute;
    left    : 0;
    top     : 0;
    width   : 100%;
    height  : 100%;
    opacity : 0;
    filter  : alpha(opacity=0);
}

.setlist dd {
    background   : #fff;
    line-height  : 2rem;
    border-bottom: 1px solid #f5f5f5;
    display      : flex;
    padding      : 0 0.5rem;
}

.setlist dd span,
.setlist dd a span {
    display  : block;
    width    : 25%;
    font-size: 0.55rem;
    color    : #222;
}

.setlist dd a {
    display: flex;
    width  : 100%;
}

.setlist dd input {
    display    : block;
    width      : 75%;
    border     : none;
    color      : #444;
    line-height: 0.8rem;
    padding    : 0.6rem 0;
}

.setlist dd .right {
    width     : 75%;
    text-align: right;
    font-size : 0.55rem;
    color     : #ccc;
}

.setlist dd .right i {
    font-size: 0.5rem;
}

.setlist .estbtn {
    margin: 0.3rem 0;
}

.setlist .estbtn a {
    display   : block;
    text-align: center;
    font-size : 0.6rem;
    color     : #444;
}

.password {
    padding   : 0 1rem;
    margin-top: 1rem;
}

.password dd {
    line-height  : 2rem;
    border-bottom: 1px solid #dddddd;
    position     : relative;
    margin-top   : 0.5rem;
}

.password dd i {
    position : absolute;
    left     : 0;
    top      : 0;
    color    : #999999;
    font-size: 0.75rem;
}

.password dd .saoma {
    left     : auto;
    right    : 0;
    color    : #000;
    font-size: 0.8rem;
}

.password dd input {
    display     : block;
    width       : 100%;
    border      : none;
    box-sizing  : border-box;
    line-height : 0.8rem;
    padding     : 0.6rem 0;
    padding-left: 1.2rem;
    font-size   : 0.55rem;
    color       : #333;
    background  : none;
}

.password dd input.yzm {
    width        : 4rem;
    text-align   : center !important;
    position     : absolute;
    right        : 0;
    top          : 0.4rem;
    padding      : 0;
    background   : #eaa442;
    line-height  : 1.2rem;
    border-radius: 50px;
    color        : #fff;
}

.password dt input {
    display      : block;
    width        : 100%;
    border       : none;
    line-height  : 1.8rem;
    text-align   : center;
    background   : #202020;
    border-radius: 50px;
    color        : #fff;
    font-size    : 0.6rem;
    margin-top   : 2rem;
}

.password dt .nextbtn {
    display      : block;
    width        : 100%;
    border       : none;
    line-height  : 1.8rem;
    text-align   : center;
    background   : #202020;
    border-radius: 50px;
    color        : #fff;
    font-size    : 0.6rem;
    margin-top   : 2rem;
}

.password .tx {
    border     : none;
    margin     : 0;
    font-size  : 0.55rem;
    text-align : center;
    color      : #e4161a;
    line-height: 3rem;
}

.privacy li {
    position     : relative;
    display      : flex;
    padding      : 0 0.5rem;
    line-height  : 2rem;
    font-size    : 0.55rem;
    color        : #222;
    border-bottom: 1px solid #f5f5f5;
}

.switchbtn {
    position: absolute;
    right   : 0.5rem;
    top     : 0.4rem;
    width   : 2rem;
}

.switchbtn input {
    display      : block;
    padding      : 0.5rem 0;
    width        : 100%;
    border       : 2px solid #e4e4e4;
    border-radius: 50px;
}

.switchbtn em {
    position     : absolute;
    top          : 50%;
    margin-top   : -0.5rem;
    left         : 0;
    margin-left  : 2px;
    width        : 1rem;
    height       : 1rem;
    box-shadow   : 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    background   : #fff;
}

.privacy .check input {
    border    : 2px solid #46d329;
    background: #46d329;
}

.privacy .check em {
    left       : auto;
    right      : 0;
    margin-left: 0;
}

.tspop {
    display      : none;
    position     : fixed;
    width        : 76%;
    top          : 50%;
    left         : 12%;
    margin-top   : -2.1rem;
    z-index      : 11;
    text-align   : center;
    background   : #fff;
    border-radius: 10px;
    color        : #000;
}

.tspop .title {
    font-size  : 0.6rem;
    font-weight: bold;
    padding-top: 0.5rem;
    line-height: 0.6rem;
}

.tspop .text {
    font-size  : 0.5rem;
    line-height: 2rem;
    color      : #666;
}

.tspop .btn {
    display    : flex;
    line-height: 2rem;
    font-size  : 0.6rem;
    border-top : 1px solid #ddd;
}

.tspop .btn span {
    display     : block;
    width       : 50%;
    border-right: 1px solid #ddd;
    box-sizing  : border-box;
    color       : #999;
}

.tspop .btn a {
    display: block;
    width  : 50%;
    color  : #000;
}

.tspop .pbtn {
    text-align : center;
    line-height: 2rem;
    font-size  : 0.6rem;
    border-top : 1px solid #ddd;
    color      : #4882f0;
}

.abouimg {
    margin-bottom: 0;
}

.abouimg .img img {
    border-radius: 0;
}

.abouimg h2 {
    font-size  : 0.6rem;
    color      : #000;
    font-weight: normal;
}

.content {
    font-size  : 0.55rem;
    color      : #666;
    line-height: 1rem;
}

.content img {
    display: block;
}

.bottompop {
    display   : none;
    background: #fff;
    position  : fixed;
    bottom    : 0;
    left      : 0;
    width     : 100%;
    z-index   : 999;
}

.share {
    display    : flex;
    align-items: center;
    width      : 100%;
    height     : 100%;
    padding    : 0 2rem;
    box-sizing : border-box;
}

.share li {
    height   : 100%;
    flex     : 1;
    font-size: 0.55rem;
    padding  : 0.5rem 0;
}

.share li i {
    display      : block;
    font-size    : 1.4rem;
    color        : #17a644;
    margin       : auto;
    margin-bottom: 0.2rem;
}

.share li a {
    color: #333;
}

.closebtn {
    text-align: right;
    color     : #666;
    padding   : 1rem 1rem 1.5rem 1rem;
}

.closebtn a i {
    color    : #888;
    font-size: 0.65rem;
}

.loginlogo img {
    display      : block;
    margin       : auto;
    width        : 3rem;
    border-radius: 5px;
    width        : 4rem;
}

.loginlogo h2 {
    font-weight: normal;
    color      : #333;
    font-size  : 0.65rem;
    text-align : center;
    line-height: 4rem;
}

.wxlogin a {
    display      : block;
    width        : 100%;
    border       : none;
    line-height  : 1.8rem;
    text-align   : center;
    background   : #202020;
    border-radius: 50px;
    color        : #fff;
    font-size    : 0.6rem;
    margin-top   : 8rem;
}

.wxlogin a i {
    font-size   : 0.75rem;
    margin-right: 0.2rem;
    line-height : 2rem;
}

.logintext {
    text-align   : center;
    font-size    : 0.55rem;
    color        : #777;
    margin-top   : 1rem;
    margin-bottom: 1rem;
}

.logintext a {
    color: #6385e8;
}

.lolink {
    display   : flex;
    text-align: center;
    padding   : 0 2rem;
}

.lolink li {
    width: 100%;
}

.lolink li a {
    color    : #999;
    font-size: 0.55rem;
}

.lolink li a i {
    margin-right: 4px;
}

.invitation {
    display      : flex;
    width        : 80%;
    border-radius: 4px;
    border       : 1px solid #f5f5f5 !important;
    padding      : 0.5rem 1rem;
    box-sizing   : border-box;
    margin       : auto;
    margin-top   : 1rem !important;
}

.invitation img {
    display      : block;
    width        : 1.4rem;
    height       : 1.4rem;
    border-radius: 50%;
    margin-right : 0.8rem;
}

.invitation h2 {
    font-weight: normal;
    font-size  : 0.6rem;
    line-height: 0.9rem;
}

.invitation p {
    font-size  : 0.45rem;
    color      : #ccc;
    line-height: 0.5rem;
}

.error {
    display   : block;
    margin-top: 11rem;
    text-align: center;
    font-size : 0.55rem;
    color     : #9b9b9b;
}

.incomelink a {
    display: flex;
}

.incomelink li {
    width     : 33.333%;
    text-align: center;
    padding   : 0.3rem 0;
}

.incomelink li h5 {
    font-size  : 0.6rem;
    color      : #222;
    line-height: 1rem;
}

.incomelink li h5 em {
    font-size: 0.45rem;
}

.incomelink li span {
    display    : block;
    font-size  : 0.5rem;
    color      : #666;
    line-height: 0.8rem;
}

.mybanner {
    border-radius: 6px;
    margin-bottom: 0.5rem !important;
    box-shadow   : 0 0 10px rgba(0, 0, 0, 0.05);
}

.mybanner img {
    display: block;
    width  : 100%;
}

.mybanner .swiper-pagination {
    bottom: 0 !important;
}

.mybanner .swiper-pagination-bullet {
    width : 6px !important;
    height: 6px !important;
}

.mybanner .swiper-pagination-bullet-active {
    background: #fff !important;
}

.incomebg {
    background     : url(../images/incomebg.png) no-repeat top center;
    text-align     : center;
    background-size: cover;
    padding        : 0.8rem 0;
    color          : #fff;
    font-size      : 0.55rem;
    margin-bottom  : 0.3rem;
}

.incomebg b {
    font-size : 0.6rem;
    display   : block;
    margin-top: 0.2rem;
}

.estimate {
    background: #fff;
    padding   : 0 0.5rem 0.5rem 0.5rem;
    font-size : 0.55rem;
    text-align: center;
    color     : #666;
}

.estimate dt {
    color      : #222222;
    line-height: 2rem;
}

.estimate dd {
    float      : left;
    width      : 50%;
    line-height: 1rem;
}

.estimate dd b {
    display    : block;
    font-size  : 0.6rem;
    font-weight: normal;
    color      : #333;
}

.estimate dd i {
    color      : #b3d8f2;
    line-height: 1rem;
    margin-left: 4px;
}

.estime {
    padding   : 0 0 0.5rem 0;
    margin-top: 0.3rem;
}

.estime dt {
    line-height  : 1.2rem;
    text-align   : left;
    border-bottom: 1px solid #efefef;
    padding      : 0 0.5rem;
    font-weight  : bold;
    margin-bottom: 0.5rem;
}

.estime dt i {
    margin-right: 4px;
}

.estime dd:first-of-type {
    border      : none;
    border-right: 1px solid #efefef;
    box-sizing  : border-box;
}

.estime dt.jr {
    color: #ddb052;
}

.estime dt.zr {
    color: #628fe5;
}

.ordertotal {
    padding      : 0 0.5rem;
    font-size    : 0.55rem;
    line-height  : 2rem;
    border-bottom: 1px solid #f5f5f5;
}

.ordertotal em {
    font-size  : 0.65rem;
    color      : #000 !important;
    font-weight: bold;
}

.orderbtn2 {
    padding   : 0 0.5rem;
    box-sizing: border-box;
}

.orderbtn2 a {
    margin-top   : 0.3rem;
    margin-bottom: 0.3rem;
}

.ordertime {
    text-align : right;
    padding    : 0 0.5rem;
    color      : #999999;
    font-size  : 0.5rem;
    line-height: 1rem;
}

.orderhead {
    position  : fixed;
    top       : 0;
    left      : 0;
    text-align: center;
    height    : 2rem;
    background: #fff;
    width     : 100%;
    z-index   : 999;
}

.orderhead .topback {
    font-size  : 0.6rem;
    line-height: 0.8rem;
    position   : absolute;
    left       : 0.5rem;
    top        : 50%;
    margin-top : -0.4rem;
    color      : #000;
}

.orderhead ul {
    width        : 8rem;
    margin       : 0.3rem auto;
    border-radius: 4px;
    border       : 1px solid #222222;
    display      : flex;
    overflow     : hidden;
}

.orderhead li {
    line-height: 1.4rem;
    font-size  : 0.65rem;
    width      : 4rem;
    box-sizing : border-box;
}

.orderhead li a {
    color: #000000;
}

.orderhead li.on {
    background: #222222;
}

.orderhead li.on a {
    color: #fff;
}

.ordernav {
    position   : fixed;
    top        : 2rem;
    display    : flex;
    width      : 100%;
    font-size  : 0.55rem;
    line-height: 2rem;
    text-align : center;
    height     : 2rem;
    background : #fff;
    z-index    : 2;
}

.ordernav a {
    display   : block;
    width     : 20%;
    text-align: center;
    color     : #999;
}

.ordernav a.on {
    color        : #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
}

.fansordernav a {
    width: 25%;
}

.orderlist {
    padding   : 0 0.3rem;
    margin-top: 4.5rem;
}

.orderlist li {
    background   : #fff;
    border-radius: 5px;
    margin-bottom: 0.5rem;
}

.orderlist .protitle {
    line-height  : 2rem;
    padding      : 0 0.5rem;
    border-bottom: 1px solid #f2f2f2;
    position     : relative;
}

.orderlist .protitle em {
    position: absolute;
    right   : 0.5rem;
    color   : #999;
}

.orderlist .prosx {
    padding: 0.5rem;
    margin : 0;
}

.myordernav {
    line-height: 1.6rem;
    height     : 1.6rem;
}

.myordernav a.on {
    color        : #000;
    border-bottom: 2px solid #000;
}

.wxts {
    text-align : center;
    background : #fffbe8;
    color      : #ed6a0c;
    font-size  : 0.5rem;
    line-height: 1.2rem;
    position   : fixed;
    top        : 4.65rem;
    left       : 0;
    width      : 100%;
    z-index    : 2;
}

.wxts i {
    font-size   : 0.55rem;
    margin-right: 4px;
}

.recover {
    background   : #fff;
    border-radius: 6px;
    margin-top   : 2.5rem;
    padding      : 0 0.5rem;
}

.recover dt {
    line-height: 2rem;
    text-align : center;
    font-size  : 0.65rem;
    color      : #666;
}

.recover dd {
    padding-bottom: 0.8rem;
}

.recover dd input {
    display      : block;
    width        : 100%;
    line-height  : 0.8rem;
    padding      : 0.5rem;
    background   : #f1f1f1;
    border-radius: 50px;
    box-sizing   : border-box;
    border       : none;
    font-size    : 0.55rem;
    color        : #333;
}

.recover dd .btn {
    background: #eaa442;
    color     : #fff;
    font-size : 0.6rem;
}

.shuoming {
    background   : #fff;
    border-radius: 6px;
    margin-top   : 0.5rem;
    padding      : 0 0.5rem;
}

.shuoming .title {
    color      : #000;
    font-size  : 0.55rem;
    line-height: 2rem;
}

.shuoming .text {
    color         : #666;
    font-size     : 0.55rem;
    line-height   : 1rem;
    padding-bottom: 0.5rem;
}

.bodybg {
    background-image: linear-gradient(#e13b53, #de475f);
}

.vipimg {
    display   : block;
    width     : 80%;
    margin    : auto;
    margin-top: 4rem;
}

.viptext {
    background   : #fff;
    border-radius: 6px;
    padding      : 0.8rem 0;
    text-align   : center;
    font-size    : 0.55rem;
    line-height  : 1rem;
    color        : #666;
    margin-top   : 0.8rem;
}

.upgradetj {
    background   : #fff;
    border-radius: 6px;
    padding      : 0.8rem 0.5rem;
    text-align   : center;
    margin-top   : 0.3rem;
}

.upgradetj .title {
    font-size    : 0.65rem;
    font-weight  : bold;
    margin-bottom: 0.8rem;
}

.upgradetj .bz {
    background: #f8d74d;
    border    : 4px solid #fbeb97;
    padding   : 0.8rem 0;
    font-size : 0.55rem;
    color     : #000;
}

.upgradetj .bz b {
    font-size    : 0.6rem;
    display      : block;
    margin-bottom: 0.5rem;
}

.upbtn {
    line-height: 1.8rem;
    position   : fixed;
    left       : 0;
    bottom     : 1rem;
    text-align : center;
    width      : 100%;
    padding    : 0 1rem;
    box-sizing : border-box;
}

.upbtn a {
    display      : block;
    width        : 100%;
    background   : #3a3a3a;
    color        : #fff;
    font-size    : 0.6rem;
    border-radius: 50px;
    box-sizing   : border-box;
}

.payment {
    margin-top   : 2.5rem;
    background   : #fff;
    border-radius: 6px;
    padding      : 0 0.5rem;
    position     : relative;
    display      : flex;
    line-height  : 2rem;
    color        : #666;
    font-size    : 0.55rem;
}

.payment em {
    background   : #e0bd82;
    color        : #fff;
    display      : block;
    line-height  : 1rem;
    height       : 1rem;
    border-radius: 6px;
    padding      : 0 0.5rem;
    margin-top   : 0.5rem;
    margin-right : 0.3rem;
    font-size    : 0.5rem;
}

.payment b {
    display     : block;
    color       : #9e765c;
    font-size   : 0.75rem;
    margin-right: 0.2rem;
}

.payment input:checked {
    position       : absolute;
    right          : 0.5rem;
    top            : 0.6rem;
    background     : #9e765c url(../images/checked.png) no-repeat center;
    border         : 1px solid #82593f;
    width          : 0.8rem;
    height         : 0.8rem;
    border-radius  : 50%;
    background-size: 70%;
}

.paymentbtn {
    display      : block;
    width        : 100%;
    background   : -webkit-linear-gradient(left, #ead1a2, #dfbd80);
    background   : -o-linear-gradient(right, #ead1a2, #dfbd80);
    background   : -moz-linear-gradient(right, #ead1a2, #dfbd80);
    background   : linear-gradient(to right, #ead1a2, #dfbd80);
    color        : #593c25;
    font-size    : 0.6rem;
    border-radius: 50px;
    box-sizing   : border-box;
    line-height  : 1.8rem;
    text-align   : center;
    margin-top   : 0.8rem;
}

.centrehead {
    background: none;
    color     : #fff;
    border    : none;
    position  : relative;
}

.centrehead a .icon_back {
    color: #fff;
}

.centrebg {
    background     : url(../images/centrebg.png) no-repeat bottom center;
    background-size: 100%;
}

.user {
    text-align: center;
    margin-top: 0.5rem;
}

.user .img {
    width        : 2.4rem;
    margin       : auto;
    border-radius: 50%;
    border       : 1px solid #fff;
    padding      : 2px;
    box-sizing   : border-box;
}

.user .img img {
    display      : block;
    width        : 100%;
    border-radius: 50%;
}

.user h2 {
    font-weight: normal;
    color      : #fff;
    font-size  : 0.65rem;
    line-height: 2rem;
}

.censy {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 0.5rem;
    display   : flex;
}

.censy li {
    width      : 25%;
    text-align : center;
    padding    : 0.5rem 0;
    line-height: 1rem;
}

.censy li a {
    color    : rgba(255, 255, 255, 0.5);
    font-size: 0.5rem;
}

.censy li a b {
    display  : block;
    color    : #fff;
    font-size: 0.65rem;
}

.gradebg {
    padding: 0 0.5rem;
}

.gradebg .grade {
    line-height   : 2rem;
    padding-bottom: 0.2rem;
    text-align    : center;
    font-size     : 0.55rem;
    color         : #fae688;
}

.tool {
    display   : table;
    width     : 100%;
    text-align: center;
}

.tool th {
    font-weight  : normal;
    font-size    : 0.6rem;
    color        : #666666;
    line-height  : 2rem;
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 0.5rem;
}

.tool td {
    padding  : 0.5rem 0;
    font-size: 0.55rem;
}

.tool td a {
    color: #666;
}

.tool td img {
    width        : 1.8rem;
    margin       : auto;
    display      : block;
    margin-bottom: 0.3rem;
}

.teambg {
    background   : #fff;
    border-radius: 6px;
    margin-top   : 0.5rem;
}

.recommend {
    margin-top: 3.5rem;
}

.recommend .title {
    line-height  : 2rem;
    font-size    : 0.6rem;
    color        : #222222;
    padding      : 0 0.5rem;
    border-bottom: 1px solid #f5f5f5;
    font-weight  : normal;
}

.recommend .tjimg {
    text-align   : center;
    padding      : 0.8rem 0;
    line-height  : 2rem;
    font-size    : 0.55rem;
    color        : #212121;
    border-bottom: 1px solid #f5f5f5;
}

.recommend .tjimg img {
    display       : inline-block;
    width         : 2rem;
    border-radius : 50%;
    border        : 1px solid #f5f5f5;
    vertical-align: middle;
    margin-right  : 0.3rem;
}

.recommend .mess {
    display: flex;
}

.recommend .mess li {
    width     : 50%;
    text-align: center;
    padding   : 0.8rem 0;
}

.recommend .mess .text {
    font-size: 0.6rem;
    color    : #222;
}

.recommend .mess .text i {
    font-size   : 0.8rem;
    margin-right: 0.3rem;
}

.recommend .mess .text .iconshoujijiaofei {
    color: #e6b05f;
}

.recommend .mess .text .icon_wechat {
    color: #60ae48;
}

.recommend .mess p {
    color     : #999;
    font-size : 0.55rem;
    margin-top: 0.3rem;
}

.recommend .mess p i {
    font-size  : 0.55rem;
    margin-left: 4px;
}

.fans .hd {
    background   : #fff;
    border-radius: 6px;
    margin-top   : 0.5rem;
}

.fans .hd li {
    float      : left;
    width      : 50%;
    font-size  : 0.55rem;
    color      : #333333;
    line-height: 1rem;
    text-align : center;
    padding    : 0.5rem 0;
}

.fans .hd li:nth-of-type(1) {
    width        : 50%;
    border-bottom: 1px solid #f5f5f5;
}

.fans .hd li:nth-of-type(2) {
    width        : 50%;
    border-bottom: 1px solid #f5f5f5;
}

.fans .hd li b,
.fans .hd li span {
    display     : block;
    border-right: 1px solid #f5f5f5;
}

.fans .hd .first p span {
    margin-top: 1rem;
}

.fans .hd .first p {
    width        : 4rem;
    height       : 4rem;
    border       : 4px solid #7dd43c;
    border-radius: 50%;
    margin       : auto;
}

.fans .hd li:nth-of-type(1) b,
.fans .hd li:nth-of-type(2) b {
    border: none;
}

.fans .hd li:nth-of-type(1) span,
.fans .hd li:nth-of-type(2) span {
    border: none;
}

.fans .hd li:last-of-type b {
    border: none;
}

.fans .hd li:last-of-type span {
    border: none;
}

.fans .hd li.on {
    color: #ec6f4f;
}

.fans .hd .first.on p {
    color : #333;
    border: 4px solid #ec6f4f;
}

.fanssearch {
    padding : 0.5rem;
    position: relative;
}

.fanssearch input {
    display      : block;
    width        : 100%;
    padding      : 0.4rem 1rem 0.3rem 0.5rem;
    line-height  : 0.6rem;
    font-size    : 0.5rem;
    color        : #333;
    box-sizing   : border-box;
    border       : none;
    background   : #f5f5f5;
    border-radius: 50px;
}

.fanssearch button {
    position   : absolute;
    right      : 1rem;
    height     : 1.4rem;
    line-height: 1.4rem;
    top        : 0.5rem;
    border     : none;
    background : none;
    color      : #9e9e9e;
}

.fanslist {
    background   : #fff;
    border-radius: 6px;
    margin-top   : 0.1rem;
    padding      : 0 0.5rem;
}

.fanslist li {
    border-bottom: 1px solid #f5f5f5;
    padding      : 0.5rem 0;
}

.fanslist img {
    float        : left;
    width        : 2rem;
    border-radius: 50%;
}

.fanslist .name {
    float      : left;
    margin-left: 0.3rem;
    margin-top : 0.1rem;
}

.fanslist .name h2 {
    font-size  : 0.6rem;
    color      : #333;
    font-weight: normal;
    line-height: 1.2rem;
}

.fanslist .name h2 em {
    background   : #202020;
    font-size    : 0.45rem;
    color        : #fff;
    display      : inline-block;
    padding      : 0 0.2rem;
    line-height  : 0.7rem;
    margin-left  : 0.2rem;
    border-radius: 2px;
}

.fanslist .name .time {
    color      : #999;
    font-size  : 0.45rem;
    line-height: 0.6rem;
}

.fanslist .righttext {
    float       : right;
    font-size   : 0.5rem;
    line-height : 1rem;
    color       : #999;
    padding-left: 0.5rem;
    border-left : 1px solid #f5f5f5;
}

.fansno {
    text-align : center;
    font-size  : 0.55rem;
    color      : #666;
    line-height: 2rem;
}

.teambgb {
    background   : #000;
    border-radius: 6px;
    margin-top   : 2.5rem;
}

.teambgb .fanslist {
    background: none;
}

.teambgb .fanslist li {
    border        : none;
    padding-bottom: 0;
}

.teambgb .fanslist .name h2 {
    color: #fff;
}

.teambgb .fanslist .righttext {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    color      : #aaa;
}

.teambgb .recommend {
    margin-top: 0;
}

.teambgb .recommend .text {
    color: #fff;
}

.teambgb .recommend .mess p {
    color: #fff;
}

.teambgb .recommend .mess .text i {
    background   : #fff;
    border-radius: 50%;
}

.sharebanner {
    margin-top: 4.2rem !important;
    overflow  : hidden;
}

.sharebanner .swiper-slide {
    width              : 78%;
    height             : 22rem;
    background-position: center;
    background-size    : cover;
    border-radius      : 6px;
    overflow           : hidden;
    position           : relative;
}

.sharebanner .swiper-slide img {
    display: block;
    width  : 100%;
}

.sharebanner .swiper-pagination-bullet-active {
    background: #fff;
}

.sharebanner .sharecode {
    position  : absolute;
    left      : 0;
    width     : 100%;
    bottom    : 1.5rem;
    font-size : 0.4rem;
    color     : #fff;
    text-align: center;
}

.sharebanner .sharecode img {
    width     : 4rem;
    margin    : auto;
    margin-top: 0.5rem;
}

.sharebottom {
    position  : fixed;
    bottom    : 0;
    border-top: 0px solid #ddd;
    left      : 0;
    width     : 100%;
    height    : 3.6rem;
    display   : flex;
}

.sharebottom a {
    display      : block;
    width        : 50%;
    margin       : 1rem;
    line-height  : 1.6rem;
    font-size    : 0.6rem;
    text-align   : center;
    color        : #fff;
    border-radius: 50px;
}

.imglink {
    background: -webkit-linear-gradient(left, #656465, #3a3a3b);
    background: -o-linear-gradient(right, #656465, #3a3a3b);
    background: -moz-linear-gradient(right, #656465, #3a3a3b);
    background: linear-gradient(to right, #656465, #3a3a3b);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.sharelink {
    background: -webkit-linear-gradient(left, #ec6b4f, #ea4a50);
    background: -o-linear-gradient(right, #ec6b4f, #ea4a50);
    background: -moz-linear-gradient(right, #ec6b4f, #ea4a50);
    background: linear-gradient(to right, #ec6b4f, #ea4a50);
    box-shadow: 0 0 15px rgba(234, 74, 80, 0.3);
}

.sharepop {
    padding: 0;
}

.sharepop li {
    width: 25%;
}

.myye {
    background: url(../images/incomebg.png) no-repeat top center;
    text-align: center;
    color     : #fff;
    padding   : 1.5rem 0;
    font-size : 0.45rem;
}

.myye .cmon {
    font-size    : 0.55rem;
    margin-bottom: 0.2rem;
}

.myye .cmon b {
    font-size: 1.2rem;
}

.moneylist {
    display   : flex;
    background: #fff;
}

.moneylist li {
    width       : 33.333%;
    text-align  : center;
    font-size   : 0.5rem;
    color       : #333;
    padding     : 0.5rem 0;
    border-right: 1px solid #efefef;
}

.moneylist li:last-child {
    border-right: 0;
}

.moneylist li i {
    font-size  : 0.5rem;
    color      : #999;
    margin-left: 4px;
}

.moneylist li b {
    display   : block;
    color     : #d35752;
    margin-top: 0.2rem;
}

.sbtn {
    display      : block;
    width        : 100%;
    line-height  : 1.8rem;
    text-align   : center;
    background   : -webkit-linear-gradient(left, #e3354a, #da6678);
    background   : -o-linear-gradient(right, #e3354a, #da6678);
    background   : -moz-linear-gradient(right, #e3354a, #da6678);
    background   : linear-gradient(to right, #e3354a, #da6678);
    color        : #fff;
    border       : none;
    border-radius: 50px;
    font-size    : 0.65rem;
    margin-top   : 1rem;
}

.txtext {
    text-align : center;
    font-size  : 0.5rem;
    margin-top : 1rem;
    color      : #666;
    line-height: 1rem;
}

.balancelist {
    margin-top: 5.2rem;
}

.balancelist dt {
    background   : #fff;
    text-align   : center;
    padding      : 1rem 0;
    color        : #333;
    font-size    : 0.55rem;
    margin-bottom: 0.2rem;
}

.balancelist b {
    font-size : 1rem;
    margin-top: 0.2rem;
}

.balancelist dd {}

.balancelist table {
    background : #fff;
    display    : table;
    width      : 100%;
    padding    : 0.4rem;
    font-size  : 0.5rem;
    line-height: 1rem;
    color      : #666;
    margin-top : 0.05rem;
}

.balancelist table tr td:last-child {
    text-align: right;
}

.balancelist table b {
    font-size: 1rem;
}

.balancelist table span {
    color      : #e65252;
    font-size  : 0.6rem;
    font-weight: bold;
}

.information .hd a {
    color: #222;
}

.zhifubao {
    border       : 1px solid #f1f1f1;
    border-radius: 4px;
    padding      : 0.5rem;
}

.zhifubao .icon {
    float    : left;
    font-size: 1.6rem;
    color    : #51a9e5;
}

.zhifubao .cen {
    float      : left;
    margin-left: 0.5rem;
    font-size  : 0.5rem;
    color      : #999;
    line-height: 0.8rem;
}

.zhifubao .cen p {
    display: block;
    color  : #000;
}

.zhifubao .iconr {
    float      : right;
    color      : #ddd;
    font-size  : 0.55rem;
    line-height: 1.6rem;
}

.txmon {
    display      : block;
    width        : 100%;
    border       : 1px solid #f1f1f1;
    border-radius: 4px;
    padding      : 0.5rem;
    line-height  : 0.6rem;
    font-size    : 0.55rem;
    box-sizing   : border-box;
    margin-top   : 0.5rem;
}

.montext {
    font-size  : 0.55rem;
    color      : #676767;
    text-align : left;
    line-height: 2rem;
}

.montext b {
    color: #ec6f4f;
}

.tstext {
    color      : #222;
    font-size  : 0.55rem;
    line-height: 1rem;
    margin-top : 1rem;
}

.dlye {
    background: -webkit-linear-gradient(left, #dfbe82, #ead0a3);
    background: -o-linear-gradient(right, #dfbe82, #ead0a3);
    background: -moz-linear-gradient(right, #dfbe82, #ead0a3);
    background: linear-gradient(to right, #dfbe82, #ead0a3);
}

.dlmoneylist {
    display   : flex;
    background: #fff;
}

.dlmoneylist li {
    width       : 50%;
    text-align  : center;
    font-size   : 0.55rem;
    color       : #333;
    padding     : 0.8rem 0;
    border-right: 1px solid #efefef;
}

.dlmoneylist li:last-child {
    border-right: 0;
}

.dlmoneylist li b {
    display    : block;
    color      : #e0be84;
    margin-top : 0.2rem;
    font-size  : 0.6rem;
    font-weight: normal;
}

.dlbtn {
    background: -webkit-linear-gradient(left, #e0be84, #ead0a3);
    background: -o-linear-gradient(right, #e0be84, #ead0a3);
    background: -moz-linear-gradient(right, #e0be84, #ead0a3);
    background: linear-gradient(to right, #e0be84, #ead0a3);
    color     : #593c25;
}

.psearch {
    position   : fixed;
    top        : 2rem;
    left       : 0;
    width      : 100%;
    height     : 1.4rem;
    line-height: 1rem;
    box-sizing : border-box;
    display    : flex;
    background : #fff;
    z-index    : 999;
}

.psearch .text {
    display      : block;
    padding      : 0.2rem 0;
    text-align   : center;
    box-shadow   : 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    font-size    : 0.5rem;
    color        : #999;
    width        : 100%;
    z-index      : 9999;
}

.psearch .text i {
    margin-right: 0.2rem;
}

.problem {
    display      : flex;
    border-bottom: 1px solid #efefef;
    color        : #333;
    font-size    : 0.55rem;
    padding      : 0.5rem;
}

.problem .left {
    width     : 30%;
    text-align: center;
    margin-top: 0.3rem;
}

.problem .left .icon {
    display      : block;
    width        : 1.4rem;
    height       : 1.4rem;
    border-radius: 50%;
    margin       : auto;
    line-height  : 1.4rem;
    color        : #fff;
    font-size    : 0.8rem;
}

.problem .left h4 {
    font-weight: normal;
    font-size  : 0.5rem;
    color      : #333;
    line-height: 1rem;
    margin-top : 0.2rem;
}

.problem .left .select {
    display    : block;
    color      : #999;
    line-height: 0.6rem;
}

.problem .prolist {
    width      : 70%;
    line-height: 1.8rem;
    border-left: 1px solid #efefef;
}

.problem .prolist li {
    border-bottom: 1px solid #efefef;
    padding      : 0 0.5rem;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    display      : none;
}

.problem .prolist li a {
    color    : #333;
    font-size: 0.55rem;
}

.problem .prolist li:last-child {
    border-bottom: none;
}

.problem .prolist li:nth-child(1) {
    display: block;
}

.problem .prolist li:nth-child(2) {
    display      : block;
    border-bottom: none;
}

.problem .proshow li {
    display: block;
}

.problem .proshow li:nth-child(2) {
    border-bottom: 1px solid #efefef;
}

.problem .iconbrand,
.problem .iconarrow {
    background: -webkit-linear-gradient(#f9e07d, #f1ac5e);
    background: -o-linear-gradient(#f9e07d, #f1ac5e);
    background: -moz-linear-gradient(#f9e07d, #f1ac5e);
    background: linear-gradient(#f9e07d, #f1ac5e);
}

.problem .iconxiazai {
    background: -webkit-linear-gradient(#62cef4, #5196f0);
    background: -o-linear-gradient(#62cef4, #5196f0);
    background: -moz-linear-gradient(#62cef4, #5196f0);
    background: linear-gradient(#62cef4, #5196f0);
}

.problem .iconyouhuiquan-copy {
    background: -webkit-linear-gradient(#ea96cd, #ea5f96);
    background: -o-linear-gradient(#ea96cd, #ea5f96);
    background: -moz-linear-gradient(#ea96cd, #ea5f96);
    background: linear-gradient(#ea96cd, #ea5f96);
}

.problem .icondingdan2 {
    background: -webkit-linear-gradient(#86defb, #75aef8);
    background: -o-linear-gradient(#86defb, #75aef8);
    background: -moz-linear-gradient(#86defb, #75aef8);
    background: linear-gradient(#86defb, #75aef8);
}

.problem .icontixian {
    background: -webkit-linear-gradient(#a8e66f, #5bb54a);
    background: -o-linear-gradient(#a8e66f, #5bb54a);
    background: -moz-linear-gradient(#a8e66f, #5bb54a);
    background: linear-gradient(#a8e66f, #5bb54a);
}

.problem .iconxinxi {
    background: -webkit-linear-gradient(#f3b76c, #ed7a4d);
    background: -o-linear-gradient(#f3b76c, #ed7a4d);
    background: -moz-linear-gradient(#f3b76c, #ed7a4d);
    background: linear-gradient(#f3b76c, #ed7a4d);
}

.procon {
    margin-top : 2rem;
    line-height: 1rem;
}

.procon dt {
    position     : relative;
    color        : #333;
    font-weight  : bold;
    font-size    : 0.55rem;
    padding      : 0.5rem 0.5rem 0.5rem 1.6rem;
    border-bottom: 1px solid #efefef;
}

.procon i {
    position     : absolute;
    left         : 0.5rem;
    top          : 0.6rem;
    font-style   : normal;
    line-height  : 0.8rem;
    width        : 0.8rem;
    height       : 0.8rem;
    display      : block;
    border-radius: 50%;
    text-align   : center;
}

.procon dt i {
    background: #da3c37;
    color     : #fff;
}

.procon dd {
    font-size: 0.55rem;
    padding  : 0.5rem 0.5rem 0.5rem 1.6rem;
    position : relative;
}

.procon dd i {
    background: #ddd;
    color     : #fff;
}

.custonmer .title {
    color      : #fff;
    text-align : center;
    font-size  : 1rem;
    text-shadow: 0 2px 0 #f09837;
    line-height: 3rem;
}

.custonmer .chat {
    background   : #fff;
    border-radius: 10px;
    padding      : 2rem 1rem;
}

.custonmer .chat img {
    display: block;
    width  : 100%;
}

.custonmer .text {
    background   : #f4bd41;
    border-radius: 10px;
    margin-top   : 0.5rem;
    padding      : 0.5rem;
    display      : flex;
}

.custonmer .text img {
    width        : 2rem;
    height       : 2rem;
    border-radius: 10px;
    margin-right : 0.5rem;
}

.custonmer .text h2 {
    font-size  : 0.65rem;
    color      : #000;
    line-height: 1rem;
}

.custonmer .text p {
    font-size  : 0.55rem;
    color      : #000;
    line-height: 1rem;
}

.custonmer .time {
    margin    : 0.5rem 0;
    text-align: center;
    font-size : 0.55rem;
    color     : #000;
}

.custonmer .copyadd {
    display      : block;
    width        : 70%;
    margin       : auto;
    line-height  : 2rem;
    border-radius: 50px;
    text-align   : center;
    background   : #333333;
    color        : #fff;
    font-size    : 0.6rem;
    border       : none;
    outline      : none;
}

.copylink {
    display      : none;
    position     : fixed;
    width        : 70%;
    left         : 15%;
    top          : 35%;
    background   : #fff;
    z-index      : 11;
    border-radius: 10px;
    text-align   : center;
}

.copylink .text {
    color    : #000;
    font-size: 0.55rem;
    padding  : 1rem 0;
}

.copylink .link {
    display      : block;
    width        : 4rem;
    color        : #000;
    background   : #f8d949;
    line-height  : 1.2rem;
    margin       : auto;
    font-size    : 0.55rem;
    font-weight  : bold;
    border-radius: 50px;
    margin-bottom: 0.8rem;
}

.footprint .time {
    line-height: 1.6rem;
    font-size  : 0.55rem;
    color      : #333;
    padding    : 0 0.5rem;
    position   : relative;
}

.footprint .time i {
    display      : inline-block;
    color        : #f6f6f6;
    width        : 0.6rem;
    height       : 0.6rem;
    border-radius: 50%;
    border       : 1px solid #d8d8d8;
    text-align   : center;
    line-height  : 0.6rem;
    font-size    : 0.45rem;
    margin-right : 0.5rem;
    box-sizing   : border-box;
}

.footprint .time i.check {
    background: #fbea4e;
    color     : #fff;
    border    : 1px solid #fbea4e;
}

.footprint .time input {
    position: absolute;
    width   : 0.6rem;
    height  : 0.6rem;
    left    : 0.55rem;
    top     : 0.55rem;
    opacity : 0;
    filter  : alpha(opacity=0);
}

.footprint .list {
    position  : relative;
    display   : block;
    background: #fff;
    padding   : 0.5rem 0.5rem 0.5rem 0.5rem;
}

.footprint .padd {
    padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}

.footprint dd {
    margin-bottom: 0.5rem;
}

.footprint dd:last-child {
    margin-bottom: 0;
}

.footprint .list .circle {
    position     : absolute;
    left         : 0.5rem;
    top          : 50%;
    margin-top   : -0.3rem;
    color        : #fff;
    width        : 0.6rem;
    height       : 0.6rem;
    border-radius: 50%;
    border       : 1px solid #d8d8d8;
    text-align   : center;
    line-height  : 0.6rem;
    font-size    : 0.45rem;
    box-sizing   : border-box;
}

.footprint .list .circle.check {
    background: #fbea4e;
    color     : #fff;
    border    : 1px solid #fbea4e;
}

.footprint .list input {
    position  : absolute;
    left      : 0.5rem;
    top       : 50%;
    margin-top: -0.3rem;
    width     : 0.6rem;
    height    : 0.6rem;
    opacity   : 0;
    filter    : alpha(opacity=0);
}

.footprint .list img {
    float : left;
    width : 20%;
    height: 50px;
}

.footprint .list .text {
    float       : left;
    width       : 80%;
    padding-left: 0.5rem;
    box-sizing  : border-box;
}

.footprint .list .text .title {
    font-size         : 0.55rem;
    display           : -webkit-box;
    overflow          : hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color             : #333;
}

.footprint .list .text .title .tianmao {
    background   : #f7ced7;
    color        : #ea4865;
    padding      : 0 0.2rem;
    border-radius: 4px;
    font-size    : 0.5rem;
    margin-right : 0.2rem;
}

.footprint .list .store {
    font-size  : 0.5rem;
    color      : #999;
    line-height: 1rem;
}

.footprint .list .store i {
    font-size: 0.5rem;
}

.footprint .list .tab {
    line-height: 1rem;
}

.footprint .list .tab span {
    display      : inline-block;
    margin-right : 0.3rem;
    font-size    : 0.5rem;
    padding      : 0 0.3rem;
    border-radius: 4px;
}

.footprint .list .ticket {
    background: #202020;
    color     : #fff;
}

.footprint .list .returns {
    background: #fbea4e;
    color     : #333;
}

.footprint .list .money {
    line-height: 1rem;
}

.footprint .list .money b {
    font-size: 0.6rem;
    color    : #000;
}

.footprint .list .money del {
    font-size  : 0.5rem;
    color      : #999;
    margin-left: 0.2rem;
}

.footprint .list .sales {
    position   : absolute;
    right      : 0.5rem;
    bottom     : 0.5rem;
    font-size  : 0.5rem;
    color      : #999;
    line-height: 1rem;
}

.btnfixed {
    display    : none;
    position   : fixed;
    bottom     : 0;
    left       : 0;
    width      : 100%;
    padding    : 0.5rem 0.5rem 0.5rem 1.6rem;
    box-sizing : border-box;
    font-size  : 0.6rem;
    color      : #333;
    background : #fff;
    line-height: 1.6rem;
}

.btnfixed .all {
    position  : absolute;
    width     : 0.6rem;
    height    : 0.6rem;
    left      : 0.55rem;
    top       : 50%;
    margin-top: -0.3rem;
    opacity   : 0;
    filter    : alpha(opacity=0);
}

.btnfixed i {
    position     : absolute;
    left         : 0.5rem;
    top          : 50%;
    margin-top   : -0.3rem;
    color        : #fff;
    width        : 0.6rem;
    height       : 0.6rem;
    border-radius: 50%;
    border       : 1px solid #d8d8d8;
    text-align   : center;
    line-height  : 0.6rem;
    font-size    : 0.45rem;
    box-sizing   : border-box;
}

.btnfixed .btn {
    float        : right;
    outline      : none;
    border       : none;
    background   : #f8d949;
    line-height  : 1.6rem;
    width        : 4rem;
    text-align   : center;
    font-size    : 0.6rem;
    border-radius: 50px;
}

.btnfixed .delbtn {
    float        : right;
    outline      : none;
    border       : none;
    border       : 1px solid #ea4a65;
    background   : linear-gradient(to right, #e3354a, #da6678);
    line-height  : 1.4rem;
    width        : 5rem;
    text-align   : center;
    font-size    : 0.6rem;
    border-radius: 5px;
    margin-right : 0.5rem;
}

.feedcon {
    display      : block;
    border-radius: 10px;
    background   : #f6f6f6;
    width        : 100%;
    border       : none;
    padding      : 0.5rem;
    font-size    : 0.55rem;
    line-height  : 1rem;
    box-sizing   : border-box;
    height       : 6rem;
    outline      : none;
}

.feedfile {
    position  : relative;
    width     : 4rem;
    margin-top: 0.5rem;
}

.feedfile img {
    display      : block;
    width        : 4rem;
    border-radius: 10px;
}

.feedfile input {
    position: absolute;
    left    : 0;
    top     : 0;
    width   : 100%;
    height  : 100%;
    opacity : 0;
    filter  : alpha(opacity=0);
}

.cooperate {
    padding: 1rem 0.5rem;
}

.cooperate img {
    display      : block;
    margin       : auto;
    width        : 2rem;
    border-radius: 50%;
}

.cooperate h2 {
    font-weight  : normal;
    font-size    : 0.6rem;
    color        : #333;
    text-align   : center;
    line-height  : 2rem;
    margin-bottom: 0.5rem;
}

.cooperate .list li {
    line-height  : 2rem;
    border-bottom: 1px solid #efefef;
    display      : flex;
}

.cooperate .list li span {
    display    : block;
    width      : 30%;
    font-size  : 0.55rem;
    color      : #333;
    line-height: 2rem;
}

.cooperate .list li input {
    display    : block;
    outline    : none;
    border     : none;
    width      : 70%;
    text-align : right;
    line-height: 1rem;
    padding    : 0.5rem 0;
    font-size  : 0.55rem;
}

.cooperate .text {
    display      : block;
    border-radius: 10px;
    background   : #f6f6f6;
    width        : 100%;
    border       : none;
    padding      : 0.5rem;
    font-size    : 0.55rem;
    line-height  : 1rem;
    box-sizing   : border-box;
    height       : 6rem;
    outline      : none;
    margin-top   : 0.5rem;
}

.couponlist {
    margin-top: 3rem;
    padding   : 0 0.5rem;
}

.couponlist dd {
    position       : relative;
    background     : #fff url(../images/couponbg.png) no-repeat bottom 0.8rem center;
    background-size: 100%;
    border-radius  : 6px;
    padding        : 0.5rem 0.5rem 0 0.5rem;
    overflow       : hidden;
    margin-bottom  : 0.5rem;
}

.couponlist .con h2 {
    font-size: 0.6rem;
    color    : #333;
}

.couponlist .con .tj {
    border       : 1px solid #23a3ee;
    color        : #23a3ee;
    border-radius: 4px;
    font-size    : 0.5rem;
    display      : inline-block;
    padding      : 0 0.2rem;
    margin       : 0;
    line-height  : 1rem;
    margin-bottom: 0.2rem;
}

.couponlist .time {
    font-size  : 0.5rem;
    color      : #888;
    line-height: 1.4rem;
}

.couponlist .time em {
    float: right;
    color: #23a3ee;
}

.couponlist .time em i {
    font-size: 0.5rem;
}

.couponlist .mon {
    position : absolute;
    right    : 1.5rem;
    top      : 0.5rem;
    color    : #23a3ee;
    font-size: 0.6rem;
}

.couponlist .mon b {
    font-size: 1.6rem;
}

.couponlist .surplus {
    position         : absolute;
    right            : -0.8rem;
    top              : 0.5rem;
    background       : #eaa442;
    color            : #fff;
    line-height      : 0.8rem;
    font-size        : 0.45rem;
    transform        : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -moz-transform   : rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform     : rotate(45deg);
    padding          : 0 1rem;
}

.couponlist .surgreen {
    position         : absolute;
    right            : -0.8rem;
    top              : 0.5rem;
    background       : green;
    color            : #fff;
    line-height      : 0.8rem;
    font-size        : 0.45rem;
    transform        : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -moz-transform   : rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform     : rotate(45deg);
    padding          : 0 1rem;
}

.couponlist dt {
    text-align   : center;
    font-size    : 0.55rem;
    color        : #999;
    margin-bottom: 0.5rem;
}

.wallethead {
    position  : fixed;
    top       : 0;
    left      : 0;
    text-align: center;
    height    : 2rem;
    background: #fff;
    width     : 100%;
    z-index   : 999;
}

.wallethead .topback {
    font-size  : 0.6rem;
    line-height: 0.8rem;
    position   : absolute;
    left       : 0.5rem;
    top        : 50%;
    margin-top : -0.4rem;
    color      : #000;
}

.wallethead ul {
    width        : 8rem;
    margin       : 0.3rem auto;
    border-radius: 4px;
    border       : 1px solid #dd4d41;
    display      : flex;
    overflow     : hidden;
}

.wallethead li {
    line-height : 1.4rem;
    font-size   : 0.6rem;
    width       : 4rem;
    box-sizing  : border-box;
    border-right: 1px solid #dd4d41;
}

.wallethead li a {
    color: #dd4d41;
}

.wallethead li:last-child {
    border-right: 0;
}

.wallethead li.on {
    background: #dd4d41;
}

.wallethead li.on a {
    color: #fff;
}

.wallethead .icon_search {
    color      : #000;
    position   : absolute;
    right      : 0.5rem;
    top        : 0;
    line-height: 2rem;
    font-size  : 0.75rem;
}

.walletnav {
    position     : fixed;
    top          : 2rem;
    display      : flex;
    width        : 100%;
    font-size    : 0.55rem;
    line-height  : 1rem;
    padding      : 0.5rem 0;
    text-align   : center;
    height       : 2rem;
    background   : #fff;
    z-index      : 9999;
    border-bottom: 1px solid #efefed;
    border-top   : 1px solid #efefed;
    box-sizing   : border-box;
}

.walletnav li {
    display     : block;
    width       : 25%;
    text-align  : center;
    color       : #666;
    border-right: 1px solid #efefed;
    font-size   : 0.5rem;
}

.walletnav li.on {
    color: #dd4d41;
}

.walletnav li i {
    display       : inline-block;
    width         : 0;
    height        : 0;
    vertical-align: middle;
    margin-left   : 0.3rem;
    margin-top    : 3px;
}

.walletnav li .jtbottom {
    border      : 0.18rem solid;
    border-color: #afada8 transparent transparent transparent;
}

.walletnav li.on .jttop {
    border      : 0.18rem solid;
    border-color: transparent transparent #dd4d41;
    margin-top  : -7px;
}

.walletlist {
    margin-top: 4rem;
    padding   : 0 0.5rem;
}

.walletlist li {
    border-bottom: 1px solid #e5e5e5;
    padding      : 0.5rem;
}

.walletlist li .title {
    color      : #000;
    font-size  : 0.6rem;
    font-weight: normal;
}

.walletlist li .title em {
    float    : right;
    color    : #999999;
    font-size: 0.5rem;
}

.walletlist li .mon b {
    color      : #dd4d41;
    font-weight: normal;
    font-size  : 0.65rem;
    line-height: 0.8rem;
}

.walletlist li .mon em {
    display      : inline-block;
    font-size    : 0.45rem;
    line-height  : 0.8rem;
    padding      : 0 0.2rem;
    margin-left  : 0.3rem;
    border-radius: 4px;
}

.walletlist li .mon .green {
    color : #7fbb38;
    border: 1px solid #7fbb38;
}

.walletlist li .mon .yellow {
    color : #f09e38;
    border: 1px solid #f09e38;
}

.walletlist .discount {
    color      : #999999;
    font-size  : 0.5rem;
    line-height: 0.8rem;
    margin-top : 0.3rem;
}

.walletlist .discount i {
    font-style   : normal;
    color        : #fff;
    display      : inline-block;
    width        : 0.8rem;
    text-align   : center;
    border-radius: 4px;
    margin-right : 0.2rem;
}

.walletlist .discount i.yebg {
    background: #f09e38;
}

.walletlist .discount i.blbg {
    background: #82bff0;
}

.walletpop {
    display   : none;
    background: #fff;
    position  : fixed;
    top       : 4rem;
    left      : 0;
    width     : 100%;
    z-index   : 9999;
}

.walletpop li {
    padding      : 0 0.5rem;
    border-bottom: 1px solid #e5e5e5;
    line-height  : 1.6rem;
}

.walletpop li a {
    display  : block;
    color    : #000;
    font-size: 0.55rem;
}

.walletpop li i {
    font-size   : 0.5rem;
    font-weight : bold;
    margin-right: 0.2rem;
    opacity     : 0;
    filter      : alpha(opacity=0);
}

.walletpop li.on a {
    color: #dd4d41;
}

.walletpop li.on i {
    opacity: 1;
    filter : alpha(opacity=1);
}

.fixbtn {
    position: fixed;
    z-index : 2;
    right   : 0.5rem;
    bottom  : 3rem;
}

.fixbtn a {
    display      : block;
    width        : 1.4rem;
    height       : 1.4rem;
    border-radius: 50%;
    background   : rgba(255, 255, 255, 0.9);
    text-align   : center;
    line-height  : 1.4rem;
    color        : #333;
    margin-top   : 0.5rem;
    box-shadow   : 0 2px 6px rgba(0, 0, 0, 0.2);
}

.fixbtn a i {
    font-size: 0.8rem;
}

.myorderlist .hd ul {
    position   : fixed;
    top        : 3rem;
    display    : flex;
    width      : 100%;
    font-size  : 0.55rem;
    line-height: 1.6rem;
    text-align : center;
    height     : 1.6rem;
    background : #fff;
    z-index    : 2;
}

.myorderlist .hd li {
    display   : block;
    width     : 20%;
    text-align: center;
    color     : #999;
}

.myorderlist .hd li.on {
    color        : #1e1e1e;
    border-bottom: 1px solid #434242;
}

.prohead {
    background: none;
    border    : none;
    color     : #fff;
}

.prohead i {
    color: #fff !important;
}

.proscroll {
    background: #fff;
    color     : #000;
}

.proscroll i {
    color: #000 !important;
}

.classleft2 {
    width         : 28%;
    float         : left;
    position      : fixed;
    height        : 100%;
    overflow      : scroll;
    top           : 0;
    left          : 0;
    padding-top   : 3rem;
    box-sizing    : border-box;
    background    : #f6f6f6;
    padding-bottom: 2.5rem;
}

.classleft2::-webkit-scrollbar {
    display: none;
}

.classleft2 a {
    position   : relative;
    display    : block;
    font-size  : 0.55rem;
    text-align : center;
    line-height: 1.8rem;
}

.classleft2 a.on {
    background : #fff;
    font-weight: bold;
    font-size  : 0.6rem;
}

.classleft2 a em {
    display: none;
}

.classleft2 a.on em {
    display                   : block;
    position                  : absolute;
    left                      : 0;
    top                       : 50%;
    margin-top                : -0.4rem;
    width                     : 4px;
    height                    : 0.8rem;
    background                : #dd4d41;
    border-top-right-radius   : 4px;
    border-bottom-right-radius: 4px;
}

.classright2 {
    width         : 70%;
    float         : right;
    position      : relative;
    height        : 100%;
    overflow      : scroll;
    top           : 0;
    right         : 0;
    padding-top   : 3rem;
    box-sizing    : border-box;
    padding-bottom: 2.5rem;
}

.classlist2 {
    margin-bottom: 1rem;
}

.classlist2 dt {
    text-align : center;
    color      : #000;
    font-size  : 0.6rem;
    line-height: 1.6rem;
    margin-top : 0.3rem;
    font-weight: bold;
}

.classlist2 dd {
    float     : left;
    width     : 33.333%;
    text-align: center;
    font-size : 0.5rem;
    margin    : 0.8em 0;
}

.classlist2 dd img {
    display      : block;
    width        : 2rem;
    margin       : auto;
    margin-bottom: 0.3rem;
    border-radius: 4px;
    height       : 2rem;
}

.classlist2 dd a {
    color: #000;
}

.classleft2 li {
    position   : relative;
    display    : block;
    font-size  : 0.5rem;
    text-align : center;
    line-height: 1.8rem;
}

.classleft2 li.on {
    background : #efefef;
    font-weight: bold;
    font-size  : 0.6rem;
}

.classleft2 li em {
    display: none;
}

.classleft2 li.on em {
    display                   : block;
    position                  : absolute;
    left                      : 0;
    top                       : 50%;
    margin-top                : -0.4rem;
    width                     : 4px;
    height                    : 0.8rem;
    background                : #dd4d41;
    border-top-right-radius   : 4px;
    border-bottom-right-radius: 4px;
}

/*11.18*/
.orderlogi {
    background : #fff;
    font-size  : 0.55rem;
    line-height: 1rem;
    padding    : 0.5rem;
    color      : #222;
}

.kdban {
    display: block;
    width  : 100%;
    margin : 0.5rem 0;
}

.logistics {
    padding   : 1rem 0.5rem 1rem 1rem;
    background: #fff;
    position  : relative;
}

.logistics .wspot {
    position     : absolute;
    left         : 1rem;
    margin-left  : -4px;
    bottom       : 1rem;
    width        : 7px;
    height       : 7px;
    border-radius: 50%;
    background   : #dadada;
}

.logistics li {
    border-left   : 1px solid #e3e4e8;
    padding-left  : 1.3rem;
    box-sizing    : border-box;
    position      : relative;
    padding-bottom: 0.8rem;
}

.logistics li:last-of-type {
    padding-bottom: 0;
    border-left: 0;
}

.logistics li .icon {
    position     : absolute;
    left         : -0.5rem;
    top          : 0;
    width        : 1rem;
    height       : 1rem;
    border-radius: 50%;
    background   : #dadada;
    text-align   : center;
    line-height  : 1rem;
    color        : #fff;
    font-size    : 0.65rem;
}

.logistics li .spot {
    position     : absolute;
    left         : -4px;
    top          : 0.4rem;
    width        : 7px;
    height       : 7px;
    border-radius: 50%;
    background   : #dadada;
}

.logistics li .part {
    color      : #848484;
    font-size  : 0.65rem;
    line-height: 1.2rem;
}

.logistics li .text {
    font-size  : 0.6rem;
    color      : #848484;
    line-height: 1rem;
}

.logistics li .time {
    font-size  : 0.5rem;
    color      : #848484;
    font-weight: bold;
    line-height: 1rem;
}

.logistics li.on .icon {
    background: #e9502d;
}

.logistics li.on .part {
    color: #2e2d2d;
}

.logistics li.on .text {
    color: #2e2d2d;
}

/*11.25*/
.collectad dd {
    background: #fff;
    position  : relative;
    padding   : 0.5rem;
}

.collectad dd .choosebtn {
    position  : absolute;
    left      : 0.5rem;
    top       : 50%;
    margin-top: -0.3rem;
    width     : 0.6rem;
    height    : 0.6rem;
}

.collectad dd .choosebtn i {
    display      : block;
    color        : #fff;
    width        : 0.6rem;
    height       : 0.6rem;
    border-radius: 50%;
    border       : 1px solid #d8d8d8;
    text-align   : center;
    line-height  : 0.6rem;
    font-size    : 0.45rem;
    box-sizing   : border-box;
}

.collectad dd .choosebtn input {
    position: absolute;
    left    : 0;
    top     : 0;
    width   : 0.6rem;
    height  : 0.6rem;
    opacity : 0;
    filter  : alpha(opacity=0);
}

.collectad dd .choosebtn i.check {
    background: #ea4a65;
    color     : #fff;
    border    : 1px solid #ea4a65;
}

.collectad .list {
    padding: 0;
}

.collectad .list .sales {
    bottom: 0;
}

/*11.26*/
.contitle {
    color    : rgba(56, 56, 56, 1);
    font-size: 0.6rem;
    padding  : 0.8rem 0;
}

.contime {
    position   : relative;
    color      : rgba(128, 128, 128, 1);
    font-size  : 0.5rem;
    line-height: 1.6rem;
}

.contime img {
    position     : absolute;
    top          : 0;
    right        : 0;
    width        : 1.6rem;
    height       : 1.6rem;
    border-radius: 50px;
}

/*11.28*/
.cell-phone {
    background: #fff;
    padding   : 0 0.5rem 0.5rem 0.5rem;
}

.phone {
    position: relative;
}

.phone input {
    display       : block;
    border        : none;
    line-height   : 1.2rem;
    font-size     : 1rem;
    color         : #222;
    font-weight   : bold;
    letter-spacing: 1px;
}

.phone i {
    position   : absolute;
    top        : 0;
    right      : 0;
    line-height: 1.2rem;
    color      : #d93c37;
    font-size  : 0.9rem;
}

.phone input::-webkit-input-placeholder {
    color      : #ccc;
    font-weight: normal;
    font-size  : 0.6rem;
}

.phone input::-moz-placeholder {
    color      : #ccc;
    font-weight: normal;
    font-size  : 0.6rem;
}

.phone input:-moz-placeholder {
    color      : #ccc;
    font-weight: normal;
    font-size  : 0.6rem;
}

.phone input:-ms-input-placeholder {
    color      : #ccc;
    font-weight: normal;
    font-size  : 0.6rem;
}

.territory {
    font-size : 0.5rem;
    color     : #999999;
    margin-top: 0.2rem;
}

.recharging {
    background: #fff;
    margin-top: 0.5rem;
    padding   : 0 0.5rem 0.2rem 0.5rem;
}

.recharging .title {
    color      : #222;
    font-weight: bold;
    font-size  : 0.6rem;
    line-height: 2rem;
}

.recharging .remoney li {
    float        : left;
    margin-right : 5%;
    margin-bottom: 4%;
    position     : relative;
    width        : 30%;
    text-align   : center;
    color        : #666666;
    font-size    : 0.5rem;
    line-height  : 0.6rem;
    padding      : 0.5rem 0;
    border       : 1px solid #eaeaea;
    border-radius: 4px;
    box-sizing   : border-box;
}

.recharging .remoney li:nth-child(3n) {
    margin-right: 0;
}

.recharging .remoney input {
    position: absolute;
    width   : 100%;
    height  : 100%;
    left    : 0;
    top     : 0;
    opacity : 0;
    filter  : alpha(opacity=0);
}

.reyuan {
    font-size  : 0.6rem;
    color      : #222;
    line-height: 1rem;
}

.reyuan b {
    font-size: 0.75rem;
}

.recharging .remoney li.on {
    background: #d93c37;
    border    : none;
    color     : #fff;
}

.recharging .remoney li.on .reyuan {
    color: #fff;
}

.rets {
    font-size  : 0.5rem;
    color      : #999999;
    margin-top : 0.5rem;
    padding    : 0 0.5rem;
    line-height: 1rem;
}

.rebtn {
    display      : block;
    width        : 100%;
    line-height  : 2rem;
    border       : none;
    background   : #d93c37;
    color        : #fff;
    font-size    : 0.6rem;
    text-align   : center;
    border-radius: 10px;
    margin-top   : 1.5rem;
}

.fuelcard .hd ul {
    background   : #fff;
    display      : flex;
    padding      : 0.5rem;
    margin-bottom: 0.5rem;
}

.fuelcard .hd ul li {
    width        : 4rem;
    line-height  : 1.2rem;
    text-align   : center;
    color        : #d93c37;
    font-size    : 0.55rem;
    border       : 1px solid #d93c37;
    border-radius: 4px;
    margin-right : 5%;
}

.fuelcard .hd ul li.on {
    background: #d93c37;
    color     : #fff;
}

.imname {
    background: #fff;
    padding   : 0 0.5rem;
}

.imname input {
    display      : block;
    width        : 100%;
    line-height  : 1rem;
    padding      : 0.5rem 0;
    box-sizing   : border-box;
    border       : none;
    font-size    : 0.6rem;
    color        : #222;
    border-bottom: 1px solid #ddd;
}

.couponban {
    display: block;
    width  : 100%;
}

.coucoll {
    background   : #fff;
    border-radius: 10px;
    margin-top   : 0.5rem;
}

.coucoll .hd ul {
    display                : flex;
    background             : #f8f8f7;
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
    overflow               : hidden;
}

.coucoll .hd ul li {
    color     : #999999;
    font-size : 0.5rem;
    text-align: center;
    width     : 20%;
    padding   : 0.3rem 0;
}

.coucoll .hd ul li.on {
    color     : #e9211a;
    background: #fff;
}

.coucoll .hd ul li b {
    display  : block;
    font-size: 0.6rem;
}

.coulist {
    padding: 0 0.8rem;
}

.coulist li {
    padding : 0.5rem 0;
    position: relative;
}

.redevelope .enveimg {
    position: relative;
    float   : left;
    width   : 2.2rem;
}

.redevelope .enveimg img {
    display: block;
    width  : 100%;
}

.redevelope .enveimg span {
    position         : absolute;
    bottom           : 0;
    line-height      : 1.2rem;
    color            : #fff;
    width            : 100%;
    text-align       : center;
    font-size        : 0.8rem;
    -webkit-transform: scale(0.8);
    -ms-transform    : scale(0.8);
    -moz-transform   : scale(0.8);
    transform        : scale(0.8);
    font-weight      : bold;
}

.redevelope .enveimg span em {
    font-size: 0.5rem;
}

.couname {
    float      : left;
    margin-left: 0.5rem;
}

.couname .name {
    font-size  : 0.6rem;
    color      : #222222;
    font-weight: bold;
    line-height: 1rem;
}

.couname .notes {
    font-size  : 0.5rem;
    color      : #999999;
    line-height: 1rem;
}

.couname .jindu {
    position     : relative;
    width        : 5rem;
    height       : 12px;
    border-radius: 50px;
    background   : #f5c6c1;
    margin-top   : 0.2rem;
    font-size    : 0.5rem;
    text-align   : right;
    color        : #e9211a;
}

.couname .jindu span {
    position        : absolute;
    left            : 0;
    top             : 0;
    border-radius   : 50px;
    height          : 12px;
    background-image: linear-gradient(to right, #f28125, #f6cc24);
    overflow        : hidden;
}

.couname .jindu span img {
    display: block;
    height : 20px;
}

.couname .jindu em {
    position         : absolute;
    right            : 0.2rem;
    top              : 0;
    line-height      : 12px;
    -webkit-transform: scale(0.8);
    -ms-transform    : scale(0.8);
    -moz-transform   : scale(0.8);
    transform        : scale(0.8);
}

.grabbtn {
    position     : absolute;
    right        : 0;
    bottom       : 0.8rem;
    background   : #8436fb;
    color        : #fff;
    width        : 4rem;
    text-align   : center;
    line-height  : 1.4rem;
    font-size    : 0.6rem;
    border-radius: 50px;
}

.endbtn {
    background: #bfbfbf;
}

.redevelope .couimg {
    position: relative;
    float   : left;
    width   : 2.2rem;
}

.redevelope .couimg img {
    display: block;
    width  : 100%;
}

.coutext {
    position: absolute;
    width   : 100%;
    height  : 100%;
    left    : 0;
    top     : 0;
}

.coutext .mon {
    position         : absolute;
    top              : 0;
    left             : -10%;
    color            : #e9211a;
    line-height      : 1.9rem;
    width            : 120%;
    text-align       : center;
    -webkit-transform: scale(0.8);
    -ms-transform    : scale(0.8);
    -moz-transform   : scale(0.8);
    transform        : scale(0.8);
    font-weight      : bold;
    font-size        : 0.5rem;
}

.coutext .mon b {
    font-size: 0.8rem;
}

.coutext .gz {
    position         : absolute;
    top              : 1.2rem;
    left             : -20%;
    color            : #e9211a;
    width            : 140%;
    text-align       : center;
    -webkit-transform: scale(0.6);
    -ms-transform    : scale(0.6);
    -moz-transform   : scale(0.6);
    transform        : scale(0.6);
    font-size        : 0.5rem;
}

.coutext .gz2 {
    position         : absolute;
    bottom           : 0;
    left             : -10%;
    width            : 120%;
    font-size        : 0.55rem;
    color            : #fff;
    text-align       : center;
    line-height      : 1.2rem;
    -webkit-transform: scale(0.8);
    -ms-transform    : scale(0.8);
    -moz-transform   : scale(0.8);
    transform        : scale(0.8);
}

.couimg .num {
    position   : absolute;
    width      : 100%;
    text-align : center;
    left       : 0;
    top        : 1rem;
    color      : #e9211a;
    font-size  : 0.7rem;
    font-weight: bold;
    line-height: 1.6rem;
}

.popcou {
    display      : none;
    position     : fixed;
    width        : 90%;
    background   : rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    left         : 5%;
    top          : 50%;
    color        : #fff;
    text-align   : center;
    padding      : 0.8rem 0.5rem;
    box-sizing   : border-box;
}

.popcou .icon {
    display      : block;
    width        : 1.1rem;
    height       : 1.1rem;
    border-radius: 50%;
    border       : 2px solid #fff;
    line-height  : 1rem;
    margin       : auto;
    box-sizing   : border-box;
}

.popcou .text {
    font-size : 0.55rem;
    margin-top: 0.5rem;
}

.orderlink li {
    position: relative;
}

.orderlink .iconnum {
    position     : absolute;
    left         : 2rem;
    top          : 0.5rem;
    min-width    : 0.35rem;
    padding      : 0 0.15rem;
    height       : 0.65rem;
    border-radius: 10px;
    background   : #fff;
    color        : #d93c37;
    border       : 1px solid #d93c37;
    font-size    : 0.5rem;
    line-height  : 0.65rem;
    text-align   : center;
}

/*2020.01.03*/
.amount {
    position: relative;
}

.amount .amounttext {
    position   : absolute;
    width      : 100%;
    text-align : center;
    color      : #f84029;
    font-size  : 0.6rem;
    left       : 0;
    bottom     : 0.6rem;
    font-weight: bold;
}

/*弹窗*/
.mobileSelect {
    position          : relative;
    z-index           : 0;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: opacity 0.4s, z-index 0.4s;
    transition        : opacity 0.4s, z-index 0.4s;
}

.mobileSelect * {
    margin            : 0;
    padding           : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
}

.mobileSelect .grayLayer {
    position  : fixed;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    background: rgba(0, 0, 0, 0.5);
    z-index   : 888;
    display   : block;
}

.mobileSelect .content {
    width             : 100%;
    display           : block;
    position          : fixed;
    z-index           : 889;
    color             : black;
    -webkit-transition: all 0.4s;
    transition        : all 0.4s;
    left              : 0;
    background        : white;
}

.mobileSelect .content .fixWidth {
    width   : 90%;
    margin  : 0 auto;
    position: relative;
}

.mobileSelect .content .fixWidth:after {
    content   : '.';
    display   : block;
    height    : 0;
    clear     : both;
    visibility: hidden;
}

.mobileSelect .content .btnBar {
    font-size  : 0.7rem;
    height     : 2rem;
    position   : relative;
    text-align : center;
    line-height: 2rem;
    background : #f7f7f7;
}

.mobileSelect .content .btnBar .cancel,
.mobileSelect .content .btnBar .ensure {
    cursor  : pointer;
    position: absolute;
    top     : 0;
}

.mobileSelect .content .btnBar .cancel {
    left : 0;
    color: #666;
}

.mobileSelect .content .btnBar .ensure {
    right: 0;
    color: #367af6;
}

.mobileSelect .content .btnBar .title {
    font-size    : 0.7rem;
    padding      : 0 15%;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.mobileSelect .content .panel:after {
    content   : '.';
    display   : block;
    height    : 0;
    clear     : both;
    visibility: hidden;
}

.mobileSelect .content .panel .wheels {
    width   : 100%;
    height  : 200px;
    overflow: hidden;
}

.mobileSelect .content .panel .wheel {
    position          : relative;
    z-index           : 0;
    float             : left;
    width             : 50%;
    height            : 200px;
    overflow          : hidden;
    -webkit-transition: width 0.3s ease;
    transition        : width 0.3s ease;
}

.mobileSelect .content .panel .wheel .selectContainer {
    display           : block;
    text-align        : center;
    -webkit-transition: -webkit-transform 0.18s ease-out;
    transition        : -webkit-transform 0.18s ease-out;
    transition        : transform 0.18s ease-out;
    transition        : transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
}

.mobileSelect .content .panel .wheel .selectContainer li {
    font-size    : 0.7rem;
    display      : block;
    height       : 50px;
    line-height  : 50px;
    cursor       : pointer;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.mobileSelect .content .panel .selectLine {
    height            : 50px;
    width             : 100%;
    position          : absolute;
    top               : 100px;
    pointer-events    : none;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border-top        : 1px solid #e2e2e2;
    border-bottom     : 1px solid #e2e2e2;
}

.mobileSelect .content .panel .shadowMask {
    position: absolute;
    top     : 0;
    width   : 100%;
    height  : 200px;
    background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#ffffff),
            color-stop(rgba(255, 255, 255, 0)),
            to(#ffffff));
    background: -webkit-linear-gradient(top,
            #ffffff,
            rgba(255, 255, 255, 0),
            #ffffff);
    background: linear-gradient(to bottom,
            #ffffff,
            rgba(255, 255, 255, 0),
            #ffffff);
    opacity       : 0.9;
    pointer-events: none;
}

.mobileSelect-show {
    opacity   : 1;
    z-index   : 10000;
    visibility: visible;
}

.mobileSelect-show .content {
    bottom: -1px;
}

/*7.14*/
.new_intop {
    position   : fixed;
    left       : 0;
    top        : 0;
    width      : 100%;
    padding-top: 1rem;
    z-index    : 999;
}

.new_search {
    position: relative;
    height  : 1.5rem;
}

.new_search .new_icon {
    position   : absolute;
    left       : 0.5rem;
    top        : 0rem;
    font-size  : 0.7rem;
    color      : #333;
    z-index    : 999;
    line-height: 1.5rem;
}

.new_search .new_input {
    display      : block;
    width        : 100%;
    padding      : 0.4rem 0.5rem 0.4rem 1.5rem;
    line-height  : 0.7rem;
    box-sizing   : border-box;
    border       : none;
    background   : #fff;
    border-radius: 50px;
    font-size    : 0.55rem;
    color        : #000;
}

.new_search .new_input::-webkit-input-placeholder {
    color: #999;
}

.new_search .new_input::-moz-placeholder {
    color: #999;
}

.new_search .new_input:-moz-placeholder {
    color: #999;
}

.new_search .new_input:-ms-input-placeholder {
    color: #999;
}

.new_topscroll {
    background: #fff;
}

.new_topscroll .new_search .new_input {
    background: #f1f1f1;
}

.new_topscroll .new_navbox a {
    color: #000;
}

.new_topscroll .new_navbox a.on em {
    background: #000;
}

.new_navbox {
    padding-top       : 0.3rem;
    scrollbar-width   : none;
    -ms-overflow-style: none;
    overflow-y        : hidden;
    overflow-x        : auto;
    white-space       : nowrap;
}

.new_navbox a {
    color         : #fff;
    font-size     : 0.6rem;
    margin        : 0 0.3rem;
    position      : relative;
    display       : inline-block;
    line-height   : 0.7rem;
    vertical-align: top;
}

.new_navbox a.on {
    font-weight: bold;
    font-size  : 0.65rem;
}

.new_navbox a.on em {
    position     : absolute;
    height       : 3px;
    background   : #fff;
    width        : 16px;
    border-radius: 10px;
    left         : 50%;
    margin-left  : -8px;
    bottom       : -0.3rem;
}

.new_navbox::-webkit-scrollbar {
    display: none;
}

.m-slide-container {
    padding-top: 4.2rem !important;
    padding    : 0 0.3rem 0.8rem 0.3rem;
}

.new_banner {
    border-radius: 6px;
    overflow     : hidden;
}

.new_banner .swiper-slide {
    position: relative;
}

.new_banner .swiper-slide a {
    display: block;
}

.new_banner .swiper-slide img {
    display: block;
    width  : 100%;
}

.new_banner .swiper-pagination {
    text-align: center;
    box-sizing: border-box;
    bottom    : 0 !important;
}

.new_banner .swiper-pagination .swiper-pagination-bullet {
    width : 8px;
    height: 8px;
    margin: 0 3px !important;
}

.new_s_banner {
    margin-top   : 0.3rem;
    border-radius: 6px;
    overflow     : hidden;
}

.new_s_banner img {
    display: block;
    width  : 100%;
}

.new_brand_box {
    display   : flex;
    margin-top: 0.3rem;
}

.new_brand_box .new_brand {
    width        : 50%;
    margin-right : 0.3rem;
    border-radius: 6px;
    overflow     : hidden;
    position     : relative;
}

.new_brand_box .new_brand:last-child {
    margin: 0;
}

.new_brand_box .new_brand .new_imgbg {
    display: block;
    width  : 100%;
}

.new_brand_box .new_brand .new_brand_pro {
    position  : absolute;
    top       : 0;
    left      : 0;
    padding   : 0.5rem 0.3rem 0 0.3rem;
    width     : 100%;
    box-sizing: border-box;
}

.new_brand_box .new_brand .new_text {
    position  : relative;
    color     : #fff;
    text-align: left;
}

.new_brand_box .new_brand .new_title {
    font-size  : 0.6rem;
    font-weight: bold;
}

.new_brand_box .new_brand .new_lab {
    font-size    : 0.5rem;
    line-height  : 1rem;
    margin-bottom: 0.3rem;
    margin-top   : 0.1rem;
}

.new_brand_box .new_brand .new_lab .labicon {
    font-size   : 0.5rem;
    margin-right: 0.2rem;
}

.new_brand_box .new_brand .new_icon {
    position     : absolute;
    right        : 0;
    top          : 50%;
    margin-top   : -0.7rem;
    width        : 1.2rem;
    height       : 1.2rem;
    text-align   : center;
    line-height  : 1.2rem;
    background   : rgba(0, 0, 0, 0.4);
    font-size    : 0.5rem;
    border-radius: 50%;
}

.new_brand_img {}

.new_brand_img img {
    float        : left;
    width        : 48%;
    margin-right : 4%;
    border-radius: 4px;
}

.new_brand_img img:nth-child(2) {
    margin-right: 0;
}

.new_activit_box {
    display      : flex;
    background   : #fff;
    border-radius: 6px;
    margin-top   : 0.3rem;
    padding      : 0.3rem;
}

.new_activit_box .new_activit {
    width        : 50%;
    margin-right : 0.3rem;
    border-radius: 4px;
    overflow     : hidden;
    position     : relative;
}

.new_activit_box .new_activit:last-child {
    margin-right: 0;
}

.new_activit_box .new_activit img {
    display: block;
    width  : 100%;
}

.new_activit_box .new_text {
    position: absolute;
    top     : 0.8rem;
    left    : 0.3rem;
}

.new_activit_box .new_title {
    font-size    : 0.65rem;
    font-weight  : bold;
    color        : #fff;
    margin-bottom: 0.3rem;
}

.new_activit_box .new_con {
    font-size: 0.5rem;
    color    : #fff;
}

.new_like_box {
    background             : #fff;
    padding                : 0 0.3rem;
    border-top-left-radius : 6px;
    border-top-right-radius: 6px;
    margin-top             : -0.5rem;
}

.new_like_title {
    text-align : center;
    color      : #000;
    font-size  : 0.65rem;
    font-weight: bold;
    line-height: 2rem;
}

.new_product_list li {
    float         : left;
    width         : 48%;
    margin-right  : 4%;
    box-sizing    : border-box;
    border-radius : 6px;
    overflow      : hidden;
    border        : 1px solid #e5e5e5;
    padding-bottom: 0.3rem;
    margin-bottom : 0.3rem;
}

.new_product_list li:nth-child(2n) {
    margin-right: 0;
}

.new_product_list li .new_img {
    display   : block;
    width     : 100%;
    min-height: 200px;
}

.new_product_list li .new_title {
    font-size    : 0.55rem;
    color        : #333;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    margin-top   : 0.3rem;
}

.new_product_list li .new_sel {
    font-size  : 0.5rem;
    color      : #999;
    display    : flex;
    white-space: nowrap;
    margin-top : 0.2rem;
}

.new_product_list li .new_sel span {
    width: 50%;
}

.new_product_list li .new_sel del {
    width: 50%;
}

.new_product_list li .new_price_box {
    margin-top: 0.3rem;
}

.new_product_list li .new_price_box .price {
    float      : left;
    font-weight: bold;
    font-size  : 0.6rem;
    color      : #000;
    line-height: 1rem;
}

.new_product_list li .new_price_box .price em {
    font-size: 0.6rem;
}

.new_product_list li .new_price_box .jf {
    float          : right;
    background     : url(../images/icon_code_bg3.png) no-repeat center;
    background-size: 100%;
    color          : #fff;
    font-size      : 0.5rem;
    padding        : 0 0.5rem;
    line-height    : 1rem;
}

.new_my_headebg {
    /* background-image: linear-gradient(#2e2c36, #121115); */
    /* background-image: linear-gradient(135deg,#65799b,#5e2563); */
    /* background: linear-gradient(135deg,#485563,#29323c); */
    background                : linear-gradient(135deg, #152331, #3e2626);
    padding-top               : 1rem;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius : 20px;
}

.new_my_headebg .Lv {
    background   : linear-gradient(135deg, #fad7a1, #e96d71);
    border-radius: 50px;
    width        : 30px;
    height       : 0.7rem;
    font-size    : 0.6rem;
    line-height  : 0.7rem;
    text-align   : center;
    color        : #6c2c2f;
}

.new_my_head {
    height  : 2rem;
    position: relative;
    width   : 90%;
    margin  : 0 auto;
}

.new_my_head .new_set {
    position   : absolute;
    right      : 0rem;
    top        : 0;
    line-height: 2rem;
    color      : #fff;
    font-size  : 0.85rem;
}

.new_headimg {
    margin: 0.3rem 0 1rem 0;
}

.new_headimg img {
    display: block;
    margin : auto;
    width  : 2.6rem;
}

.new_headimg .name {
    text-align: center;
    color     : #fff;
    font-size : 0.65rem;
    margin-top: 0.3rem;
}

.address-area {
    margin    : 0.5rem 0 0.5rem;
    font-size : 0.6rem;
    color     : antiquewhite;
    text-align: center;
}

.attr-name {
    height     : 1rem;
    line-height: 1rem;
}

.attr-options {
    max-height: 5rem;
    overflow-y: scroll;
}

.txt-scroll {
    width      : 100%;
    height     : 2rem;
    line-height: 2rem;
    padding    : 0 1.5rem 0 1.1rem;
    box-sizing : border-box;
    color      : #fff;
    font-size  : 0.6rem;
    position   : relative;
}

.txt-scroll .scrollbox {
    width      : 100%;
    white-space: nowrap;
    overflow   : hidden;
}

.txt-scroll .txt,
.txt-scroll .txt-clone {
    display : inline;
    position: relative;
}

.txt-scroll .new_icon {
    position : absolute;
    left     : 0;
    top      : 0;
    font-size: 0.8rem;
}

.txt-scroll .txt a {
    color       : #fff;
    margin-right: 0.8rem;
}

.new_grade_box {
    width     : 50%;
    margin    : auto;
    text-align: center;
    margin-top: 0.3rem;
    color     : #838192;
    position  : relative;
}

.new_grade_box .new_bor {
    position  : absolute;
    left      : 0;
    top       : 0.3rem;
    width     : 100%;
    height    : 1px;
    background: #2b2a32;
}

.new_grade_box .new_bor em {
    display   : block;
    height    : 100%;
    background: #d5a371;
}

.new_grade_box .new_grade {
    display : flex;
    position: relative;
    z-index : 999;
}

.new_grade_box .new_grade li {
    width: 33.333%;
}

.new_grade_box .new_grade .new_circle {
    display      : block;
    width        : 0.6rem;
    height       : 0.6rem;
    border-radius: 50%;
    border       : 1px solid #2b2a32;
    background   : #1f1d24;
    margin       : auto;
    box-sizing   : border-box;
}

.new_grade_box .new_grade .new_num {
    font-size : 0.6rem;
    font-style: italic;
    display   : block;
    margin-top: 0.2rem;
}

.new_grade_box .new_grade li.on .new_circle {
    background: #d5a371;
}

.new_grade_box .new_grade li.on .new_num {
    color      : #d5a371;
    font-weight: bold;
}

.new_income_box {
    /* border-top-left-radius: 20px;
    border-top-right-radius: 20px; */
    border-radius: 20px;
    background   : rgb(147 147 147 / 30%);
    margin-top   : 0.3rem;
    /* box-shadow: 0 20px 30px -10px #26394d;
    box-shadow   : inset 0 30px 60px -12px rgb(50 50 93 / 0%), inset 0 18px 36px -18px rgb(0 0 0 / 46%);
    box-shadow   : 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); */
    /* box-shadow: 0px 7px 38px rgba(0,0,0,0.30), -1px 15px 12px rgba(0,0,0,0.22) */
    box-shadow   : 0px 7px 38px rgba(0, 0, 0, 0.3), 1px 7px 12px rgba(0, 0, 0, 0.22);
}

.new_income {
    background: #eac5a8;
    padding   : 0 0.3rem;
    color     : #333;
    font-size : 0.6rem;
}

.new_income_text {
    float      : left;
    line-height: 1.2rem;
    margin     : 0.3rem 0;
}

.new_income_text b {
    color: #672c01;
}

.new_income_btn {
    float           : right;
    background-image: linear-gradient(#353434, #3f3f40);
    color           : #cd9d7a;
    border-radius   : 50px;
    line-height     : 1.2rem;
    margin          : 0.3rem 0;
    padding         : 0 0.3rem 0 0.5rem;
}

.new_income_btn i {
    font-size  : 0.5rem;
    margin-left: 0.2rem;
}

.new_income_sy {
    border-left : 1px solid #5c5e64;
    border-right: 1px solid #5c5e64;
    display     : flex;
}

.new_income_sy li {
    width     : 33.333%;
    text-align: center;
    font-size : 0.5rem;
    color     : #bcbcbc;
    padding   : 0.6rem 0;
}

.new_income_sy li h3 {
    color        : #fff;
    font-size    : 0.8rem;
    margin-bottom: 0.3rem;
}

.new_my_title {
    font-size  : 0.65rem;
    font-weight: bold;
    color      : #000;
    line-height: 2rem;
    position   : relative;
}

.new_my_title .new_jf {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    text-align: center;
    font-size : 0.55rem;
}

.new_my_nav {
    display      : flex;
    background   : #fff;
    border-radius: 6px;
    box-shadow   : 0 0 10px rgba(0, 0, 0, 0.06);
}

.new_my_nav li {
    width     : 25%;
    text-align: center;
    padding   : 0.8rem 0;
}

.new_my_nav li a {
    display  : block;
    color    : #000;
    font-size: 0.55rem;
}

.new_my_nav li .new_img {
    display      : block;
    width        : 2.4rem;
    margin       : auto;
    margin-bottom: 0.1rem;
}

.new_my_banner {
    border-radius: 6px;
    overflow     : hidden;
}

.new_my_banner img {
    display: block;
    width  : 100%;
}

.new_my_banner .swiper-pagination {
    text-align: center;
    box-sizing: border-box;
    bottom    : 0 !important;
}

.new_my_banner .swiper-pagination .swiper-pagination-bullet {
    width : 8px;
    height: 8px;
    margin: 0 3px !important;
}

.new_my_order_nav li .new_img {
    width: 1.6rem;
}

.my_tx_scroll {
    background : #fffbe8;
    padding    : 0 0.3rem;
    color      : #ed6a0c;
    font-size  : 0.5rem;
    line-height: 1.6rem;
    height     : 1.6rem;
    position   : fixed;
    top        : 3rem;
    left       : 0;
    z-index    : 9;
}

.my_tx_scroll .txt a {
    color: #ed6a0c;
}

.new_my_wallet {
    background     : url(../images/wallet_bg.png) no-repeat center;
    background-size: cover;
    margin-top     : 4.9rem;
    border-radius  : 6px;
    text-align     : center;
    color          : #333;
    padding        : 0.8rem 0;
    font-size      : 0.65rem;
}

.new_my_wallet .new_num {
    font-weight: bold;
    font-size  : 1.4rem;
    line-height: 3rem;
}

.new_my_wallet .new_btn {
    display      : block;
    margin       : auto;
    width        : 5rem;
    border-radius: 50px;
    background   : #393939;
    line-height  : 1.6rem;
    color        : #d5a37e;
    font-size    : 0.6rem;
}

.new_my_walletlist {
    margin-top: 0.5rem;
}

.new_my_walletlist li {
    border-bottom: 1px solid #e5e5e5;
    padding      : 0.5rem 0;
    position     : relative;
}

.new_my_walletlist li .new_title {
    color    : #333333;
    font-size: 0.6rem;
}

.new_my_walletlist li .new_time {
    font-size : 0.55rem;
    color     : #666666;
    margin-top: 0.2rem;
}

.new_my_walletlist li .new_num {
    position   : absolute;
    right      : 0;
    top        : 50%;
    margin-top : -0.5rem;
    color      : #000;
    font-size  : 0.7rem;
    line-height: 1rem;
    font-weight: bold;
}

.new_my_money {
    background : #fff;
    margin-top : 4.6rem;
    padding-top: 0.5rem;
}

.new_my_money .new_text {
    font-size: 0.6rem;
    color    : #000000;
}

.new_my_money .new_money {
    position: relative;
}

.new_my_money .new_money input {
    display      : block;
    width        : 100%;
    color        : #000;
    font-weight  : bold;
    font-size    : 0.85rem;
    border       : none;
    line-height  : 1rem;
    padding      : 0.5rem 0 0.5rem 1rem;
    border-bottom: 1px solid #e5e5e5;
    box-sizing   : border-box;
}

.new_my_money .new_money span {
    position   : absolute;
    left       : 0;
    top        : 0.5rem;
    font-weight: bold;
    font-size  : 0.85rem;
    line-height: 1rem;
}

.new_my_money .new_sxf {
    line-height: 1.6rem;
    font-size  : 0.5rem;
    color      : #666666;
}

.new_my_money .new_sxf b {
    font-weight: bold;
    color      : #000;
}

.new_draw {
    background: #fff;
    margin-top: 4rem;
    padding   : 0 1rem;
}

.new_draw li {
    border-bottom: 1px solid #e5e5e5;
    display      : flex;
    font-size    : 0.6rem;
    color        : #000;
    line-height  : 0.6rem;
    position     : relative;
}

.new_draw li span {
    width      : 5rem;
    display    : block;
    line-height: 2rem;
}

.new_draw li input {
    display    : block;
    width      : 75%;
    border     : none;
    padding    : 0.6rem 0;
    line-height: 0.6rem;
    background : none;
    color      : #000;
    font-size  : 0.6rem;
}

.new_pay_lx {
    line-height: 2rem;
}

.new_pay_lx img {
    display       : inline-block;
    height        : 0.7rem;
    margin-left   : 0.2rem;
    vertical-align: middle;
    margin-top    : -3px;
}

.new_draw li .new_select {
    position   : absolute;
    top        : 0;
    right      : 0;
    line-height: 2rem;
    font-size  : 0.55rem;
    color      : #333;
}

.new_draw li:last-child {
    border-bottom: none;
}

.new_wbody_btn {
    display      : block;
    width        : 100%;
    text-align   : center;
    color        : #fff;
    background   : #202020;
    line-height  : 1.8rem;
    font-size    : 0.6rem;
    border       : none;
    border-radius: 50px;
    margin       : 1rem 0 1.5rem 0;
}

.new_popbg {
    position  : fixed;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    z-index   : 999;
    background: rgba(0, 0, 0, 0.3);
    display   : none;
}

.new_sjbox {
    position       : fixed;
    left           : 15%;
    top            : 15%;
    width          : 70%;
    background     : url(../images/in_sjbg.png) center;
    height         : 60%;
    z-index        : 999;
    background-size: cover;
    border-radius  : 6px;
    display        : none;
}

.new_sj {
    margin-top: 0.8rem;
    padding   : 0 0.8rem;
}

.new_sj .new_sjtitle {
    font-size  : 0.65rem;
    color      : #fff;
    line-height: 1.2rem;
}

.new_sj .new_sjtext {
    color      : rgba(255, 255, 255, 0.6);
    font-size  : 0.55rem;
    line-height: 1rem;
}

.new_sj .new_btn {
    display   : flex;
    padding   : 0 0.5rem;
    position  : absolute;
    bottom    : 0.8rem;
    left      : 0;
    width     : 100%;
    box-sizing: border-box;
}

.new_sj .new_btn span {
    display      : block;
    width        : 50%;
    margin-right : 0.5rem;
    text-align   : center;
    border       : 1px solid #fff;
    border-radius: 4px;
    line-height  : 1.4rem;
    color        : #fff;
    font-size    : 0.55rem;
}

.new_sj .new_btn a {
    display      : block;
    background   : #fff;
    border-radius: 4px;
    font-size    : 0.55rem;
    text-align   : center;
    width        : 50%;
    color        : #dc4d5e;
    line-height  : 1.4rem;
}

.new_sjclose {
    position     : absolute;
    bottom       : -2rem;
    left         : 50%;
    margin-left  : -0.7rem;
    text-align   : center;
    color        : #fff;
    border       : 1px solid #fff;
    width        : 1.2rem;
    height       : 1.2rem;
    border-radius: 50%;
    line-height  : 1.2rem;
}

.new_sjclose i {
    display          : block;
    font-size        : 0.5rem;
    -webkit-transform: scale(0.9);
    -ms-transform    : scale(0.9);
    -moz-transform   : scale(0.9);
    transform        : scale(0.9);
}

.zhifubao {
    border       : 1px solid #f1f1f1;
    border-radius: 4px;
    padding      : 0.5rem;
}

.zhifubao .icon {
    float    : left;
    font-size: 1.6rem;
    color    : #51a9e5;
}

.zhifubao .cen {
    float      : left;
    margin-left: 0.5rem;
    font-size  : 0.5rem;
    color      : #999;
    line-height: 0.8rem;
}

.zhifubao .cen p {
    display: block;
    color  : #000;
}

.zhifubao .iconr {
    float      : right;
    color      : #ddd;
    font-size  : 0.55rem;
    line-height: 1.6rem;
}

.layui-layer-btn a {
    font-size: 0.6rem;
}

.layui-layer-btn {
    text-align: center !important;
}

.detail-description-content {
    margin: 0 !important;
}

.content-detail>* {
    width : 100% !important;
    height: auto !important;
}

.sku-props {
    font-size: 0.6rem;
    margin   : 0.5rem 0;
}

.sku-props .prop {
    margin: 0.5rem 0;
}

.sku-props .prop .attr-option {
    /* border: 1px solid palevioletred; */
    padding      : 5px 8px;
    border-radius: 5px;
    margin       : 0.15rem 0.1rem;
    border       : 0;
    background   : #e7e7e7;
}

.sku-props .prop .attr-option.active {
    border    : 0;
    background: #343434;
    color     : #fffefe;
}

.sku-info {
    font-size  : 0.6rem;
    padding-top: 25%;
    margin-left: 20%;
    width      : 100%;
    line-height: 1rem;
    font-weight: 600;
}

.sku-info>div {
    display: none;
}

.ls_price {
    color: red;
}

.price-area {
    font-size      : 0.6rem;
    display        : flex;
    justify-content: space-between;
}

.price-area div {
    width  : 50%;
    display: none;
}

.price-area .money {
    font-size: 0.8rem;
    color    : #ff6b6b;
}

.price-area .coc-amount {
    font-size: 0.8rem;
    color    : #218c74;
}

.box-model {
    width          : 100%;
    padding        : 0.5rem 0.2rem;
    margin         : 0 auto;
    background     : #fff;
    text-align     : center;
    flex-flow      : row wrap;
    /* !当主轴沿水平方向时!justify-content,决定item在主轴上的对齐方式，可能的值有flex-start（默认），flex-end，center，space-between，space-around */
    justify-content: flex-start;
    /* !主轴水平时!决定了item在交叉轴上的对齐方式，可能的值有flex-start|flex-end|center|baseline|stretch */
    align-items    : center;
}

.box-model>div {
    width        : 25%;
    margin-bottom: 0.8rem;
}

.box-model .icon-box {
    width          : 2rem;
    height         : 2rem;
    margin         : 0 auto;
    border-radius  : 50%;
    background     : #f1f1f1;
    display        : flex;
    justify-content: center;
    justify-content: center;
    align-items    : center;
    box-shadow     : rgba(0, 0, 0, 0.1) 2px 9px 20px;
}

.box-model .icon-box img {
    width : 65%;
    height: 65%;
}

.box-model>div label {
    color    : #000;
    font-size: 0.55rem;
}

.embossed-text {
    position: fixed;
    bottom  : 1rem;
    width: 100%;
    text-align: center;
    color: #7f8fa6;
    font-size: .5rem;
    /* 多重阴影实现刻印效果 */
    text-shadow:
        1px 1px 2px #fff,   /* 高光 */
        -1px -1px 2px #aaa, /* 阴影 */
        2px 2px 4px #ccc;   /* 更深的阴影 */
}