/*elements*/
body{ font-size: 16px; color:#555555; }
img{max-width: 100%;}
img.max100{max-width: 100px;}
a{color:#555;}
input[type="text"]{font-size: 1.2em;}
select { border: 1px #e2e2e2 solid;}
dl{padding: 1em 0;margin: 0;border-bottom: solid 1px #ebebeb;}
dt,dd{display: inline;}
header{text-align: center;height:50px;background-color:white;line-height:50px;font-size: 1.2em;}
pre{
	white-space: pre-wrap;
	word-wrap: break-word;
}
/*global 组件  */
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #c6c6c6;
    font-weight: normal; }
  
    input::-webkit-input-placeholder {
    color: #c6c6c6;
    font-weight: normal; }
  
  input:-ms-input-placeholder {
    color: #c6c6c6;
    font-weight: normal; }
/*colors*/
.white{color: white !important;}
.lightgrey{color:#939393;}
.darkgrey{color: #666;}
.orange1{color: #FF5031 !important;}
.orange2{color:#ff9416 !important;}
.blue{color: #00C0DD;}
.yellow{color: #FFDA31 !important;}
.price {color: #FF5031;}

.no_bg{background: none;}
.org_bg1{background-color: #FF5031; }
.org_bg2{background-color: #ff9416;}
.white_bg{background-color: white;}
.light_bg{background-color: #fafafa;}
.gray_bg {background-color: #ccc;}
.gray-scale{-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}

.countdownIcon { display: inline-block; vertical-align: middle;}
.countdownIcon span { padding: 4px; border-radius: 3px; margin: 0 1px; border: 1px #FF5031 solid; color: #FF5031;}

/*fonts*/
.font07{font-size: 0.7em;}
.font08{font-size: 0.8em;}
.font09{font-size: 0.9em;}
.font1{font-size: 1em;}
.font12{font-size: 1.2em;}
.font13{font-size: 1.3em;}

/*borders*/
.square-bder{border: solid 1px #ebebeb;}
.bbgrey{border-bottom: solid 1px #ebebeb;}
.btgrey{border-top: solid 1px #ebebeb;}
.blrgrey{border-left: solid 1px #ebebeb;border-right: solid 1px #ebebeb;}

.topbtm-border{border-bottom: solid 1px #ebebeb;border-top: solid 1px #ebebeb;}
.grid-rightbottom-border{border-bottom: solid 1px #ebebeb;border-right: solid 1px #ebebeb;}
.clear-border{border: none;}

.orange-border {
    bottom: 1px #FF5031 solid;
}
.max-width-750{
    max-width: 750px;
    margin: 0 auto;
}

.posrel {position: relative;}
.tac{text-align: center;}
.tar{text-align: right;}
.fr{float: right;}
.fl{float: left;}
.vam {vertical-align: middle;}
.clear{clear: both;}

span.split{margin-left: 0.5em;margin-right: 0.5em;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.ml10 {margin-left: 10px;}
.mr5{margin-right: 5px;}
.mr15{margin-right: 15px;}
.mr25{margin-right: 25px;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb1em{margin-bottom: 1em;}
.mbdot5em{margin-bottom: 0.5em;}
.mb3em{margin-bottom: 3em;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt1em{margin-top: 1em;}
.mt3em{margin-top: 3em;}
.mt4em{margin-top: 4em;}

.lrpd5{padding: 0 5px;}
.tbpd10{padding-top: 10px;padding-bottom: 10px;}
.lrpd10{padding-left: 10px;padding-right: 10px;}
.pd10{padding: 10px;}
.tpd10{padding-top: 10px;}
.bpd10{padding-bottom: 10px;}
.pr25{padding-right: 25px;}
.pl20{padding-left: 20px;}
.pt1{padding-top: 1em;}
.clear-lr-pd{padding-left: 0;padding-right: 0;}
.lh13em{line-height: 1.3em;}
.lh15em{line-height: 1.5em;}

.lh2em{line-height: 2em !important;}
.lh3em{line-height: 3em !important;}

/*.fixed_btm{position: fixed;bottom: 50px;width: 100%;}      /* 底部有菜单的情况 */
 .fixed_btm{position: fixed;bottom: 0;width: 100%;z-index: 100;}     /* 保留 */
.abs_btm{position: absolute;bottom: 0;}
.fixed_middle_dialog{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 201;line-height: 100%; box-shadow: 0 0 5px 2px #D6D6D6;display: none;}
.inline{display: inline-block;}
.h4em{height: 4em;background: none;}

.w100p{width: 100%;}
.col-8{width: 66.666%;}
.hidden { display: none;}
.show { display: block;}
.relative{position: relative;}

/*buttons*/
.btn_01{padding: 0.5em 0.8em;border-radius: 3px;font-size: 0.9em;}
.btn_01_wider{padding: 0.5em 2em;border-radius: 3px;font-size: 0.9em;}
.btn_02{color: #5E5E5E;border-color:#5E5E5E; }
.btn_03{color: white;background-color:#FF5031;padding: 0.3em 1.5em;border-radius: 3px;font-size: 0.9em; }
.btn_04{color: white;background-color:#FF5031;padding:0 1.5em;margin-right: -10px;font-size: 0.9em; }
.btn_solid_orange{color: white;background-color:#FF5031;border:solid 1px #FF5031;}
.btn_solid_black{color: #666;background-color:#fff;border:solid 1px #666;}
.btn_hollow_orange{color: #FF5031;border: solid 1px #FF5031;}
.btn_solid_grey{color: #999;background-color:#e8e8e8;border:solid 1px #ccc;}
.btn_hollow_grey{color: #FF5031;border: solid 1px #FF5031;}
.btn_common {text-align: center;color: #fff;padding: 0.5em 0.8em;font-size: 0.9em;}
.two_btn_line div{ position: relative; z-index:66; display: inline-block;float: left;text-align: center;width: 50%;padding: 1em 0;height: 1em;letter-spacing:  0.2em;/*height: 1.5em;*/border-top: solid 1px #ededed;}

.two_btn_line img{max-height: inherit;}
.line_btn{width: 100%;height: 1em;text-align: center;background-color:#FF5031;color: white ;padding: 1em 0;letter-spacing:  0.2em;
}
.two_btn_line37{width: 100%;height: 3em;}
.two_btn_line37 div{display: inline-block;/*border-top: solid 1px #ededed;*/line-height: 3em;}
.line_btn_left{width: 70%; float: left;}
.line_btn_right{width: 30%;text-align: center;float: right;}

.btn_vcode{ display: inline-block;height: 2em; line-height: 2em;padding: 0 0.3em; margin-top: 0.9em;}
.btn_switch>span:first-child{border-radius: 5px 0 0 5px;}
.btn_switch>span:last-child{border-radius: 0 5px 5px 0;}

/*.btn_no_data{padding: 10px 60px;border-radius: 5px;display: inline-block;}*/
.flex_btn_wrapper{display: flex;display: -webkit-flex; justify-content: space-around;-webkit-justify-content: space-around;}
/*tables*/
.table01 th,.table01 td{border: none;text-align: left;height: 3.5em;border-bottom: solid 1px #ebebeb;border-collapse: collapse;font-size: 0.7em;}
.table01 th{width: 5em;}
.table01 td input,textarea{border: none;font-size: 1.3em;color: #a5a5a5 ;}
.table01 td input{line-height: 2em;}

/*文本长度显示控制*/
.oneline-ctrl{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.twoline-ctrl{line-height: 16px;height: 32px;overflow: hidden; font-size: 14px;
    text-overflow:ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;}
/* loading */
.loadingBg {  background-color: rgba(255,255,255,0.5); width: 100%; height: 100%; position: fixed; top: 0; left:0; text-align: center;  z-index: 9999999;}
.loadingBg2 {  background-color: rgba(255,255,255,0); width: 100%; height: 100%; position: fixed; top: 0; left:0; text-align: center;  z-index: 9999999;}
.loadingIcon { position: absolute; display: inline-block; height: 39px; width: 39px;  background: url("../img/loading.gif") no-repeat 0 0; vertical-align: middle; top: 50%; left: 50%; margin: -15px 0 0 -15px;}

/*pics*/
.thumb120{max-width: 120px;margin-right: 20px;float: left;}
.uptop{width: 13%;position: absolute;bottom: 2%;right: 2%;
		opacity: 0.8;
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}
.uptop img{ max-width: 100%;z-index: 2;}


.text_holder{height: 4em;}
.text_holder textarea{width: 80%;height: 3em;font-size: 1.5em;padding: 0;resize:none;}
/*-----------------------------------------------------------*/
/*图片轮播*/
	.swiper-container {
        width: 100%;
        max-height: 100%;
    }
    .swiper-container img{/*max-height: 100%;宽度自适应，高度不限制就注掉*/width: 100%;height: 100%;}
    /*.swiper-wrapper{height: 200px;}宽度自适应，高度不限制就注掉* */
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-pagination{
    	background: none;
        width: 100%;
        height: 20px;
        bottom:10px;
    }
    .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #666;opacity: 0.6;}
    .swiper-pagination-bullet-active{
    	background: #fff;/*#FF5031*/
    }

.ms-controller >*{visibility: hidden;}
.ms-controller::before{
    content: "";
    display: block;
    position: fixed;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: url("../img/loading.gif") no-repeat center;
}
[v-cloak]{display: none;}
.v-clock{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: hidden;
}
.v-clock::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000001;
    background-color: #ededed;
}
.v-clock::after{
    content: "";
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    z-index: 10000011;
    transform: translateX(-50%) translateY(-50%);
    background: url("../img/loading.gif") no-repeat center;
}
div.outer{padding-left: 10px;padding-right: 10px; margin-bottom: 10px;clear: both;position: relative;background-color: white;}

/*search*/
.search-bar{display: inline-block;border-radius: 5px;width: 70%; height: 2em;line-height: 2em;padding-left: 2em;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;

}
.search-bar input{border: none;font-size: 1em;color: #999;max-width: 100%;}
.search-w{position: absolute;right: 10px;top: 0;}
.search-history{border-top:solid 1px #DFDFDF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.search-history ul{line-height: 3em;padding: 0 10px;color: #666;}
/*little things*/
.top-nav{ position:fixed;top: 0;left: 0;width: 100%;z-index: 2; background-color: #efefef;border-bottom: solid 1px #ccc; height: 3em;text-align: center;line-height: 3em; padding: 0 15px;
            -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.top-nav .back{position: absolute;left: 10px; top: 50%; margin-top: -13px; border: 5px #efefef solid;}
.top-nav .back::before{
    display: none;
}
.top-nav  img{max-height: 1em;}
.blue_countdown{color: #00C0DD;/* font-weight: bold; */ position: relative;}
.blue_countdown .iconfont{font-size: 1.5em;color: #00C0DD; }
.clock{background-color: #FF5031; color: white;padding: 0 6px;font-size: 0.8em;margin-right: 5px;}
.clock2{padding:0px 1px;border-radius: 3px;border: solid 1px;} /*与颜色配合使用*/
#maskbg,.shade_box{background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0; height: 100%;width: 100%;display: none;z-index: 200;}
.mask{width: 100%;max-height: 100%;background: white; z-index: 99;display: none;/* min-height: 100px; */ position: relative;}
.mask .mask_clo_btn { position: absolute; right: 10px; width: 30px; height: 30px; top: 9px; line-height: 30px; text-align: center; font-size: 30px; color: #999;}
.mask ul{  padding:0 15px;line-height: 3em;margin: 0;list-style: none;}
.fix_btm_mask{max-width: 750px;position: fixed;/*  bottom: 3em;z-index: 99; */width: 100%;  height: 65%;/* overflow-y: scroll; */display: none;bottom: 0;z-index: 1001;}
.fix_top_mask{    height: 65%;
    width: 100%;
    top: 6em;
    position: fixed;
    overflow: scroll;}
.mask_close{position: absolute;right: 8px;top: 8px;font-size: 2em;border: solid 2px #B6B6B6;border-radius: 100%;
    width: 28px;height: 28px;line-height: 28px;color: #B5B5B5;z-index: 99;text-align:center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; font-family: arial;}
.checktip{ background: rgba(255, 125, 125, 0.82);color: white;width: 100%;height: 1.5em;line-height: 1.5em;text-align: center;}
.alertmsg-outer{z-index: 99999;position: fixed;top: 0;left: 0;width: 100%;text-align: center;height: 100%;background: none;}
.alertmsg{display: inline-block;background: rgba(5,15,47,0.88);color: rgb(240,240,240);z-index: 99999;border-radius: 5px;line-height: 1.5;padding: 4px 8px;font-size: 13px;
        -webkit-box-shadow: inset 0 0 10px 2px rgb(0, 39, 84);box-shadow: inset 0 0px 10px 2px rgb(0, 39, 84) ; max-width: 90%;}

/* clear */
.clearfix {*zoom: 1; }
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    line-height: 0; 
}
.clearfix:after { clear: both; }
/* iconfont */
@font-face {font-family: 'iconfont';
    src: url('../../css/util/font/iconfont.eot?t=151667454'); /* IE9*/
    src: url('../../css/util/font/iconfont.eot?t=151667454#iefix') format('embedded-opentype'),
    url('../../css/util/font/iconfont.woff?t=151667454') format('woff'),
    url('../../css/util/font/iconfont.ttf?t=151667454') format('truetype'),
    url('../../css/util/font/iconfont.svg?t=151667454#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family: 'iconfont';color: #bbb;}
.icon-white { color: #fff;}
.icon-black { color: #555;}
.color-333 { color: #333;}
/*menu*/
.menu-box {position: fixed;bottom: 0;width: 100%;height: 49px;font-size: 12px;color: #bbb;background-color: white;z-index: 999;border-top: 1px solid #e8e8e8;}
/* .menu-box::after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
} */
ul.menu {
    /*display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;*/

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ 
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; display: flex;
    width: 100%;height: 49px;
}
.menu li{
    /*-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ 
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex:1; -ms-flex:1; flex:1;
    /*-webkit-flex:1 1 auto; flex:1 1 auto;*/
    text-align: center;font-family: 'iconfont'; height: 49px;}

.menu-box a{
    color: #bbb;
    display: block;
}
.menu li.on,.menu li.on a{color: #FF5031;}
.menu li h4 { font-size: 24px; line-height: 24px; padding-top: 4px;}
.menu #menu_order h4 { font-size: 18px;}
/*select*/
.chs_delivery_main {padding: 0 1em;}
.chs_delivery_main dl{position: relative;}
.chs_delivery_main dd{position: absolute;right: 0;top:0.6em;}



/*data*/
.no-data{text-align: center;padding-top: 4em;}
.icon-no-data{    padding: 40px;
    background: #E6E6E6;
    color: white;
    border-radius: 100%;
    font-size: 4em;
    display: inline-block;}

/*css3 compatible*/
.border-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*confirmDialog*/
body{margin: 0;}
.confirm_mask{display: none;
	background: rgba(0,0,0,0.5);    height: 100%; width: 100%;  position: fixed; top: 0; left: 0; z-index: 101;}
.confirm_wrapper{display: none;
	width: 80%;margin: auto;padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px lightgrey;border-radius: 5px;
	text-align: center;color: #666;background:white;position: fixed; z-index: 999;left: 10%;top: 50%;margin-top: -56px;height: 121px;}
.confirm_info .main_title{margin: 15px 0;}
.confirm_btn{height: 40px;line-height: 40px;display: flex;border-top: solid 1px lightgrey;padding-top: 10px;}
.confirm_btn>span{border:solid 1px;border-radius: 3px;}
	.confirm_btn>.negative{background: white;flex:1;border-color:lightgrey; margin-right: 10px;}
	.confirm_btn>.positive{background: orange;color: white;flex:1;border-color: orange;}

/*commonPopup*/
.commonPopup-box { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; display: none;}
.commonPopup-maskBg { background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.commonPopup-flex { width: 100%; height: 100%;
    display: flex; display: -webkit-flex;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center;
}
/*.commonPopup-table-cell { width: 100%; height: 100%; display: table-cell; vertical-align: middle;}*/
.commonPopup-content { width: 72%; max-width: 700px; background: #fff; border-radius: 4px; font-size: 13px; color: #666; margin: auto; text-align: center; position: relative; z-index: 10;}
.commonPopup-content h3 {height: 40px; line-height: 40px; border-bottom: 1px solid #D8D8D8; padding-left: 12px; font-weight: bold; text-align: left; position: relative;}
.commonPopup-content h3 a.clo { font-size: 32px; width: 32px; height: 32px; text-align: center; line-height: 32px; font-family: Arial; color: #777; position: absolute; right: 0; top: 4px;}
.commonPopup-content .txt { padding: 25px 8px; max-height: 9rem; overflow-y: scroll;}
/*.commonPopup-content .txt p { line-height: 26px; letter-spacing: -1px; padding-bottom: 10px;}
.commonPopup-content .txt p em { color: #FF5031;}
.commonPopup-content .txt p i { color: #00C0DD;}*/
.commonPopup-content .btn { padding: 0 0 15px; text-align: center;}
.commonPopup-content .btn span { display: inline-block; vertical-align: top; height: 26px; line-height: 26px; min-width: 24%; border: 1px solid #FF5031; border-radius: 3px; background: #fff; margin: 0 6px; padding: 0 6px;}
.commonPopup-content .btn span.cancel-btn { color: #FF5031;}
.commonPopup-content .btn span.sure-btn { border: 1px solid #FF5031; color: #fff; background: #FF5031;}

/*新增商品绑定手机特殊框*/
.popup-succ {position: fixed; z-index:9999; left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5); display: none; }
.popup-succ-table { display: table; width: 100%; height: 100%;}
.popup-succ-tableCell { display: table-cell; vertical-align: middle; }
.popup-main { width: 72%; padding-top: 60px; position: relative;  margin: auto; top: -20px;}
.popup-img { position: absolute; left: 0; top: 0; width: 100%;}
.popup-img img { display: block; margin: auto; width: 140px; height: 140px;}
.popup-cont { border-radius: 6px; background: #fff; text-align: center; font-size: 14px;}
.popup-cont h3 { position: relative; z-index: 200; height: 84px; font-weight: normal;}
.popup-cont h3 a { display: block; width: 32px; height: 32px; overflow: hidden; font:32px/1 Arial; color: #999;}
.popup-txt { line-height: 22px; padding: 6px;}
.popup-btn { padding:12px 0; text-align: center;}
.popup-btn a { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; width: 38%; border: 1px solid #FF5031; border-radius: 3px; background: #fff; margin: 0 6px;}
.popup-btn a.popup-cancel { color: #FF5031;}
.popup-btn a.popup-sure { border: 1px solid #FF5031; color: #fff; background: #FF5031;}

/* 木有数据的提示层 */
#no-data-tip { font-size: 14px; text-align: center; color: #939393; padding-top: 50px;}
.no-data-txt { padding: 20px 0; line-height: 20px;}
.no-data-iconImg { width: 13em; height: 13em; margin: auto; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.btn_no_data {padding: 10px 25px; border-radius: 3px; display: inline-block; margin: 0 8px;}
.no-data-btn a {padding: 10px 25px; border-radius: 3px; display: inline-block; margin: 0 8px; color: white;
    background-color: #FF5031; border: solid 1px #FF5031;}
/*滑动提示*/
/* .dropload-down {
    padding: 8px 0;
    font-size: 14px;
} */
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 14px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 40px;
    padding: 0;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin-right: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* 关注我们-关注公众号 */
.top-follow-WeChat { height: 50px; line-height: 50px; background-color: rgba(0,0,0,.7); color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; display: none;}
.top-follow-WeChat > div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.top-follow-WeChat .tfwc-clo { width: 14%; font-size: 32px; text-align: center; font-family: Arial; color: #fff;}
.top-follow-WeChat .tfwc-cont { width: 86%;}
.top-follow-WeChat .tfwc-cont .tfwc-cont-img { margin: 4px 20px 0 0; width: 42px; height: 42px; overflow: hidden; border-radius: 100%;}
.top-follow-WeChat .tfwc-cont .tfwc-cont-img img { width: 100%; height: 100%;}
.top-follow-WeChat .tfwc-cont .tfwc-cont-txt { max-width: 44%;}
.top-follow-WeChat .tfwc-cont .tfwc-cont-txt p { line-height: 18px; vertical-align: middle; display: inline-block; font-size: 14px;}
.top-follow-WeChat .tfwc-cont .tfwc-cont-btn { padding-right: 16px; font-size: 12px;}
.top-follow-WeChat .tfwc-cont .tfwc-cont-btn span { height: 28px; line-height: 28px; display: inline-block; vertical-align: middle; padding: 0 12px; border-radius: 2px; }

.mgt-WeChat { margin-top: 50px;}

.follow-WeChat-box { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.85); color: #fff; display: none;}
.follow-WeChat-box .fwcb-clo { position: absolute; left: 0; top: 0; width: 50px; height: 50px; font-size: 36px; text-align: center; line-height: 50px; font-family: Arial;}
.follow-WeChat-box .fwcb-scroll { height: 100%; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.follow-WeChat-box .fwcb-inner { padding:0 20px 10px; text-align: center; font-size: 16px;}
.follow-WeChat-box .fwcb-top { padding-top: 60px; border-bottom: 1px solid #ccc; text-align: center;}
.follow-WeChat-box .fwcb-top .fwcb-img { margin: auto; width: 180px; height: 180px; overflow: hidden; background-color: #fff;}
.follow-WeChat-box .fwcb-top .fwcb-img img { width: 100%; height: 100%;}
.follow-WeChat-box .fwcb-top p { line-height: 46px;}
.follow-WeChat-box .fwcb-top .fwcb-zhiwen { padding-bottom: 20px;}
.follow-WeChat-box .fwcb-top .fwcb-zhiwen img { width: 100px; height: 100px; margin:auto;}
.follow-WeChat-box .fwcb-cont { padding-top: 6px; color: #ccc;}
.follow-WeChat-box .fwcb-cont h3 { line-height: 36px; font-size: 16px;}
.follow-WeChat-box .fwcb-cont .fwcb-txt { text-align: left; width: 210px; margin: auto; font-size: 14px;}
.follow-WeChat-box .fwcb-cont p { line-height: 26px;}

.img-parent-ctrl-center { display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.img-icon-show { position: absolute; top: 0; z-index: 40;}
.img-icon-show-left { left: 0;}
.img-icon-show-right { right: 5px;}
.img-icon-show > div { width: 0.586667rem; height: 1.026667rem;}
.img-icon-share { background: url(../img/base/proImg-icon-share-big2.png) no-repeat; background-size: cover; -webkit-background-size: cover; margin-right: 5px;}
.img-icon-kuajinggou { background: url(../img/base/proImg-icon-kjg-big.png) no-repeat; background-size: cover; -webkit-background-size: cover;}

.img-icon-show .img-icon-differ {
    background: url(../img/base/bank/lnsc-icon201771-2.png) no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    width: 0.8rem;
    height: 0.8rem;
}
/* 页面顶部状态条，含返回按钮，主页 */
.page-status-bar { min-height: 43px; line-height: 43px; position: fixed; top: 0; left: 0; width: 100%; text-align: center; font-size: 16px; z-index: 200; overflow: hidden; background-color: #f7f8f7;}
/*.page-status-bar h3 { width: 76%; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: absolute; left: 12%; top: 0; height: 44px; font-weight: normal;}*/
.page-status-bar span, .page-status-bar a { position: absolute; left: 0; top: 0; height: 43px; padding-left: 8px; text-align: left; width: 30px;}
.page-status-bar span .iconfont, .page-status-bar a .iconfont { color: #333; font-size: 20px;}
.mtop-44{
    margin-top: 44px;
}
.floatTel {
     position: fixed;
    
    width: 11%;
    background:url(../img/tel.png) no-repeat 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    right: 10px;
    bottom: 60px;
    border: none !important;
    padding: 0 !important;
    z-index: 999;
}
.floatTel:after {
    display: inline-block;
    content : " ";
    padding-top: 100%;
}


#footInfo { font-size: 12px; background: #fff;}
#footInfo .foot-info {float: left; width: 50%; text-align: center; }
#footInfo .foot-info .iconfont { color: #bdbdbd;}
#footInfo .foot-info a { color: #bdbdbd;}
#footInfo .foot-text { line-height: 18px; padding: 6px 8px; text-align: center;}
#footInfo .foot-ewm { text-align: center; padding: 8px 0;}
#footInfo .foot-ewm .foot-ewm-img { margin:auto; width: 124px; height: 124px;}
#footInfo .foot-ewm .foot-ewm-img img { width: 100%; height: 100%;}
#footInfo .foot-ewm .foot-ewm-txt { line-height: 18px; padding: 6px 0;}

#footInfo .copy-right-style1 ul.line { background-color: #ff5031; color: #fff;}
#footInfo .copy-right-style1 .foot-info { height: 36px; line-height: 36px;}
#footInfo .copy-right-style1 .foot-info .iconfont { color: #fff;}
#footInfo .copy-right-style1 .foot-info a { color: #fff;}
/*#footInfo .copy-right-style1 .foot-text { height: 20px; line-height: 20px; }*/

#footInfo .copy-right-style2 { color: #bdbdbd;}
#footInfo .copy-right-style2 .foot-info { height: 40px; line-height: 40px;}
/* #footInfo .copy-right-style2 .foot-text { line-height: 12px; height: 12px;} */
#footInfo .copy-right-style2 .foot-ewm { padding-top: 14px;}
/*#footInfo .copy-right-style2 { border-top: solid 1px #ccc;}
#footInfo .copy-right-style2 .foot-info { height: 20px; line-height: 20px;}
#footInfo .copy-right-style2 .foot-info { width: 100%;}
#footInfo .copy-right-style2 .foot-text { height: 40px; line-height: 40px;}*/

/* 用户注册协议弹框 */
.flex-popup-box {  position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; display: none;}
.flex-popup-outer { width: 100%; height: 100%; background: rgba(0,0,0,.6);
    /* display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center; */
}
.flex-popup-main { width: 92%; height: 90%; padding: 4px; background: rgba(0,0,0,.3); -webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 6px; margin: auto;position: relative;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.flex-popup-inner { width: 100%; height: 100%; background: #fff; border-radius: 4px; position: relative;}
.flex-popup-inner a.clo { width:30px; height: 30px; line-height: 30px; font-size: 30px; font-family: Arial; background: #fff; border-radius: 50%; position: absolute; right: -10px; top: -12px; text-align: center;}
.flex-popup-inner h3 { font-size: 14px; height: 40px; line-height: 40px; border-bottom: 1px solid #ebebeb;}
.flex-popup-inner .flex-popup-txt { margin: 10px; font-size: 12px; line-height: 18px;}
.flex-popup-inner .flex-popup-txt.scroll { overflow-y:scroll;-webkit-overflow-scrolling: touch;}


/**/
#circle-backToPrev-btn, .circle-backToPrev-btn { position: fixed; z-index: 200; /* width: 52px; */  width: 12%;}
#circle-backToPrev-btn.rb, .circle-backToPrev-btn.rb { right: 8px;}
#circle-backToPrev-btn.lb, .circle-backToPrev-btn.lb { left: 8px;}
#circle-backToPrev-btn a, .circle-backToPrev-btn a { width: 100%; display: block; padding: 0!important; background: url(../img/toBack.png) center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
#circle-backToPrev-btn a:after, .circle-backToPrev-btn a:after {content: ''; display: inline-block; padding-top: 100%;}

/*页面底部小导航功能菜单*/
.pageBottom-sm-nav {
    position: fixed;
    right: 10px;
    bottom: 60px;
    width: 12%;
    z-index: 199;
    max-width: 70px;
}
.pageBottom-sm-nav a,.pageBottom-sm-nav .item {
    width: 100%; display: block; margin-bottom: 0;
     background-position: center center; background-repeat: no-repeat; 
     -webkit-background-size: 100% auto; background-size: 100% auto;
 }
.pageBottom-sm-nav a:after, .pageBottom-sm-nav .item:after{
    content: ''; 
    display: inline-block; 
    padding-top: 100%;
}

.pageBottom-sm-nav a.index-backToPrev-btn {background-image: url(../../img/toBack.png);}
.pageBottom-sm-nav .backToPrev-btn {background-image: url(../../img/toBack.png); display: block;}
.pageBottom-sm-nav .recommend-btn {background-image: url(../../img/recommend-icon.png); display: block;}
.pageBottom-sm-nav .makeIntegra-btn {background-image: url(../../img/makeIntegra-icon.png); display: block;}
/*app内置页面默认需要退出app，故正常h5页面是不显示的*/
.pageBottom-sm-nav .hotline-btn {background-image: url(../../img/tel.png);}
.pageBottom-sm-nav .backToTop-btn {background-image: url(../../img/toTop-new.png); display: none;}
.pageBottom-sm-nav .replaceOrder-btn {}


.kefu-tip { position: fixed; top:0; right: 0; left: 0; bottom: 0; z-index: 999999; display: none;}
.kefu-tip-mask {position: absolute; top:0; right: 0; left: 0; bottom: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
.kefu-tip-cont { position: absolute; width: 3.73rem; right: 10px; bottom: 100px; z-index: 1; background-color: rgba(255,255,255,.9); border-radius: 4px;}
.kefu-tip-cont:after { position: absolute; display: block; content: ''; right: 0.4rem; bottom: -11px; width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid rgba(255,255,255,.9);
}
/*.kefu-tip-cont ul { padding: 10px;}*/
.kefu-tip-cont li { height: 1.33rem; line-height: 1.33rem; padding-left: 0.48rem;}
.kefu-tip-cont li:first-child { border-bottom: 1px solid #ccc;}
.kefu-tip-cont li a { display: block; height: 100%; font-size: 0.4rem;}
.kefu-tip-cont li a span { display: inline-block; vertical-align: top; width: 0.8rem; height: 0.8rem; margin-right: 2px; margin-top: -2px;}
.kefu-tip-cont li a img { width: 100%;}


/* 广告相关 */
.page-ad-tip { position: fixed; top:0; right: 0; left: 0; bottom: 0; z-index: 999999; display: none;}
.page-ad-mask {position: absolute; top:0; right: 0; left: 0; bottom: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
.page-ad-cont { width: 100%; height: 100%; display: table;}
.page-ad-cont .area {width: 100%; height: 100%; display: table-cell; vertical-align: middle;
    /* display: flex; display: -webkit-flex;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center; */}

.page-ad-close { position: absolute; right: 0; top: -42px; width: 32px; height: 32px; border-radius: 100%; color: #fff; text-align: center; overflow: hidden; font: normal 32px/32px Arial;background-color: rgba(0,0,0,.5);}
.page-ad-cont .inner { width: 320px; margin: auto; position: relative; z-index: 1;}
.page-ad-cont .inner img { width: 100%;}
.page-ad-cont .inner a { display:block;}

.page-ad-tip-jiaobiao {position: fixed; display: none;
    right: 10px;
    width: 12%;
    z-index: 999;
    max-width: 70px;
}
.page-ad-tip-jiaobiao a {width: 100%; display: block; margin-bottom: 0;
     background-position: center center; background-repeat: no-repeat; 
     -webkit-background-size: 100% auto; background-size: 100% auto;
    }
.page-ad-tip-jiaobiao a:after {
    content: ''; 
    display: inline-block; 
    padding-top: 100%;
}

/* 可能喜欢 */
.childPage-hot-product { margin-top: 0;padding: 0;}
.childPage-hot-tit { padding: 15px 0; margin:0 10px; line-height: 28px; font-size: 14px;}
.childPage-hot-tit .childPage-hot-cont { height: 28px; position: relative;}
.childPage-hot-tit .childPage-hot-cont:before { content: ''; position: absolute; left: 0; top: 15px; border-bottom: 1px solid #999; width: 100%;}
.childPage-hot-tit .childPage-hot-cont p { display: inline-block; height: 28px; vertical-align: middle; padding: 0 10px; background: #f4f5f7; position: relative; z-index: 100; color: #666; z-index: 1;}
.childPage-hot-list { padding: 0 10px;}
.childPage-hot-list li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: left; width: 50%; padding: 10px; background: #fff; font-size: 14px;}
.childPage-hot-list .li-img { width: 100%; height: 12em; overflow: hidden;}
.childPage-hot-list .li-img img { width: 100%;}
.childPage-hot-list .li-name { margin: 10px 0 6px;}
.childPage-hot-list li .price { font-size: 13px;overflow: hidden; width: 100%;
    text-overflow:ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient:vertical;}


/* 最底部写适应iphone5,4的样式 */
@media screen and (max-width: 321px){
    .follow-WeChat-box .fwcb-top { padding-top: 50px;}
    #footInfo .foot-text { letter-spacing: -1px;}

    .page-ad-cont .inner { width: 300px;}
    .page-ad-close {top: -34px; width: 26px; height: 26px; font: normal 26px/26px Arial;}

    #circle-backToPrev-btn, .circle-backToPrev-btn { width: 42px;}

}
/****lwg add******/
.videoInfo-box{
    width: 100%;
    height: 100%;
}
.videoInfo-box .video-box{
    width: 100%;
    height: 100%;
}
.videoInfo-box .video-box .play-btn{
    bottom: 10%;
}
.video-box{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.video-box video{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.product-detail-video{
    margin-bottom : 10px;
    height: 9.4rem;
}
.video-box .play-btn{
    position: absolute;
    z-index: 2;
    width: 2.2rem;
    height: 1rem;
    left: 50%;
    bottom: 6%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.video-box .play-btn span{
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #B2B2B2 url("../../img/video-play.png") no-repeat;
    background-size: 100%;
    border-radius: 50%;
}
.video-box .play-btn i{
    display: block;
    width: 100%;
    height: 0.8rem;
    margin-top: 0.11rem;
    margin-left: 0.1rem;
    background-color: #B2B2B2;
    border-radius: 0.4rem;
    color: #fff;
    text-align: right;
    padding-right: 0.2rem;
    line-height: 0.8rem;
    font-size: 0.38rem;
}

video::-internal-media-controls-download-button{
    display:none;
}
 video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
     width: calc(100% + 30px);
}
/* 加载框 */
.loading-box{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
}
.loading2 {
    width: 2rem;
    height: 2.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
    .loading2 .loading-bg {
        width: 1.33333rem;
        height: 1.33333rem;
      border: 2px solid #fff;
      border-left-color: transparent;
      border-radius: 50%; 
      margin: 0 auto;
    }
    .loading2 .loading-text {
      margin-top: 6px;
      width: 100%;
      color: #fff;
      font-size: 12px;
      text-align: center; 
    }
    .scroll-page-foot{
        text-align: center;
        font-size: 14px;
        padding: 4px 0;
        color: #555;
    }
    .scroll-page-foot .page-info{
        padding: 4px 0;
    }
    .page-load-icon{
        width: 12px;
        height: 12px;
        border: 2px solid #666;
        display: inline-block;
        border-left-color: transparent;
        border-radius: 50%;
        margin-right: 8px;
        vertical-align: bottom;
        -webkit-animation: cicle 1s 0s infinite linear none;
        animation: cicle 1s 0s infinite linear none;
    }
    .loading2 .cicle-css3 {
      -webkit-animation: cicle 1s 0s infinite linear none;
      animation: cicle 1s 0s infinite linear none;
     }
     .is-can-send{
         position: fixed;
         width: 100%;
         bottom: 48px;
         text-align: left;
         z-index: 100;
         background-color: #FFFFCC;
         font-size: 12px;
         line-height: 16px;
         padding: 4px;
         color: #FF3300;
     }
     .cart-can-send{
         background-color: #FFFFCC;
         font-size: 12px;
         line-height: 18px;
         color: #FF3300;
         padding: 6px 20px;
     }
  @-webkit-keyframes cicle {
    0% {
      -webkit-transform: rotate(0deg); }
    50% {
      -webkit-transform: rotate(-180deg); }
    100% {
      -webkit-transform: rotate(-360deg); } }
  
  @keyframes cicle {
    0% {
      transform: rotate(0deg); }
    50% {
      transform: rotate(-180deg); }
    100% {
      transform: rotate(-360deg); } 
    }

    .position_left_center{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .hasShowSellOut{
        position: absolute;
        left: 0; 
        top: 0;
        width: 100%;
        height: 100%; 
        text-align: center;
        z-index: 41;
        background: rgba(204,204,204,.6) url(../img/base/hasShowSellOut.png) center no-repeat;
        background-size: 60%;
    }
    .new-hasShowSellOut{
        position: absolute;
        left: 0; 
        top: 0;
        width: 100%;
        height: 100%; 
        text-align: center;
        z-index: 39;
        background-color: rgba(204,204,204,0.7);
    }
    .new-hasShowSellOut i{
        position: absolute;
        width: 2.2rem;
        height: 2.2rem;
        left: 50%;
        top: 50%;
        border-radius: 100%;
        text-align: center;
        line-height: 2.2rem;
        font-size: 0.46rem;
        color: #000;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        background-color: #fff;
    }
    
    #menu_user h4{
          position: relative;
    }
    #menu_user h4 i {
        background-color: #ff5031;
        color: #ffffff;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        top: 12%;
        left: 62%;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0;
    }
    .flex-box-left-start{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .flex-item-1{
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 0;
    }
    .flex-x-align-center{
        -webkit-box-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .flex-y-align-center{
        -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .common-img-box{
        width: 100%;
        overflow: hidden;
    }
    .common-img-box img{
        width: 100%;
    }
    .common-product-list ul,.common-flex-box{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap:wrap;
        -webkit-box-lines:multiple;
        -moz-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .common-product-list li{
        position: relative;
        margin: 0;
        width: 50%;
        -webkit-box-sizing:border-box; 
        box-sizing:border-box; 
    }
    .common-product-list .img-box{
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .common-product-list .pro-name{
        font-size: 0.36rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        text-overflow: ellipsis;
        line-height: 0.5rem;
        height: 1rem;
        max-height: 1rem;
        margin-top: 4px;
    }
    .common-product-list .pro-name-oneline{
        font-size: 0.36rem;
        height: 0.5rem;
        line-height: 0.5rem;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        margin-top: 4px;
    }
    .common-product-list .recommend-reason{
        font-size: 0.3rem;
        color: #868789;
        height: 0.4rem;
        line-height: 0.4rem;
    }
    .common-product-list .price{
        width: 100%;
        margin-top: 2px;
        height: 0.6rem;
        overflow: hidden;
    }
    .common-product-list .price span{
        display: inline-block;
        font-size: 0.41rem;
        line-height: 0.6rem;
        height: 0.6rem;
        max-width: 100%;
    }
    .common-product-list .price del{
        display: inline-block;
        font-size: 0.36rem;
        color: #999;
        line-height: 0.6rem;
        height: 0.6rem;
        max-width: 100%;
    }
    .hot-product-list li{
        padding: 0.3rem;
        background-color: #ffffff;
    }
    .hot-product-list .img-box{
        height: 4.4rem;
    }
    .hot-product-list li:nth-child(odd)::before{
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        height: 100%;
        border-right: 1px solid #e4e4e4;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .hot-product-list li::after{
        content: '';
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .border-bottom::after{
        content: '';
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #cccccc;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .app-share-box{
        width: 1.06rem;
        height: 1.06rem;
        border-radius: 50%;
        position: fixed;
        top: 0.3rem;
        right: 0.2rem;
        background: url(../../img/appShareIcon.png) no-repeat;
        background-size: 100%;
        z-index: 99;
    }

    .tag-box{
        width:100%;
        overflow:hidden;
        height: 0.4rem;
        -webkit-box-sizing:border-box; 
        box-sizing:border-box;
    }
    .tag-box img{
        height: 0.3rem;
        margin-right: 0.1rem;
        margin-top: 0.1rem;
    }
    .tag-box .text-label{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; 
        box-sizing: border-box;
        border-radius: 0.08rem;
        border: 1px solid #FF5031;
        color: #FF5031;
        height: 0.29rem;
        line-height: 0.28rem;
        padding: 0 0.06rem;
        font-size: 0.24rem;
        margin-right: 0.1rem;
        margin-top: 0.1rem;
        max-width: 100%;
        display: block;
        overflow: hidden; 
        text-overflow:ellipsis;
         white-space: nowrap;
    }
    .top-nav-bar{
        height: 43px;
    }

    /* .circle-back-btn{
        width: 1.06rem !important;
        height: 1.06rem !important;
        color: #fff;
        top: 0.32rem;
        left:0.26rem;
        position: fixed;
        z-index: 101;
        display: inline-block;
        overflow: hidden; 
        background: url("../img/toBackNew.png") no-repeat;
        background-size: 1.06rem 1.06rem;
    } */

    .circle-back-btn{
        width: 1.06rem !important;
        height: 1.06rem !important;
        color: #fff;
        top: 0.32rem;
        left:0.26rem;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        z-index: 101;
        border-radius: 0.53rem;
        font-size: 0.36rem;
        overflow: hidden; 
    }
    .circle-back-btn i{
        font-size: 0.26rem;
        display: inline-block;
        width: 0.3rem;
        color: #fff;
        position: absolute;
        left: 0.01rem;
        top: 0.4rem;
    }
    .circle-back-btn em{
        font-size: 0.28rem;
        display: inline-block;
        width: 0.68rem;
        position: absolute;
        left: 0.3rem;
        top: 0.18rem;
    }

    .circle-recommend-btn{
        width: 1.06rem !important;
        height: 1.06rem !important;
        color: #fff;
        top: 0.32rem;
        right:0.26rem;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        z-index: 101;
        border-radius: 0.53rem;
        font-size: 0.36rem;
        overflow: hidden;
    }
    .circle-recommend-btn em {
        font-size: 0.28rem;
        display: inline-block;
        width: 0.68rem;
        position: absolute;
        left: 0.24rem;
        top: 0.18rem;
    }
    .circle-recommend-btn i{
        font-size: 0.6rem;
        display: inline-block;
        color: #fff;
        position: absolute;
        left: 0.23rem;
        top: 0.18rem;
    }
    .has-back-btn{
        padding-left: 8%;
    }
    .new-back-btn{
        position: absolute;
        left: 0;
        top: 0;
        height: 0.8rem;
        width: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.5rem;
        font-weight: bold;
        color: #333;
    }
    .analyse-address{
        font-size: 12px;
    }
    .analyse-address p{
        text-align: right;
        padding: 8px 0 18px 0;
    }
    .analyse-address .left-btn,.analyse-address .right-btn{
        font-size: 14px;
        width: 80px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        line-height: 30px;
        border-radius: 15px;
        margin-left: 10px;
        background-color: #fff;
    }
    .analyse-address .right-btn{
        background-color: #169BD5;
        color: #fff;
    }
    .analyse-address textarea{
        background-color: #F2F2F2;
        color: #333;
        width: 100%;
        height: 80px;
        font-size: 12px;
        line-height: 18px;
        padding: 6px;
        margin-top: 10px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; 
        box-sizing: border-box;
    }
    #lzCircleBackBtn{
        background-color: rgba(255,102,0,0.9);
        z-index: 9999;
    }

    .back_mini_Program{
        position: fixed;
        top: 8px;
        z-index: 9999999;
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        color: #333 !important;
        text-align: center;
        border-radius: 50%;
    }
    .lzyhjf-back-btn{
        padding-left: 12%;
    }
    .ban_return{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #fff;
        height: 100%;
        z-index: 999999;
        text-align: center;
    }
    .ban_return img{
        width: 70%;
    }
    .ban_return p{
        font-size: 0.44rem;
        padding: 0.1rem;
    }
    .ban_return a{
        display: inline-block;
        width: 2.6rem;
        height: 0.9rem;
        color: #FF5031;
        border: 1px solid #FF5031;
        font-size: 0.42rem;
        line-height: 0.9rem;
        margin: 0.4rem 0.3rem;
        border-radius: 0.16rem;
        
    }
    .new_msg_cover{
        width: 100%;
        height: 46px;
        line-height: 46px;
        text-align: center;
        color: #fff;
        top: 0;
        right: 0;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        z-index: 10000000;
        font-size: 14px;
        overflow: hidden;
    }
    .msg_animation{
        animation: moveMsg 1s ease 1;
        -webkit-animation: moveMsg 1s ease 1;
    }
    .msg_animation_B{
        animation: moveMsgB 1s ease 1;
        -webkit-animation: moveMsgB 1s ease 1;
    }
    .new_alert_box{
        width: 7.78rem;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 1001;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        display: none;
    }
    .new_alert_box .result_box {
        position: relative;
    }
    .new_alert_box .reminder-prize {
        padding-bottom: 0.7rem;
        background-color: #fff;
        border-radius: 0.34rem;
    }
    .new_alert_box .reminder-prize .reminder {
        width: 6.2rem;
        left: 0.8rem;
        top: 5rem;
        position: absolute;
        color: #000;
        font-size: 0.38rem;
        line-height: 0.6rem;
        text-align: center;
    }
    .new_alert_box .two-btn, .new_alert_box .one-btn {
        width: 90%;
        margin: 0 auto;
    }
    .new_alert_box .two-btn .red-btn {
        width: 3rem;
    }
    .new_alert_box .red-btn {
        width: 5rem;
        height: 1.066rem;
        color: #fff;
        font-size: 0.48rem;
        line-height: 1.066rem;
        text-align: center;
        border-radius: 0.533rem;
        display: block;
        margin: 0 auto;
        background: -moz-linear-gradient(left, #fc964e 0%, #ff5335 100%);
        background: -webkit-linear-gradient(left, #fc964e 0%,#ff5335 100%);
        background: -o-linear-gradient(left, #fc964e 0%,#ff5335 100%);
        background: -ms-linear-gradient(left, #fc964e 0%,#ff5335 100%);
        background: linear-gradient(to right, #fc964e 0%,#ff5335 100%);
    }
    .new_alert_box .two-btn .pink-btn {
        width: 3rem;
        height: 1.066rem;
        color: #fff;
        font-size: 0.48rem;
        line-height: 1.066rem;
        text-align: center;
        border-radius: 0.533rem;
        display: block;
        border: 1px solid #fe703f;
        color: #fe703f;
        background-color: #fff;
        margin: 0 auto;
    }
    .bottom_line,.top_line{
        position: relative;
    }
    .bottom_line::after{
        content: '';
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #f3f3f3;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .top_line::after{
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #ddd;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .recommend_pro_title{
        color: #fd5134;
        font-size: 0.48rem;
        text-align: center;
        padding: 0.1rem 0 0.4rem 0;
    }
    .recommend_pro_title span{
        padding: 0 0.6rem;
        font-weight: bold;
    }
    .recommend_pro_title i{
        display: inline-block;
        width: 0.06rem;
        height: 0.4rem;
        border-radius: 0.03rem;
        background-color: #fd5134;
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        margin: 0 0.08rem;
    }
    .recommend_pro_title i.left{
        background-color: #f8a89c;
    }
    .recommend_pro_list{
        padding-right: 0.26rem;
    }
    .recommend_pro_list li{
        width: 50%;
        box-sizing: border-box;
        margin-top: 0.26rem;
        padding-left: 0.26rem;
    }
    .recommend_pro_list .product_box {
        background-color: #fff;
        border-radius: 0.14rem;
        padding: 0.18rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .recommend_pro_list .img_box{
        width: 100%;
        height: 4.25rem;
        overflow: hidden;
    }
    .recommend_pro_list .img_box img{
        width: 100%;
    }
    .recommend_pro_list h4{
        height: 1rem;
        font-size: .375rem;
        line-height: .5rem;
        color: #3c3c3c;
        text-overflow: ellipsis;
        display: -webkit-box;
        box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        margin: 2px 0;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }
    .recommend_pro_list .price {
        padding-top: 0.14rem;
        padding-bottom: 0.05rem;
        font-size: .375rem;
        text-align: left;
    }
    .recommend_pro_list .price span{
        line-height: .5rem;
        height: 0.5rem;
    }
    .recommend_pro_list .price em {
        font-size: .26rem;
    }
    .recommend_pro_list .recommend-reason{
        padding-top: 0.03rem;
    }
    @keyframes moveMsg {
        0% {
            top: -50px; 
        }
        100% {
            top: 0px;
        } 
    }
      @-webkit-keyframes moveMsg {
        0% {
            top: -50px; 
        }
        100% {
            top: 0px;
        } 
    }
    @keyframes moveMsgB {
        0% {
            top: 0px; 
        }
        100% {
            top: -50px;
        } 
    }
      @-webkit-keyframes moveMsgB {
        0% {
            top: 0px; 
        }
        100% {
            top: -50px;
        } 
    }
    @media screen and (min-width: 750px){
        .fixed_center{
            max-width: 750px;
            left: 50% !important; 
            transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
            -webkit-transform: translate(-50%,0);
            -o-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
        }
        .page-status-bar-max{
            width:100%;
            max-width: 750px;
            left: 50%; 
            transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
            -webkit-transform: translate(-50%,0);
            -o-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
        }
    }
    .slider_code_box{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 999999;
    }
    .slider_code_box .alert_box{
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        width: 278px;
        border-radius: 0.2133rem;
    }
    .slider_code_box .close_btn{
        position: absolute;
        right: 0.26667rem;
        top: 0.13333rem;
        cursor: pointer;
        background: url(../../img/base/icon_close.png) no-repeat;
        width: 0.8rem;
        height: 0.8rem;
        background-size: 100% 100%;
    }
    .slider_code_box .title {
        font-weight: bold;
        font-size: 0.48rem;
        text-align: center;
        color: #000;
        padding: 0.26667rem;
        line-height: 0.93333rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .slider_code_box .slider {
		background-color: #fff;
		width: 278px;
		height: 285px;
		z-index: 999;
		box-sizing: border-box;
		padding: 9px;
		border-radius: 6px;
		user-select: none;
	}

	.slider_code_box .slider .content {
		width: 100%;
		height: 159px;
		position: relative;
	}

	.slider_code_box .bg-img-div {
		width: 100%;
		height: 100%;
		position: absolute;
		transform: translate(0px, 0px);
	}

	.slider_code_box .slider-img-div {
		height: 100%;
		position: absolute;
		transform: translate(0px, 0px);
	}

	.slider_code_box .bg-img-div img {
		width: 100%;
	}

	.slider_code_box .slider-img-div img {
		height: 100%;
	}

	.slider_code_box .slider .slider-move {
		height: 60px;
		width: 100%;
		margin: 11px 0;
		position: relative;
	}

	.slider_code_box .slider .bottom {
		height: 19px;
		width: 100%;
	}

	.slider_code_box .refresh-btn, .slider_code_box .close-btn, .slider-move-track, .slider-move-btn {
		background: url('../../img/base/slider_code.png') no-repeat;
	}
	.slider_code_box .refresh-btn, .slider_code_box .close-btn {
		display: inline-block;
	}
	.slider_code_box .slider-move .slider-move-track {
		line-height: 38px;
		font-size: 14px;
		text-align: center;
		white-space: nowrap;
		color: #88949d;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
	.slider_code_box .slider-move .slider-move-btn {
		transform: translate(0px, 0px);
		background-position: -5px 11.79625%;
		position: absolute;
		top: -12px;
		left: 0;
		width: 66px;
		height: 66px;
	}
	.slider-move-btn:hover, .slider_code_box .close-btn:hover, .slider_code_box .refresh-btn:hover {
		cursor: pointer
	}
	.slider_code_box .bottom .close-btn {
		width: 20px;
		height: 20px;
		background-position: 0 44.86874%;
	}

	.slider_code_box .bottom .refresh-btn {
		width: 20px;
        height: 20px;
        margin-left: 10px;
		background-position: 0 81.38425%;
	}
	.slider_code_box .tianai-captcha-tips{
		height: 25px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 999;
		font-size: 15px;
		line-height: 25px;
		background-color: #FF5D39;
		color: #fff;
		text-align: center;
		display: none;
	}
    .empty_map_tip{
        text-align: center;
        height: 100%;
        background-color: #f4f5f7;
        padding-top: 20%;
        box-sizing: border-box;
        color: #999;
        line-height: 24px;
        font-size: 14px;
    }
    .tbpd5_8{
        padding-top: 5px;
        padding-bottom: 8px;
    }
    .merchant_name{
        background-color: #fff;
        font-size: 14px;
        color: #000;
        line-height: 20px;
        padding: 6px 10px 2px 10px;
    }
    .merchant_name i{
        font-size: 14px;
        color: #000;
        margin-right: 4px;
    }
    .regular-checkbox {
        border-radius: 100%;
        border: 1px solid #d3d3d3;
        text-align: center;
        margin: 0 4px 0 0;
        width: 1.4em;
        height: 1.4em;
        vertical-align: -.1rem;
        position: relative;
    }
    .regular-checkbox:checked {
        background-color: #f16951;
        border-color: #f16951;
    }
    .regular-checkbox:after {
        position: absolute;
        top: .22em;
        left: .16em;
        content: '';
        width: .8em;
        height: .4em;
        border: 3px solid #fff;
        border-top: none;
        border-right: none;
        background: 0 0;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #remindPop .flex-popup-txt {
        overflow-y: scroll;
        height: 10.9rem;
    }
    #remindPop .flex-popup-main {
        height: 13rem;
    }
    .commonPopup-content .btn .gray_btn{
        border: 1px solid #FF5031;
        color: #fff;
        background: #FF5031;
    }
.public_notice_box{
    position: fixed;
    z-index: 10002;
    bottom: 0;
    left: 50%;
    width: 100%;
    font-size: 0.375rem;
    color: #999;
    box-sizing: border-box;
    padding: 0.5rem 0.4rem 0.5rem 0.4rem;
    background-color: #fff;
    border-radius: 0.3rem 0.3rem 0 0;
    line-height: 0.56rem;
    max-width: 750px;
    height: 13rem;
    max-height: 95%;
    transform: translateX(-50%);
}
.only_agree_btn{
    height: 12rem;
}
.public_notice_box .notice_content{
    overflow-y: scroll;
    height: 9.5rem;
    font-size: 0.375rem;
    line-height: 0.6rem;
    color: #333;
    word-break: break-all;
}
.public_notice_box .notice_check{
    padding: 0.4rem 0;
}
.public_notice_box .notice_check label{
    font-size: 0.42rem;
    color: #333;
}
.public_notice_box h5{
    font-size: 0.48rem;
    color: #161616;
    font-weight: bold;
    padding-bottom: 0.3rem;
    text-align: center;
}
.public_notice_box .btn_box{
    text-align: center;
    font-size: 0.45rem;
}
.only_agree_btn .btn_box{
    margin-top: 0.4rem;
}
.public_notice_box .cancel{
    background-color: #f3f3f3;
    color: #000;
    border-radius: 0.1rem;
    padding: 0.3rem 0;
    margin: 0 0.1rem;
    width: 3rem;
}
.public_notice_box .confirm{
    background-color: #07c160;
    color: #fff;
    border-radius: 0.1rem;
    padding: 0.3rem 0;
    margin: 0 0.15rem;
    width: 3rem;
}
    /* @media only screen and (max-width: 414px) and (min-height: 810px) and (-webkit-device-pixel-ratio: 2){
        @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)){
            .page-status-bar{
                top:40px;
            }
        }
    }
    @media only screen and (max-width: 414px) and (min-height: 810px) and (-webkit-device-pixel-ratio: 3){
        @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)){
            .page-status-bar{
                top:40px;
            }
        }
    } */