/*body{font-size:1em;font-family: PingFangSC-Regular,'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;color: #6d6d6d;}*/
body{font-size:1em;font-family: PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif, "Microsoft YaHei";color: #6d6d6d;}
body, input, textarea, select, button, table{line-height: 1.25em;}
body{max-width: 640px;margin: 0 auto;}
a{text-decoration: none;}
/*iconfont 图标库样式*/
.iconfonts{font-family: FontAwesome;}
.wrap_nav{    display: none;
    position: absolute;
    top: 1.5rem;
    right: 0.2rem;
    width: 5rem;
    z-index: 99999;}
.arrow{
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-right: 0.6rem;
    font-size: 0;
    line-height: 0;
    border-width: 0.4rem;
    border-color: transparent transparent rgba(85,85,85,0.95) transparent;
    border-style: dashed dashed solid dashed;
}
.h22{height: 22px;}
.h25{height:25px;}
.h40{height: 40px;}
.h100{height: 100px;}
.wp100{width: 100%;}
.fleft{float: left;}
.fright{float: right;}
.hide{display: none;}
.m10{margin:10px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.pdb10{padding-bottom: 10px;}
.pd6{padding-bottom: 6px;}
.clr-999{color: #999;}
.clr-d94{color:#F4133D;}
.clr-green{color: #6cb248;}
.clr-c07{color: #C07A07;}

.bg-virtual {background: rgb(53, 152, 220);}
.bg-presell {background: rgb(26, 188, 157);}
.bg-fcode {background: rgb(156, 89, 184);}

.bg-yf8{background: #F28044;}
.bg-blue{background: #1CA2E1;}
.opera-tips{color:#F4133D;font-size:14px;}
.error-tips{color:red;display:none;padding:5px 10px;}
.error-tips p{padding:2px 0px;}

.input-30,.input-40{vertical-align: middle;font-size: 14px;-webkit-appearance:none;text-indent: 10px;width:100%;border:1px solid #9f9f9f;}
.input-30{height: 30px;line-height: 30px\9;}
.input-40{height: 40px;line-height: 40px\9;}
.select-30{width:100%;border:1px solid #9f9f9f;}
.select-30{height: 30px;}
.normal-textarea,.n-input{border:1px solid #9f9f9f;}

.btn-prink,.btn-white,.btn,.btn-s{cursor: pointer;text-align: center;background-color: #fff;display: inline-block;}
.btn{color: #666;padding: .2em 1.2em;font-size:0.52rem;}
.btn-s{padding: 3px 10px;font-size: 14px;}
.btn-login{background-color: #F4133D;color: #fff;}
.btn-prink,.btn-white{border:1px solid;width: 100%;padding: .5em 0em;}
.btn-prink,.btn-prink-s{border-color:#F4133D;background:#F4133D;color: #fff;}
.btn-yello-s{color:#6d6d6d;background:#FAA732;border:1px solid #BB7D25;}
.btn-white{border-color: #ccc;background: #fff;color: #6d6d6d;}
.bd-l-gray{border-left:1px solid #ddd;}
.bd-r-de{border-right: 1px solid #dedede;}
.bd-t-de{border-top: 1px solid #dedede;}
.bd-t-cc{border-top: 1px solid #ccc;}
.bd-b-cc{border-bottom: 1px solid #ccc;}
.bd-tdashed-dd{border-top: 1px dashed #ddd;}
.header-back span,.i-main-opera span,.main-op-warp .quarter span,
.search-btn,.gotop-icon,.grayrightarrow,.home-nav a span,.graydownarrow,.grayuparrow,.whitedownarrow,
.product-filter .f-icon,.pd-choice-icon,.i-go-right,.s-chk1,.i-del,.i-address,.i-add,.i-minus{display: inline-block;background: url(../images/category.png) no-repeat;}

.i-del{width: 1.5rem;height: 1.5rem;background-position: 0px -732px;}
.i-address{width: 15px;height: 20px;background-position:-49px -261px;vertical-align: middle;}
.i-add,.i-minus{width:15px;height:15px;vertical-align: middle;}
.i-add{background-position: -48px -738px;}
.i-minus{background-position: -74px -738px;}

.im-order,.im-quan,.im-collect,.im-address,.im-history{display: inline-block;background: url(../images/icon-2.png) no-repeat;vertical-align: middle;}
.im-order,.im-quan,.im-collect,.im-address,.im-history{width: 38px;height: 38px;}
.im-order{background-position: 0px 0px;}
.im-quan{background-position: 0px -36px;}
.im-collect{background-position: 0px -74px;}
.im-address{background-position: 0px -111px;}
.im-history{background-position:0px -149px;}

.pd-choice-icon{width: 13px;height: 13px;background-position: -88px -654px;}
.i-go-right{width: 23px;height: 25px;background-position:0px -662px;}

.s-chk1{width: 24px;height: 23px;background-size: 60px auto;background-position:-36px -415px;}
.s-chk1.on{background-position:2px -415px;}
/*arrow*/
.grayrightarrow,.graydownarrow,.grayuparrow,.whitedownarrow{background-size:60px auto;}
.graydownarrow,.grayuparrow,.whitedownarrow{height: 10px;width: 20px;}
.grayrightarrow{width: 10px;height: 20px;background-position:-50px -154px;}
.graydownarrow{background-position:-43px -229px;}
.grayuparrow{background-position:-25px -231px;}

.whitedownarrow{background-position:-7px -230px;}

/*serach-btn*/
.search-btn{position: absolute;top: -1px;right: 0px;height: 25px;width: 25px;background: url("../images/3.png")no-repeat;background-size: 75%}
/*pagination*/
.pagination{text-align: center;}
.pagination a{color: #6e6e6e;}
.pagination a.disabled{color:#ccc;}
.pre-page,.page-warp,.next-page,.pagew-size{border: 1px solid #ccc;cursor: pointer;padding: 5px 10px;background: #fff;}
.pre-page,.page-warp,.next-page{display: inline-block;}
.page-warp{width: 80px;position: relative;text-align: center;z-index: 10;}
.pagew-size{position: absolute;width: 80px;z-index: 10;left: -1px;bottom: 30px;display: none;}
.pagew-size li{border-bottom: 1px dashed #ddd;padding: 4px 0px;}
.pagew-size li a{display:block;}

.product-status{color: #fff;display: inline-block;padding:1px 3px;}
.evaluation_good_swp,.evaluation_good_star{display: inline-block;}
.evaluation_good_star{width: 20px;height: 20px;background:url(../images/star.png) no-repeat;}

.evaluation-star {width: 28px;height: 28px;background:url(../images/star_metro_orang.png) no-repeat;}
.evaluation-star-gray {width: 28px;height: 28px;background:url(../images/star_metro_orang2.png) no-repeat;}

/*footer*/
.footer-top{position:relative;background:#B9B9B9;height: 44px;padding: 0 55px;margin: 10px 0px;}
.footer-tleft,.gotop{position: absolute;}
.footer-tleft{left: 5px;top: 6px;}
.gotop{right: 0px;height:44px;top: 0px;width: 50px;display: inline-block;text-align: center;}
.gotop-icon{width: 15px;height: 15px;background-position: -86px -211px;margin-top:6px;}
.gotop p{color: #fff;font-size: 12px;margin: 0px;padding: 0px;line-height: 16px;}
.footer-content p{text-align: center;color: #6d6d6d;line-height: 22px;font-size: 12px; }
.footer-content .link a{display: inline-block;color: #6d6d6d;font-size: 16px;}
.footer-content .link a.standard{border-right: 1px solid #6d6d6d;padding-right: 10px;margin-right: 5px;}

/*simple-dialog*/
.s-dialog-mask{position:absolute;left:0px;top:0px;background-color:rgb(20, 20, 20);filter:alpha(opacity=60);opacity: 0.6;width:100%;z-index:9998;}
.s-dialog-wrapper{color:#000;font-size:14px;position: fixed;z-index: 9999;-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1);    max-width: 12rem;
    min-width: 10rem;    margin-top: -2rem;
    border-radius: 0.5rem;}
.s-dialog-btn-wapper a:last-child {
    border-left: solid 0.05rem rgba(0,0,0,0.15);
}
.s-dialog-skin-green{background-color: #6cb248;border:1px solid #397908;}
.s-dialog-skin-block{background-color: #fff;border: solid 0.05rem #eee;}
.s-dialog-skin-red{background-color: #fff;border:1px solid #eee;}
.s-dialog-content{padding: 1rem 0;text-align: center;}
.s-dialog-btn-wapper{    display: block;
    /*padding: 0.5rem 0 0.1rem 0;*/
    height: 1.7rem;
    line-height: 1.7rem;
    border-top: solid 0.05rem rgba(0,0,0,0.15);
    font-size: 0;
    flex-wrap: wrap;
    display: box !important;              /* OLD - Android 4.4- */
    display: -webkit-box !important;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box !important;        /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox !important;      /* TWEENER - IE 10 */
    display: -webkit-flex !important;    /* NEW - Chrome */
    display: flex !important;            /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;

}
.s-dialog-btn-wapper a{    display: inline-block;
    font-size: 0.6rem;
    display: block;
    max-width: 100%;
    width: 0;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;        /* OLD - Firefox 19- */
    width: 20%;            /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    line-height: 1.7rem;
    color: #000000;
    text-align: center;}

.no-record{border:1px solid #ccc;padding: 10px;text-align: center;}
/*bottom nav   370397015*/
.tab-line { border-bottom: 3px solid #ccc; color: #666; height: 2.2rem; line-height: 2.2rem; position: relative; text-align: center; z-index: 3; }
.tab-line .tab-line-item { cursor: pointer; float: left; }
.tab-line .active { border-bottom: 3px solid #f97178; margin-bottom: -3px; }
.tab-line .active .fa-arrow-down { color: #d9434e; }
.tab-line .active .fa-arrow-up { color: #d9434e; }
.tab-line .active.asc .fa-sort-asc { color: #d9434e; }
.tab-line .active.desc .fa-sort-desc { color: #d9434e; }
#bottom .nav { min-width: 320px;max-width: 640px;background: #fff; border-bottom: 0 none; bottom: 0;  color: #fff; position: fixed; width: 100%; z-index: 1000; box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);
    /* -webkit-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); */
    -moz-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);}
#bottom .nav a { color:#5C5C5C;
    display: block;
    line-height: .7rem;
    font-size: .54rem;
    height: 1.6rem;
    padding-top: 0.3rem;}
#bottom .nav a.sle {color:#FC3357;}
#bottom .nav a.sle i{color: #ff5181; background-size:24px 24px;display: block;width: 24px;height: 24px;}
#bottom .nav a.sle i.icoTabA{
    display: block;width:1.04rem;height:1.04rem;
    background:url(../images/sld_icon1.1@2x.png)no-repeat;
    background-size:1.04rem 1.04rem!important;
}
#bottom .nav a.sle i.icoTaba{
    display: block;width:1.04rem;height:1.04rem;
    background:url(../images/sld_icon1@2x.png)no-repeat;
    background-size:1.04rem 1.04rem!important;
}
i.icoTabB{
    display: block;width:1.04rem;height:1.04rem;
    background:url(../images/sld_icon2@2x.png)no-repeat;
    background-size:1.04rem 1.04rem!important;
}
i.icoTabb{
    display: block;width:1.04rem;height:1.04rem;
    background:url(../images/sld_icon2.1@2x.png)no-repeat;
    background-size:1.04rem 1.04rem!important;
}
i.icoTabC{
    display: block;width:0.86rem;height:1.04rem;
    background:url(../images/sld_icon3@2x.png)no-repeat;
    background-size:0.86rem 1.04rem!important;
}
i.icoTabc{
    display: block;width:0.86rem;height:1.04rem;
    background:url(../images/sld_icon3.1@2x.png)no-repeat;
    background-size:0.86rem 1.04rem!important;
}
i.icoTabD{
    display: block;width:1.04rem;height:1.04rem;
    background:url(../images/sld_icon4.1@2x.png)no-repeat;
    background-size:1.04rem 1.04rem!important;
}
i.icoTabd{
    display: block;width:1.04rem;height:1.04rem;
    background:url(../images/sld_icon4@2x.png)no-repeat;
    background-size:1.04rem 1.04rem!important;
}


#bottom .nav .tab-line-item i {
    font-size: 24px;
    margin-top:-2px;
}
#nav-tab {height: 2.1rem; position: fixed; width: 100%; z-index: 1000; margin: 0 auto;bottom: 0;    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    left: 0;
    right: 0;}
#nav-tab-btn { cursor:pointer; background: #d9434e; border-radius: 8px 8px 0 0; box-shadow: 0 -2px 3px #ccc; color: #fff; font-size: 18px; height: 37px; line-height: 40px; margin: 0 auto; position: relative; text-align: center; width: 45px; }
@font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot'); src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),  url('font/fontawesome-webfont.woff') format('woff'),  url('font/fontawesome-webfont.ttf') format('truetype'),  url('font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),  url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }
.wap_footer_img{    width: 1rem;
    height: 1rem;
    display: inline-block;
    line-height: 1rem;}
.wap_footer_img img{width: 100%;height: 100%;}
/*登录页样式*/
.login_full_bg{width: 100%}
.login_full_bg img{width: 100%;height: 100%}
.bbctouch-sel-list a.del-invoice {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    display: block;
    width: 0.8rem;
    height: 0.9rem;
    background-image: url(../images/del_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
}

/*门店列表*/
/*店铺列表*/
.f_l{ float: left;}
.f_r{ float: right;}
.dian_list{ background: #f6f6f6; padding-bottom: 50px;}
.dian_list li{ padding: 12px 10px 12px 10px; background: #fff; height: 70px; margin-top: 5px; position: relative; }
.dian_list li.p_clear { padding-left: 100px;}
.dian_list li img { border: 1px #d9d9d9 solid; border-radius: 3px; width: 70px; height: 70px; position: absolute; left: 12px; top:12px; }
.dian_list li h2{ font-size: 18px; color: #393939; line-height: 22px;}
.dian_list li h3{ font-size: 14px; color: #999; line-height: 34px; padding-left: 18px; background: url('../images/location_l.png') no-repeat left center ; background-size: auto 44%; width: calc(100% - 35px); white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.dian_list li h4{ font-size: 18px; color: #8ec2e3; line-height: 14px; }
.dian_list li h4 a{ color: #7d7d7d; display: inline-block; }
.dian_list li h4 a:before{ display: inline-block; height: 10px; border-left: 1px #d1d1d1 solid; margin: 0 15px; content: ' ';}
.dian_list li h5{ font-size: 13px; color: #666; display: block; width: 12px; height:12px; position: absolute; right: 15px; background: #fff; border-left: 1px #797979 solid; border-top: 1px #797979 solid; transform: rotate(135deg); bottom: 40px; }