html, body {background-color: #eee; color: #333; font-family: 'Helvetica Neue', Helvetica, 'microsoft yahei', Arial, sans-serif; }
.container {max-width: 540px; margin: 0 auto; }
header {background-color: #fafafa; height: 44px; line-height: 44px; overflow: hidden; }
.header{background:url("../images/detail-back.png")no-repeat 5px #fff;background-size: 35px; height: 44px; line-height: 44px; overflow: hidden;color: #252c41;font-weight: 300;font-size: 20px;text-align: center;}
header h1 {margin: 0px; text-align: center; font-size: 16px; font-weight: normal; }
#page-index {margin-bottom: 60px; }
#page-index .product-info img {width: 100%; max-width: 540px; display: block; }
#page-index .product-info video { display: block; width: 100%; height: auto; }
#page-index footer {width: 100%; max-width: 540px; height: 45px; position: fixed; padding-left: 90px; z-index: 200; background-color: #fff; bottom: 10px; box-sizing: border-box; }
#page-index footer > a.left {background:url("../images/phone.png")no-repeat 5px;background-size:20px;margin-left:8px;font-size:12px;color:#b4282d;text-align:right;line-height:32px;position: absolute; left: 0; top: 0; width: 75px;padding-right: 5px; height: 32px;display: inline-block;border:1px solid #b4282d;border-radius: 50px;margin-top: 6px; }
#page-order {display: none;background-color: white; }
.5a_la { display: none !important; }

.m-servicePolicy {position: relative;z-index: 1;padding: 0 20px;background: #f4f4f4;display: flex;flex-flow: row nowrap;align-items: center;justify-content: space-between;height: 35px;}
.m-servicePolicy .item {display: flex; align-items: center; font-size: 14px; color: #252c41; position: relative; }
.m-servicePolicy .item .u-icon-servicePolicyRed{border-radius: 100%; border: solid 1px red; box-sizing: border-box; height: 5px; width: 5px; background-repeat: no-repeat; background-size: 100% 100%; margin-right: 5px; }
.whiteicon{display:inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #fff;background: transparent;margin-right: 3px;}
.redicon{display:inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #b4282d;background: #b4282d;margin-right: 3px;}
.dt-section{background: #fff;}
.dt-section-1{border-bottom: none;}
.m-detailBaseInfo{padding-left: 15px;}
.m-detailBaseInfo .info{padding: 20px 15px 0 0;background-color:#fff;text-align: center; }
.m-detailBaseInfo .info .name{font-size: 16px;color: #333;line-height: 1;margin-bottom: 5px;}
.m-detailBaseInfo .info .line1{margin-bottom: 20px;}
.m-detailBaseInfo .info .line1 .simpleDesc{font-size: 14px;color: #999;line-height: 1.5;}
.m-detailBaseInfo .info .line2 { text-align: left;}
.retailPrice{color: #b4282d;font-weight: 600;font-size: 20px;float: right;margin-right: 8px;line-height: 50px}
.m-detailBaseInfo .info .line2 .oldPrice{font-size: 16px;line-height: 1;color: #666;text-decoration: line-through;}
.m-detailBaseInfo .info .tagList{width:100px;float:right;display: flex;display: -webkit-flex;margin-top:-10px;display: -moz-flex;justify-content:flex-start;-moz-justify-content:flex-start;-webkit-justify-content:flex-start;}
.m-detailBaseInfo .info .tagList .wrap{margin: 0 5px;float: right}
.m-detailBaseInfo .info .tagList .wrap .item{font-size:12px;margin:4px 0;line-height: 18px;color: #b4282d;border: 1px solid #b4282d;border-radius: 2px;float: left;text-align: center;}
.m-listItem{position: relative;display: block;width: 100%; padding-right: 40px;height: 45px; box-sizing: border-box;}
.f-vc{position: relative; top: 50%;transform:translateY(-50%);}
.inner{font-size: 14px;line-height: 20px;padding-left: 16px}
.i-p-b{font-size:14px;padding:8px 0 8px 2px;}
.i-p-m{padding:8px 0; overflow:hidden;}
.flag1{float:right; color:#FFF; background:#b4282d; margin-left:2px; padding:2px 4px; border-radius:2px; font-size:12px;margin-top: -1px; }
.timeWrap{float:right; color: #666; margin-right:4px; font-size: 12px}
#h,#m,#s,#ms{display:inline-block; height:17px; line-height:17px; color:#FFF; background:#000; padding:0 2px; font-size:15px; text-align:center; border-radius:2px; }
#ms{background:#F00; }
.colon{font-size:12px; }
.i-p-b{font-size:14px;  padding:8px 0 8px 2px; }
.m-detailBaseInfo .info .line2 span{display: inline-block;width: 100px;float: left;}
.m-detailBaseInfo .info .line2 label{display: inline-block;width: 100px;font-size: 12px;color: #252c41;text-align: center;}
.m-listItem .icon{position: absolute;top: 0;right: 5px;bottom: 0;margin: auto;}
.u-icon{display: inline-block;width: 30px;height: 30px;vertical-align: middle;background-repeat: no-repeat;background-size: 100%;}
.u-address-right{background-image: url(../images/more.png);background-size: 100% 100%;}
.this_title_reader{box-shadow: 2px 0 5px #FAEEEE,-2px 0 5px #FAEEEE,0 -2px 5px #FAEEEE,0 2px 5px #FAEEEE;margin: 20px 0;overflow: hidden;}
.this_title_reader h2{font-size: 14px;font-weight:300;text-align: left;width: 50%;float: left;margin-left: 8px}


.bTop{position: relative;display: block;height: 20px;text-align: center;margin-bottom: 14px;margin-top: 10px;font-size: 0;}
.bTitle{font-size: 14px;display: inline-block;line-height: 16px;background-color: #F96060;padding: 2px 20px;position: relative;z-index: 2;vertical-align: top;color: #fff;}
.bTitle1{font-size: 14px;padding: 4px 20px;color: #FFF;background: #0A0A0A;border-radius: 3px;}
.bTop .line{height: 0;font-size: 0;line-height: 0;border-bottom: 1px solid #ccc;position: absolute;top: 9px;left: 0;width: 94%;z-index: 1;}

.soldPart{}
.percentBar{display: inline-block;width: 38%;height: 5px;border: 1px solid #b4282d;border-radius: 8px;overflow: hidden;}
#progress{display:block;height: 100%;background: #b4282d;}
.progress{display: inline-block;height: 100%;background: #F53B3B;}
#percentNum{font-size:14px;margin-left:4px;}

.m-table{display: table;width: 100%;table-layout: fixed;height:35px;line-height: 35px;border-radius:50px;overflow: hidden;margin-top: 5px;display: inline-block;vertical-align: middle;;text-align: center;font-size: 16px;color: #fff;background-color: #b4282d;overflow: hidden;}
.m-table .tr{display: table-row;}
.m-table .td{display: table-cell;text-align: center;}
.w-button-block{display: block;width: 100%;}
.w-button, .w-button:focus, .w-button:visited{display: block;vertical-align: middle;text-align: center;}
.dt-btns .right .btn-addToCart{color: #fff;border: 1px solid #b4282d;background-color: #b4282d;overflow: hidden;}
.m-goToTop{position: fixed;width: 38px;height: 38px;bottom: 62px;right: 9px; z-index: 20;display: none;background-image: url(../images/goToTop.png);background-size:100% 100%;background-repeat: no-repeat;}
#login{text-align: center;}
.u-login{width: 30px;height: 30px;}
.login{animation:myfirst 1s;-moz-animation:myfirst 1s linear;-webkit-animation:myfirst 1s linear;-o-animation:myfirst 1s linear; -webkit-animation-iteration-count: infinite;}
@keyframes myfirst
{
0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-o-keyframes myfirst /* Opera */
{
0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
50%{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}


.u-detail-back{width: 50px;height: 50px; background-image: url(../images/detail-back.png);background-repeat: no-repeat;background-size: 100% 100%;}


.m-orderFt{background-color:#B4282D;display: block; zoom:1; z-index: 1; position: fixed; bottom: 0; width: 100%; max-width: 540px; height: 50px; border-top: 1px solid rgba(0,0,0,.2);}
.m-orderFt .actualPrice{float: right;line-height: 50px;font-size: 16px;margin-right: 10px;}
.m-orderFt .actualPrice .label, .m-orderFt .actualPrice .value{color: #b4282d;font-size: 16px;}
.m-orderFt .actualPrice .value{font-weight: 600;}
.m-orderFt .btn{width: 100%;background:#B4282D;border:none;text-align: center;line-height: 45px}
.w-button, .w-button:focus, .w-button:visited{color: white;text-align: center;}
#POP800_LEAVEWORD_DIV{display: none !important;}

.detail_con div {line-height: 0px;}
.notes{text-align: center;font-weight: 500;}
.User_notes{padding: 15px 15px 0 15px; background: #fff;font-size: 14px;color: #333;text-align: left;}
.note_title{margin: 6px 0;}
.note_text{font-size: 14px;color: #333;text-align: left;line-height: 23px;text-indent: 16px;}
#tipmsg{position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%); background-color: #000;border-radius: 8px;z-index: 100;transition:opacity .5s ease-in;opacity: .8}
#tipmsg .j-text{color: #fff;text-align: center;padding: 10px;font-size: 14px;}
.decimal{color: #b4282d}
.tips{padding: 5px 15px;color: #999}
.tab-sel2{border: 1px solid #b4282d !important;}

/*评论*/
.big-i{width: 100%;height: 100%;background: rgba(100,100,100,.6);position: fixed;top:0;z-index: 998;left: 0;}
.buyinfo_table{width:90%;padding:10px 3% 20px;background:#fff;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;display: none;position: fixed;top: 30px;z-index: 999;left: 2%;right: 2%}
.zaix{font-size: 16px;text-align: center;padding-left: 35px;margin-top: 16px;}
.buyinfo_hd{height:35px;line-height:35px;text-align:center;font-size:16px;color:red; background-color: #f9f9f9; display: block; width: 150px; border-radius: 5px; color: #999; margin: 0 auto;margin-top: 10px; font-weight: normal;}
.buyinfo_table_box{padding-top:10px;}
.buyinfo_table_box table{width:100%;}
.buyinfo_table_box tr{padding:5px 0;height:40px;}
.table_td{width:21%;font-size:14px;line-height:39px;text-align:right;vertical-align:top;}
.table_cell{width:78%;padding-left:1%;}
.input01{width:95%!important;text-indent:5px;height:25px!important;padding:0!important;font-family: å¾®è½¯é›…é»‘;line-height:25px;border:1px solid #dadada;font-size:12px;-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
.input_btn{width:70%;margin:0 auto;border:0;font-size:16px;color:#fff;height:40px;line-height:40px;background:red;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.tj{text-align:center;}
.input_btn01{width:50%;margin:0 auto;border:0;font-family: å¾®è½¯é›…é»‘;margin-top:10px;font-size:14px;color:#fff;height:37px;line-height:36px;background:#b4282d!important;-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
.input_btn:hover{background:#FF1818!important;}
.textarea_style{width:95%;text-indent:5px;height:70px;padding:0!important;font-size:12px;font-family: å¾®è½¯é›…é»‘;line-height:22px;margin-bottom:0px;border:1px solid #dadada;-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
.buyinfo_table_box i{font-style:normal;color:red;padding:0 2px;}
.line{text-align:right;font-weight:bold;padding-right:6%;color:#666;font-size:15px;}
.buyinfo_table_red{color:red;}
.closeBtn{width: 30px;height: 30px; background: url('../images/close.png');background-size:100% auto;float: right}
#img_1 img{width: 20px;}



/*规格*/
.f-fl{float: left;}
.dt-btns:after, .dt-paramselect .info-con:after{display: block;clear: both;visibility: hidden;height: 0;overflow:hidden;content: ".";}
.dt-paramselect .spec-con{padding: 0 15px 60px 15px;}
.dt-paramselect .info-con{margin: 15px; background: #fff; border: 1px solid #E0E0E0;border-radius: 4px;box-shadow: 0px 0px 2px 0px #e0e0e0;}
.dt-paramselect .info-con .left{width: 100px;overflow: hidden;border-radius: 2px;background-color: #fff;margin-right: -100px;}
.dt-paramselect .info-con .left img{width: 100%;height: 100%;}
.dt-paramselect .info-con .right{line-height: 15px;width: 100%;padding-top: 0px;padding-left: 10px;}
.dt-paramselect .info-con .right .con{margin-left: 100px;}
.dt-paramselect .info-con .right .price{font-size: 13px;padding-top: 10px;}
.dt-paramselect .info-con .right .money{font-weight: 600}
.dt-paramselect .info-con .right .sku{font-size: 13px;padding-right: 10px}
.dt-paramselect .info-con .right .sku .it{margin-right: 5px;}
.u-format,.u-fornum{padding: 0 15px;font-size: 16px}
.u-format .tt,.u-fornum .tt{line-height: 15px;padding-bottom: 10px;font-size: 12px;color: #252525}
.u-format .package{border:1px solid #eee;border-radius: 3px;}
.u-format .package .tab{display:block;width: 90%; position: relative;vertical-align: middle;border-top:2px solid rgba(220,220,220,.5);padding: 10px 0;font-size: 14px;text-align: center;margin:0 auto;}
.u-format .package .tab:nth-child(1){}
.u-format .package .tab span{word-wrap: break-word;}
.u-format .package .u-spec-sel{width: 20px;height: 20px;background-image: url(../images/spec-sel.png);background-repeat: no-reqeat;background-size: 100%;}
.u-format .package .tab .u-spec-sel{display: none;position: absolute;bottom: -2px;right: -2px;}
.u-format .con{padding-bottom: 15px;}
.u-format .con .tab{display: inline-block;}
.u-format .con .tab{position: relative;vertical-align: middle;border-radius: 3px;padding: 0 15px;font-size: 14px;line-height: 30px; text-align: center;margin-right: 15px;margin-bottom: 10px;border: 1px solid #333;}
.u-format .con .tab-sel,.u-format .package .tab-sel{color: #b4282d;border:1px solid #b4282d;border-radius:3px;}
.u-format .con .u-spec-sel{width: 20px;height: 20px;}
.u-format .con .tab .u-spec-sel{display: none;position: absolute;bottom: -2px;right: -2px;}
.u-format .con .tab-sel .u-spec-sel,.u-format .package .tab-sel .u-spec-sel{display: block;}
.m-selnum{display: inline-block;background-image: url(../images/selnum.png);background-size:100% 100%;}
.m-selnum.dr{background-image: url(../images/selnum.png)}
.m-selnum .less, .m-selnum .more, .m-selnum .textWrap, .m-selnum input{border: none;background-color: transparent;}
.m-selnum .less, .m-selnum .more, .m-selnum .textWrap{position: relative;float: left;height: 32px;}
.m-selnum .textWrap{position: relative;width: 60px;text-align: center;font-size: 14px;}
.m-selnum .less, .m-selnum .more{width: 41px;}
.m-selnum .textWrap input{position: relative;z-index: 1;font-size: 14px;}
.m-selnum input{height: 100%;width: 100%;box-sizing: border-box;margin: 0;text-align: center;color: #333;}
.u-detail-back{width: 20px;height: 20px;margin-right: 15px; background-image: url(../images/white-back.png);background-repeat: no-repeat;background-size: 100% 100%;}
.swiper-slide-active{ height:auto !important;}
.swiper-container { width: 100%; overflow: hidden;}
.swiper-container img{width: 100%;}

.biao{width: 100%;padding: 10px 0px 2px;background: white;}
.biao h3{text-align: center;height:24px;line-height: 24px;width: 110px;background: #000;border-radius: 5px;color: white;margin: 0 auto;font-size: 16px;font-weight: 300}
/*放大效果*/
/*放大效果*/
.msKeimgBox { margin: 0px auto; width: 100%; overflow: hidden; position: relative; padding-top: 10px;  }
.msKeimgBox ul { width: 1000px; }
.mskeLayBg { background: #000; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; opacity: 0.7; filter: alpha(opacity=70); display: none; _display:none!important }
.mskelayBox { height: 100%; width:100%;  position: fixed; left: 0; top: 0;  z-index: 1000; background: #FFF; display: none; _display:none!important }
.mskeImgBg { height: 57px; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.mskeClaose { position: absolute; top: 15px; right: 18px; cursor: pointer; }
.mske_downIco { position: absolute; left: 0px; top: 0px; }
.mske_imgDown { background: url(../images/mke_imgMbg.png) repeat; height: 57px; width: 818px; position: absolute; right: 0px; bottom: 0px; font: 13px/57px "微软雅黑"; color: #FFF; }
.mske_imgDown a { margin-left: 34px; }
.msKeimgBox ul li { float: left;  margin: 0 10px 10px 0; width: auto; cursor: pointer; }
.mskeTogBtn { background: url(../images/mke_moreImg.jpg) no-repeat; height: 93px; width: 185px; position: absolute; z-index: 1; right: 0px; cursor: pointer; bottom: 0px; }
.mskeTogBtn2 { background: url(../images/mke_moreImg2.jpg) no-repeat; bottom: 10px;display: none }
.msKeimgBox2 { height: auto; }
.hidden{position: absolute;left: 1000px;}
.mske_html{ padding: 20px; box-sizing: border-box; width: 100%; height: 100%; }
.title_ac h5{margin:10px;text-align: left;border-bottom: 1px dotted #ccc;}
