*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size:62.5%; font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 1.2em; color:#666; background: #fff; overflow-x:hidden; -webkit-overflow-scrolling: touch;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}

a img{vertical-align: bottom;}
a{text-decoration: none; color:#666; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}

.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}
/*-------------------------更改样式--------------------------*/
.drawcshowubn{position: relative; display: block; text-align:left; padding:  1rem 3rem 1rem 3.5rem ; font-size: 1.4rem; }
.drawcshowubn_photo_span{position: relative; display: inline-block; vertical-align: bottom; padding-right:1.5rem;}
.drawcshowubn_photo{display: inline-block; padding: .3rem; width: 5.5rem; height: 5.5rem; box-sizing: border-box; -webkit-box-sizing: border-box;  border-radius: 50%; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.drawcshowubn_draw_span{padding: .5rem 1rem; border-radius: .4rem; font-size: 80%; float: right; box-shadow: 0 0 0 1px #fff inset; border: none; outline: 0; margin-top: 2.5rem;}
.drawcshowubn_winning_span{line-height: 5.5rem; font-size: 80%;}
.drawcshowubn_winning_span .n{color: #ffde27;}
/*-------------------------17.12.01--------------------------*/
.gradient.cshowdata{color: #fff; background-color: #EDCDC2; background-image: linear-gradient(90deg, rgba(0,8,91,.8), rgba(0,0,0,0) 50%, rgba(0,8,91,.8)); background-image: -webkit-linear-gradient(0deg, rgba(0,8,91,.8), rgba(0,0,0,0) 50%, rgba(0,8,91,.8)); background-image: -webkit-gradient(linear,0 50%,100% 50%, from(rgba(237,8,91,.2)), color-stop(50%,rgba(0,0,0,0)), to(rgba(237,205,194,.2)));}
.cshowdata{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; text-align: center; line-height: 2rem; font-size: 1.4rem; color: #333; background-color: #fff;}
.cshowdata>li{display: block; flex: 1; -webkit-box-flex: 1; padding: 1rem 0; width: 100%; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*-------------------------17.12.16--------------------------*/
.payway_item :checked ~ .payway_label::after{position: absolute; right: .5rem; top: 50%; margin-top: -1.2rem; display: block; content: ""; width: 2.5rem; height: 2.5rem; background: url(../images/icon/che.png) 0 -4rem no-repeat; background-size: 2.5rem auto;}

/*---------------------------------------------------------*/

/*-------------------------18.02.01--------------------------*/
.address{padding: 0.5rem 0rem 0rem 3rem; font-size: 1.1rem;width: 80px;float: left;color:red}

/*---------------------------------------------------------*/
/*-------------------------18.05.10待确认更改样式--------------------------*/
.wpbox1{ background-color: #fff; overflow: hidden; padding: 0 1rem;}
.ordertitem_mt {  padding: .5rem 0; line-height: 1.8rem; color: #333; font-size:1.1rem; background-color:#F1F4FB;   }
.ordertitem_mt .orderNo{ padding-left:1.5rem;}
.ordertitem_mt .status{ color: #ffa71d; float:right; padding-right:1.5rem;}
/*---------------------------------------------------------*/
/*-------------------------18.05.10点击抽奖转盘显示状态------------------------------*/
.la-line-spin-fade-rotating,.la-line-spin-fade-rotating>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-line-spin-fade-rotating{display:block;font-size:0;color:#fff}.la-line-spin-fade-rotating.la-dark{color:#333}
.la-line-spin-fade-rotating>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-line-spin-fade-rotating{width:32px;height:32px;-webkit-animation:ball-spin-fade-rotating-rotate 6s infinite linear;-moz-animation:ball-spin-fade-rotating-rotate 6s infinite linear;-o-animation:ball-spin-fade-rotating-rotate 6s infinite linear;animation:ball-spin-fade-rotating-rotate 6s infinite linear}
.la-line-spin-fade-rotating>div{position:absolute;width:2px;height:10px;margin:2px;margin-top:-5px;margin-left:-1px;border-radius:0;-webkit-animation:line-spin-fade-rotating 1s infinite ease-in-out;-moz-animation:line-spin-fade-rotating 1s infinite ease-in-out;-o-animation:line-spin-fade-rotating 1s infinite ease-in-out;animation:line-spin-fade-rotating 1s infinite ease-in-out}
.la-line-spin-fade-rotating>div:nth-child(1){top:15%;left:50%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.125s;-moz-animation-delay:-1.125s;-o-animation-delay:-1.125s;animation-delay:-1.125s}
.la-line-spin-fade-rotating>div:nth-child(2){top:25.2512626585%;left:74.7487373415%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-delay:-1.25s;-moz-animation-delay:-1.25s;-o-animation-delay:-1.25s;animation-delay:-1.25s}
.la-line-spin-fade-rotating>div:nth-child(3){top:50%;left:85%;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-1.375s;-moz-animation-delay:-1.375s;-o-animation-delay:-1.375s;animation-delay:-1.375s}
.la-line-spin-fade-rotating>div:nth-child(4){top:74.7487373415%;left:74.7487373415%;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation-delay:-1.5s;-moz-animation-delay:-1.5s;-o-animation-delay:-1.5s;animation-delay:-1.5s}
.la-line-spin-fade-rotating>div:nth-child(5){top:84.9999999974%;left:50.0000000004%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-1.625s;-moz-animation-delay:-1.625s;-o-animation-delay:-1.625s;animation-delay:-1.625s}
.la-line-spin-fade-rotating>div:nth-child(6){top:74.7487369862%;left:25.2512627193%;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-delay:-1.75s;-moz-animation-delay:-1.75s;-o-animation-delay:-1.75s;animation-delay:-1.75s}
.la-line-spin-fade-rotating>div:nth-child(7){top:49.9999806189%;left:15.0000039834%;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-1.875s;-moz-animation-delay:-1.875s;-o-animation-delay:-1.875s;animation-delay:-1.875s}
.la-line-spin-fade-rotating>div:nth-child(8){top:25.2506949798%;left:25.2513989292%;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s}
.la-line-spin-fade-rotating.la-sm{width:16px;height:16px}.la-line-spin-fade-rotating.la-sm>div{width:1px;height:4px;margin-top:-2px;margin-left:0}.la-line-spin-fade-rotating.la-2x{width:64px;height:64px}.la-line-spin-fade-rotating.la-2x>div{width:4px;height:20px;margin-top:-10px;margin-left:-2px}
.la-line-spin-fade-rotating.la-3x{width:96px;height:96px}.la-line-spin-fade-rotating.la-3x>div{width:6px;height:30px;margin-top:-15px;margin-left:-3px}@-webkit-keyframes ball-spin-fade-rotating-rotate{100%{-webkit-transform:rotate(360deg);
transform:rotate(360deg)}}@-moz-keyframes ball-spin-fade-rotating-rotate{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ball-spin-fade-rotating-rotate{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-spin-fade-rotating-rotate{100%{-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes line-spin-fade-rotating{50%{opacity:.2}100%{opacity:1}}@-moz-keyframes line-spin-fade-rotating{50%{opacity:.2}100%{opacity:1}}@-o-keyframes line-spin-fade-rotating{50%{opacity:.2}100%{opacity:1}}@keyframes line-spin-fade-rotating{50%{opacity:.2}100%{opacity:1}}

 /*CSS3 Loading加载样式Begin */.loadings
        {
            border: px #f00 solid;
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .borderBack
        {
            padding-bottom: 30px;
            padding-top: 30px;
            padding-left: 27px;
            padding-right: 27px;
            background: #33312f;
            border-radius: 8px;
            opacity: 0.85;
            display: none;
        }
/*---------------------------------------------------------------*/
.open.falldl .falldt_gt{margin-top: -.2rem; transform: rotateX(180deg) rotateZ(45deg) skew(-5deg,-5deg); -webkit-transform: rotateX(180deg) rotateZ(45deg) skew(-5deg,-5deg);}

.falldd, .brandscore_dd{position: absolute; top: 100%; left: 0; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; visibility: hidden; z-index: -1; overflow: hidden; transform: translateY(-100px); -webkit-transform: translateY(-100px); transition: transform .3s ease; -webkit-transition: -webkit-transform .3s ease;}
.open.falldl .falldd, .open.brandscore .brandscore_dd{position: static; visibility: visible; z-index: 1; transform: none; -webkit-transform: none;}

.brandscore{position: relative; margin: 1rem 0; display: block; padding: 0 1rem; background-color: #fff; overflow: hidden;}
.brandscore_dt{position: relative; z-index: 5; text-align: center; height: 4rem; font-size: 1.4rem; color: #000; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0);}
.brandscore_dt img{height: 4rem; vertical-align: bottom;}
.open.brandscore .brandscore_dt{border-bottom-color: #dbdbdb;}
.verscore_list{display: flex; display: -webkit-box;}
.verscore_item{margin: 1rem 0; display: block; flex: 1; -webkit-box-flex: 1; width: 100%; text-align: center; font-size: 1.2rem; color: #aeaeae;}
.verscore_dt, .verscore_dd{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.verscore_dt{margin-bottom: .5rem; font-size: 1.4rem;}
.verscore_dd{line-height: 3rem; }
.verscore_item .n{margin: 0 .3rem; line-height: 3rem; font-size: 1.5rem; color: #506dbf;}


/*bpop*/
.bpop{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; z-index: -1; visibility: hidden; transition-delay: .3s; -webkit-transition-delay: .3s;}
.show.bpop{z-index: 99; visibility: visible; transition-delay: 0s; -webkit-transition-delay: 0s;}
.show.bpop .fade_bkbg{opacity: 1; visibility: visible;}

.bpopcontent{position: absolute; bottom: 0; left: 0; display: block; padding: 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; transform: translateY(100%); -webkit-transform: translateY(100%); -webkit-backface-visibility: hidden; transition: transform .3s; -webkit-transition: -webkit-transform .3s;}
.haspad.bpopcontent{padding: 0 1rem;}
.show.bpop .bpopcontent{transform: translateY(0); -webkit-transform: translateY(0); z-index: 111;}

.bpop_close{position: absolute; z-index: 120; right: .5rem; top: .5rem; display: block; width: 2rem; height: 2rem; border: .2rem solid #999; border-radius: 50%;}
.bpop_close::before, .bpop_close::after{position: absolute; top: 50%; left: 50%; margin: -.1rem 0 0 -.7rem; display: block; content: ""; width: 1.4rem; height: .2rem; line-height: 0; font-size: 0; background-color: #999; border-radius: .2rem; overflow: hidden;}
.bpop_close:active{border-color: #f30;}
.bpop_close:active::before, .bpop_close:active::after{background-color: #f30;}
.bpop_close::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.bpop_close::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.bpop_head{display: block; padding-top: 1rem; min-height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;}
.bpop_title{line-height: 2rem; font-size: 1.4rem; color: #333;}
.bpop_tins{margin-top: .5rem; display: block; font-size: 1.2rem; color: #666;}



.bpop_canclebtn{display: block; text-align: center; padding: 1rem; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.5rem; color: #24aadb; box-shadow: 0 1px 0 rgba(0,0,0,.1) inset;}
.bpop_canclebtn:visited{color: #24aadb;}
.bpop_canclebtn:active{color: #f30;}


.buyspec_wrap{position: relative; display: block; padding: 0 1rem;}
.buyspec_produce{position: relative; padding: 2rem 0 1rem 12rem; width: 100%; height: 8.5rem; box-sizing: border-box; -webkit-box-sizing: border-box;}
.buyspec_produce_img{position: absolute; left: 0; bottom: 1rem; display: block; width: 10rem; height: 10rem; font-size: 1.2rem; color: #666; border: 1px solid #efefef; border-radius: .5rem; overflow: hidden;}
.buyspec_produce_img img{display: block; width: 10rem; height: 10rem; background-color:#FFFFFF}
.buyspec_produce_price{line-height: 2.5rem;}


.buyspec_dt{font-size: 1.4rem; color: #000;}
.buyspec_dlver, .buyspec_dlhoz{padding: .5rem 0; border-top: 1px solid #efefef; overflow: hidden;}
.buyspec_dt, .buyspec_dd{margin: .5rem 0;}
.buyspec_dd .selitmlist{margin-left: -.5rem; margin-right: -.5rem; text-align: center; line-height: 2rem; overflow: hidden;}
.buyspec_dd .selitmlist>li{float: left; padding: .5rem; box-sizing: border-box; -webkit-box-sizing: border-box;}
.buyspec_dd .selitmlist a{display: block; padding: .4rem 1.4rem; height: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.2rem; color: #333; border: 1px solid #ccc; border-radius: .3rem;}
.buyspec_dd .selitmlist .selected a{padding: .5rem 1.5rem; color: #fff; background-color: #24aadb;  background-image: -webkit-linear-gradient(0deg, #24aadb,#24aadb 50%, #24aadb); background-image: -webkit-gradient(linear,0 50%,100% 50%, from(#00167a), color-stop(.5,#002ea5) to(#00167a)); border: none;}



.buyspec_dlhoz{display: flex; display: -webkit-box;}
.buyspec_dlhoz .buyspec_dd{display: block; flex: 1; -webkit-box-flex: 1;}
.buyspec_count{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.buyspec_count .buyspec_dd{text-align: right;}


/*end bpop*/

/*------------------------------------------------------------*/


/*-------------------------结束公用样式--------------------------*/
body{ background-color: #f2f2f2; max-width: 960px;}
::-webkit-scrollbar{display: none;}
.noscorll, .noscorll body{height: 100%!important; overflow: hidden!important;}
.whbg{background-color: #fff;}
.lightpinkbg{background-color: #ffeded;}
.lightbluebg{background-color: #e7f4fb;}

.fpic{display: block; width: 100%; vertical-align: bottom;}
.omit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hidel{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.nodata{display: block; text-align: center; padding: 1rem; font-size: 1.1rem; color: #ccc;}

/*.wbox, .wpbox{margin-bottom: .8rem; background-color: #fff; overflow: hidden;}*/
.wbox, .wpbox{margin-bottom:0; border-bottom:.8rem solid #f2f2f2;background-color: #fff; overflow: hidden;}/*修改背景闪动问题*/
.wpbox{padding: 0 1rem;}

.wb{display: flex; display: -webkit-box;}
.wbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.wbw{display: block; flex: 1; -webkit-box-flex: 1;}

ins{color: #ff4940; text-decoration: none;}
del{color: #999;}

input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

.dtint, .textint{display: block; text-align: left; text-indent: 0; padding: 1rem 0; width: 100%; line-height: 2.5rem; font-size: 1.3rem; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; -webkit-appearance: none;}
.dtint{height: 4.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textint{height: auto; min-height: 12rem; resize: vertical;}
.feedback_textint{padding-bottom: 2rem; min-height: 24rem;}


.selgt{margin: 0 .5rem .2rem .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.rgt {margin: 0 .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 2px 2px 0 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.rgt10 {margin: 0 .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 2px 2px 0 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}


.mico{display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/mico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}
.micoTip{display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/micoTip.png); background-repeat: no-repeat; background-size: 1.8rem auto; vertical-align: top;}

.buadd_mico{background-position: 0 0;}
.bulocal_mico{background-position: 0 -2rem;}
.buclear_mico{background-position: 0 -6rem;}
.gyhot_mico{background-position: 0 -12rem;}

.gyhistory_mico{background-position: 0 -14rem;}
.ognotice_mico{background-position: 0 -20rem; }
.ok_micoTip{background-position: 0 -3.7rem; margin-right: 0.5rem;}
.err_micoTip{background-position: 0 -1.83rem; margin-right: 0.5rem;} 
.warning_micoTip{background-position: 0 -0rem; margin-right: 0.5rem;}

.buuser_mico{background-position: 0 -22rem;}
.bucart_mico{background-position: 0 -28rem;}
.login_mico{background-position: 0 -30rem;}

.mbico{display: inline-block; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/mbico.png); background-repeat: no-repeat; background-size: 2.5rem auto; vertical-align: top;}
.whcard_mbico{background-position: 0 0;}


.ntico{display: inline-block; background-image: url(../images/icon/ntico.png); background-repeat: no-repeat; background-size: 7.5rem auto; vertical-align: bottom;}
.ntico1{display: inline-block; background-image: url(../images/icon/ntico.png); background-repeat: no-repeat; background-size: 7.5rem auto; vertical-align: bottom;}
.recordnull_ntico{width: 7.5rem; height: 7.5rem; background-position: 0 0;}
.cartnull_ntico{width: 7rem; height: 7rem; background-position: 0 -7.5rem;}
.order_ntico{width: 7rem; height: 7rem; background-position: 0 -15rem;}

.tico{margin-right: 1rem; display: inline-block; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/tico.png); background-repeat: no-repeat; background-size: 2.5rem auto; vertical-align: top;}
.coin_tico{background-position: 0 0}
.collect_tico{background-position: 0 -2.5rem;}
.local_tico{background-position: 0 -5rem;}
.cool_tico{background-position: 0 -7.5rem;}
.gife_tico{background-position: 0 -10rem;}

.vico{margin-right: .3rem; display: inline-block; width: 1.5rem; height: 1.5rem; background-image: url(../images/icon/vico.png); background-repeat: no-repeat; background-size: 1.5rem auto; vertical-align: top;}
.collect_vico{background-position: 0 0;}




/*--全局顶部--*/
.header{position: relative; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; color: #333; background: #fff; z-index: 13;}
.hasline.header{border-bottom: 1px solid #efefef;}
.headtitle{margin: 0 5rem; text-align: center; height: 4.5rem; line-height: 4.5rem; font-size: 1.9rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headlogo{position: relative; max-width: 100%; height: 100%;}
.headl, .headr{position: absolute; top: 0; height: 4.5rem; font-size: 0;}
.headl{left: 0;}
.headr{right: 0;}
.headwbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.headwbc .headl, .headwbc .headr{position: static; left: auto; right: auto; top: auto; bottom: auto;}
.headwbw{position: relative; display: block; flex: 1; -webkit-box-flex: 1;}
.headwbw:first-child{margin-left: 1rem;}
.headwbw:last-child{margin-right: 1rem;}

.headbtn{position: relative; display: inline-block; text-align: center; padding: 1.3rem 1rem 0 1rem; min-width: 4rem; height: 4.5rem; font-size: 1.2rem; color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top;}
.headbtn:visited{color: #fff;}
.headbtn:active{background-color: rgba(0,0,0,.1);}
.hico{display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/hico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}


.back_hico{margin: 0 .5rem; display: inline-block; content: ""; width: 1.2rem; height: 1.2rem; border-width: 0 0 2px 2px; border-style: solid; border-color: #24aadb; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s; vertical-align: sub;}



.intop.header{position: absolute; top: 0; left: 0; background: none; box-shadow: none; border: none;}
.intop.header .headtitle{display: none;}
.intop.header .back_hico{border-color: #fff;}



.style2.header .headbtn{margin-top: .8rem; padding: .5rem; min-width: initial; width: 3rem; height: 3rem; color: #fff; background-color: rgba(0,0,0,.6); border-radius: 50%;}
.style2.header .headl .headbtn{margin-left: .8rem;}
.style2.header .headr .headbtn{margin-right: .8rem;}
.style2.header .headbtn:visited{color: #fff;}
.style2.header .headbtn:not(.hcollectlabel):active{background-color: rgba(0,0,0,.9);}


.hsearch{position: relative; display: block; width: 100%;}
.hsearch_form{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; height: 4.5rem;}
.hsearch_box{position: relative; display: block; flex: 1; -webkit-box-flex: 1; height: 3rem;}
.hsearch_input, .hsearch_btn{border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none;}
.hsearch_input{padding: .5rem 3.5rem .5rem 1.5rem; width: 100%; height: 3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.5rem; color: #333; background-color: #ececec; border-radius: 2rem;}
.hsearch_btn{position: absolute; right: 1rem; top: 50%; margin-top: -1rem; width: 2rem; height: 2rem; background: url(../images/icon/mico.png) 0 -8rem no-repeat; background-size: 2rem auto;}
.hsearch_btn:active{background-position: 0 -10rem;}
.hsearch_canclebtn{display: inline-block; text-align: center; padding: 1rem; line-height: 2.5rem; font-size: 1.3rem; color: #333; display: none;}
.hsearch_canclebtn:visited{color: #333;}
.hsearch_canclebtn:active{color: #24aadb;}
.show_hadvise .hsearch_canclebtn{display: block;}


.searchrow{margin: 1rem; display: block;}
.searchform{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.searchform_content{position: relative; display: block; flex: 1; -webkit-box-flex: 1; width: 100%; background-color: rgba(255,255,255,.4); border-radius: .3rem;}
.searchform_btn, .searchform_rbtn, .searchform_text{box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0; -webkit-appearance: none;}
.searchform_text{position: relative; z-index: 5; display: block; flex: 1; -webkit-box-flex: 1; padding: .5rem .5rem .5rem 3rem; width: 100%; height: 3.5rem; line-height: 2.3rem; font-size: 1.3rem; color: #333; border: 1px solid #ddd; background-color: transparent; border-radius: .5rem;}
.searchform_text:focus{background-color: #fff;}
.searchform_btn, .searchform_btnico{width: 2rem; height: 2rem; background-color: transparent; background-image: url(../images/icon/search40.png); background-position: 0 0; background-repeat: no-repeat; background-size: 2rem auto;}
.searchform_btnico{margin-right: .5rem; display: inline-block; vertical-align: top;}
.searchform_btn{position: absolute; z-index: 6; top: .8rem; left: .6rem; border: none; display: none;}
.searchform_text:focus ~ .searchform_btn{display: block;}
.searchform_btn:active{transform: scale(.95); -webkit-transform: scale(.95);}
.header .searchform_text{z-index: 26; padding: .6rem .6rem .6rem 3.1rem; border: none;}
.header .searchform_btn{z-index: 30;}
.searchform_centertext{position: absolute; top: .8rem; left: 0; display: block; text-align: center; width: 100%; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #34b29d;}
.searchform_text:focus ~ .searchform_centertext{display: none;}

.picbn{position: relative; display: block; overflow: hidden;}
.picbn_link{position: relative; display: block; background-color: #000;}
.picbn_img{display: block; width: 100%;}
.picbn_link:active .picbn_img{opacity: .8;}

.ibn, .profocus{position: relative; display: block;}
.ibn .bd a{display: block; background-color: #000;}
.ibn .bd img, .profocus .bd img{display: block; width: 100%;}
.ibn .bd a:active img{opacity: .8;}
.ibn .hd, .profocus .hd{position: absolute; left: 0; width: 100%; text-align: center; line-height: 0; font-size: 0;}
.ibn .hd{bottom: .5rem;}
.profocus .hd{bottom: 1rem;}
.ibn .hd li, .profocus .hd li{margin: 0 .2rem; display: inline-block; width: .6rem; height: .6rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: rgba(0,0,0,.4); border-radius: 50%; vertical-align: top;}
.ibn .hd .on, .profocus .hd .on{background-color: rgba(0,0,0,.7); border: 1px solid #fff; box-shadow: 0 0 .5rem rgba(0,0,0,.4);}
.scorllwinner{margin-top: 1rem; margin-bottom: 1rem; position: relative; display: block; text-align: center; padding: 1rem 0; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.2rem; color: #fff; background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background-image: -webkit-gradient(linear,0 50%,100% 50%, from(rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.2)), to(rgba(255,255,255,0))); opacity: .99; overflow: hidden;}
.scorllwinner .bd>li{padding: 0 1rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bnbntbox{position: absolute; z-index: 5; bottom: 3rem; left: 0; display: block; text-align: center; padding: 0 1rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.bnbntbox_span{display: inline-block; text-align: center; padding: .2rem; line-height: 2rem; font-size: 1.1rem; color: #ffa71d; background-color: #fff; border: 1px solid #ffa71d; border-radius: 2rem;}
.bnbntbox_text{margin: 0 .5rem;}

.vinfo{line-height: 1.5rem; font-size: 1rem; color: #999; overflow: hidden;}
.vinfo1{line-height: 1.5rem; font-size: 1rem; color: #999; overflow: hidden; padding-bottom:10px;}
.vinfoitm{margin-right: .5rem; color: #999;}
.vinfoitm:visited{color: #999;}

.inavlist{padding: .5rem 0; background-color: #fff; overflow: hidden;}
.inavitem{margin: .5rem 0; float: left; text-align: center; width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 1.2rem; color: #333;}
.inavitem .t{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; color: #333;}
.inavitem .ico{margin: 0 auto .5rem; display: block; max-width: 100%; height: 4.5rem;}
.inavitem:active .ico{transform: scale(.95); -webkit-transform: scale(.95);}


.clenterlist{padding: .3rem; background-color: #fff; overflow: hidden;}
.clenteritem{float: left; padding: .3rem; width: 33.333%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.clenteritem .link{position: relative; display: block; background-color: #000;}
.clenteritem img{display: block; width: 100%;}
.clenteritem .link:active img{opacity: .9;}

.enter3_scrollwrap{position: relative; display: block; padding: .8rem .7rem; /*height: 11.5rem;*/ background-color: #fff; overflow: hidden;}
.enter3_list{display: block; /*height: 14rem;*/ font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; vertical-align: top;}
.enter3_item{display: inline-block; margin: 0 .3rem; text-align: center; width: 11.5rem; height: 11.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 1.2rem; vertical-align: top;}
.enter3_link{display: block;}
.enter3_produce{position: relative; display: block; padding: 1rem 1rem 0 1rem; width: 11.5rem; height: 11.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transition: .1s; -webkit-transition: .1s;}
.type01 .enter3_produce{background-color: #F9E7ED;}
.type02 .enter3_produce{background-color: #d5f4ff;}
.type03 .enter3_produce{background-color: #fff3f3;}
.type04 .enter3_produce{background-color: #e9fff8;}
.enter3_produce .t{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; color: #333;}
.enter3_produce .ico{margin: 0 auto .5rem; display: block; width: 9rem; height: 7rem;}
.enter3_link:active .enter3_produce{opacity: .9; transform: perspective(20rem) rotateX(3deg); -webkit-transform: perspective(20rem) rotateX(3deg);}



.enter2_list{padding: .4rem; background-color: #fff; overflow: hidden;}
.enter2_item{float: left; text-align: center; padding: .4rem; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.enter2_link{display: block;}
.enter2_produce{position: relative; display: block; padding: 2.5rem 1.5rem 0 1.5rem; width: 100%; height: 17.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transition: .1s; -webkit-transition: .1s;}
.type01 .enter2_produce{background-color: #F9E7ED;}
.type02 .enter2_produce{background-color: #F9E7ED;}
.type03 .enter2_produce{background-color: #fff3f3;}
.type04 .enter2_produce{background-color:#fff3f3;}
.enter2_produce .t{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; color: #333;}
.enter2_produce .ico{margin: 0 auto 1rem; display: block; width: 9.5rem; height: 9.5rem;}
.enter2_produce:active{opacity: .9; transform: perspective(20rem) rotateX(3deg); -webkit-transform: perspective(20rem) rotateX(3deg);}


.fsection{position: relative; margin-bottom: .8rem; display: block; background-color: #fff;}
.fsechead{position: relative; display: block; padding: 0 1rem; height: 4.5rem; background-color: #fff; border-bottom: 1px solid #efefef; }
.fsechead_raside{position: absolute; top: 0; right: 1rem;}
.fsechead_more{display: inline-block; padding: 1rem .5rem; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.1rem; color: #333;}
.fsechead_more:visited{color: #333;}
.fsechead_more:active{color: #ff4940;}

.fsectitle{display: block; text-align: center; padding: 1rem 2rem; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; font-size: 1.5rem; color: #333;}
.fsectitle::before, .fsectitle::after{margin-top: .5rem; display: inline-block; content: ""; width: 1.5rem; height: 1.5rem; line-height: 0; font-size: 0; background-image: url(../images/icon/fsectitle.png); background-repeat: no-repeat; background-size: 1.5rem auto; vertical-align: top;}
.fsectitle::before{margin-right: .5rem; background-position: 0 0;}
.fsectitle::after{margin-left: .5rem; background-position: 0 -1.5rem;}
.blue_fsectitle::before{background-position: 0 -3rem;}
.blue_fsectitle::after{background-position: 0 -4.5rem;}



.boxmt{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; margin: 0 1rem; height: 4rem; line-height: 1.5rem; font-size: 1.2rem; color: #7a8787; border-bottom: 1px solid #efefef;}
.no_bborder.boxmt{border-bottom: none;}
.wpbox .boxmt, .bpopcontent .boxmt{margin: 0;}
.boxmt .mico{margin-right: .5rem;}
.boxmt_content{display: block; flex: 1; -webkit-box-flex: 1;}
.boxmt_more{font-size: 1.2rem; color: #888;}
.boxmt_more:visited{color: #888;}
.boxmt_more:active{color: #125fb8;}
.boxmt_more:active .rgt{border-color: #125fb8;}
.butitle, .boxmtitle{position: relative; margin: 1rem 0; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #333;}
.butitle::before{position: absolute; left: -1rem; top: .4rem; display: block; content: ""; width: .4rem; height: 1.2rem; line-height: 0; font-size: 0; background-color: #24aadb;}
.boxmt .small{margin-left: .5rem; font-size: 1rem; color: #999; font-variant: small-caps;}
.tc.boxmtitle{text-align: center;}


.ubn{position: relative; display: block; color: rgba(255,255,255,.8); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; background-image: url(../images/icon/ubnbg01.jpg), linear-gradient(-90deg, #24cadb, #24aadb); background-image: url(../images/icon/ubnbg01.jpg), -moz-linear-gradient(-90deg, #24cadb, #24aadb); background-image: url(../images/icon/ubnbg01.jpg), -webkit-linear-gradient(-90deg, #24cadb, #24aadb); background-image: url(../images/icon/ubnbg01.jpg), -webkit-gradient(linear,50% 0,50% 100%, from(#24cadb), to(#24aadb)); overflow: hidden;}
.cshowubn{position: relative; display: block; text-align: center; padding: 1.5rem; font-size: 1.4rem; }
.cshowubn_name{margin: .5rem 0; line-height: 1; font-size: 2rem;}
.cshowubn_td{margin: .3rem 0;}
.cshowubn .n{margin: 0 .3rem; color: #ffde27;}
.cshowubn_photorow{margin: .5rem 0;}
.cshowubn_photo_span{position: relative; display: inline-block; vertical-align: bottom;}
.cshowubn_photo{display: inline-block; padding: .3rem; width: 7.5rem; height: 7.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #24aadb; border-radius: 50%; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.cshowubn_photo_img{display: block; width: 100%; border-radius: 50%;}
.photocrown{position: absolute; top: -.3rem; right: -1.3rem; display: block; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/crown.png); background-repeat: no-repeat; background-position: 0 0; background-size: 2.5rem auto;}

.bnntbox{display: flex; display: -webkit-box; padding: 3rem 1rem;}
.bnntbox .mbico{margin-right: 1rem;}
.bnntbox_cont{display: block; flex: 1; -webkit-box-flex: 1;}
.bnntbox_dt{display: block; line-height: 2.5rem; font-size: 1.7rem; color: #fff;}



.shortabhd{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; text-align: center; height: 4rem; line-height: 2rem; font-size: 1.4rem; color: #333; background-color: #fff;}
.shortabhd>li{display: block; flex: 1; -webkit-box-flex: 1;}
.shortabhd a{position: relative; display: inline-block; padding: 1rem .2rem; max-width: 100%; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; vertical-align: top;}
.shortabhd a:visited{color: #333;}
.shortabhd .on, .shortabhd .on a{color: #24aadb;}
.shortabhd .on a::before{position: absolute; z-index: 5; bottom: .5rem; left: 0; display: block; content: ""; width: 100%; height: .2rem; line-height: 0; font-size: 0; background-color: #24aadb; border-radius: .2rem;}
.shortabhd .on .n{color: #ff4940;}
.hasline.shortabhd{box-shadow: 0 -1px 0 #efefef inset;}
.hasline.shortabhd a::before{bottom: 0;}
.hasitemline.shortabhd>li{position: relative;}
.hasitemline.shortabhd>li::after{position: absolute; right: 0; top: 1rem; bottom: 1rem; display: block; content: ""; border-left: 1px solid #efefef;}

.plist{position: relative; display: block; overflow: hidden;}
.plist::before{position: absolute; z-index: 5; top: 0; left: 50%; display: block; content: ""; height: 100%; line-height: 0; font-size: 0; border-left: 1px solid #efefef;}
.pitem{float: left; width: 50%; background-color: #fff; border-bottom: 1px solid #efefef;}
.pitem_produce{position: relative; display: block; padding-bottom: .5rem;}
a.pitem_produce:active{opacity: .8;}
.pitem_pic{margin-bottom: .5rem; position: relative; display: block; overflow: hidden; }
.pitem_pic img{display: block; width: 100%;}
.pitem_title, .pitem_price, .pitem_produce .vinfo, .pitem_info{margin: .3rem 0; display: block; padding: 0 1rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.pitem_title, .pitem_price{line-height: 2rem; font-size: 1.2rem; overflow: hidden;}
.pitem_title{height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.pitem_price .current_price{float: left; color: #ff4940;}
.pitem_price .del{float: right;}
.pitem_info{line-height: 1.5rem; font-size: 1.1rem; color: #333; overflow: hidden;}
.pitem_collect{float: right; display: inline-block;}
.pitem_collect::before{margin-right: .3rem; display: inline-block; content: ""; width: 1.5rem; height: 1.5rem; background: url(../images/icon/vico.png) 0 0 no-repeat; background-size: 1.5rem auto; vertical-align: top;}
[data-collect="collected"].pitem .pitem_collect::before{background-position: 0 -1.5rem;}

.cplist{padding: 0 1rem; background-color: #fff;}
.wpbox .cplist{padding-left: 0; padding-right: 0;}
.cpitem{border-bottom: 1px solid #efefef;}
.cplist:last-child .cpitem:last-child{border-bottom: none;}
.cpitem_produce{display: flex; display: -webkit-box; padding: 1.5rem 0;}
a.cpitem_produce:active{opacity: .8;}
.cpitem_pic{margin-right: 1.5rem; position: relative; display: block; width: 6rem; height: 6rem; border: 1px solid #e4e4e4;}
.cpitem_pic img{display: block; width: 100%;}
.cpitem_cont{display: block; flex: 1; -webkit-box-flex: 1;}
.cpitem_title{margin-bottom: .3rem; display: block; width: 100%; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.3rem; color: #333;}
.cpitem_info{display: flex; display: -webkit-box; line-height: 1.8rem; font-size: 1.1rem; color: #888;}
.cpitem_info .dd{display: block; flex: 1; -webkit-box-flex: 1; width: 100%;}


.recordlist{padding: 0 1rem; background-color: #fff;}
.wpbox .recordlist{padding: 0;}
.recorditem{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 1rem 0rem; border-bottom: 1px solid #efefef;}
.recordlist:last-child .recorditem:last-child{border-bottom: none;}
.recorditem .photo{margin: 0 1.2rem 0 1rem; display: block; width: 3rem; overflow: hidden;}
.recorditem .photo img{display: block; width: 100%; border-radius: 50%;}
.recorditem .way{display: block; flex: 1; -webkit-box-flex: 1; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.1rem; color: #333;}
.recorditem .info{text-align: right;}
.recorditem .date{font-size: 1rem; color: #999;}
.recorditem .amount{line-height: 1; font-size: 2rem;}
[data-trend="earn"].recorditem .amount{color: #ff4940;}
[data-trend="paid"].recorditem .amount{color: #2db55a;}


.ntbox{position: relative; display: block; text-align: center; padding: 6rem 1.5rem 1.5rem 1.5rem; color: #888;}
.ntbox_dt{margin: .5rem 0; display: block; font-size: 1.4rem;}
.ntbox_cartoon{margin: .5rem 0;}

.instrucbox{display: block; padding: 3rem 3rem 1rem 3rem; line-height: 2; font-size: 1.3rem; color: #333;}




.cutlist{padding: 0 1rem;}
.wpbox .cutlist{padding: 0;}
.cutitem{margin: 1rem 0; display: flex; display: -webkit-box; padding: 1rem; background-color: #fff; border-radius: .5rem; overflow: hidden;}
.cutitem_pic{margin-right: 1.5rem; display: block; width: 10rem; height: 10rem; border: 1px solid #efefef;}


.cutitem_pic a{display: block;}
.cutitem_pic img{display: block; width: 100%;}
.cutitem_pic a:active img{opacity: .8;}
.cutitem_cont{display: block; flex: 1; -webkit-box-flex: 1;}
.cutitem_title{display: block; width: 100%; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.4rem; color: #333;}
.cutitem_price{display: block; line-height: 2rem; font-size: 1.1rem; color: #999;}
.cutitem_price .current_price{line-height: 1.2; font-size: 1.5rem; color: #ff4940;}
.cutitem_btnrow{margin-top: .5rem; margin-left: -.5rem; display: block; text-align: right; overflow: hidden;}
.cutitem_btnrow [class*="btn"]{margin-left: .5rem;}
.ratebox{margin: .5rem 0;}
.ratebar, .ratebar_data{height: .5rem; line-height: 0; font-size: 0; border-radius: .5rem;}
.ratebar{margin: .5rem 0; position: relative; display: block; width: 100%; background-color: #ddd; overflow: hidden;}
.ratebar_data{position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #ffa57d, #fd4753); background: -moz-linear-gradient(0deg, #ffa57d, #fd4753); background: -webkit-linear-gradient(0deg, #ffa57d, #fd4753); background: -webkit-gradient(linear,0 50%,100% 50%, from(#ffa57d), to(#fd4753));}
.ratebox_aside{display: block; line-height: 1rem; font-size: .9rem; color: #333; overflow: hidden;}



.orderclass{padding: 1rem 0 .5rem 0; text-align: center; line-height: 2rem; font-size: 1.1rem; color: #666; border-top: 1px solid #efefef; overflow: hidden;}
.orderclass_item{position: relative; display: block; float: left; padding: .5rem; width: 20%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #666;}
.orderclass_item:active{opacity: .8;}
.orderclass .t{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666;}
.cartnumbers, .orderclass_ntnum{position: absolute; z-index: 5; left: 50%; margin-left: .5rem; display: inline-block; text-align: center; padding: .1rem .2rem; min-width: 1.6rem; height: 1.6rem; line-height: 1.2rem; font-size: 1.2rem; color: #fff; font-style: normal; background-color: #ff4940; border: 2px solid #fff; border-radius: .9rem; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top;}
.cartnumbers{top: .2rem;}
.orderclass_ntnum{top: 0;}
.orderclass_item .orderico{display: block; margin: 0 auto .5rem; width: 3.5rem; height: 3rem; background-image: url(../images/icon/order01.png); background-repeat: no-repeat; background-size: 3.5rem auto;}

.obligation.orderclass_item .orderico{background-position: 0 -.4rem;}
.pay.orderclass_item .orderico{background-position: 0 -3.3rem;}
.send.orderclass_item .orderico{background-position: 0 -6.4rem;}
.receive.orderclass_item .orderico{background-position: 0 -9.4rem;}
.finish.orderclass_item .orderico{background-position: 0 -12.4rem;}

/*.pay.orderclass_item .orderico{background-position: 0 0;}
.obligation.orderclass_item .orderico{background-position: 0 -2.8rem;}
.receive.orderclass_item .orderico{background-position: 0 -5.7rem;}
.finish.orderclass_item .orderico{background-position: 0 -8.5rem;}*/

.sendcut{position: relative; display: flex; display: -webkit-box; padding: 1rem; line-height: 2rem; font-size: 1.2rem; color: #666;}
.sendcutTime{position: relative; display: flex; display: -webkit-box; padding: 0.5rem 1rem 0.5rem 1rem;  line-height: 2rem; font-size: 1.2rem; color: #666;}
a.sendcut:active{opacity: .9;}
.dtitem .sendcut{padding: 1rem 0;}
.sendcut .mico{margin-right: 1rem;}
.sendcutTime .mico{margin-right: 1rem; }
.sendcut .rgt{margin-left: 1rem;}
.sendcut .rgt10{margin-left: 1rem; margin-top:10px;}
.sendcut_cont{display: block; flex: 1; -webkit-box-flex: 1; color:#ff4940}
.sendcut_mt{display: block; font-size: 1.3rem; color: #333; overflow: hidden;}
.sendcut_name{float: left;}
.sendcut_phone{float: right;}
.sendcut_local{margin-top: .5rem; display: block; color: #888;}

.addressitem{display: block; margin-bottom: .8rem; padding: 0 1rem; line-height: 2rem; font-size: 1.1rem; background-color: #fff; overflow: hidden;}
.addressitem_info, .addressitem_local{margin: .5rem 0; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.addressitem_info{height: 2rem; line-height: 2rem; font-size: 1.2rem; color: #333;}
.addressitem_info .name{float: left;}
.addressitem_info .phonenum{float: right;}
.addressitem_local{padding-bottom: .5rem; line-height: 1.5rem; font-size: 1.2rem; color: #666;}
.addressitem_mb{display: block; line-height: 2rem; font-size: 1.2rem; color: #333; border-top: 1px solid #efefef;}
.addressitem_sel{float: left; font-size: 1.1rem;}
.addressitem_sel [type="radio"]{display: none;}
.addressitem_tool{float: right;}
.addressitem_sel .label, .addressitem_edit, .addressitem_del{display: inline-block; padding: .5rem 0; display: inline-block; vertical-align: top;}
.addressitem_edit, .addressitem_del{margin-left: 1rem;}
.addressitem_edit:visited, .addressitem_del:visited{color: #333;}
.addressitem_edit:active, .addressitem_del:active{color: #24aadb;}
.addressitem_sel .label::before, .addressitem_edit::before, .addressitem_del::before{margin-top: -1px; margin-right: .3rem; display: inline-block; content: ""; width: 2rem; height: 2rem; vertical-align: top;}
.addressitem_sel .label::before{background: url(../images/icon/che.png) 0 0 no-repeat; background-size: 2.5rem auto;}
.addressitem_sel :checked ~ .label{color: #333;}
.addressitem_sel :checked ~ .label::before{background-position: 0 -2rem;}
.addressitem_edit::before, .addressitem_del::before{background-image: url(../images/icon/mico.png); background-repeat: no-repeat; background-size: 2rem auto;}
.addressitem_edit::before{background-position: 0 -4rem;}
.addressitem_del::before{background-position: 0 -6rem;}

.cartitem{margin: .8rem 0; display: block; padding: 0 1rem; background-color: #fff;}
.cartitem_mt{position: relative; display: block; padding: .5rem 0; font-size: 1.1rem; border-bottom: 1px solid #efefef;}
.cartitem_mt .status{float:right; color:#ffa71d; }
.cartitem_mt .type{float:right; color:#ffa71d; }
.cartitem_mb{position: relative; display: block; text-align: right; padding: .8rem 0; border-top: 1px solid #efefef;}
.cartitem_mb [class*="btn"]{margin-left: 1rem;}
.ordertitem_mb{position: relative; display: block; text-align: right; padding: .6rem 0; border-top: 1px solid #efefef;}
.ordertitem_mb [class*="btn"]{margin-left: 1rem;}
.cartitem_mc{position: relative; display: block;}

.cartpro{position: relative; display: flex; display: -webkit-box; padding: 1rem 0; border-bottom: 1px solid #efefef;}
a.cartpro:active{opacity: .8;}

.bk_cartprolist{position: relative; display: block; margin: 0 -1rem;}
.bk_cartprolist .cartpro{padding: 1rem; background-color: #f8f8f8; border-bottom-color: #fff;}

.cartpro:last-child{border-bottom: none;}
.cartpro_pic{margin-right: 1rem; display: block; width: 7rem; height: 7rem; border: 1px solid #efefef; overflow: hidden;}
.cartpro_pic img{display: block; width: 100%; height: 7rem;}
.cartpro_pic180{margin-right: 1rem; display: block; width: 9rem; height: 9rem; border: 1px solid #efefef; overflow: hidden;}
.cartpro_pic180 img{display: block; width: 100%; height: 9rem;}
.cartpro_cont{display: block; flex: 1; -webkit-box-flex: 1;}
.cartpro_title{margin-bottom: .3rem; display: block; width: 100%; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.4rem; color: #333;}
.cartpro_title1{margin-bottom: .3rem; display: block; width: 100%; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.2rem; color: #333;}

.twoline.cartpro_title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; }
.cartpro_GiftNo{ display:none;}
.cartpro_title a, .cartpro_title a:visited{color: #333;}
.cartpro_title a:active{color: #24aadb;}
.cartpro_info{margin-top: .5rem; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; line-height: 1.5rem; font-size: 1.1rem; color: #999;}
.cartpro_info .current_price{line-height: 1em; font-size: 1.5rem; color: #ff4940;}
.cartpro_info .current_price1{line-height: 1em; font-size: 1.2rem; color: #ff4940;}
.cartpro_info .current_pricetotal{line-height: 1em; font-size: 1.2rem; color: #ff4940;}
.cartpro_info .mbtn{padding: .3rem .8rem; height: 2.6rem;}
.cartpro_info .b{font-size: 1.2rem; color: #333;}
.cartpro_info .tips{color: #ffa71d;}
.cartpro_info .sources{font-size: 1rem; color: #666;}
.cartpro_info .itm{margin-right: 1rem;}

/*cx新增用于订单提交*/
.cartpro_info1{ margin-top: .2rem;display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; line-height: 1.5rem; font-size: 1.1rem; color: #666;}
.cartpro_info1 .current_price{line-height: 1em; font-size: 1.2rem; color: #ff4940;}
.cartpro_info1 .current_Num{ padding-left: 4rem; color: #666; color: #666;}
.cartpro_info1 .current_pricetotal{line-height: 1em; font-size: 1.3rem; color: #ff4940;}
.cartpro_info1 .mbtn{padding: .3rem .8rem; height: 2.6rem;}
.cartpro_info1 .b{font-size: 1.2rem; color: #333;}
.cartpro_info1 .tips{color: #ffa71d;}
.cartpro_info1 .sources{font-size: 1rem; color: #666; }
.cartpro_info1 .scurrent_status{font-size: 1rem; color: #666; padding-left: 2rem;}
.cartpro_info1 .itm{margin-right: 1rem;}

/*cx新增用于订单查询*/
.cartpro_info2{ margin-top: .5rem;display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; line-height: 1.5rem; font-size: 1.1rem; color: #666;}
.cartpro_info2 .current_price{line-height: 1em; font-size: 1.2rem; color: #ff4940;}
.cartpro_info2 .current_Num{ padding-left: 4rem; color: #666; color: #666;}
.cartpro_info2 .current_pricetotal{line-height: 1em; font-size: 1.3rem; color: #ff4940;}
.cartpro_info2 .mbtn{padding: .3rem .8rem; height: 2.6rem;}
.cartpro_info2 .b{font-size: 1.2rem; color: #333;}
.cartpro_info2 .tips{color: #ffa71d;}
.cartpro_info2 .sources{font-size: 1rem; color: #666; }
.cartpro_info2 .scurrent_status{font-size: 1rem; color: #666; padding-left: 2rem;}
.cartpro_info2 .itm{margin-right: 1rem;}


.cartpro_price{margin-top: .2rem; display: block; line-height: 2.5rem; overflow: hidden;}
.cartpro_price .ins{float: left; font-size: 1rem;}
.cartpro_price .big{font-size: 1.4rem;}
.cartpro_price .mclnum{float: right;}
.cartpro_del{position: absolute; top: 1rem; right: 0; display: block; padding: .2rem 0 0 .2rem; width: 1.9rem; height: 1.9rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #30a6ff; border-radius: 50%; display: none;}
.editing .cartpro .cartpro_del{display: block;}
.cartpro_del:active{background-color: #c00;}
.cartpro_del::before{display: block; content: ""; width: 1.5rem; height: 1.5rem; background: url(../images/icon/sico.png) 0 -4.5rem no-repeat; background-size: 1.5rem auto;}


.chespan{display: inline-block; height: 2rem; line-height: 2rem; font-size: 1.5rem; color: #666; vertical-align: top;}
.chespan [type="checkbox"]{display: none;}
.chespan_label::before{margin-right: .5rem; display: inline-block; content: ""; width: 2rem; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; background: url(../images/icon/che.png) 0 0 no-repeat; background-size: 2.5rem auto; vertical-align: top;}
.chespan :checked ~ .chespan_label::before{background-position: 0 -2rem;}
.cartpro .chespan{display: block; margin: 2.5rem .5rem 0 0; display: none;}
.editing .cartpro .chespan{display: block;}

.mclnum{display: inline-block; width: 7.5rem; height: 2rem; background-color: #fff; overflow: hidden; vertical-align: bottom;}
.mclnum_reduce, .mclnum_increase{position: relative; float: left; display: block; width: 2rem; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 1px; border-style: solid; border-radius: 50%;}
.mclnum_reduce{border-color: #ccc;}
.mclnum_increase{background-color: rgba(36,170,219,.2); border-color: #24aadb;}
.mclnum_reduce::before, .mclnum_increase::before, .mclnum_increase::after{position: absolute; top: 50%; left: 50%; margin: -.1rem 0 0 -.5rem; display: block; content: ""; width: 1rem; height: .2rem; border-radius: .2rem;}
.mclnum_reduce::before{background-color: #ccc;}
.mclnum_increase::before, .mclnum_increase::after{background-color: #24aadb;}
.mclnum_increase::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.mclnum_input{float: left; text-align: center; width: 3.5rem; flex: 1; -webkit-box-flex: 1; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.5rem; color: #333; border: none; border-radius: 0; outline: 0; -webkit-appearance: none;}

.bdclnum{display: inline-block; width: 11.3rem; height: 2.8rem; background-color: #fff; border: 1px solid #e7e7e7; border-radius: .3rem; overflow: hidden; vertical-align: top;}
.bdclnum_reduce, .bdclnum_increase{position: relative; float: left; display: block; width: 2.8rem; height: 2.8rem;}
.bdclnum_reduce::before, .bdclnum_increase::before, .bdclnum_increase::after{position: absolute; top: 50%; left: 50%; margin: -.1rem 0 0 -.7rem; display: block; content: ""; width: 1.4rem; height: .2rem; background-color: #999; border-radius: .2rem;}
.bdclnum_increase::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.bdclnum_input{float: left; text-align: center; width: 5.7rem; flex: 1; -webkit-box-flex: 1; height: 2.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.8rem; font-size: 1.5rem; color: #333; border-width: 0 1px; border-style: solid; border-color: #e7e7e7; border-radius: 0; outline: 0; -webkit-appearance: none;}





.cartcount{margin-left: 1rem;}
.ins30{line-height: 1.2; font-size: 1.5rem; color: #ff4940;}

.paywaylist{padding: 0 1rem; background-color: #fff;}
.wpbox .paywaylist{padding: 0;}
.payway_item{border-bottom: 1px solid #efefef;}
.paywaylist:last-child .payway_item:last-child{border-bottom: none;}
.payway_item [type="radio"]{display: none;}
.payway_label{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 1rem 3.5rem 1rem 0;}
.payway_pic{margin-right: 1rem; display: block; width: 3.5rem; height: 3.5rem; border: 1px solid #efefef; border-radius: 50%;}
.payway_cont{display: block; flex: 1; -webkit-box-flex: 1; font-size: 1rem; color: #888;}
.payway_cont .n{margin: 0 .3rem; line-height: 1.2; font-size: 1.3rem; color: #ff4941;}
.payway_name{margin-bottom: .2rem; display: block; font-size: 1.3rem; color: #333;}
.payway_item :checked ~ .payway_label::after{position: absolute; right: .5rem; top: 50%; margin-top: -1.2rem; display: block; content: ""; width: 2.5rem; height: 2.5rem; background-size: 2.5rem auto;}

.givescorebox{display: inline-block; line-height: 2.5rem; font-size: 1.4rem; color: #333;}
.givescore{display: inline-block; height: 2.5rem; vertical-align: bottom; overflow: hidden;}
.givescore_item{float: left; width: 2.5rem; height: 2.5rem; line-height: 0; font-size: 0; background-image: url(../images/icon/star.png); background-repeat: repeat-x; background-size: 2.5rem auto; background-position: 0 0;}
.selected.givescore_item{background-position: 0 -2.5rem;}
.givescore_instext{margin-left: .5rem;}
.givescore_score{ display:none}

.smscore, .smscore_data{height: 1.5rem; line-height: 0; font-size: 0; background-image: url(../images/icon/star30.png); background-repeat: repeat-x; background-size: 1.5rem auto;}
.smscore{position: relative; display: inline-block; width: 7.5rem; background-position: 0 0; vertical-align: bottom; overflow: hidden;}
.smscore_data{position: absolute; top: 0; left: 0; background-position: 0 -1.5rem;}
.score10.smscore_data{width: 100%;}
.score9.smscore_data{width: 90%;}
.score8.smscore_data{width: 80%;}
.score7.smscore_data{width: 70%;}
.score6.smscore_data{width: 60%;}
.score5.smscore_data{width: 50%;}
.score4.smscore_data{width: 40%;}
.score3.smscore_data{width: 30%;}
.score2.smscore_data{width: 20%;}
.score1.smscore_data{width: 10%;}


/*category*/
.category{position: relative; display: flex; display: -webkit-box;}
.category_nav{/*float: left; */display: block; width: 8rem; height: 100%; text-align: center; background-color: #fff; box-shadow: inset -1px 0 0 #e4eded; overflow: hidden;}
.category_nav li{height: 4rem; border-bottom: 1px solid #e4e4e4;}
.category_nav a{display: block; padding: 1rem .5rem; width: 100%; height: 4rem; line-height: 2rem; font-size: 1.2rem; color: #778787; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.category_nav a:visited{color: #778787;}
.category_nav .cur a{color: #ff4940; background-color: #f3f4f5;}

.category_content{position: relative; display: block; flex: 1; -webkit-box-flex: 1; padding: 0 1rem; background-color: #f3f4f5; overflow: hidden;}
.category_cont{position: absolute; top: 0; left: 0; display: block; padding: 0 1rem; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch;}
.categoryitem{display: block; overflow: hidden;}
.categoryitem_section{display: block; margin: 1rem 0;}
.categoryitem_actbn{position: relative; display: block; overflow: hidden;}
.categoryitem_actbn_link{position: relative; display: block; background-color: #000; border: 1px solid #69e5cd;}
.categoryitem_actbn_link img{display: block; width: 100%;}
.categoryitem_actbn_link:active img{opacity: .8;}
.categoryitem_title{margin-bottom: 1rem; display: block; text-align: center; line-height: 2rem; font-size: 1.3rem; color: #333;}
.categoryitem_title::before, .categoryitem_title::after{display: inline-block; content: ""; width: 4rem; height: 0; line-height: 0; font-size: 0; border-top: 1px solid #cbcccd; vertical-align: middle;}
.categoryitem_title::before{margin-right: 1rem;}
.categoryitem_title::after{margin-left: 1rem;}
.category_plist{text-align: center; padding: 1rem; font-size: 1.2rem; color: #333; background-color: #fff; overflow: hidden;}
.category_plist>li{float: left; width: 33.3333%;}
.category_plist a{display: block;}
.category_plist a:active{opacity: .8;}
.category_plist .t{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.category_plist .pic{margin: 0 auto .3rem; position: relative; display: block; width: 6rem; height: 6rem; overflow: hidden;}
.category_plist .pic img{display: block; width: 100%;}


.categoryitem_brandlist, .categoryitem_clist{text-align: center; line-height: 2rem; font-size: 1.2rem; color: #778787;}
.categoryitem_brandlist::after, .categoryitem_clist::after{display: block; content: ""; clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden;}
.categoryitem_brandlist>li, .categoryitem_clist>li{float: left; margin-top: .6rem; width: 33.333%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.categoryitem_brandlist>li:nth-of-type(3n), .categoryitem_clist>li:nth-of-type(3n){padding-left: .4rem;}
.categoryitem_brandlist>li:nth-of-type(3n+1), .categoryitem_clist>li:nth-of-type(3n+1){padding-right: .4rem;}
.categoryitem_brandlist>li:nth-of-type(3n+2), .categoryitem_clist>li:nth-of-type(3n+2){padding: 0 .2rem;}
.categoryitem_brandlist a, .categoryitem_clist a{display: block;}
.categoryitem_clist a{padding: .3rem; border: 1px solid #e4eded;}
.categoryitem_brandlist a:active, .categoryitem_clist a:active{opacity: .8;}
.categoryitem_brandlist .pic{display: block; margin-bottom: .5rem; border: 1px solid #e4eded; overflow: hidden;}
.categoryitem_clist .pic{display: block; overflow: hidden;}
.categoryitem_brandlist .pic img, .categoryitem_clist .pic img{display: block; width: 100%;}
.categoryitem_brandlist .t, .categoryitem_clist .t{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*end category*/


.hadvise_wrap{position: fixed; z-index: 99; left: 0; right: 0; top: 4.5rem; bottom: 0; background-color: #fff; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch; display: none;}
.show_hadvise, .show_hadvise body{height: 100%!important; overflow: hidden!important;}
.show_hadvise .hadvise_wrap{display: block;}
.hadvise{position: relative; display: block; padding: 0 1rem; overflow: hidden;}
.hadvise_section{margin: 1rem 0;}
.hadvise_mt{margin-bottom: .5rem; display: block; line-height: 2rem; font-size: 1.1rem; overflow: hidden;}
.hadvise_mt .mico{margin-right: .3rem;}
.hadvise_title{float: left; font-size: 1.3rem; color: #888;}
.hadvise_clear, .hadvise_clear:visited{color: #333;}
.hadvise_clear:active{color: #24aadb;}
.hadvise_list{margin-left: -.5rem; line-height: 2rem; font-size: 1.3rem; color: #333; overflow: hidden;}
.hadvise_list>li{margin: 0 0 .5rem .5rem; float: left;}
.hadvise_list a{display: inline-block; text-align: center; padding: .4rem .9rem; height: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box; color: #333; border: 1px solid #ccc; border-radius: .3rem;}
.hadvise_list a:visited{color: #333;}
.hadvise_list .hot a{color: #24aadb; border-color: #24aadb;}
.hadvise_list a:active{color: #fff; background-color: #24aadb; border-color: #24aadb;}



/*sortbar*/
.sortbar_wrap{margin-bottom: .8rem; position: relative; display: block; height: 4rem;}
.show.sortbar_wrap{z-index: 199;}
.sortbar{position: relative; display: block;}
.show.sortbar_wrap .sortbar{position: fixed; z-index: 203; top: 0; left: 0; width: 100%;}
.sortbarbg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-color: rgba(0,0,0,.5); /*opacity: 0; visibility: hidden;*/ transition-duration: .3s; -webkit-transition-duration: .3s; display: none;}
.show.sortbar_wrap .sortbarbg{display: block; z-index: 200; /*opacity: 1; visibility: visible;*/}
.sortbarhd{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; text-align: center; height: 4rem; line-height: 2rem; font-size: 1.2rem; color: #333; background-color: #fff; overflow: hidden;}
.show.sortbar_wrap .sortbarhd{z-index: 205;}
.sortbarhd_item{position: relative; display: block; flex: 1; -webkit-box-flex: 1; padding: 1rem 0; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.active.sortbarhd_item{color: #24aadb;}
.ftico{display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/ftico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}
.rank_ftico{background-position: 0 0;}
.active[data-sort="up"].sortbarhd_item .rank_ftico{background-position: 0 -2rem;}
.active[data-sort="down"].sortbarhd_item .rank_ftico{background-position: 0 -4rem;}
.filter_ftico{background-position: 0 -6rem;}
.active .filter_ftico{background-position: 0 -8rem;}

.sortbarhd>li::before{position: absolute; right: 0; top: 1rem; bottom: 1rem; display: block; content: ""; border-right: 1px solid #efefef;}
.sortbarhd>li:last-child::before{display: none;}
.sortbarbd{position: absolute; top: 4rem; left: 0; width: 100%; line-height: 2rem; font-size: 1.3rem; color: #333; background-color: #fff; border-top: 1px solid #efefef;}
.show.sortbar_wrap .sortbarbd{z-index: 104;}
.sortbar_item{display: none; max-height: 90vh; box-sizing: border-box; -webkit-box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch;}
.sortbar_selist{padding: 0 1rem; font-size: 1.4rem;}
.sortbar_selist>li{border-bottom: 1px solid #efefef;}
.sortbar_selist>li:last-child{border-bottom: none;}
.sortbar_selist .go{position: relative; display: block; padding: 1rem 3rem 1rem 1rem; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.sortbar_selist .go:visited{color: #333;}
.sortbar_selist .sel .go{color: #24aadb;}
.sortbar_selist .sel .go::before{position: absolute; right: 1rem; top: 50%; margin-top: -1rem; display: block; content: ""; width: 2rem; height: 2rem; background: url(../images/icon/che.png) 0 -2rem no-repeat; background-size: 2.5rem auto;}
.sortbar_selist .go1{position: relative; display: block; padding: 1rem 3rem 1rem 1rem; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.sortbar_selist .go1:visited{color: #333;}
.sortbar_selist .sel .go1{color: #24aadb;}
.sortbar_selist .sel .go1::before{position: absolute; right: 1rem; top: 50%; margin-top: -1rem; display: block; content: ""; width: 2rem; height: 2rem; background-size: 2.5rem auto;}

/*end sortbar*/

/*filtercut*/
.filtercut{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 0 1rem; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff;}
.filtercut_count{display: block; flex: 1; -webkit-box-flex: 1; text-align: right; line-height: 2rem; font-size: 1.3rem;}
.filtercut_count1{display: block; flex: 1; -webkit-box-flex: 1; text-align:left; padding-left:1rem; line-height: 2rem; font-size: 1.2rem;}

.filtercut_count .money{line-height: 1.2; font-size: 1.7rem; color: #ff4940;}

.gyselectspan{position: relative; display: inline-block; height: 3rem; background-color: #f3f3f3; border-radius: 2rem; overflow: hidden; vertical-align: bottom;}
.gyselectspan::after{position: absolute; right: 1.5rem; top: 50%; margin-top: -.4rem; display: block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.gyselectspan_select{position: relative; z-index: 5; padding: .5rem 3rem .5rem 1rem; height: 3rem; line-height: 2rem; font-size: 1.3rem; color: #000; background-color: transparent; border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none;}
.filtercut .gyselectspan_select{min-width: 14rem;}

/*end filtercut*/


.textag{display: inline-block; text-align: center; padding: .3rem .4rem; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.2rem; font-size: 1.2rem; border-width: 1px; border-style: solid; border-radius: 2rem; vertical-align: top;}
.gn_textag{color: #3dc98f; border-color: #3dc98f;}



.proinf{margin-bottom: .8rem; position: relative; display: block; padding: 0 1rem .5rem 1rem; background-color: #fff; border-top: 1px solid #efefef; overflow: hidden;}
.wpbox .proinf{padding-left: 0; padding-right: 0;}
.proinf_cut{margin: 1rem 0 .5rem 0; position: relative; display: flex; display: -webkit-box;}
.proinf_title{margin-bottom: .5rem; display: block; width: 100%; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.4rem; color: #333;}
.proinf_info{margin: .5rem 0; display: block; line-height: 2rem; font-size: 1.2rem; overflow: hidden;}
.gybg_proinf_info{position: relative; margin-left: -1rem; margin-right: -1rem; padding: .5rem 1rem; color: #666; background-color: #f8f8f8;}
.proinf .ratebox_aside{font-size: 1rem;}
.proinf_collect{position: relative; display: inline-block; border-left: 1px solid #efefef; vertical-align: top;}
.proinf_collect [type="checkbox"]{display: none;}
.proinf_collect_label{display: block; padding: .8rem 1rem 0 .9rem; height: 3.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.2rem; color: #666;}
.proinf_collect_label::before{margin-right: .3rem; display: inline-block; content: ""; width: 2rem; height: 2rem; background: url(../images/icon/mico.png) 0 -16rem no-repeat; background-size: 2rem auto; vertical-align: bottom;}
.proinf_collect_label::after{content: "收藏";}
.proinf_collect :checked ~ .proinf_collect_label::before{background-position: 0 -18rem;}
.proinf_collect :checked ~ .proinf_collect_label::after{content: "已收藏";}

.prodetail{position: relative; display: block; line-height: 1.8; font-size: 1.2rem; background-color: #fff; overflow: hidden;}
.prodetail .pic{text-align: center;}
.prodetail .pic img{display: block; width: 100%;}
.prodetail .sec{margin: 1rem;}



.comments{padding: 0 1rem; background-color: #fff;}
.wpbox .comments{padding: 0;}
.commentitem, .joinitem{padding: .5rem 0; border-bottom: 1px solid #efefef; overflow: hidden;}
.commentitem_main, .joinitem_main{margin: .5rem 0; display: flex; display: -webkit-box;}
.commentitem_photo, .joinitem_photo{margin-right: 1rem; display: block; width: 4rem;}
.commentitem_photo img, .joinitem_photo img{display: block; width: 4rem; height: 4rem; border-radius: 50%;}
.commentitem_cont, .joinitem_cont{display: block; flex: 1; -webkit-box-flex: 1;}
.commentitem_thead, .joinitem_thead{margin-bottom: .5rem; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; line-height: 2rem; font-size: 1rem; color: #888; overflow: hidden;}
.joinitem_thead{margin-bottom: .3rem;}
.commentitem_thead .name, .joinitem_thead .name{display: block; flex: 1; -webkit-box-flex: 1; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; color: #333;}
.commentitem_para{font-size: 1.4rem; color: #333;}
.commentitem_score{margin: .5rem 0; display: block; line-height: 1.5rem; font-size: 1.2rem; color: #666; overflow: hidden;}
.commentitem_score .smscore{margin-bottom: .1rem;}
.joinitem_info{margin-top: .3rem; display: block; line-height: 2rem; font-size: 1.2rem; color: #888; overflow: hidden;}
.joinitem_info .event{float: left;}
.joinitem_info .date{float: right; font-size: 1rem;}


.winnercut{position: relative; display: flex; display: -webkit-box; padding: 1rem 2rem; font-size: 1.2rem; background-color: #ffeded;}
.ye_winnercut{background-color: #fffbe8;}
.winnercut .photo{margin-right: 1.5rem; display: block; padding: .2rem; width: 5rem; height: 5rem; background-color: #ff4940; border-radius: 50%; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.winnercut .photo img{display: block; width: 100%; border-radius: 50%;}
.winnercut .cont{display: block; flex: 1; -webkit-box-flex: 1;}
.winnercut .cont .dl{margin: .2rem 0; display: flex; display: -webkit-box;}
.winnercut .cont .dd{display: block; flex: 1; -webkit-box-flex: 1; color: #333;}
.pseal{position: absolute; z-index: 5; top: -1rem; right: 1rem; display: block; text-align: center; padding: .5rem 2.5rem 0 2.5rem; width: 8rem; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1; font-size: 1.3rem; font-style: normal; color: #fff; background: url(../images/icon/seal.png) 0 0 no-repeat; background-size: 8rem auto;}
.pseal_style2{padding: 1.5rem .5rem 0 .2rem; width: 5rem; height: 4rem; line-height: 1.5rem; font-size: 1.1rem; font-style: italic; background-position: 0 -4.5rem;}


.winnercut_row{margin: 1rem 0; padding-left: 1rem; padding-right: 1rem;}
.winnercut_row .photo{margin-right: 1rem;}

.killico{position: relative; margin-right: .3rem; display: inline-block; width: 3rem; height: 3rem; vertical-align: top;}
.btoolbtn:active .killico{opacity: .6;}
.killico::before, .killico::after{display: block; content: ""; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/killico.png); background-repeat: no-repeat; background-size: 2.5rem auto; background-size: 2.5rem auto;}
.killico::before{background-position: 0 0;}
.killico::after{position: absolute; top: 0; left: 0; background-position: 0 -2.5rem; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: killico; animation-name: killico;}
.infinite.killico::after{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@-webkit-keyframes killico{0%{-webkit-transform:rotate(0) translate3d(0,0,0);transform:rotate(0) translate3d(0,0,0)}20%{-webkit-transform:rotate(45deg) translate3d(5%,0,0);transform:rotate(45deg) translate3d(5%,0,0)}40%{-webkit-transform:rotate(-10deg) translate3d(0,0,0);transform:rotate(-10deg) translate3d(0,0,0)}65%{-webkit-transform:rotate(35deg) translate3d(3%,0,0);transform:rotate(35deg) translate3d(3%,0,0)}80%{-webkit-transform:rotate(-5deg) translate3d(1%,0,0);transform:rotate(-5deg) translate3d(1%,0,0)}100%{-webkit-transform:rotate(0) translate3d(0,0,0);transform:rotate(0) translate3d(0,0,0)}}
@keyframes killico{0%{transform:rotate(0) translate3d(0,0,0)}20%{transform:rotate(45deg) translate3d(5%,0,0)}40%{transform:rotate(-10deg) translate3d(0,0,0)}65%{transform:rotate(35deg) translate3d(3%,0,0)}80%{transform:rotate(-5deg) translate3d(1%,0,0)}100%{transform:rotate(0) translate3d(0,0,0)}}

/*ntbox*/
.ntbox{display: block; text-align: center; padding: 5vh 1rem 1rem 1rem;}
.ntbox_mt{margin: 2rem 0;}
.ntbox_bigimg{height: 16rem; vertical-align: bottom;}
.ntbox_th{margin: 1rem 0; font-size: 1.5rem;}
.ntbox_td{margin: .5rem 0; font-size: 1rem; color: #888;}
/*end ntbox*/

/*sign*/
.signwrap{position: relative; display: block; padding: 3vh 3rem 1rem 3rem;}
.signtr{margin: 1.5rem 0; display: block; text-align: center; font-size: 1.4rem; overflow: hidden;}
.signlist{margin-bottom: 2rem;}
.signitem{margin-top: 1rem; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; font-size: 1.2rem; border-bottom: 1px solid #efefef;}
.signitem .dd{display: block; flex: 1; -webkit-box-flex: 1;}
.signitem .dtint{font-size: 1.5rem;}
.captchabox{position: relative; padding-left: 1rem; height: 3rem; border-left: 1px solid #efefef;}
.captchabox img{height: 3rem; vertical-align: bottom;}
.captchabtn{display: inline-block; padding: .5rem 0; height: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.3rem; color: #24aadb;}
.captchabtn_time{display: inline-block; padding: .5rem .8rem; height: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.3rem; color: #999;}
.captchabtn:visited{color: #24aadb;}
.captchabtn:active{color: #e13129;}
.disabled.captchabtn{color: #ccc!important;}

.dtinteye{margin: 0 0 0 .5rem; background-position: 0 -24rem;}
.open.dtinteye{background-position: 0 -26rem;}

.signway{margin: 2rem 0 1rem 0; display: block; text-align: center; font-size: 1.2rem; color: #888;}
.signway_dt{margin-bottom: .5rem;}
.signwaybtn{margin: 1rem 2rem 0 2rem; display: inline-block; color: #888;}
.signwaybtn:visited{color: #888;}
.signwaybtn::before{margin: 0 auto .5rem; display: block; content: ""; width: 4rem; height: 4rem; background-image: url(../images/icon/signwaybtn.png); background-repeat: no-repeat; background-size: 4rem auto; border: 1px solid #c7c7c7; border-radius: 50%;}
.qq.signwaybtn::before{background-position: 0 0;}
.qq.signwaybtn:active::before{background-position: 0 -4rem; background-color: #12b7f5; border-color: #12b7f5;}
.wechat.signwaybtn::before{background-position: 0 -8rem;}
.wechat.signwaybtn:active::before{background-position: 0 -12rem; background-color: #4cc522; border-color: #4cc522;}
/*end sign*/

/*selint*/
.selint, .selint_hasarrow{position: relative;}
.selint_select{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 5;}
.selint .dtint, .selint_hasarrow .dtint{position: relative; z-index: 4;}
.selint_hasarrow .dtint{padding-right: 2rem;}
.selint_hasarrow .rgt{position: absolute; right: .5rem; top: 50%; margin: -.4rem 0 0 0; vertical-align: 0;}
.selint_arrow{position: absolute; right: .5rem; top: 50%; margin-top: -.5rem; display: block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
/*end selint*/

.dtitem{position: relative; display: block; line-height: 2rem; font-size: 1.3rem; color: #666; border-bottom: 1px solid #efefef;}
.dtitem:last-child, .noline .dtitem{border-bottom: none;}
.dtitem .dl{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 0 .5rem; min-height: 3.5rem; color: #666;}
.dtitem a.dl:visited{color: #666;}
.dtitem a.dl:active{opacity: .8;}
.dtitem .dltop{position: relative; display: flex; display: -webkit-box; padding: 0 .5rem;}
.dtitem .dltop .dt{margin-top: 1.3rem;}
.dtitem .dltop .dd, .dtitem .dltop .data{padding: 1.3rem 0 1.2rem 0;}
.dtitem .dt{margin-right: 1rem; color: #333;}
.dtitem .dl .spc{display: block; height: 2.5rem; line-height: 0; font-size: 0; border-left: 1px solid #efefef;}
.dtitem .dd{display: block; flex: 1; -webkit-box-flex: 1; width: 100%; text-align: right;}
.dtitem .dd .al.dtint{text-align: left;}
.dtitem .data{position: relative; display: block; flex: 1; -webkit-box-flex: 1; width: 100%; color: #333;}
.dtitem .gn, .dtitem .gn.dtint{color: #0db1b1;}
.dtitem .dd .dtint{text-align: right;}
.dtitem .dd select.dtint{direction: rtl;}
.dtitem .mico{margin-right: 1rem;}
.dtitem .small{margin-left: .5rem; font-size: 1.2rem; color: #999;}
.dtitem .disabled .dd{color: #828787;}
.dtitem .bigins{margin: .8rem 0; padding: 0 1rem; display: block; line-height: 2.5rem; font-size: 1.3rem; color: #333;}


.dtitemtop{position: relative; display: block; line-height: 2rem; font-size: 1.1rem; color: #666; border-top: 1px solid #efefef;}
.dtitemtop:last-child, .noline .dtitem{border-bottom: none;}
.dtitemtop .dl{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 0 .5rem; min-height: 3.0rem; color: #666;}
.dtitemtop a.dl:visited{color: #666;}
.dtitemtop a.dl:active{opacity: .8;}
.dtitemtop .dltop{position: relative; display: flex; display: -webkit-box; padding: 0 .5rem;}
.dtitemtop .dltop .dt{margin-top: 1.3rem;}
.dtitemtop .dltop .dd, .dtitem .dltop .data{padding: 1.3rem 0 1.2rem 0;}
.dtitemtop .dt{margin-right: 1rem; color: #333;}
.dtitemtop .dl .spc{display: block; height: 2.5rem; line-height: 0; font-size: 0; border-left: 1px solid #efefef;}
.dtitemtop .dd{display: block; flex: 1; -webkit-box-flex: 1; width: 100%; text-align: right;}
.dtitemtop .dd .al.dtint{text-align: left;}
.dtitemtop .data{position: relative; display: block; flex: 1; -webkit-box-flex: 1; width: 100%; color: #333;}
.dtitemtop .gn, .dtitem .gn.dtint{color: #0db1b1;}
.dtitemtop .dd .dtint{text-align: right;}
.dtitemtop .dd select.dtint{direction: rtl;}
.dtitemtop .mico{margin-right: 1rem;}
.dtitemtop .small{margin-left: .5rem; font-size: 1.2rem; color: #999;}
.dtitemtop .disabled .dd{color: #828787;}
.dtitemtop .bigins{margin: .8rem 0; padding: 0 1rem; display: block; line-height: 2.5rem; font-size: 1.3rem; color: #333;}

.small_dtlist .dtitem .dl{min-height: 4rem;}
.small_dtlist .dtitem .dtint{padding: 1rem 0; height: 4rem; line-height: 2rem;}
.small_dtlist .dtitem .dltop .dd, .small_dtlist .dtitem .dltop .data{padding: 1rem 0;}
.dtitem .dltop .dd .dtint, .dtitem .dltop .textint{padding: 0;}


.mline_dtitem{margin: .5rem 0;}
.mline_dtitem .dtint{padding: .4rem .9rem; height: 3.5rem; font-size: 1.2rem; border: 1px solid #ccc; border-radius: .5rem;}

.winrecordlist{text-align: center; line-height: 2rem; font-size: 1.2rem; color: #333; max-height: 20rem; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch;}
.winrecordlist>li{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: .5rem 0; overflow: hidden;}
.winrecordlist_tbody>li:nth-of-type(odd){background-color: #f8f8f8;}
.winrecordlist>.th{border-bottom: 1px solid #efefef;}
.winrecordlist .idnum, .winrecordlist .date, .winrecordlist .gift, .winrecordlist .state{padding: .5rem; box-sizing: border-box; -webkit-box-sizing: border-box;}
.winrecordlist .idnum{width: 20%; text-align: left;}
.winrecordlist .date{width: 25%; line-height: 1.2rem; font-size: 1rem; color: #888;}
.winrecordlist .gift{width: 30%;}
.winrecordlist .state{width: 25%;}
.winrecordlist .drawdetail{width: 50%;}
.winrecordlist .NullDrawdetail{ width:100%; text-align:center;}
.winrecordlist_tbody .state{color: #ff4940;}
/*抽奖更改样式*/
.posted{width: 100%; height: 45px; background-color: #24cadb;text-align: center; }
.nr{font-size: 2rem; padding-top: 10px; color: #fff; font-family: 微软雅黑;}
.ico1{ margin:0 auto; margin-top:10px; }
.cutitem_price{display: block; line-height: 2rem; font-size: 1.2rem; color: #999;}
.cutitem_price .current_price{line-height: 1.2; font-size: 1.5rem; color: #ff4940;}
.winrecordlist, .m{text-align: center; line-height: 2rem; font-size: 1.2rem; color: #333; max-height: 100rem; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch;}

.winrecordlist{text-align: center; line-height: 2rem; font-size: 1.2rem; color: #333; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch;}
.winrecordlist .date1, .winrecordlist .gift1, .winrecordlist .state1{padding: .5rem; box-sizing: border-box; -webkit-box-sizing: border-box;}
.winrecordlist .date1{width:35%; }
.winrecordlist .gift1{width: 30%;}
.winrecordlist .state1{width: 35%;}
.date1{color: #999;}
.winrecordlist_tbody .state1{color: #ff4940;}



/*dtswitch*/
.dtswitch{display: inline-block; vertical-align: middle;}
.dtswitch [type="checkbox"]{display: none;}
.dtswitch_label{position: relative; display: block; width: 5rem; height: 3rem; background-color: #dfdfdf; border: 1px solid #dfdfdf; border-radius: 1.5rem; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; transition: background-color .1s, border .1s; -webkit-transition: background-color .1s, border .1s;}
.dtswitch :checked ~ .dtswitch_label{background-color: #24aadb; border-color: #24aadb;}
.dtswitch_label::before, .dtswitch_label::after{position: absolute; content: ""; top: 0; left: 0; height: 2.8rem; border-radius: 1.4rem;}
.dtswitch_label::before{width: 4.8rem; background-color: #fdfdfd; transition: transform .35s cubic-bezier(.45,1,.4,1); -webkit-transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);}
.dtswitch :checked ~ .dtswitch_label::before{transform: scale(0); -webkit-transform: scale(0);}
.dtswitch_label::after{width: 2.8rem; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4); transition: transform .35s cubic-bezier(.4,.4,.25,1.35); -webkit-transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);}
.dtswitch :checked ~ .dtswitch_label::after{transform: translateX(2rem); -webkit-transform: translateX(2rem);}
/*end dtswitch*/


/*turntable*/
.turntable_wrap{position: relative; display: block; padding-bottom: 2rem; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; background-image: url(../images/turntable/bg.jpg); overflow: hidden;}
.trlucyrule{position: absolute; z-index: 5; top: 0; right: 1rem; display: inline-block; text-align: center; padding: .4rem .4rem 1rem .4rem; width: 3.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1; font-size: 1.2rem; color: #fff; background-color: #f8505c; border-radius: 0 0 2rem 2rem;}
.trlucyrule:visited{color: #fff;}
.trlucyrule:active{color: rgba(255,255,255,.6); background-color: #e13129;}
.turntable_brgiftbag{position: absolute; bottom: 0; right: 0; display: block; width: 14rem; height: 11rem; background: url(../images/turntable/brgiftbag.png) 0 0 no-repeat; background-size: cover;}


.turntable_head{margin: 1rem 0; position: relative; display: block;}
.turntable_title_img{display: block; width: 100%;}
.turntable_title, .turntable_title::before{display: block; background-image: url(../images/turntable/titlebg.png); background-repeat: no-repeat; background-size: 37.5rem auto;}
.turntable_title{margin: 1rem auto; position: relative; width: 37.5rem; height: 11rem; overflow: hidden;}
.turntable_title::before{position: absolute; top: 5rem; left: 18rem; content: ""; width: 3rem; height: 3rem; background-position: 0 -11rem; animation: turnball 2s linear 0s; -webkit-animation: turnball 2s linear 0s;}
@-webkit-keyframes turnball{0%{-webkit-transform: translateX(20rem) rotate(-1080deg);}80%{-webkit-transform: translateX(-5rem) rotate(-180deg);}100%{-webkit-transform: translateX(0) rotate(0deg);}}@keyframes turnball{0%{transform: translateX(20rem) rotate(-1080deg);}80%{transform: translateX(-5rem) rotate(-180deg);}100%{transform: translateX(0) rotate(0deg);}}
.turntable, .turntable_light::before, .turntable_light::after, .turntable_pointer::before{display: block; box-sizing: border-box; -webkit-box-sizing: border-box; background-image: url(../images/turntable/turntable_bg.png); background-repeat: no-repeat; background-size: 35rem auto;}
.turntable{position: relative; margin: 1rem auto; padding: 2.5rem; width: 35rem; height: 35rem; background-position: 0 -11.5rem; background-position: 0 -11.5rem;}
.turntable_light{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.turntable_light::before, .turntable_light::after{position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: blinklight; animation-name: blinklight; transition: 0s; -webkit-transition: 0s;}
.turntable_light::before{background-position: 0 -46.5rem;}
.turntable_light::after{background-position: 0 -81.5rem; -webkit-animation-delay: .3s; animation-delay: .3s;}
@-webkit-keyframes blinklight{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}
@keyframes blinklight{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}


.turntable_ctl{position: absolute; top: 50%; left: 50%; margin: -4.5rem 0 0 -4.5rem; display: block; width: 9rem; height: 9rem;}
.turntable_pointer, .turntable_pointer_cover{position: absolute; top: 0; left: 0; display: block; width: 9rem; height: 9rem;}
.turntable_pointer_cover{z-index: 5;}
.turntable_pointer::before{position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 9rem; height: 11.5rem; background-position: 0 0;}
.turntable_pointer:active::before{transform: perspective(20rem) translate3d(0,2px,-.5rem); -webkit-transform: perspective(20rem) translate3d(0,2px,-.5rem);}

.turntable_list{position: relative; display: block; width: 30rem; height: 30rem;}
.turntable_item{position: absolute; left: 50%; margin-left: -7.5rem; text-align: center; width: 15rem; height: 15rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.2rem; color: #333;}
.turntable_item .t{position: absolute; left: 50%; margin-left: -6rem; display: block; width: 12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.turntable_item1 .t, .turntable_item2 .t, .turntable_item6 .t{top: 1rem;}
.turntable_item3 .t, .turntable_item4 .t, .turntable_item5 .t{bottom: 1rem;}
.turntable_item img{height: 5rem; vertical-align: bottom;}
.turntable_item1, .turntable_item2, .turntable_item6{padding-top: 2.5rem; top: 0; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%;}
.turntable_item3, .turntable_item4, .turntable_item5{padding-top: 7.5rem; top: 50%; transform-origin: 50% 0; -webkit-transform-origin: 50% 0;}
.turntable_item1{transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.turntable_item2{transform: rotate(60deg); -webkit-transform: rotate(60deg);}
.turntable_item3{transform: rotate(-60deg); -webkit-transform: rotate(-60deg);}
.turntable_item4{transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.turntable_item5{transform: rotate(60deg); -webkit-transform: rotate(60deg);}
.turntable_item6{transform: rotate(-60deg); -webkit-transform: rotate(-60deg);}

/*end turntable*/

/*loading*/
.dataloading{margin: auto; position: absolute; top: 40%; left: 0; bottom: 0; right: 0; z-index:999; display:none; }
.cloadrow{margin: .8rem; text-align: center; font-size: 1.2rem; color: #999;}
.loadline{margin: .1rem; display: inline-block; width: .2rem; height: 2rem; background-color: #24aadb; border-radius: .2rem; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation: loadline 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); -webkit-animation: loadline 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);}
.loadline:nth-child(2), .loadline:nth-child(4){animation-delay: -0.4s !important; -webkit-animation-delay: -0.4s !important;}
.loadline:nth-child(1), .loadline:nth-child(5){animation-delay: -0.2s !important; -webkit-animation-delay: -0.2s !important;}
@-webkit-keyframes loadline{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes loadline{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}
/*end loading*/

.fadeInRightT{-webkit-animation-name:fadeInRightT;animation-name:fadeInRightT}@-webkit-keyframes fadeInRightT{0%{opacity:0;-webkit-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightT{0%{opacity:0;-webkit-transform:translate3d(0,5%,0);-ms-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}

/*ftool*/
.ftools{position: fixed; z-index: 13; right: 1rem; bottom: 8rem;}
.ftoolsitem{margin-bottom: .8rem; display: block; text-align: center; padding: 1rem .5rem 0 .5rem; width: 4.5rem; height: 4.5rem; line-height: 1rem; font-size: .8rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 50%;}
.menu_ftoolsitem{background-color: rgba(255,108,0,.7); box-shadow: 0 .3rem .5rem rgba(255,108,0,.5);}
.menu_ftoolsitem:active{background-color: rgba(255,108,0,1);}
.gotop_ftoolsitem{color: #fff; background-color: rgba(0,0,0,.7); box-shadow: 0 .3rem .5rem rgba(0,0,0,.3);}
.gotop_ftoolsitem:visited{color: #fff;}
.gotop_ftoolsitem:active{background-color: rgba(0,0,0,.9);}
.ftoolsitem::before{margin: 0 auto; display: block; content: ""; width: 2rem; height: 2rem; background-image: url(../images/icon/ftools.png); background-repeat: no-repeat; background-size: 2rem auto;}
.gotop_ftoolsitem::before{background-position: 0 0;}
/*end ftool*/


/*ntextpop*/
.ntextpop{position: fixed; z-index: 299; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; text-align: center; padding: 0 1.5rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: none;}
.show.ntextpop{display: block;}
.ntextpop_content{display: inline-block; padding: 1rem 2rem; line-height: 2rem; font-size: 1.4rem; color: #fff; background-color: rgba(0,0,0,.8); border-radius: .4rem;}
.ntextpop_contentTip{display: inline-block; margin: 0 3rem; padding: 0.5rem 2rem; line-height: 2rem; font-size: 1.4rem; color: #fff; background-color: rgba(0,0,0,.8); border-radius: .4rem;}
.cpopcenter .ntextpop_content{color: #333; background-color: #fff;}
.cpopcenter .ntextpop_contentTip{color: #333; background-color: #fff;}

.ntextpop_content .mico{margin-right: .5rem;}
.ntextpop_content .micoTip{margin-right: .5rem;}
/*end ntextpop*/


/*cpop*/
.fade_bkbg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-color: rgba(0,0,0,.7); opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s;}

.cpop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: none;}
.show.cpop{display: block; z-index: 100;}
.cpop .fade_bkbg{opacity: 1; visibility: visible;}
.cpopcenter{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; text-align: center; width: auto; height: auto; max-height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

.cpop_container{display: block; background-color: #fff; border-radius: .5rem; overflow: hidden;}
.winpop, .ntpop{margin: 0 auto; position: relative; display: block; text-align: left; max-width: 90%;}
.winpop{width: 33rem;}
.ntpop{width: 27rem;}
.ntpop_b{width: 33rem;}

.cpop_trclose{position: absolute; top: -2rem; right: -1.5rem; display: block; width: 3.5rem; height: 3.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #ff4940; border: .2rem solid #fff; border-radius: 50%;}
.cpop_trclose:active{background-color: #e13129;}
.cpop_trclose::before, .cpop_trclose::after{position: absolute; top: 50%; left: 50%; margin: -.1rem 0 0 -.8rem; display: block; content: ""; width: 1.6rem; height: .2rem; line-height: 0; font-size: 0; background-color: #fff; border-radius: .2rem;}
.cpop_trclose::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.cpop_trclose::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cpop_trclose:active::before, .cpop_trclose:active::after{opacity: .6;}
.blue.cpop_trclose{background-color: #24aadb;}
.blue.cpop_trclose:active{background-color: #1c9bc9;}

.winpop_pitem{padding: 1rem 2rem;}
.winpop_produce{margin: .5rem 0; display: flex; display: -webkit-box;}
.winpop_produce:active{opacity: .8;}
.winpop_produce .pic{margin-right: 1.5rem; width: 7.5rem; height: 7.5rem; border: 1px solid #efefef; overflow: hidden;}
.winpop_produce .pic img{display: block; width: 100%;}
.winpop_produce .cont{display: block; flex: 1; -webkit-box-flex: 1;}
.winpop_produce .title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; max-height: 4rem; line-height: 2rem; font-size: 1.3rem; color: #333;}



.ntpop .cpop_container{padding: 0 1rem;}
.ntpop_mt{position: relative; display: block; text-align: center; padding: 1rem 0; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; font-size: 1.5rem; color: #333; border-bottom: 1px solid #efefef;}
.ntpop_mc{display: block; text-align: center; padding: .5rem 0; box-sizing: border-box; -webkit-box-sizing: border-box; max-height: 70vh; overflow-x: hidden; overflow-y: scroll; -webkit-user-select: none; -webkit-overflow-scrolling: touch; font-size: 1.4rem;}
.ntpop_tr{margin: 1rem 0; display: block;}
.al.ntpop_tr{text-align: left;}
.ntpop_tr .mbtn{margin: 0 1rem;}
.ntpop_law{display: block; text-align: left; overflow: hidden;}
.ntpop_law .p{margin: .5rem 0; text-indent: 2em;}

.decimalist{margin-left: 1.5em; text-align: left; list-style: decimal outside;}
.decimalist>li{margin: .3rem 0;}


/*end cpop*/


/*bpop*/
.bpop{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; z-index: -1; visibility: hidden; transition-delay: .3s; -webkit-transition-delay: .3s;}
.show.bpop{z-index: 99; visibility: visible; transition-delay: 0s; -webkit-transition-delay: 0s;}
.show.bpop .fade_bkbg{opacity: 1; visibility: visible;}

.bpopcontent{position: absolute; bottom: 0; left: 0; display: block; padding: 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; transform: translateY(100%); -webkit-transform: translateY(100%); -webkit-backface-visibility: hidden; transition: transform .3s; -webkit-transition: -webkit-transform .3s;}
.haspad.bpopcontent{padding: 0 1rem;}
.show.bpop .bpopcontent{transform: translateY(0); -webkit-transform: translateY(0); z-index: 111;}

.bpop_close{position: absolute; z-index: 120; right: .5rem; top: .5rem; display: block; width: 2rem; height: 2rem; border: .2rem solid #999; border-radius: 50%;}
.bpop_close::before, .bpop_close::after{position: absolute; top: 50%; left: 50%; margin: -.1rem 0 0 -.7rem; display: block; content: ""; width: 1.4rem; height: .2rem; line-height: 0; font-size: 0; background-color: #999; border-radius: .2rem; overflow: hidden;}
.bpop_close:active{border-color: #f30;}
.bpop_close:active::before, .bpop_close:active::after{background-color: #f30;}
.bpop_close::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.bpop_close::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.bpop_head{display: block; padding-top: 1rem; min-height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;}
.bpop_title{line-height: 2rem; font-size: 1.4rem; color: #333;}
.bpop_tins{margin-top: .5rem; display: block; font-size: 1.2rem; color: #666;}



.bpop_canclebtn{display: block; text-align: center; padding: 1rem; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.5rem; color: #24aadb; box-shadow: 0 1px 0 rgba(0,0,0,.1) inset;}
.bpop_canclebtn:visited{color: #24aadb;}
.bpop_canclebtn:active{color: #f30;}
/*end bpop*/


/*bottom*/
/*.fbottom{display: block; margin-top: .8rem; height: 5rem;}*/
.fbottom{display: block; border-top:.8rem solid #f2f2f2;  height: 5rem;}/*解决背景闪的问题*/
.fbottom0{display: block;height: 5rem;}/* 新加*/
.fbottom9{display: block; margin-top: .4rem; height: 8.6rem;}
.fbottom14{display: block; margin-top: .4rem; height: 13.6rem;}
.fixbottom{position: fixed; bottom: 0; left: 0; right: 0; z-index: 13;}

.fnavlist{position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; z-index: 13;}
.fnavlist{display: flex; display: -webkit-box; text-align: center; font-size: 1.1rem; color: #999; background-color: #fff; border-top: 1px solid #ccc;}
.fixbottom .fnavlist{position: relative; bottom: auto; left: auto;}
.fnavitem{position: relative; display: block; flex: 1; -webkit-box-flex: 1; width: 50%; padding-top: .5rem; height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; color: #999;}
.fnavitem::before{margin: 0 auto .2rem; display: block; content: ""; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/fnav.png); background-repeat: no-repeat; background-size: 2.5rem auto;}
.fnavitem:visited{color: #999;}
.fnavitem:active{background-color: rgba(0,0,0,.05);}
.on.fnavitem{color: #26abdb;}
.home.fnavitem::before{background-position: 0 0;}
.on.home.fnavitem::before{background-position: 0 -2.5rem;}
.class.fnavitem::before{background-position: 0 -5rem;}
.on.class.fnavitem::before{background-position: 0 -7.5rem;}
.activity.fnavitem::before{background-position: 0 -10rem;}
.on.activity.fnavitem::before{background-position: 0 -12.5rem;}
.cart.fnavitem::before{background-position: 0 -15rem;}
.on.cart.fnavitem::before{background-position: 0 -17.5rem;}
.my.fnavitem::before{background-position: 0 -20rem;}
.on.my.fnavitem::before{background-position: 0 -22.5rem;}



.btool{position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; color: #666; z-index: 13;}
.fixbottom .btool{position: relative; bottom: auto; left: auto;}
.btool_hasbg{background-color: #fff; box-shadow: 0 1px 0 #ccc inset;}
.fixbottom .btool{position: relative;}
.top_btool{display: block; width: 100%; display: flex; display: -webkit-box; padding: .8rem 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; color: #666; background-color: #fff; box-shadow: 0 1px 0 #ccc inset; z-index: 13;}
.top_btool .btool_cont{padding: 0;}
.btool_cont{display: block; flex: 1; -webkit-box-flex: 1; padding: 0 1rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.btool_total{float:right; font-size: 1.3rem;}
.btool_halfcont{display: block; flex: 1; -webkit-box-flex: 1; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.btool_cont .bigbtn{margin-bottom: .5rem;}

.btool .ins{line-height: 1.2; font-size: 1.5rem; color: #ff4940;}
.btool .small{font-size: 1rem; color: #999;}

.toolnav_item{position: relative; display: block; flex: 1; -webkit-box-flex: 1; text-align: center; padding-top: .5rem; width: 100%; height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.1rem; color: #888;}
.toolnav_item:visited{color: #888;}
.toolnav_item:active{background-color: rgba(0,0,0,.05);}
.toolnav_item::before{margin: 0 auto .2rem; display: block; content: ""; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/fnav.png); background-repeat: no-repeat; background-size: 2.5rem auto;}
.home.toolnav_item::before{background-position: 0 0;}
.cart.toolnav_item::before{background-position: 0 -15rem;}




.btoolmbtn, .btoolbtn{position: relative; display: block; text-align: center; padding: 1rem .5rem; height: 5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 3rem; font-size: 1.6rem; color: #fff; border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none;}
.btoolmbtn{min-width: 10rem; width: 28%;}


.btoolbtn{width: 100%;}
.btoolmbtn:visited{color: #fff;}







/*btn*/
.abtnrow{margin: 1rem; display: block; text-align: center;}
.wpbox .abtnrow{margin: 1rem 0;}

.bigbtn{display: block; text-align: center; padding: 1rem; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.5rem; border-radius: .4rem; border: none; outline: 0; -webkit-appearance: none;}
.ye_bigbtn{color: #000; background-color: #ffd632; box-shadow: 0 0 0 .1rem #000 inset;}
.ye_bigbtn:visited{color: #000;}
.ye_bigbtn:not(.disabled):active{transform: translateY(2px); -webkit-transform: translateY(2px);}

.line_bigbtn{padding: .9rem; color: #24aadb; background-color: transparent; border: 1px solid #efefef;}
.line_bigbtn:visited{color: #24aadb;}
/*.line_bigbtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #219b80; border-color: #219b80;}*/
.line_bigbtn:not(.disabled):active{color: #24aadb; background-color: #fff; border-color: #24aadb;}

.smbtn{display: inline-block; text-align: center; padding: .5rem 1rem; min-width: 7rem; height: 2.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5rem; font-size: 1.2rem; border-radius: .4rem; outline: 0; -webkit-appearance: none;}

.mbtn{display: inline-block; text-align: center; padding: .5rem 1rem; min-width: 9rem; height: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.4rem; border-radius: .4rem; border: none; outline: 0; -webkit-appearance: none;}
.mdbtn{margin: 0 1rem; display: inline-block; text-align: center; padding: .5rem 1rem; min-width: 14rem; height: 3.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.5rem; border-radius: .4rem; border: none; outline: 0; -webkit-appearance: none;}

.ordermbtn{display: inline-block; text-align: center; padding: .2rem 1rem; min-width: 7rem; height: 2.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; border-radius: .4rem; border: none; outline: 0; -webkit-appearance: none;}






.rdbtn{color: #fff; background-color: #ff4940;}
.rdbtn:visited{color: #fff;}
.rdbtn:not(.disabled):active, .rdlinebtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #e13129;}
.bubtn{color: #fff; background-color: #24aadb;}
.bubtn1{color: #fff; background-color: #ffa71d; }
.bubtn:visited{color: #fff;}
.bubtn:not(.disabled):active, .bulinebtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #1c9bc9;}
.rdlinebtn{color: #ff4940; box-shadow: 0 0 0 1px #ff4940 inset;}
.rdlinebtn:visited{color: #ff4940;}
.bulinebtn{color: #24aadb; box-shadow: 0 0 0 1px #24aadb inset;}
.bulinebtn:visited{color: #24aadb;}
.gylinebtn{color: #888; box-shadow: 0 0 0 1px #ccc inset;}
.gylinebtn:visited{color: #888;}
.gylinebtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #ccc;}


.disabled.mbtn, .gy_mbtn{color: #888; background-color: #ddd; box-shadow: 0 0 0 1px #ccc inset;}
.disabled.mbtn:visited, .gy_mbtn:visited{color: #888;}

.scrollexactly{ width:100%; text-align:center; padding: 5px 0px; display:block;}

.halfbtnbox{margin: 1.5rem -2% 1rem -2%; position: relative; display: block; text-align: center; font-size: 0;}
.halfbtn{margin: 0 2%; display: inline-block; text-align: center; padding: 1rem; min-width: 46%; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.5rem; border-radius: .3rem; outline: 0; -webkit-appearance: none;}
.halfbtn.gylinebtn{color: #333; box-shadow: 0 0 0 1px #ccc inset;}
.halfbtn.gylinebtn:visited{color: #333;}
.radiusbtn.smbtn, .radiusbtn.mbtn{border-radius: 2rem;}




.brownbtn{position: relative; z-index: 5; display: inline-block; text-align: center; padding: 1.5rem 2rem; height: 5.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.7rem; color: #fff; background-color: #fe4949; border-radius: 1rem; border-width: 0 0 .4rem 0; border-style: solid; border-color: #e82c2c; box-shadow: 0 .1rem 0 #fff inset;}
.brownbtn::before{position: absolute; top: .6rem; bottom: .4rem; left: .7rem; right: .7rem; display: block; content: ""; border: .2rem solid #e82c2c; border-radius: .4rem;}
.brownbtn .rgt{width: 1rem; height: 1rem; border-color: #fff;}
.brownbtn:not(.disabled):active{/*color: rgba(255,255,255,.6); background-color: #f04040;*/ transform: translateY(2px); -webkit-transform: translateY(2px);}



/*距离*/
.mt0{margin-top: 0!important;}
.mb0{margin-bottom: 0!important;}
.mr20{margin-right: 1rem;}
.ml20{margin-left: 1rem;}
.mt16{margin-top: .8rem!important;}
.autoHeight{max-height: initial!important;}

/*border*/
.tborder{border-top: 1px solid #efefef!important;}
.no_bborder{border-bottom: none!important;}

/*font*/
.fz30{font-size: 1.5rem;}


/*color*/
.rdtxt, .rdtxt:visited{color: #ff4940;}
a.rdtxt:active{color: #e13129;}
.bktxt, .bktxt:visited{color: #333;}
a.bktxt:active{color: #e13129;}
.butxt, .butxt:visited{color: #24aadb;}
a.butxt:active{color: #e13129;}



/*新增加载转圈*/
.downLoadBox {width:30px;height: 30px;filter: Alpha(opacity =80);margin:auto;left:0; right:0; top:0; bottom:0;
	position: fixed;z-index: 888;border-radius: 3px;text-align: center; display: none;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
	}

 



.gifthtml body{max-width: 1920px;}
@media only screen and (max-width: 320px) {
	.mbtn{min-width: 7.5rem;}
	.gifthtml{font-size: 50%;}
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
	.gifthtml{font-size: 62.5%;}
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
	html{font-size: 75%;}
	.gifthtml{font-size: 62.5%;}
}

@media only screen and (min-width: 415px) and (max-width: 750px) {
	html{font-size: 75%;}
	.gifthtml{font-size: 75%;}
}

@media only screen and (min-width: 751px) and (max-width: 767px) {
	html{font-size: 75%;}
	.gifthtml{font-size: 87.5%;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	html{font-size: 75%;}
	.gifthtml{font-size: 100%;}
}

@media only screen and (min-width: 1200px){
    html{font-size: 87.5%;}
    .gifthtml{font-size: 125%;}
}