@charset "utf-8";
/* CSS Document */
* {margin: 0;outline: 0;padding: 0; line-height: initial;}
body {background:#f5f5f5;font-size:.26rem;margin: 0;padding: 0;-webkit-overflow-scrolling:initial; font-weight: 300;line-height: initial; max-width: 98%; margin: 0 auto!important; font-family:'Microsoft YaHei';}
body, form, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, table, fieldset, hr, div {margin: 0;padding: 0; font-weight: 300;}
img {border: 0 none;max-width:100%;}
img.centerBg{width:100%!important}
.gzprotocal{z-index:999999!important}
ul, ol, li {list-style-type: none;}
:focus { outline: none; }
a {outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
em,i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
.clearfix{*zoom:1;zoom: 1;}
.clearfix:after{display: block;content:"";clear:both;}
.clear{ clear:both}
table{border-collapse:collapse;}
*, :after, :before {box-sizing: border-box;}
*, :after, :before, img {-webkit-box-sizing: border-box;}
input,button,select,textarea{font-family: "Microsoft Yahei"; font-weight: 300;}
figure{ margin:0}
.wait_code,.wait_disabled{
 opacity:.6;
 background: #666 !important;
 color: #FFF!important;
}
/*-----------------手机端去掉点击时默认边框--------------------*/
*:focus {outline: none;}
* { -webkit-tap-highlight-color: transparent; -webkit-appearance: none;  border:0}  
/*-----------------字体粗细--------------------*/
.fw-bold{ font-weight:bold;}
.fw-normal{ font-weight:300;}
/*-----------------浮动定位--------------------*/
.fl {float: left;}
.fr {float: right;}
.pr { position:relative;}
.pa { position:absolute;}
.pf { position:fixed;}
/*-----------------字体颜色--------------------*/
.c-fff{ color:#fff;}
.c-333{ color:#333;}
.c-666{ color:#666;}
.c-000{ color:#000;}
.c-999{ color:#999;}
.c-ccc{ color:#ccc;}
.c-f13030{ color: #f13030;}/*浅红色*/
.c-ff5a5a{ color: #ff5a5a;}
.c-ff686d{ color: #ff686d}
.c-fc6622{ color: #fc6622;}/*红色*/
.c-d4282d{ color: #d4282d}
.c-f79832{ color: #f79832;}/*橘黄色*/
.c-ff944f{ color: #ff944f}
.c-ff9727{ color: #ff9727}
.c-ffc74f{ color: #ffc74f}
.c-3478f6 { color: #3478f6;}/*蓝色*/
.c-eb5d2a{ color: #3478f6;}
.c-4496fb{ color: #4496fb;}/*淡蓝色*/
.c-769dff{ color: #769dff;}
.c-64a9ff{ color: #64a9ff}
.c-67d0fb{ color: #67d0fb}
.c-e59afa{ color: #e59afa}/*淡紫色*/
.c-dd9e59{ color: #dd9e59}/*土黄色*/
.c-3cb520{ color: #3cb520}/*绿色*/
.c-86e56d{ color: #86e56d}
.c-2ca43a{ color: #2ca43a;}
/*-----------------背景色--------------------*/
.bg-fff{ background:#fff !important;}
.bg-000{ background:#000;}
.bg-f5f5f5{ background:#f5f5f5;}
.bg-ff2e2e{ background: #ff2e2e;}
/*-----------------边框颜色--------------------*/
.br5{ border-radius:0.32rem;}
.br3{ border-radius:0.19rem;}
.b-none{ border:none;}
.bb-f5f5f5{ border-bottom: 1px solid #f5f5f5;}
.b-ced3d7{border: 1px solid #ced3d7;border-width: 1px 1px 1px 1px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.bb-ced3d7{border: 1px solid #ced3d7;border-width: 0px 0px 1px 0px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.bt-ced3d7{border: 1px solid #ced3d7;border-width: 1px 0px 0px 0px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.br-ced3d7{border: 1px solid #ced3d7;border-width: 0px 1px 0px 0px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.bl-ced3d7{border: 1px solid #ced3d7;border-width: 0px 0px 0px 1px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
/*-----------------水平垂直对齐--------------------*/
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.tin-2{ text-indent:2em}
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
.of-h-one{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.of-h{overflow: hidden;}
.cur_po{cursor: pointer;}
/*-----------------转换元素--------------------*/
.dis-n {display: none;}
.dis-b {display: block;}
.dis-ib {display: inline-block;}
/*-----------------宽高--------------------*/
.wb100 {width: 100%;}
/*-----------------间距--------------------*/
.ml5{ margin-left: 5px;}
.mlb3{ margin-left: 3%;}
.mr5{ margin-right:5px;}
.mrb3{ margin-right: 3%;}
.mrb9{ margin-right: 9%;}
.mtb5{ margin-top: 5%;}
.mtb2{ margin-top: 2%;}
.mtb3{ margin-top: 3%;}
.mbb3{ margin-bottom: 3%;}
.conTop{ margin-top: .9rem;}
.conTop1{ margin-top: 3.6rem;}
.conTop2{ margin-top: 3.9rem;}
.conTop3{ margin-top: 3rem;}
.conBottom{ margin-bottom: .9rem;}
.conBottom2{/* margin-bottom: 1.2rem;*/padding-bottom: 1.4rem;}
/*按钮*/
.buttonBig{ width: 100%; display: inline-block; background: #3478f6; color: #fff; text-align: center; padding: 3.3% 0; font-size: .28rem; border: none; border-radius: 0;}
.buttonBigFixed{ position: fixed; bottom: 0; left: 0;}
.buttonBig:active{opacity: 0.8 !important; background: #3478f6 !important; color: #fff !important;}
.centerBtn{width: 90%; margin: 10% 5%;border: 1px solid #3478f6;padding:2.5% 0; background: #3478f6; color: #fff;display:inline-block;text-align: center; font-size: .28rem; border-radius: 5px}
.centerBtn:active{opacity: 0.8 !important; background: #3478f6 !important; color: #fff !important;}
.centerBtn2{ margin:0 5% 5%;width: 39%;}
.centerBtnBack{width: 90%;margin:0 5% 5%;border: .012rem solid #000;padding:2% 0; background: #fff; color: #000;display:inline-block;text-align: center; font-size: .26rem; border-radius: 5px}
.centerBtnBack:active{opacity: 0.6 !important;border: .01rem solid #000; background: #fff !important; color: #000 !important;}
.BtnLine {background: linear-gradient(to right, #f2e352 20%, #fff9d5 50%, #f9e04e );padding:2.5% 16%;display:inline-block;text-align: center; font-size: .3rem; border-radius: 30px; color: #3478f6;margin:0 auto;}
.centerBtnOrange { background: #ff6018; border: 1px solid #ff6018;}
.centerBtnOrange:active{opacity: 0.8 !important; background: #ff6018 !important; color: #fff !important;}
/*页面默认图标调用*/
@font-face{font-family:iconfont;src:url(../font/iconfont.eot);src:url(../font/iconfont.eot?#iefix) format('embedded-opentype'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype'),url(../font/iconfont.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*:before,*:after{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/*页面定位以免下拉头部出现黑色背景*/
.mainBody{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: #f5f5f5;}
/*mui按钮点击颜色*/
/*头部*/
.header{ width: 100%; height: .9rem; background: #fff; box-shadow: none; position: fixed; top: 0; left: 0;}
.headerIco{ position: absolute;  top: 0; bottom: 0; color: #999;z-index: 10; padding: 0.29rem 0.2rem;}
.headerIco:visited{ color: #999;}
.headerIco:active{ color: #999;}
.headLeft{left: 0;font-size: .26rem;}
.headRight{right: 0;font-size: .26rem;}
.headTit{color: #3f3f3f; font-size:.32rem; font-weight: 300;line-height: initial;padding-top: .22rem;}
.headRightText{right: 0;font-size: .24rem; color: #999;}
.headRight2{ right: .5rem;}
.headLeft2{ left:1.1rem; right: initial;}
.headRightRed{ color: #3478f6 !important;}
.headRightIco{font-size: .4rem; padding: 0.24rem 0.2rem;}
.headRightIcon{font-size: .4rem; top: -3%;}
/*mui 下拉加载中的样式*/
/*底部菜单*/
.footer{ width: 100%; position: fixed; bottom: 0; left: 0; background: #fff; box-shadow: 0px 0px 5px #eee; height: .9rem; z-index: 20;}
.footer a{ width: 25%; float: left; text-align: center; color: #999;}
.footer a span{ font-size:.4rem; position:relative; width: 100%; display: inline-block; float: left; padding-top: .05rem;}
.footer a p{ font-size:.2rem;color:#888;float:left; width:100%;}
.footer a.mui-active{ color:#222}
.footer a.mui-active p{ color:#3478f6}
.footerFore a{ width: 25%;}
.footerThree a{ width: 33%;}
.footIndex:before{content:'\e82b'}
.mui-active .footIndex:before{ content:'\e82a'}
.footClassify:before{content:'\e82e'}
.mui-active .footClassify:before{ content:'\e82f'}
.footRecommend:before{content:'\e8be'}
.mui-active .footRecommend:before{ content:'\e8bf'}
.footCart:before{content:'\e828'}
.mui-active .footCart:before{ content:'\e829'}
.sendCarIndex:before{
 content: '\e624';}
.footMy:before{content:'\e82c'}
.mui-active .footMy:before{ content:"\e82d"}
.footStore:before{content:'\e9dd'}
.mui-active .footStore:before{ content:"\e9dc"}
.footBusiness:before{content:'\e9dd'}
.mui-active .footBusiness:before{ content:"\e9dc"}
.footPurchase:before{content:'\e663'}
.mui-active .footPurchase:before{ content:'\e673'}
.footService:before{content:'\e968'}
.footMap:before{content:'\e640'}

.mui-active .footIndex:before,.mui-active .footClassify:before,.mui-active .footRecommend:before,.mui-active .footCart:before,.mui-active .footMy:before,.mui-active .footStore:before,.mui-active .footBusiness:before,.mui-active .footPurchase:before,.footMap:before { color: #3478f6;}

/*mui 搜索*/
.mui-search{ background: #fff !important; width: 100%; display:inline-block; padding:.12rem .18rem; float: left; font-size:initial; height: .82rem;}
.mui-search .mui-input-clear{ margin-bottom: 0; background: #f5f5f5; border-radius: 5px; font-size: .26rem; padding:.16rem .15rem; height: .7rem; }
.mui-search .input[type=search]{ height: auto; line-height: initial;}
.mui-search .mui-placeholder{ margin-top: .13rem; font-size: .26rem; height: auto; line-height: initial; padding: .17rem;}
.mui-icon-search:before{ content:'\e60d';}
.mui-search input[type=search]{ padding-left: 34px; font-weight: 300;}
.mui-search .mui-placeholder .mui-icon{ font-size:.3rem; margin-right: 5px; color: #999;}
.mui-search:before{content:"\e60d"; color:#999; }
.mui-search.mui-active:before{ font-size:.3rem;top:.32rem; margin-top: 0; left:3%; width: 34px; text-align: center;}
.mui-input-row.mui-search .mui-icon-clear{ top: 50%; margin-top: -.15rem; line-height:inherit; height: auto; right: 3%;}
.mui-icon-clear:before, .mui-icon-close-filled:before{ content:"\e615"; font-size:.3rem; top: .24rem;  color: #999;}
.mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{ font-size: .25rem;}
/*mui tab选项卡以及下拉加载刷新*/
.mui-scroll-wrapper .mui-pull-loading{ margin-top: 10px; display: inline-block;}
.mui-scroll-wrapper .mui-pull-caption{margin-top: 10px; display: inline-block;}
.mui-scroll-wrapper .mui-pull-loading.mui-spinne{ margin-top: 0;}
.indexSearchTop{ margin-top: .82rem;}
.MainWrapTit{border: none;background: #fff; border-radius: 0; height: .8rem !important; font-size: .265rem;}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll{ height: .8rem;}
.mui-segmented-control .mui-control-item{ line-height: inherit; height: 100%; padding: .21rem .23rem 0 !important; color: #333;}
.mui-segmented-control .mui-control-item.mui-active{ color: #000; background: none; font-weight:bold;}
/*.mui-segmented-control .mui-control-item.mui-active i{ position: relative; display: inline-block; height: 100%;}
.mui-segmented-control .mui-control-item.mui-active i:before{ content: ''; position: absolute; bottom:0; left: 0; right: 0; border-bottom: 2px solid #000;}
.mui-slider .mui-slider-group{ top:.8rem !important; background: none  !important;}*/
.mui-pull-bottom-tips {text-align: center;font-size: .24rem;line-height: 40px;color: #777;}
.sliderTable{ border:none; text-align: center; background: #fff; box-shadow: 0px 0px 5px #eee; border-radius: 0; height: .8rem !important; font-size: .27rem;}
.sliderTable .sliderTableTwo{ width: 100% !important;}
.sliderTable .sliderTableTwo .mui-control-item{ width: 50%; float: left;}
.sliderTable .sliderTableThree{ width: 100% !important;}
.sliderTable .sliderTableThree .mui-control-item{ width: 33.3%; float: left;}
.sliderTable .sliderTableFore{ width: 100% !important;}
.sliderTable .sliderTableFore .mui-control-item{ width: 25%; float: left;}
.sliderTable .sliderTableFive{ width: 100% !important;}
.sliderTable .sliderTableFive .mui-control-item{ width: 20%; float: left;}
.mui-pciker-list li{ padding: 8px; line-height: inherit;}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {color: #fff;border: 1px solid #3478f6;background-color: #3478f6}
/*焦点图*/
.bannerSlider .mui-slider-indicator{ bottom: 4px;}
.bannerSlider .mui-slider-indicator .mui-indicator{ background: #ccc; box-shadow: none; opacity: 0.8; border-radius: 100%; width:8px; height:8px;margin: 1px 4px;}
.mui-slider-indicator .mui-indicator {background: #f1f1f1ba;width: 8px;height: 8px;box-shadow:none;}
.bannerSlider .mui-slider-indicator .mui-active.mui-indicator{ background: #000 ; }
.bannerSlider.mui-slider .mui-slider-item>a{ -webkit-transform:inherit; transform: inherit;}
.bannerSlider.mui-slider .mui-slider-group{ top: 0 !important}
/*图片放大*/
.mui-preview-image.mui-fullscreen{position: fixed;z-index:40;background-color: #000;}
.mui-preview-header,.mui-preview-footer{position: absolute;width: 100%;left: 0;z-index: 10;}
.mui-preview-header{height: 44px;top: 0;}
.mui-preview-footer{height: 50px;bottom: 0px;}
.mui-preview-header .mui-preview-indicator{display: block;line-height: 25px;color: #fff;text-align: center;margin: 15px auto 4;width: 70px;background-color: rgba(0, 0, 0, 0.4);border-radius: 12px;font-size: 16px;}
.mui-preview-image{display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mui-preview-image.mui-preview-in{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.mui-preview-image.mui-preview-out{background: none;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header,.mui-preview-image.mui-preview-out .mui-preview-footer{display: none;}
.mui-zoom-scroller{position: absolute;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;}
.mui-zoom{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mui-preview-image .mui-slider-group .mui-slider-item img{width: auto;height: 100%;}
.mui-preview-image.mui-slider .mui-slider-group .mui-slider-item img{width: auto;height:auto;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{display: table-cell;vertical-align: middle;}
.mui-preview-loading{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.mui-preview-loading.mui-active{display: block;}
.mui-preview-loading .mui-spinner-white{position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;height: 50px;width: 50px;}
.mui-preview-image img.mui-transitioning{-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;transition: transform 0.5s ease, opacity 0.5s ease;}
@-webkit-keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1;}}
@keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1;}}
@-webkit-keyframes fadeOut{0%{opacity: 1;}
100%{opacity: 0;}}
@keyframes fadeOut{0%{opacity: 1;}
100%{opacity: 0;}}
p img{max-width: 100%;height: auto;}


/*mui单选\多选*/
.mui-input-group .mui-input-row{ height: auto; padding: 2% 0;}
.mui-input-group:before,.enrollSelect .mui-input-group:after{ display: none;}
.mui-input-group .mui-input-row:after{ display: none;}
.mui-checkbox.mui-left label, .mui-radio.mui-left label{ padding: 0; line-height: initial; padding-left:8%; line-height: .4rem; font-size: .28rem; color: #0e2430;}
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{ left: 0;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ top: 50%; margin-top: -.16rem; width:initial; height:initial;}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{ font-size: .34rem; float: left; color: #ccc; }
.mui-radio input[type=radio]:before{ content: '\e9eb';}
.mui-radio input[type=radio]:checked:before{content: '\e9ea';}
.mui-checkbox input[type=checkbox]:before{ content: '\e9e9';}
.mui-checkbox input[type=checkbox]:checked:before{content: '\e9ec';}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{ color: #0099e9;}


/*列表头部*/
.indexTitle{width: 100%; position: relative; display: inline-block; float:left; padding: 3%; font-size: .26rem;font-weight: 500; }
.indexTitle .more{ float: right; font-size: .22rem; color: #999; position: relative; margin-top: .02rem; padding-right: 4%; font-weight: 300}
.indexTitle .more:after{ content: '\e6ff'; position: absolute; right:-.15rem; top: 50%; margin-top: -.24rem; font-size: .45rem; color: #ccc;;}
.indexTitle .icon{ position: absolute; left: 3%; font-size:.36rem; top: 50%; margin-top: -.19rem; display: none;}

/*商品详情页*/
.detailsfixedLeft,.detailsfixedRight{ position: fixed !important; top: 1rem; background: #fff; box-shadow: 0px 0px 5px #ddd;font-size: .2rem; z-index: 20; text-align: center; color: #999; padding:.08rem .18rem .03rem; border-radius: 3px; overflow: hidden;top: 3% !important;transform: initial !important;line-height: inherit !important;display: inline-block !important;}
.detailsfixedLeft{ left: 3%;}
.detailsfixedRight{ right: 3%;}
.detailsfixedLeft em,.detailsfixedRight em{ display: block;}
.detailsfixedLeft i{ font-size: .28rem;}
.detailsfixedRight i{ font-size: .24rem;}
.integralDetails .detailsfixedLeft,.integralDetails .detailsfixedRight{ top: 1rem !important;}
/*评价模块*/
.evaluateTitle{ width: 94%; margin: 0 3%; display:inline-block; float: left; padding: 3% 0 2.8%; border-bottom: 1px solid #f5f5f5; color: #333; position: relative; padding-right: 6%;}
.evaluateTitleBorder{ border: none;}
.evaluateTitle span{ float: left; font-size: .26rem;}
.evaluateTitle em{ float: right; font-size: .25rem; color: #666;}
.evaluateTitle:after{ content: '\e6ff'; position: absolute; right: -1%; font-size: .45rem; color: #999; top: 50%; margin-top: -.2rem;}
.evaluateLabel{ width: 100%; display: inline-block; padding: 2% 3%;}
.evaluateLabel i{ background: #ffe3e3; color: #333; margin: 1% 2% 1% 0; float: left; display: inline-block; padding: .04rem .1rem; font-size: .22rem;}
.evaluateList,.evaluateList li,.evaluateListTop{ width: 100%; display: inline-block; padding:0 3%; float: left;}
.evaluateList li{ padding: 3% 0; border-bottom: 1px solid #f5f5f5;}
.evaluateList li:last-child{ border: none;}
.evaluateListTop{ padding: 0;}
.evaluateListTop .photo{ width: .7rem; height: .7rem; float: left; margin-right: 3%; display: inline-block; border-radius: 3px; overflow: hidden;}
.evaluateListTop .name{ font-size: .22rem; color: #000;}
.evaluateListTop .name em{ float: right; color: #999;}
.evaluateListTop .stare{ color: #3478f6; font-size: .24rem; margin-top: .09rem;}
.evaluateList li .content{ font-size: .255rem; color: #333; line-height: .34rem; width: 100%; display: inline-block; margin-top: 2.5%;}
.officialReply{ position: relative; padding: 3%; background: #f5f5f5; border-radius: 5px; font-size:.22rem; color: #666; margin-top: 4%}
.officialReply:before{ content: '\e6b4'; position: absolute; color: #f5f5f5; top:-.32rem; left:10%; font-size: .5rem}
.evaluateList li .picture{ width: 100%; display: inline-block; float: left; margin-top: 1%}
.evaluateList li .picture span{ width:23.5%; height: 22vw; float: left; margin-right: 2%; margin-top: 2%; overflow: hidden; border: 1px solid #f5f5f5;}
.evaluateList li .picture span:nth-child(4n){ margin-right: 0}
.evaluateList li .infor{ width: 100%; display: inline-block; margin-top: 3%; color: #999; font-size: .2rem}
.evaluateList li .infor .iconfont{ font-size: .24rem; vertical-align: middle; margin-right: .05rem;color: #999; }
.evaluateList li .Fabulous,.tryRecord li .Fabulous{ margin-top: .05rem; float: right;font-size: .2rem}
.evaluateList li .review{width: 100%; display: inline-block; margin-top: 3%;}
.evaluateList li .review .time{ color: #3478f6; font-size: .22rem;}
.evaluateList li .review .con{ color: #333; margin-top: 1%; font-size: .25rem; line-height: .32rem;}
.lookMore{ width:94%; display: inline-block; border: 1px solid #eee; border-radius: 5px; padding: 2% 0; text-align: center; font-size: .22rem; color: #666; cursor: pointer; margin: 3%;}
.evaluateList li .Fabulous.active,.tryRecord li .Fabulous.active{ color: #3478f6;}
.evaluateList li .Fabulous.active i,.tryRecord li .Fabulous.active i{ color: #3478f6;}
.evaluateClassify{ width: 100%; display: inline-block; background: #fff; margin-bottom: 2%; position: relative; z-index: 50;}
.evaluateClassify a{ width: 25%; float: left; text-align: center; display: inline-block; font-size: .22rem; padding: 2.2% 0 1.8%; position: relative; color: #333}
.evaluateClassify a .number{ font-size: .2rem; color: #999; display: block; margin-top: .05rem}
.evaluateClassify a.active .name{ color: #d4282d}
.evaluateClassify a.active::before{ content: ''; position: absolute; bottom: 0; left: 25%; right: 25%; border-bottom: 1px solid #d4282d}
/*试用记录*/
.tryRecord{ width: 94%; display: inline-block; margin: 0 3%; float: left;}
.tryRecord li{ width: 100%; display: inline-block;padding: 3% 0; border-bottom: 1px solid #f5f5f5; float: left}
.tryRecord li:last-child{ border: none;}
.tryRecord li .photo{ width:1.6rem; height: 1.6rem; float: left; overflow: hidden; margin-right: 3%}
.tryRecord li .title{ padding-top: .06rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: .26rem; line-height: .38rem; color: #000; height: .76rem;}
.tryRecord li .personal{margin-top: 4% ;}
.tryRecord li .personal .head{ width:.55rem; height: .55rem; overflow: hidden; border-radius: 100%; overflow: hidden; float: left; margin-right: 3%}
.tryRecord li .personal .name{ font-size: .22rem; color: #666; margin-top: .14rem; float: left}
.tryRecord li .Fabulous{ color: #999; margin-top: .2rem;}
.tryRecord li .Fabulous i{ margin-right: .1rem;}

/*商品详情页弹出层*/
.detailsLayer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:50; display: none;}
.detailsLayerBg{ background: rgba(0,0,0,0.7); width: 100%; height: 100%;}
.detailsLayerCon{ position: fixed; bottom: -100%; left: 0;width: 100%; background: #fff;}
.detailsLayerConBg{ background: #f5f5f5;}
.detailsLayerTitle{ width: 100%; display: inline-block; text-align: center; font-size: .3rem; color: #333; font-weight: bold; padding: 3.5% 0;}
.detailsLayerClose{ position: absolute; top: 0; right:0; padding: 3%; font-size: .27rem; color: #999;}
.detailsLayerContent{max-height: 380px; min-height: 260px; overflow: auto; width: 100%; display: inline-block;}
.detailsLayerCon .buttonBigFixed{ position: absolute;}
.detailsText{ padding: 3% 5%; width:100%; display: inline-block; font-size: .28rem; line-height: .48rem; color: #555;}
.specLayer{ z-index: 52;}
/*服务说明*/
.serviceList{ width: 100%; display: inline-block; padding:7% 3% 0; border-top: 1px solid #f5f5f5;}
.serviceList li{position: relative; padding-left: .55rem; width: 100%; display: inline-block; margin-bottom: .4rem}
.serviceList li .iconfont{ position:absolute; left: 0; top: -.05rem; color: #3478f6; font-size:.33rem}
.serviceList li .title{ font-size: .26rem; color: #333; font-weight: 400; margin-bottom: .15rem;}
.serviceList li .infor{ color: #999; font-size: .22rem;}
/*优惠券*/
.couponList{ width: 100%; display: inline-block; padding-bottom: 3%;}
.couponList li{ background: #fff; border-radius:3px; overflow: hidden; position: relative; width: 94%; margin: 3% 3% 0; box-shadow: 0px 0px 5px #eee; height: 1.8rem;}
.couponList li .couponBG{ position: absolute; top: 1px; left: 0; width: 8px; height: 100%; background: url(../images/icon-16.png) repeat-y; background-size: 4px; display: inline-block;}
.couponList li .couponCenter{width: 30%; float: left; display: inline-block; background: linear-gradient(to right, #ff8c01 , #ff600a); height: 1.8rem; text-align: center; padding-top: .4rem; }
.couponList li .couponCenter span{ color: #fff; font-weight:400;}
.couponList li .couponCenter span i{ font-size: .45rem;}
.couponList li .couponCenter p{ font-size: .2rem; color: #fff; margin-top: .1rem;}
.couponList li .couponRight{ width: 67%; float: right; position: relative;}
.couponList li .couponRight .title{ font-size: .28rem; color: #333; padding: .3rem 0 .2rem;}
.couponList li .couponRight .label{ font-size: .22rem; color: #666; margin-bottom: .2rem;}
.couponList li .couponRight .time{ font-size: .22rem; color: #999;}
.couponList li .couponBtn{ font-size: .2rem; color: #fff; position:absolute; right: 5%; bottom: 2%; background:linear-gradient(to right, #ff8c01 , #ff600a) ; border-radius: 5px; display: inline-block; padding: .05rem .15rem;}
.couponIcon{ position: absolute; top: 0; right: 0; color: #ccc; font-size: .8rem; display: none;}
.couponListRadio li:before{ content: '\e807'; position: absolute; top: 50%; right: 3%; font-size: .34rem; color: #ccc; margin-top: -.2rem;}
.couponListRadio li.active:before{content: '\e806'; color: #3478f6; }
.couponListTwo li .couponRight .title{ padding: .4rem 0 .5rem;}
.couponListTwo li .couponBtn{ bottom: initial; top: 50%; margin-top: -.05rem;}

/*选择规格*/
.specTop{ width: 100%; display: inline-block; padding: 3%; border-bottom: 1px solid #eee; float: left}
.specTop .photo{ width:2rem; height: 2rem; margin-right: 3%; float: left; border-radius:5px ;overflow: hidden; margin-top: -7%; border: 1px solid #eee}
.specTop .money{ font-size: .24rem; margin-bottom: .2rem;}
.specTop .money span i{ font-size: .34rem;}
.specTop del{ color: #999; margin-left: 5%;}
.specTop .label{ font-size: .22rem; color: #666; margin: .1rem 0}
.specList{ width: 100%; display: inline-block; padding: 0 3%;}
.specList .title{ font-weight: normal; font-size:.25rem; color: #333;padding: 4% 0; display: inline-block;}
.specList .content{ width: 100%; display: inline-block; float: left;}
.specList .content a{ font-size: .22rem; color: #333; background: #f5f5f5; border-radius: 3px; display: inline-block; float: left; margin:0 3% 3% 0; padding:.08rem .15rem .05rem;}
.specList .content a.active{ background: #3478f6; color: #fff;}
.mui-numbox{ border:none; border-radius: 3px; height: .65rem;background: #fff;}
.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn]{ background: #f5f5f5; font-size: .24rem;}
.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input{ background: #f5f5f5; height: .65rem;font-size: .26rem;  border-right: solid 1px #fff!important;border-left: solid 1px #fff!important;}
/*配送地址*/
.sendToList{ width: 100%; display: inline-block; padding: 0 3%; border-top: 1px solid #f5f5f5;}
.sendToList li{ width: 100%; display: inline-block; float: left; border-bottom: 1px solid #f5f5f5; padding: 3% 6% 3% 0; font-size: .26rem; color: #444; position: relative;}
.sendToList li:before{ content: '\e807'; position: absolute; top: 50%; right: 0; font-size: .34rem; color: #ccc; margin-top: -.2rem;}
.sendToList li.active{color: #3478f6;}
.sendToList li.active:before{content: '\e806'; color: #3478f6; }
/*联系客服*/
.serviceLayerCon{ position: fixed; top: 50%; width: 80%; margin:-40% 10% 0 10%; background: #fff; border-radius: 5px; text-align: center;}
.serviceLayerCon .title{ font-size: .3rem; font-weight: 400; padding: 8% 0 5%;}
.serviceLayerCon .photo{ width: 70%; margin:3% 15% 0;}
.serviceLayerCon .phone{ color: #ff6a34; font-size: .26rem; width: 70%; display:block; text-align: left; margin:3% 10% 3% 20%;}
.serviceLayerCon .phone i{ font-size: .34rem; vertical-align: middle; margin-right: 4%;}
.serviceLayerCon .phone em{ vertical-align: middle; display: inline-block;}
.serviceLayerCon .phone em.c-333{ width:1.35rem;}
.serviceLayerCon .serviceLayerBtn{ width: 100%; border-top: 1px solid #f5f5f5; text-align: center; padding: 3.5% 0; font-size: .28rem; font-weight: 400; color: #ff6a34; margin-top: 8%;}

/*表单*/
.formInputTitle{ font-size: .24rem; width: 100%; display: inline-block; float: left; padding: 2.5% 3%; color: #999;}
.formBorder{border: 1px solid #ced3d7;border-width: 1px 0px 1px 0px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.formInput li{ width: 94%; margin: 0 3%;display: inline-block; float: left; padding: 4% 0; position:relative;border: 1px solid #ced3d7;border-width: 0px 0px 1px 0px;-webkit-border-image: url(../images/border.gif) 2 stretch;}
.formInput li:last-child{ border: none;}
.formInput li.lastBorder{ border: none;}
.formInput li .inTitle{ font-size:.26rem; color: #333; float: left;}
.formInput li .inTitle .small{ font-size: .22rem; color: #999; margin-left: 5px;}
.formInput li .inText,.formInput li .inCon{ margin: 0; width:63%; float: right; height: auto; font-size: .26rem; padding: 0; border: none; text-align: right; color: #666; line-height: initial; font-family: inherit;}
.formInput li .grayBtn{ border: 1px solid #eee; padding: .06rem .3rem; font-size:.26rem;}
.formInput li .inTextarea{ font-size: .24rem;}
.ListAfter:after{ content:'\e6ff'; position: absolute; right:1%; top: 50%; color: #999; font-size:.45rem; margin-top:-.225rem;}
.formInput li.ListAfter .inCon{ margin-right: 5%; width: 60%; color: #999;}
.formInput li .inConWidthLeft{ width: 100% !important; text-align: left !important;}
.formInput li.ListAfter:after{ right: -2%; margin-top: -.2rem;}
.formInput li .inTextarea{ display: inline-block; width: 98%; margin: 3% 1% 0; float: left; text-align: left;border: 1px solid #ced3d7; border-width: 1px 1px 1px 1px; -webkit-border-image: url(../images/border.gif) 2 stretch; padding: 2%;}
.formInput li .inPhoto{ width: 100%; display: inline-block; float: left; margin-top: .2rem;}
.formInput li.listPicture{ padding-bottom: 0;}
.formInput li.Verification .inText{ width: 50%; float: left; text-align: left; margin-left: 3%;}
.formInput li.Verification .VerifiBtn{ position: absolute; background: #3478f6; color: #fff; font-size: .22rem; right: 0; top: 50%; margin-top: -.24rem; padding: .08rem 0; display: inline-block; width: 1.7rem; text-align: center; border-radius: 3px;}
.formInput li.Verification .VerifiBtn.active{ background: #ccc;}
.formInputP li {  padding:3% 0 2% 0;}
.inPhotoImg,.upPhoto{border: 1px solid #ced3d7;border-width: 1px 1px 1px 1px;-webkit-border-image: url(../images/border.gif) 2 stretch; width: 1.6rem; height:  1.6rem; display: inline-block; float: left; margin:0 2% 3% 0; overflow: hidden; }
.inPhotoImg img{ width: auto; height: 100%; float:left; max-width:initial;}
.upPhoto{ margin-right: 0; text-align: center;font-size: .6rem; color: #d5d5d5; position: relative;}
.upPhoto .iconfont{ width: 100%; display: inline-block; padding-top: .48rem;}
.upFile{ position: absolute; top:0;left: 0; font-size: 0; cursor: pointer; width: 100%; height: 100%; opacity: 0;}
.listPhotoOne .inTitle{ padding-top: .4rem}
.listPhotoOne .photo{width:1.2rem;  height:1.2rem;  overflow: hidden; display:inline-block}
.formInput li.photoOne .inTitle{ padding-top: .4rem;}
.formInput li .photoOneCon{ border: 1px solid #eee; width: 1.2rem; height: 1.2rem; text-align: center; float: right; position: relative;}
.formInput li .photoOneCon img{ width: 100%; height: 100%;}
.formInput li .photoOneCon i{ font-size: .35rem; color: #ccc; text-align: center; padding-top: .4rem; display: inline-block;}
.formInput li .photoOneCon input{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 5; font-size: 0;}
.formInput li .photoOneCon.fl{ float: left;}
.formDetailsPrices{ width: 100%; display: inline-block; float: left}
.formDetailsPrices{ margin-bottom: 3%; height: 2.6rem; overflow: hidden; position: relative}
.formDetailsPrices .formDetailsImg{ width: 100%}
.formDetailsHandle{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6)}
.formDetailsHandle .Upload{ color: #fff; line-height: inherit; float: right; padding:2% 3%; font-size: .23rem; width: auto; background: none; display: inline-block; position: relative;}
.formDetailsHandle .Upload input{ position: absolute; top: 0; left: 0; opacity: 0; font-size: 0; width: 100%; height: 100%;}
.formDetailsHandle .dodel{ font-size: .23rem; color: #fff;  display: inline-block;  float: right; padding:2% 3%;}
.formDetailsText{ width: 100%; display:inline-block; float: left; background: #fff; padding: 3%; margin-bottom: 3%}
.formDetailsText .textarea{ font-size: .25rem; color: #333; width: 100%; min-height:1.4rem; height: auto;    padding: 0;border: none; font-family: inherit;}
.formDetailsText .dodel{ float: right; font-size: .23rem; color: #089af7; padding:3% 0 0 3%; width: 100%; text-align: right}
.formDetailsBtn{ width: 100%; display: inline-block; float: left; background: #fff; padding: 3%}
.formDetailsBtnCon{ width: 31%; font-size:.23rem; color: #666; display: inline-block; vertical-align: middle; background: none; text-align: center; line-height: inherit}
.formDetailsBtnCon::after{ display: none}
.formDetailsBtnCon img{ width: 23%; margin: .1rem 0}
.formDetailsAdd{ width: 31%; display: inline-block; vertical-align: middle; text-align: center; padding-top: .1rem}
.formDetailsAdd img{ width: 23%}
.formRemarks{width:94%;padding:5% 3% 0;font-size:0.24rem; display:inline-block;color:#ff3232;text-align: center;}
/*商品列表*/
.shoplist{ width: 100%; display: inline-block; background: none; padding-top: 2%;}
.shoplist:after,.shoplist:before{ display: none;}
.shoplist li{ width: 49.5%; float: left; background: #fff; display: inline-block; margin-bottom: 1%;}
.shoplist li:nth-child(2n){ margin-left: 1%;}
.shoplist li a{ width: 100%; display:block;}
.shoplist li .photo{ width: 100%; display: block;}
.shoplist li .photo img{ float: left;}
.shoplist li .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding: .15rem; font-size: .26rem; color: #333;}
.shoplist li .label{ font-size: .22rem;color: #999;  padding: 0 .15rem .12rem;}
.shoplist li .money{color: #3478f6;  font-weight: 400;}
.shoplist li .money em{ font-size: .3rem; margin-left: .02rem; font-weight: 500;}
.shoplist li del{ margin-left: .2rem;}

@media screen and (min-width:390px) and (max-width:400px){  
.mui-segmented-control .mui-control-item{ padding-top: .16rem !important;}
.indexTitle{ font-weight: 700 !important;}	
.formInput li .inText { margin-top: 4px;}
.IinsureMoney { min-width: 15%;}
}

@media screen and (min-width:375px) {.formInput li .inText { margin-top: 0;}}

@media screen and (min-width:376px) and (max-width:413px){  
/*头部*/
.headerIco{padding: 0.32rem 0.2rem;}
.headTit{padding-top: .3rem;}
.mui-segmented-control .mui-control-item{ padding-top: .25rem !important;}
.indexTitle{ font-weight: 700 !important}
.formInput li .inText { margin-top: 4px;}
/*底部菜单*/
.footer a span{padding-top: .1rem !important;}
.detailsConsultCon .question, .detailsConsultCon .answer{ padding-top: .05rem;}
}
/*20180924*/
.vip li .photo { width: 1.1rem; height: 1.1rem; margin-top: 2%;}
.textarea{ width:90%; margin-left:5%; padding: 3%; height: auto; border: 1px solid #eee; font-size: .26rem; color: #666;}
/*提交成功*/
.submitSuccend{ text-align: center; padding: 15% 10% 10%;}
.submitSuccend i{ font-size: 2rem; color: #02d172;}
.submitSuccend p{ line-height: .64rem; font-size: .26rem; margin-top: 5%;color: #999;}
.submitSuccend i.red{ color: #f52525;}
.invite { width: 60%; margin: 3% auto 7% auto;}
.invite .line { width: 30%; display: inline-block; background: #ffef79; height: .02rem;}
.invite .title { color: #ffef79; margin: 0 2%; font-size: .3rem; display: inline-block;vertical-align: text-top;}
.invite em { color: #fff; font-size: .42rem; margin-top: 3%; display: inline-block;}
.paymentLayer{ position:fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 20; display: none;}
.paymentLayerBg{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.paymentLayerCon{ position: absolute; top: 0; left: 0; width: 100%;}
.paymentLayer .tip{ width: 90%;  margin: 0 5%; text-align: center; font-size: .26rem; color: #fff; margin-top: 15%;}
.paymentLayer .content{ width: 80%; margin: 3% 10%; background: #fff; border-radius: 5px; overflow:hidden; padding: 3% ;}
.paymentLayer .content p{ font-size: .26rem; color: #000; line-height: .4rem; text-align: center;}
.paymentLayer .arrow{ position: absolute; right: 0; top: 0; width: 6%; margin: 5%;}
/*mui单选\多选*/
.mui-bar-nav~.mui-content { padding: 0;}
.mui-indexed-list-group  {padding-top: 20px; font-size: .3rem;background: none;}
.mui-table-view-divider:before,.mui-table-view-divider:after { background: none;}
.prtch .mui-table-view-cell:after {background: #ddd; right: 40px;}
.mui-indexed-list,.mui-indexed-list-search {border:none}
.mui-indexed-list-bar { bottom: 0;background-color:white;}
/*我的二维码*/
.workCardBg{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;background: url(../images/ewmBg.jpg) no-repeat;background-size: cover;}
.workCardEwm{position:absolute;top:40%;width:100%;text-align:center}
.workCardEwm img{width:140px;height:140px;background:#fff;padding:2px}
.workCardEwm p{font-size:.35rem;color:#fff; line-height: .9rem;}
.workCard,.visitCon{ /*background: url(../images/bg1.jpg) center center no-repeat ; background-size: contain; */width: 100%; height: 90%; position: fixed; left: 0; top: 10%;}
.workCardCon{ padding-top:60%; text-align: center;}
.workCardCon .photo img{ width: 50%;}
.workCardCon .compay{ position: absolute; bottom: 10%; left: 0; width: 100%; font-size: .7rem; color: #999;}
.buttonBigShare{ width: 50%;background: #fff; color: #1475f8; border: 1px solid #1475f8; padding: 2% 0; position: absolute; margin: 0; bottom:15%; left: 25%; }
.buttonBigShare:active{ color: #1475f8;}
.formInput li .big {font-size: .24rem;color:#ff6018;display:inline-block; width: 80%;}
.formInput li .big em {font-size: .4rem;margin-right: 2px;}
.mui-slider-indicator {bottom: 12px;}
.mui-slider-indicator .mui-active.mui-indicator {width: 12px;border-radius: 5px;}
.mui-scroll .mui-table-view:before,.mui-scroll .mui-table-view:after { background: none;}
.formInputWu li {padding: 3% 0 2% 0;}
.formInput li .inText,.formInput li .inConFont {float: right;color: #333;font-size: .26rem;margin-left: 1%;padding-right: 19px;}
.formInputWu li .big { width: auto;}

.formInput li .inConFont { float:right;color: #333;font-size: .26rem;margin-left: 1%; line-height: initial; text-align: right;}

.content ul li .label input,.bottom-label label input[type=checkbox] { border: none; background: none;}