@import url("../../css/iconfont.css");
 body { padding: 0; margin: 0;  max-width: 750px; background:#efefef}
 ol,ul,li {padding: 0;  margin: 0; list-style: none}
 h2,h3,h4,h5,ul,li,p,hr {padding: 0;margin: 0;}
 input {outline: none;}
 html{ padding: 0; margin: 0;}
 html,body{ height:100%}
 i{ font-style: normal;}
 /*a:link,a:visited{ color:#a4a4a4;}*/
 .b_color_w{ background:#fff;}
.mui-toast-message{ background:#ccc !important;}

.i_top_search{ border:solid 1px #e7e7e7; height:35px; display:block; width:70%; font-size:1.4rem; margin: 6px auto; border-radius:5px; line-height:35px; color:#acacac !important;}
.am-header-title{ width:100% !important; margin:0 auto !important;}
 
.copyright{text-align:center; font-size:12px; margin-top:20px;}
.header_left_txt{ margin-left:6px;}
                    
.page_main{ background:#f2f2f2; min-height:500px;} 
.am-navbar .am-navbar-nav{ overflow:visible;}
.am-header .am-header-title{ line-height:40px;}
.am-navbar .am-navbar-nav li{ padding-top:8px; position:relative;}  
.cart_num{ position:absolute; top:-5px; right:10px; display: inline-block;
    padding: .15em .4em;
    min-width: 8px;
    border-radius: 18px;
    background-color: #f43530;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;}
.am-navbar .am-navbar-nav li i{ font-size:1.6em;}                          
 .am-slider-default .am-direction-nav .am-prev{ display: none;}
 .am-slider-default .am-direction-nav .am-next{ display: none;}
 .sq-head{ background: #f9f9f9; border-bottom: 1px solid #ddd; overflow: hidden; color: #cb2527; position: fixed; top: 0; z-index: 9999; left: 0; }
 .am-header-default .am-header-nav>a{color: #717171;}
 .am-header-default .am-header-title, .am-header-default .am-header-title a{color: #717171;}
 .sq-head1{ background: #7caa26; position: fixed; top: 0; z-index: 9999; left: 0;}
 .messgae{ margin-top: 8px; background: url(../images/volume.png); width: 35px; height: 28px; background-size: cover;}
 .sq-foot{background: #eee; color: #a4a4a4; border-top: 1px solid #ddd;}
 .messgae span{ width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #fff; color: #7caa26; font-size: 1.2rem; display: block; position: absolute; top: 3px; right: 0;}
 .am-navbar-default .am-navbar-nav{background: #fff;}
 .sq-foot a{color: #a4a4a4;}
.am-header .am-header-nav img{ height: 25px; margin-top: -18px;}
.am-header .am-header-title1 { position: relative;margin: 0 14%;font-size: 2rem;font-weight: 400;
    text-align: center; display: block;word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; color: #fff;
}
.index-search{font-size: 18px; margin-top: 8px; height: 35px; line-height: 30px; display: inline-block; text-align: center; width: 100%; padding: 4px 0; border-radius: 20px; border: 0; color: #fff;}
.search-box{ position: relative; font-size: 1rem; height: 45px; }
.search-icon{ width: 20px; height: 20px; position: absolute; left:10px; top: 17px; border: 0; background: url(../images/search.png); background-size: cover ;}
.h_search{font-size:25px;}
.am-slider-default .am-control-nav{ bottom: 10px; text-align: right; }
.am-slider-default .am-control-nav li a.am-active{  background: #cc6b17;}
.am-slider-default .am-control-nav li a{ background: #fff; border: 1px solid #cc6b17;}
.am-slider-default{ margin: 0;}
.sq-nav{ overflow: hidden; padding: 1rem 0; background:#fff; margin-bottom:5px;}
.sq-nav li{ float: left; width: 25%; text-align: center;}
.sq-nav1{ overflow: hidden; padding: 1rem 0;}
.sq-nav1 li{ float: left; width: 50%; text-align: center;}
.sq-nav1 .am-gallery-item img {width: 30%;display: block;margin: 5px auto;}
.sq-nav .am-gallery-item img {width: 60%; display: block; margin: 5px auto;}
.sq-nav p{color: #676767; font-size: 1.4rem;}
.sq-nav1 p{color: #676767; font-size: 1.4rem;}
.h-line{ background: #efefef; height: 10px;}
.sq-title{ padding: 6px 10px 6px 6px; font-size:16px; color: #000;}
.sq-title .am-icon-volume-up{ font-size: 22px; float: left; margin-right: 10px;}
.am-icon-volume-up:before{color: #cc6b17;}
.cate_name_i{ border-left:solid 3px #F30; height:15px; margin-right:8px; display: inline-block; margin-top:5px; float:left;}
.goods_thumb{padding-bottom: 100%;    background-size: cover;}
.am-gallery{ padding:0px;}
.fnTimeCountDown{ float: left;}
.am-navbar-nav .curr{ color: #cb2527;}
.pro-list .am-gallery-item{ padding:5px;}
.goods_list_title{ padding:8px; text-align:center; width:100%; background:#fff;}
.goods_list{ padding:0; background:#fff; padding:0 !important;}
.pro-list .am-gallery-item img{ border-bottom: 1px solid #e5e5e5;}
.pro-list .am-gallery-item h3{font-size:1.3rem !important; overflow:hidden;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap; overflow:hidden; display:block;
}
.am-gallery-default .am-gallery-title{ padding: 0 5px; margin-top: 5px;    color: #878787;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 18px;}
.pro-list .am-gallery-desc{ color: #ff0000;}
.yule{ overflow: hidden; margin-top: 12px;}
.yule li { margin: 0 10px; border-bottom: 1px solid #ddd; overflow: hidden;  padding: 15px 0;}
.yule li:last-child{ border: 0;}
.whitebar .yule img {
    float: left;
    width: 25%;
    margin-right: 0.625rem;
    height: 9rem;
}
.yule img {
    float: left;
    width: 25%;
    margin-right: 0.625rem;
}
.yule .title {
    margin-top: -5px;
    color: #cc6a17;
    width: 100%;
    height: 30px;
    font-size: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yule .intro {
    color: #757373;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    line-height: 17px;
}
.index-product,.product-bot{ overflow: hidden; border-bottom: 1px solid #DDD; background:#fff;}
.index-pro-lf{ float: left; width: 65%;}
.index-pro-lf img{ width: 100%; border-right: 1px solid #ddd;}
.index-pro-lr{ width: 35%;  float: right;}
.index-pro-lr img{ width: 100%; border-right: 1px solid #ddd;}

.product-bot-lf{ float: left; width:50%;}
.product-bot-lf img{ width: 100%;}
.product-bot-lr{  float: left; width: 50%;}
.product-bot-lr .top{ width: 100%;}
.product-bot-lr .top img{ width: 100%;}
.product-bot-lr .bot{ overflow: hidden;}
.product-bot-lr .bot img{ width:100%;}
.product-bot-lr .bot .bot-lf{ float: left; width: 50%;}
.product-bot-lr .bot .bot-lf img{ width: 100%; border-right: 1px solid #ddd;}
.product-bot-lr .bot .bot-lr{ float: right; width: 50%;}
.product-bot-lr .bot .bot-lr img{ width: 100%;}



/*登录、注册、找回密码*/
.login-logo{ text-align: center;  margin: 3rem 0;}
.login-logo img { width: 240px;}
.login-name{    margin: 0 5%; width: 90%; font-size: 1.4rem; padding: 1rem;border-radius: 5px; border: 1px solid #ddd;}
.login-password {margin: 1.5rem 5%; width: 90%; font-size: 1.4rem;padding: 1rem; border-radius: 5px;border: 1px solid #ddd;}

.yzm{ overflow: hidden; margin: 0 5%; width: 90%; font-size: 1.4rem;}
.reg-yzm{ float: left; width: 40%; border: 1px solid #ddd; border-radius: 5px; padding: 1rem;}
.yzm-hq{ background: #76bb2a; border: 1px solid #76bb2a; color:#fff; padding: 1rem; border-radius: 5px; width: 55%; float: right;}
.agree{margin: 0rem 5%; width: 90%; font-size: 13px; }
.agree a{ color: #cb2527;}
.agree .xy{ color: #cb2527; text-decoration: underline;}
.r-login{ float: right;}
.l-login{ color:red;}
.forget{ float: right; color: #666;}
.line{ border-bottom: 1px solid #c8c7cd; margin:3rem 5%; width: 90%; }
.line-text{ text-align: center; color: #bababa; margin: -4rem auto 0 auto; background: #fff; width: 50%;}
.second-login li{ float: left; width: 33.33%; text-align: center;}
.second-login li a{ width: 50%; display: block; margin: 0 auto;}
.second-login li a img{ width: 100%; height: 100%; }
.second-login{ overflow: hidden; margin: 1rem 0;}
/*购物车*/
.shop-fix{ min-height: 5rem; position: fixed; bottom:0; background: #fff; width: 100%; padding: 0 3%;}
.shop-fix label{ float: left; margin-top: 1.5rem; margin-right: 0.625rem;}
.shop-fix .del{ color: #666; float: left; line-height: 5rem;}
.js-btn{ float: right; border-radius: 5px; background: #cb2527; color: #fff; padding: 3px 12px; margin-top: 14px;}
.js-text{ float:right; padding-right: 10px; margin-top: 5px;}
.js-text b{ font-style: normal; color: #cb2527; font-size: 18px;}
.js-car{ color: #666; font-size: 13px; margin-top: -5px;}
a.js-btn{ color:#fff;}
.shopcart-list{ overflow: hidden; background: #fff; margin-top: 1rem;}
.shopcart-list li{ border-bottom: 1px solid #ddd; padding: 3% 1rem; overflow: hidden; position: relative;}
.shopcart-list label{ float: left; margin-right: 0.2rem; margin-top: 2.5rem;}
.shop-pic{ float: left; width: 25%; width: 6.5rem;height:60px}
.shop-list-mid { float: left; width: 50%; margin-left: 0.625rem;}
.shop-list-mid p{ color: #9c9b9b;}
.shop-list-mid .tit a{ color: #909090; font-size: 1.4rem;  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;}
.shop-list-mid .shop-list-price{color: #cb2527; }
/*.shop-list-price{  position: absolute; color: #7f7979; right: 10px; top: 10px;}*/
.shopcart-list .del{ font-size: 24px; color:#909090; cursor: pointer; position: absolute; right: 10px; bottom: 10px;}
.shop-list-mid .d-stock{ width: 55%; margin-top: 8px;}
.shop-list-mid .d-stock .decrease{border-radius:3px 0px 0 3px; color: #666; float: left; border: 1px solid #dadada; width: 30%; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.shop-list-mid .d-stock .text_box{ float: left; border: 1px solid #dadada; width: 40%; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}
.shop-list-mid .d-stock .increase{border-radius:0px 3px 3px 0; color: #666; float: left; border: 1px solid #dadada; width: 30%; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}

.list-cart .d-stock{ width: 7.5rem; float: right;}
.list-cart .d-stock .decrease{border-radius:50%; display: none; color: #666; float: left; border: 1px solid #dadada; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.list-cart .d-stock .text_box{ display: none; float: left; border:0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; }
.list-cart .d-stock .increase{border-radius:50%; font-size: 1.6rem; background: #cb2527; color: #fff; float: right; /*border: 1px solid #dadada;*/ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}
.list-cart1 .d-stock{ width: 7.5rem; float: right; margin-top: 1rem;}
.list-cart1 .d-stock .decrease{border-radius:50%; color: #666; float: left; border: 1px solid #dadada; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.list-cart1 .d-stock .text_box{ float: left; border:0; width: 2.5rem; height: 2.5rem !important; line-height: 2.5rem !important; padding:0 !important; text-align: center; }
.list-cart1 .d-stock .increase{border-radius:50%; font-size: 1.6rem; background: #cb2527; color: #fff; float: right; /*border: 1px solid #dadada;*/ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; margin-left:-1px;}
.login-logo p{ color: #bababa;}
.goshopping{ background: #f2f2f2; margin: 20px 0; display: inline-block; border: 1px solid #ddd; padding: 5px 15px; border-radius: 5px; color: #858585;}
/*确认订单*/
.add-address{ font-size: 1.8rem;  background: #fff; height: 4rem; line-height: 4rem; text-align: center;}
.add-address a{color: #666;}
.add-address .am-icon-angle-right{ float: right; padding-right:1rem;}
.order-mid{ float: left; width: 70%;    color: #909090; margin-left: 0.625rem;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;}
.order-price{ font-size: 1.6rem; margin-top: 8px; }
.order-price i{ font-style: normal; float: right;}
.order-text{ float: left; line-height: 5rem; font-size: 1.8rem; color: #666;}
.order-text span{ color: #b50b0b;}
.bz-infor{ border: 1px solid #ddd; width: 94%; margin:10px 3%; height: 2.8rem; padding-left: 5px;}
.order-infor{ padding: 1rem 3%; width: 100%; background: #fff;}
.order-infor-first i{ float: right; font-style: normal; /*color: #909090;*/ }
.order-infor-first a{ color: #909090; float: right; }
.order-infor-first{ overflow: hidden; margin-bottom: 5px;}

.address{ margin: 0 5%; width: 90%; overflow: hidden;}
.address span{ float: left; width: 25%; color: #666; text-align: left; font-size: 1.5rem; height: 35px; line-height: 35px;}
.address li{ padding: 0.5rem; margin: 1rem 0; overflow: hidden; border: 1px solid #ddd;}
.address li a{ color: #c6c6c6;}
.add-input{ float: left; width: 65%; background: transparent; border: 0;  height: 35px; line-height: 35px;}
.add-select{float: left; width: 65%;  border:0; height: 35px; display: block;}
.order-tit{ font-weight: normal; padding:0 3%; line-height: 3.5rem; color: #909090; border-bottom: 1px solid #ddd; background: #fff;}
.order-name{padding:1rem 3%; position: relative; background: #fff;}
.order-add{ font-size:1.4rem; color: #909090;}
.order-tele{ color: #424242;}
.order-name .am-icon-angle-right{ position: absolute; right: 1rem; top:35%;}
.order-name a{ display: block;}


.order-detail{ background: #fff; border-bottom: 1px solid #ddd; color: #000; font-size: 1.6rem;}
.order-detail li{ margin:0 5%; border-bottom: 1px solid #ddd; line-height: 4rem;}
.order-detail li span{ color: #666;}
.order-detail li:last-child{ border-bottom: 0;}
.pay-style label{ float: right; margin-top: 1rem;  }
.pay-style{ overflow: hidden; background: #fff;}
.pay-style li{ padding:1rem 5%; border-bottom: 1px solid #ddd; overflow: hidden; position:relative;}
.pay-style li i{ position:absolute; right:5px; top:33%; color:#ccc;}
.pay-style img{ float: left; padding: 3px 10px; margin-top: 0.8rem; background: #f1f1f1; border-radius: 5px; border: 1px solid #ddd;}
.pay-style span{ float: left; margin-left: 2%;}
.pay-style .descript{ color: #7c7c7c; font-size: 1.3rem;}
.pay-style-box{ font-size: 1.8rem; margin: 20px 0 0px 5%;}
.moren{    margin: 0 5%;}

/*商品分类*/
.vilage-list{ margin-top: 60px; background: #fff;}
.cate-search{ position:absolute;  background: #fff; z-index: 10; width: 80%; right: 5%;}
.cate-search1{ border-bottom: 1px solid #e0e0e0; padding: 1rem 0rem; position:fixed; top: 49px;  z-index: 10; width: 100%; text-align: center; background: #efefef;}
.cate-search2{ border-bottom: 1px solid #e0e0e0; padding: 1rem 0rem;   z-index: 10; width: 100%; text-align: center; position: relative;}
.cate-input{ width: 100%;  height: 3rem; border-radius: 15px; border: 1px solid #eee; padding-left: 2rem;}
.cate-input1{ width: 90%;  height: 3rem; border-radius: 5px; border: 1px solid #eee; padding-left: 2rem;}
.cate-btn{ border: 0; background: url(../images/search.png) no-repeat; background-size: contain; width: 2rem; height: 2rem; position: absolute;
right: 1.5rem; top:1.5rem; }
.cate-btn1{ border: 0; background: url(../images/search.png) no-repeat; background-size: contain; width: 2rem; height: 2rem; position: absolute;
right: 2.5rem; top:1.5rem; }
.content-list{border-top: 1px solid #ddd; margin-top: -1px;}
.list-content{ position: relative; overflow: hidden; }
.list-left{ width: 25%; position: fixed; height: 100%; top:40px;  border-right: 1px solid #ddd; background:#fff;}
.list-left li {width: 100%;  font-size: 1.4rem;
    height: 4rem;line-height: 4rem;text-align: center; border-bottom: 1px solid #ddd;overflow: hidden;}
.list-left li a{ color: #666;}
.list-left1{ width: 25%; position: fixed; padding-bottom: 150px; overflow-y: auto; background: #f5f5f5; top: 100px; height: 100%;  border-right: 1px solid #ddd;}
.list-left1 li {width: 100%; padding:15px 0; text-align: center; border-bottom: 1px solid #ddd;overflow: hidden;}
.list-left1 li a{ color: #666;}
.list-left1 li p{ color: #bbb;}
.list-left .current{ border-left: 3px solid #cb2527;}
.list-left .current a{ color: #cb2527;}
.list-left1 .current{ background:#cb2527;}
.list-left1 .current a{ color: #fff;}
.vilage-list li{font-size: 1.6rem; line-height: 30px; color: #cb2527; background: #efefef;  text-indent: 12px;}
.vilage-list li a{ color: #000; border-bottom: 1px solid #ddd;   line-height: 3.5rem; display: block; background: #fff;}
.school{ position: fixed; top: 49px; z-index: 9999; background: #eeeeee; line-height: 40px; width: 100%; padding-left: 2%;}

.list-right{ float: right; width: 75%;padding-bottom: 50px; margin-top: 50px;}
.list-right .am-gallery-item{ text-align: center; position: relative;}
.list-right .am-gallery li{ margin: 0 0;}
.list-right .am-gallery-default .am-gallery-item img {
    width: 8.5rem;
    height: auto;
    height: 8.5rem;
    border-radius: 5px;
}
.list-right .am-gallery-default .am-gallery-title{ text-align: center; font-size: 1.6rem; margin-top: 10px;}
.list-right .goods_more {text-align: center;color: #999;border-top: dashed 1px #ccc;margin-top: 10px;    padding-top: 10px; clear:both; margin-bottom:10px; font-size:13px;}
.list-nav li{ width: 25%; font-size: 1.8rem; text-align: center; line-height: 50px; float: left;}
.list-nav li a{ color: #bbb;}
.list-nav1 li{ width: 25%; border-bottom: 1px solid #ddd; font-size: 1.8rem; text-align: center; line-height: 50px; float: left;}
.list-nav1 li a{ color: #bbb;}
.list-nav {overflow: hidden; position: fixed;  width: 100%; background: #fff; z-index: 999;}
.list-nav li{border-bottom: 1px solid #ddd;}
.list-nav .current{ border-bottom: 1px solid #cb2527; }
.list-nav .current a{color: #cb2527;}
.list-nav1 .current{ border-bottom: 1px solid #cb2527; }
.list-nav1 .current a{color: #cb2527;}
.list-price{ background:url(../images/order.png) no-repeat right center; padding-right: 20px; font-style: normal;}
.list-price-top{ background:url(../images/order-top.png) no-repeat right center; padding-right: 20px; font-style: normal;}
.list-price-bot{ background:url(../images/order-bot.png) no-repeat right center; padding-right: 20px; font-style: normal;}
.banner img{ width: 100%; height: 100%;}
.list-pro{ overflow: hidden; padding-bottom: 60px; margin-top: 60px;}
.list-pro li{ position: relative; border-bottom: 1px solid #ddd; margin: 0px 3%; padding: 15px 0; overflow: hidden;}
.list-pic{ float: left; width: 30%;  padding: 3px; border: 1px solid #ddd;}
.list-pic1{ float: left; width: 22%;  padding: 3px; border: 1px solid #ddd;}
.list-pro .am-gallery-desc { color: #cb2527; font-size: 1.6rem;}
.list-cart{  height: 45px; text-align: center; position: absolute; right: 0px;  bottom: 0px;  border-radius: 50%;}
.list-cart img{ margin-top: 8px;}
.list-cart1{  height: 45px; text-align: center; position: absolute; right: 10px;  bottom: 10px;  border-radius: 50%;}
.fix-bot{ border-top: 1px solid #ddd; position: fixed; bottom: 0; height: 4.5rem; width: 100%; background: #fff; }
.fix-bot-cart{background: url(../images/shopcart.png) no-repeat; float: left; margin-left: 3%; margin-top: -12px; width: 5rem; height: 5rem; background-size: contain;}
.fix-bot-cart i{ width: 20px; height: 20px; text-align: center; float: right; color: #fff; font-style: normal; line-height: 20px; border-radius: 50%; background: #ffc618; display: block;}
.list-js{ float:right; display: block; line-height: 3.5rem; border-radius: 5px; background: #cb2527; color: #fff; padding: 0 1rem; margin-right: 1rem; margin-top: 5px;}
.list-jsk{ float:right; display: block; line-height: 3.5rem;  border-radius: 5px; background: #ff9600; color: #fff; padding: 0 1rem; margin-right: 1rem;  margin-top: 5px;}
.detal-info{ padding: 0 3%; color: #666; overflow: hidden; width: 85%; background:#fff; border-top:solid 1px #efefef;}
.detal-info .heart{ position: absolute; top:8px; right: 5%; text-align: center; border-left: 1px solid #ddd; padding-left: 15px; }
.detal-info .heart p{ font-size: 1.4rem; line-height: 20px; width: 100%; height: 20px;}
.detal-info p{ line-height: 40px; font-size: 1.6rem; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.detal-info h2{ font-weight: normal; display:inline-block;}
.detal-info .stock{ font-size:14px; color:#9D9D9D;}
.detal-info h2 span{ color: #cb2527;}
.d-amount{ color: #666; overflow: hidden; margin-top: 10px;}
.d-amount h4 {
    float: left;
    font-weight: normal;
    font-size: 14px;
}
.d-amount .d-stock .decrease {
    position: absolute;
    left: 0;
    width: 30%;
    height: 2.5rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2.5rem;
    font-size: 16px; color: #666;
}
.d-amount .d-stock {
    float: left;
    width: 65%;
    height: 2.5rem;
    position: relative;
}
.d-amount .d-stock input {
    position: absolute;
    left: 30%;
    width: 40%;
    height: 2.5rem;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: center;
}
.d-amount .d-stock .increase {
    position: absolute;
    right: 0;
    width: 30%;
    height: 2.5rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2.5rem;
    font-size: 16px;
       color: #666;
}
.detail img{ width: 100%;}
.fix-shopping{ position: fixed;  bottom: 0px; width: 100%; border-top: 1px solid #ddd; padding: 15px 0; background: #fff; z-index: 999;}
.fix-shopping li{ float: left; width: 50%; text-align: center;}
.fix-shopping li a{ width: 70%; margin: 0 auto; border-radius: 15px; display: block; padding: 5px 0;}
.join{ background: #959595; color: #fff;}
.imm-buy{ background: #cb2527; color: #fff;}
.am-tabs{ overflow: hidden;}
.detail-list{ padding: 5px 0; background: #fff;}
.am-nav-tabs>li{ margin-left: 3%; margin-bottom: 0;}
.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover{ color: #f90505;}
.am-nav-tabs>li>a{ color: #666;}
.comment { overflow: hidden; padding: 2px 3%; color: #666; }
.comment span{ float: left;}
.com-good { margin-right: 10px; margin-top: 8px; float: left; background: #cd6a17; border-radius: 15px; height: 1rem; width: 60%;}
.com-bad{ margin-right: 10px; margin-top: 8px; float: left; border:1px solid #cd6a17; border-radius: 15px; height: 1rem; width: 60%;}
.comment-list li{ float: left; padding: 0 10px; color: #666; border-right: 1px solid #ddd;}
.comment-list li:last-child{ border-right: 0;}
.comment-list li a{ color: #666; font-size: 1.4rem;}
.comment-list{ margin-top: 1rem; background: #f2f2f2; overflow: hidden; padding: 10px 0;}
.am-tabs-bd .am-tab-panel{ padding: 10px 0;}
.comment-pic{ margin:15px 3%; overflow: hidden;}
.comment-pic li{ border: 1px solid #ddd; margin: 10px 0; overflow: hidden;}
.comment-pic .tit{ height: 35px; background: #f2f2f2;}
.comment-pic .tx{ width: 2rem; height: 2rem;  margin: 5px 0 0 5px; float: left;}
.comment-pic .tit span{ color: #cb2527; line-height: 35px; display: block; float: left; margin-left: 3%;}
.comment-pic .tit i{ font-style: normal; color: #9b9b9b; float: right; padding-right: 3%; line-height: 35px; display: block}
.comment-con{ padding: 15px 5%; color: #707070; background: #f7f7f7;}
.detail p{ margin: 0 3%;}
.comment-list .current a{ color:#cb2527 ;}
/*白条*/
.whitebar{ z-index: 9;}
.whitebar h2{ background: #f2f2f2; font-weight: normal; line-height: 4.5rem; text-indent: 30px; font-size: 2rem;}
.whitebar .am-tabs{ margin: 0;}
.whitebar .am-tabs-d2 .am-tabs-nav{ background: #fff; overflow: hidden; z-index: 111; padding: 0 3%; width: 100%;}
.whitebar .am-tabs-d2 .am-tabs-nav>.am-active a{ color: #cb2527; background: #fff;}
.whitebar .am-tabs-d2 .am-tabs-nav>.am-active{ border-bottom: 1px solid #cb2527;}
.whitebar .am-tabs-d2 .am-tabs-nav>.am-active:after{border-bottom-color: #cb2527;}
.whitebar .am-tabs-d2 .am-tabs-nav li{ border-bottom: 1px solid #ddd;}
.whitebar .am-tabs-bd{ border: 0;}
.whitebar .am-tabs-bd .text{ font-size: 1.4rem; color: #666;  padding: 0 3%;}
.whitebar .text-alert{padding: 0 5%; font-weight: normal; color: #ca6a16; line-height: 50px;}
.whitebar .upload { margin: 0 5%;}
.whitebar .upload li{ float: left; width: 25%; background: url(../images/add.png) no-repeat center; height: 6rem; margin-right: 2%;  border: 1px solid #ddd; }
.whitebar .upload input{ width: 100%; opacity: 0;}
.whitebar .yule{ margin-top: -15px;}
.whitebar .yule h3{ padding: 0;}
.whitebar .yule .title{ font-size: 1.8rem; margin-top: 0; font-weight: normal;}
.whitebar .yule .intro{ line-height: 20px; font-size: 1.4rem;}
.whitebar .yule .time{ color: #c9c9c9; font-size: 1.4rem;}
.news{ width: 100%;}
.news h3{ width: 90%; margin: 0 auto; text-align: center; line-height: 5rem; color: #525151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news p{ margin: 0 3%; text-align: center; line-height: 3rem; color: #909090; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; font-size: 1.4rem;}
.news-con{ padding: 20px 3%; color: #737272; font-size: 1.6rem;}
.news-con p{ text-indent: 24px; line-height: 30px;}
.news-con img{ width: 100%;}

.integral-table li span{ display: block; float: left; text-align: center; width: 25%;}
.integral-table li{ overflow: hidden; }
.integral-table .tit{ line-height: 4rem; border-bottom: 1px solid #ddd; color: #666;}
.integral-table .for{color: #888; line-height: 30px; font-size: 1.2rem;}
.exchange { margin-top: 1.5rem;}
.exchange li{ float: left; width: 50%; text-align: center;}
.exchange li img{ border: 1px solid #ddd; margin: 0 auto; width: 80%;}
.excha{ width: 80%; overflow: hidden; margin: 0 auto; position: relative; padding-top: 15px;}
.excha-right{ position: absolute; right: 0; width: 100%; bottom: 0;}
.excha-right .d-stock {
    width: 55%;
    margin-top: 8px;
}
.excha p{ text-align: left; font-size: 1.4rem; color: #727272;}
.excha-right .d-stock .decrease {
    position: absolute;
    left: 0;
    width: 30%;
    height: 2rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2rem;
    font-size: 16px; color: #666;
}
.excha-right .d-stock {
    float: right;
    width: 35%;
    height: 2rem;
    position: relative;
 
}
.excha-right .d-stock input {
    position: absolute;
    left: 30%;
    width: 40%;
    height: 2rem;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    text-align: center;
}
.excha .d-stock .increase {
    position: absolute;
    right: 0;
    width: 30%;
    height: 2rem;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2rem;
    font-size: 16px;
       color: #666;
}
.intra-btn{ width: 80%; text-align: center; margin: 15px auto; background: #cd6a17; color: #fff; border: 0; height: 35px;}

.integ-text{margin: 0 5%;
    width: 90%; height: 100px;
    font-size: 1.4rem;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #ddd;}
.reserve-btn{ background: #cd6a17; color: #fff; padding: 5px 10px; font-size: 1.4rem; margin-top: 10px; display: inline-block;}
.yzmimg{ float: left; height: 45px; margin-left: 0.5rem;}
.special{ text-align: center;}
.special .am-gallery-item img{ width: 90%; border: 1px solid #ddd; padding: 1%;}
.special .am-gallery-title{ text-align: left; color: #6b6b6b; font-size: 1.6rem;}
.special .am-gallery-desc{ width: 90%; text-align: left; font-size: 1.8rem; margin-top: 5px; color: #f96e22;}
.special .am-gallery-desc del{ font-size: 1.4rem; line-height: 28px; float: right; color: #b7b7b7;}

.container{ color: #757373;}
.container span { float: left;    font-size: 1.4rem;
 
}

.progress {
  height: 16px;
  background: #e0e0e0; float: left; width: 65%; margin-top: 3px;
}
.progress > span {
  position: relative;
  float: left;
  margin: 0 -1px;
  min-width: 30px;
  height: 16px;
  line-height: 16px;
  text-align: right;
  background: #cd6a17;

  
}
.progress > span > span {
  padding: 0 8px;
  font-size: 11px;
  color: #757373; position: absolute; right: -55px;
}
.progress > span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 16px;

}
.chips-infor h4{ line-height: 28px; font-weight: normal; font-size: 1.4rem;}
.city-list li{ border-bottom: 1px solid #efefef;  padding: 0 5%; line-height: 4rem; position:relative;}
.city-list li i{ position:absolute; right:3px; color:#ccc;}
.city-list{ width: 100%;}
.city-list li a{ color: #333; display: block;}
.city-list .curr a{ background: url(../images/dui.png) no-repeat right center; padding-right: 5%;}
.select-time{    width: 94%; border: 0; background: transparent;
    margin: 10px 3%; text-align: center; color: #666;
    padding-left: 5px;}
.am-modal-no-btn .am-modal-dialog{ border-radius: 8px; width:65%; margin: 0 auto;}
.yytime li{ float: left; width: 50%; text-align: center;}
.yytime{ margin-top: 15px; overflow: hidden;}
.yytime li{ float: left; width: 50%;}
.yytime li a{ width: 80%; margin: 0 auto; font-size: 1.4rem; padding: 0.5rem 0; border: 1px solid #ddd; display: block; color: #666;}
.am-modal-hd .am-close{ right: 74px;}
.am-modal-hd{ border-bottom: 1px solid #cc6a17; padding: 15px 10px 10px 25px; text-align: left;}
.yytime .curr a{ border: 1px solid #cc6a17; color: #cc6a17;}


/*个人中心*/
.member {
    width: 100%;
    background: url(../images/bg.png);
    height: 200px;
    background-size: cover;
}
.mem-tit {
    text-align: center;
    color: #3c3b3b;
    line-height: 50px;
    font-size: 2rem;
    position: relative;
}
.member .step{ position: absolute; right: 1rem;}
.mem-pic-bg {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    /* padding: 2px; */
    margin: 0 auto;
    border: 2px solid #cb2527;
    background-size: cover;
    background-color: #fff;
}
.men-level {
    position: absolute;
    right: 0;
    top: 90px;
    font-size: 1.2rem;
    padding: 1px 5px;
    color: #3c3b3b;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ce6f1f',endColorStr='#e0a674',gradientType='1');
    background: -moz-linear-gradient(left, #ce6f1f, #e0a674);
    background: -o-linear-gradient(left,#ce6f1f, #e0a674);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ce6f1f), to(#e0a674));
}
.mem-pic {
    width: 200px;
    margin: 0 auto;
    position: relative;
}
.member-menu {
    overflow: hidden;
    margin-top:30px;
}
.member-menu li {
    font-size: 1.6rem;
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #aeaeae;
}
.member-menu .yellow{ color: #cb2527;}
.member-menu .black{ color: #363636;}
.u-list-main {
    background-color: #fff; border-top: 1px solid #ddd; overflow: hidden;
    padding: 0 1rem;
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #ededed;
    margin-top: 1rem;

}
.u-list-main a {
    color: #5a5959; float: right; display: block;
}

.u-list-main img{ float: left; margin: 10px 5px 0 0px;}
.u-list-main span{ float: left;}
.user-nav {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin: 0;
    padding: 1rem 0;
}
.user-nav li {
    width: 25%;
    height: auto;
    float: left;
}
.user-nav img {
    width: 40%;
    display: block;
    margin: auto;
}
.user-nav p {
    text-align: center;
    font-size: 1.4rem;
}
.user-nav a{ color: #5a5959;}

.safty li{ padding: 1rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.safty li img{ float: left;}
.safty .am-icon-angle-right{ float: right; margin-top: 0.7rem;}
.safty li a{ color: #242424; overflow: hidden; display: block;}
.safty li i{ float: left; font-style:normal; font-size: 1.6rem; margin-top: 0.7rem; margin-left: 2%; }
.safty li a i{ float: left; font-style:normal; font-size: 1.6rem;  }
.safty li p{ color: #d3d3d3; text-indent: 50px; font-size: 1.4rem;}

.safty1 li{ padding: 1rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.safty1 li img{ float: left;}
.safty1 .am-icon-angle-right{ float: right; margin-top: 0.7rem;}
.safty1 li a{ color: #242424; overflow: hidden; display: block;}
.safty1 li i{ float: left; font-style:normal; font-size: 1.6rem;  margin-left: 2%; }
.safty1 li a i{ float: left; font-style:normal; font-size: 1.6rem;  }
.safty1 li p{ color: #d3d3d3; text-indent: 50px; font-size: 1.4rem;}
.infor-pic{ margin-left: 15px; float: left; width: 6rem; height: 6rem; border-radius: 50%;}
.infor-pic img{ width: 100%; height: 100%;}
.infor-tele{ float: left; border: 0; padding-right: 10px; margin-left: 20px; color: #a5a5a5; }

.xfmx{ border-bottom: 1px solid #ddd;}
.xfmx span{margin-left: 30px; padding: 0 15px; line-height: 4rem; font-size: 1.6rem; border-bottom: 1px solid #ca6a16; display: inline-block; margin-bottom: -1px;}

.all-select{ overflow: hidden; border-bottom: 1px solid #ddd;}
.all-select li{ float: left; padding: 0.5rem 3%; width: 33%;}
.all-select li a{ color: #5a5959; font-size: 1.6rem; margin-top: 0.8rem; display: block;}
.all-select label{ font-size: 1.6rem;}
.del a{ color: #cc6a17;}

.c-com-btn {
    height: 45px;
    background: #fff;
}
.c-comment-list {background: #fff;overflow: hidden;padding:1rem; border-bottom:solid 1px #efefef;}
.c-comment-list i{ margin: 0 10px;}
.c-comment-list p{ color: #646464; font-size: 1.4rem;}
.c-comment-list p span{ color: #cb2527;}
.c-comment-list b{ border-radius: 50%; background: #cb2527; display: inline-block; color: #fff; width: 25px; line-height: 25px; margin-left: 5px; text-align: center; font-weight: normal;font-size: 1.4rem;}
.o-con {
    color: #333;
    position: relative;
}
.c-com-money {
    text-align: right;
    margin-bottom: 10px;
    padding-right: 12px;
}
.c-comment { padding: 0 1rem; height: 40px; line-height: 40px; background: #fff; font-size: 1.5rem;	 border-bottom:solid 1px #efefef;}
.order-style li{ float: left; width: 20%; text-align: center;}
.order-style li a{ color: #383838;}
.order-style{ overflow: hidden; padding: 0 12px; line-height: 4rem; border-bottom: 1px solid #ddd;}
.c-comment-suc {
    color: #cb2527; border-left: 1px solid #ddd; padding-left: 0.5rem;
}
.o-con-img {
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 20%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.o-con-img img {
    height: 6rem;
    overflow: hidden;
    width: 100%;
}
.o-con-txt {
    float: left;
    width: 51%;
    text-align: left;
    margin-left: 2%;
    padding-top: 2%;
}
.o-con-txt p {
    color: #000;
}
.o-con-much {
    float: right;
    width: 25%;
    text-align: right;
    padding: 2%;
    margin-top: 25px;
    color: #afafaf;
}
.c-com-btn .oncepay {
    border: 1px solid #cb2527;
    color: #cb2527;
    float: right;
    display: block;
    height: 2.5rem;
    margin: 0.5rem 12px;
    line-height: 2.5rem;
    width: 20%;
    border-radius: 5px;
    font-size: 1.4rem;
    text-align: center;
    margin-left: 2%;
}
.c-com-btn .canelpay{
    border: 1px solid #626262;
    color: #626262;
    float: right;
    display: block;
    height: 2.5rem;
    margin: 0.5rem 12px;
    line-height: 2.5rem;
    width: 20%;
    border-radius: 5px;
    font-size: 1.4rem;
    text-align: center;
    margin-left: 2%;
}
.o-con { width: 100%; overflow: hidden; background: #fff; display: block; margin-top: 5px; padding: 0 12px;}

.o-con-txt .price{ color: #cc6a17;}
.o-con-txt span{color: #cc6a17;}
.order-style .current{ border-bottom: 2px solid #cb2527;}

.mywhite{ padding: 12px; border-bottom: 5px solid #ddd;}
.mywhite p{ color: #666; line-height: 2.5rem;}
.beizhu{color: #666; margin-top: 15px;}
.list-pro h3{ font-weight: normal; color: #cd6a17; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.checkdetail{ background: #cd6a17; color: #fff; font-size: 1.2rem; padding: 5px 10px;}
.chipsdetail h3{ color: #cd6a17; font-size: 1.8rem; margin-bottom: 10px;}
.chipsdetail p{ color: #6b6b6b; line-height: 25px;}

.yhq-pic{ margin: 12px 3%;  background: url(../images/yhq.png) no-repeat; background-size: 100% 100%; height: 120px;}
.yhq-pic .price span{ color: #cb2527; font-size: 4rem; display: block; padding-top: 15px;}
.yhq-pic .price { width: 40%; text-align: center; float: left;}
.yhq-pic .price p{ font-size: 1.3rem;}
.yhq-pic .text{ float: left; width: 50%;}
.yhq-pic .info{ color: #cb2527; margin-top: 15px; }
.yhq-pic .time{font-size: 1.3rem;}
.yhq-pic .user{ font-size: 1.8rem; padding-top: 0.5rem;}
.yhq a{ color: #000;}




.yhq-gq{ position: relative; margin: 12px 3%;  background: url(../images/gqhb.png) no-repeat; background-size: 100% 100%; height: 120px;}
.yhq-gq .price span{ color: #b0b0b0; font-size: 4rem; display: block; padding-top: 15px;}
.yhq-gq .price { width: 40%; text-align: center; float: left;}
.yhq-gq .price p{ font-size: 1.3rem;  color: #b0b0b0;}
.yhq-gq .text{ float: left; width: 50%;}
.yhq-gq .info{ color: #b0b0b0; margin-top: 15px; }
.yhq-gq .time{font-size: 1.3rem; color: #b0b0b0;}
.yhq-gq .user{ font-size: 1.8rem; color: #b0b0b0; padding-top: 0.5rem;}
.gy-pic{ position: absolute; top: 25px; left: 35%;}
.shop-list-mid .mxtit{     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}





#datescroll div{float: left;margin-left: 10%;margin-top: 70px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#cc6a17;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: fixed; z-index:10000; width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.5); }
#datePage{font-size: 22px; left: 10%;  border-radius: 15px; position:absolute;top:30%;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;height: 300px;background: #FFFFFF;z-index:9999999;}
#datetitle{width: 100%;height:50px; border-bottom: 1px solid #cc6a17; color: #fff;line-height: 50px; font-family:'microsoft yahei';}
#datetitle h1{font-weight:normal; color: #cc6a17; font-size:18px; text-indent: 24px;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:165px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:15px 0 0 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;height: 50px;bottom: 0px;position: absolute;}


.speed-xin{ background:url(../images/redxin.png) no-repeat; font-size: 1.2rem; color: #fff; line-height: 30px; position: absolute; top: -15px; right: -7px; width: 40px; height: 40px; display: block; font-style: normal;  background-size: contain;}
.speed-xin1{ background:url(../images/grayxin.png) no-repeat; font-size: 1.2rem; color: #fff; line-height: 30px; position: absolute; top: -15px; right: -7px; width: 40px; height: 40px; display: block; font-style: normal;  background-size: contain;}
.adv{ padding-left: 3%; color: #535353; margin: 0.5rem 0;}
.adv i{ color: #cb2527; padding-right: 3%; }
.shop{ width: 90%; margin: 0 auto; background: #cb2527; border-radius: 5px; display: none;}
.shop .popup-close { float: right; padding-right: 5px; color: #fff;}
.shop .mem-pic{ margin: 30px auto 0px auto;}
.shop .mem-pic-bg{border: 2px solid #fff;}
.shop .tit{ font-size: 2rem; color: #fff; text-align: center;}
.shop .num{ color: #fff; text-align: center; padding-bottom: 10px;}
.shop .text{ background: #f6f6f6; padding: 10px 0;}
.shop .text p{ color: #404040; padding: 0 20px; font-size: 1.6rem; line-height: 30px;}
.shop .times{background: #fff; padding: 10px 0;  overflow: hidden; font-size: 1.6rem;}
.shop .times li{ width: 33.33%; float: left; text-align: center;}
.shop .times .yanse{ color: #cb2527;}
.shop .fu{ border-top: 1px solid #ddd; padding: 10px 20px; background: #fff; overflow: hidden; border-radius:0 0 5px 5px;}
.shop .fu i{ font-style: normal; color: #fff; background: #cb2527; padding: 0 2px; border-radius: 2px;}
.shop .fu span{ font-size: 1.4rem;}

.qd-box{ background: rgba(0,0,0,0.2); padding: 2%; width: 75%; margin: 0 auto; display: none; border-radius: 5px;}
.qd-box .popup-close{ color: #000; right: 15px; position: absolute; top: 5px; }
.qd-box .popup-title span{ text-align:center; font-size: 2rem; padding-left: 15px;}
.qd-box .popup-title{ border-radius: 5px 5px 0px 0px; background: url(../images/tit.png); height: 45px; color: #000; line-height: 45px;}
.qd-box .dq-text{ font-size: 2rem; overflow: hidden; padding: 2.5rem 0; text-align: center; background: #fff; border-radius: 0px 0px 5px 5px;}
.dq-text a{ float: left; width: 50%; text-align: center;}
.dq-text .contactqq{ margin-top: 0.8rem; border-radius: 2px; background: #ff5a00; color: #fff; width: 90px; line-height: 30px; font-size: 1.6rem; margin: 0 auto;}
.dq-text .contacttele{ margin-top: 0.8rem; border-radius: 2px; background: #cb2527; color: #fff; width: 90px; line-height: 30px; font-size: 1.6rem; margin: 0 auto;}

.re-money{ margin: 1rem 5% 0 5%; font-size: 1.8rem;}
.re-money span{ color: #cb2527;}
.re-cate{ padding: 1rem; overflow: hidden;}
.re-cate li{  float: left; width: 33.33%; }
.re-cate li a{position: relative; line-height: 35px;  border: 1px solid #b3b3b3; background: #fff; display: block; text-align: center; color: #b3b3b3; width: 85%; margin: 0 auto;}
.re-cate .current a{ border: 1px solid #cb2527; color: #cb2527; }
.re-cate li i{width: 0; height: 0; position: absolute; top: 0; right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;}
.re-cate .current a i{border-top: 10px solid #cb2527;}
.re-style{ background: #fff; border-radius: 5px; margin:15px 5% 20px 5%; width: 90%; overflow: hidden;}
.re-style li{ border-bottom: 1px solid #D3D3D3; overflow: hidden; margin: 0 5%; line-height: 50px;}
.re-style li:last-child{ border-bottom: 0;}
.re-style li img{ float: left; margin-top: 8px;}
.re-style li span{ float: left;}
.re-style li label{ float: right; margin-top: 15px;}
.am-checkbox-inline.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-checkbox-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-checkbox-inline.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-checkbox-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-checkbox.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-radio-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-checkbox:checked+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-radio:checked+.am-ucheck-icons, .am-radio.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons{ color: #cb2527;}
.am-ucheck-checkbox:checked+.am-ucheck-icons, .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-ucheck-radio:checked+.am-ucheck-icons, .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons{ color: #cb2527;}

.pay-iphone{ margin: 1rem 5%; color: #4b4b4b;}
.pay-box{ margin: 0 5%;  width: 90%; border: 1px solid #ddd; border-radius: 5px; background: #fff;}
.pay-box input{ font-size: 1.4rem; width: 60%; text-indent: 10px; padding: 1rem 0;  background: transparent; border: 0;} 
.pay-box .pay-box-btn{ width: 40%; float: right; padding: 1rem 0; background: #cb2527; color: #fff; border-radius: 0px 5px 5px 0px;}
.payment{ width: 90%; margin: 0 5%; overflow: hidden; height: 50px; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.payment li{ width: 16.6%; height: 50px; border-right: 1px solid #ddd; float: left;}
.payment li:last-child{ border-right: 0;}
.payment input{ border: 0; width: 100%; line-height: 50px; text-align: center;}
.bound-text{ margin: 0 5%;}
.bound-text h2{font-weight: normal;}
.bound-text p{ font-size: 1.4rem; color: #7c7c7c;}

.record-ye{ background: #fff; text-align: center; padding: 2rem 0; border-bottom: 1px solid #ddd;}
.record-ye p{ color: #737373;}
.record-ye b{ color: #282828; font-size: 3rem;}
.re-chong{background: #fff;  text-align: center; color: #000; padding: 1rem 0;}
.re-chong a{ color: #000; font-size: 1.6rem; display: inline-block;}
.re-chong img{ float: left; margin-top: 2px;}
.re-chong span{ float: left;}
.money-out{ overflow: hidden; background: #fff; margin-top: 10px; border-bottom: 1px solid #ddd;}
.money-out li{ float: left; width: 50%; text-align: center; }
.money-out .current a{ border-bottom: 1px solid #cb2527; color: #cb2527;}
.out-list{ width: 100%;  background: #fff; overflow: hidden;}
.out-list p{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.money-out li a{ color: #000; display: block; padding: 1rem 0;}
.out-list img { float: left; margin-top: 0.7rem;}
.out-list span{ float: left;padding-left: 2%; width: 70%; }
.out-list li{ overflow: hidden; padding: 0.5rem 5%; border-bottom: 1px solid #ddd;}
.out-list li:last-child{ border-bottom: 0;}
.out-list i{ float: right; font-style: normal; color: #cb2527; margin-top: 0.7rem;}
.mess li{padding: 0 5%; margin-top: 10px; overflow: hidden; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px s #ddd;}
.mess li a{ color: #000;}
.mess li h2{ font-weight: normal; line-height: 40px; font-size:2rem; margin-top: 5px;}
.mess li .con{ color: #808080; font-size: 1.4rem;}
.mess li .time{ border-top: 1px solid #ddd; font-size:1.5rem; line-height: 40px;}
.mess li .time i{  float: right;font-style: normal;}
.mess li .time span{ float: left; }
.job li{ background: #fff; margin-top: 10px; padding: 0.5rem 1rem; overflow: hidden;}
.job li img{ float: left;}
.job li span{ float: left; margin-left: 2%; margin-top: 0.8rem;}
.job li .am-icon-angle-right{ float: right; font-style: normal; margin-top: 0.8rem;}
.job li a{ color: #2e2e2e; display: block;}
.job li b{ float: left;  color: #afaeae; font-size: 1.4rem; margin-left: 0.5rem; margin-top: 1.1rem; font-weight: normal;} 
.application{ background: #fff; margin-top: 1rem;}
.application li{ border-bottom: 1px solid #ddd; overflow: hidden; padding: 0.5rem 1rem;}
.application li img{ float: left; border-radius: 50%;}
.application li span{ float: left; margin-left: 2%; color: #282828;}
.application li i{ font-style: normal; float: right; color: #cb2527; margin-top: 1rem;}
.application li .time{ color: #a4a4a4; font-size: 1.4rem;}
.hotline{ background: #efefef; text-align: center; padding: 0.5rem 0;}
.application-infor li{ border-bottom: 1px solid #ddd; overflow: hidden;}
.application-infor li span{padding: 1rem 0;  float: left; width: 30%; text-align: right; padding-right: 8px;}
.application-infor li input{ float: left; border: 0; line-height: 49px; width: 70%;}
.application-infor li i{ float: left; font-style: normal; margin-left: 0; margin-top: 10px;}
.yam-btn{ line-height: 40px; margin-top: 5px; border-radius: 5px; float: right; background: #cb2527; color: #fff; width: 30%; float: left;}
.application-infor{ background: #fff; overflow: hidden;}
.re-con{ width: 90%; margin: 1rem 5%;}
.re-con p{ color: #8a8a8a; font-size: 1.4rem; line-height: 25px;}
.recom-ewm{ text-align: center;}
.recom-ewm img{ width: 150px; margin: 0 auto;}
.recom-yq{ margin: 1.5rem 0; overflow: hidden; padding-bottom: 20px;}
.recom-yq li{ line-height: 40px; float:left; width: 50%; text-align: center;}
.recom-yq li a{ color: #fff; background: #cb2527; border-radius: 5px; width: 80%; display: inline-block;}
.hotline span{ float: left; color: #545454;}
.j-change{ width: 94%; margin: 1rem 3%; background: #fff; overflow: hidden; border-radius: 5px;}
.j-change li{ float: left; text-align: center;  width: 50%; border-right: 1px solid #ddd; margin: 0.5rem 0;}
.j-change li:last-child{ border: 0;}
.j-change li a{ color: #494949;}
.j-change li span{ color: #cb2527;}
.j-box{width: 94%; padding-bottom: 1rem; margin: 1rem 3%; background: #fff; overflow: hidden; border-radius: 5px;}
.j-game{ width: 100%; height: 50px; border-bottom: 1px solid #ddd;}
.j-game li{ margin: 1rem 0; position: relative; float: left; width: 20%; text-align: center;  border-right: 1px solid #ddd;}
.j-game li a{ color: #323232;}
.j-game li:last-child{ border: 0;}
.j-game .current a{ color: #cb2527;}
.j-game .current .arrow {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 1px;
    border-width: 10px;
    border-color:  #ddd  transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 50%; margin-left: -10px;
    bottom: -32px;
}
.j-game .current .sing-arr {
   width: 0;
    height: 0;
    overflow: hidden;
    font-size: 1px;
    border-width: 10px;
    border-color:  #fff  transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 50%; margin-left: -10px;
    bottom: -31px;
  
}
.j-search {
    font-size: 1.4rem;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #ddd;
     width: 96%;
     margin: 1.5rem 2%;
}
.pro-list .iconfont{ color: #f4c600; margin: 0 0.5rem;}
.pro-list span{ color: #626262;}
.d-infor{ padding-left: 10%; border-bottom: 1px solid #ddd; padding-bottom: 1rem;}
.d-infor p{ overflow: hidden;}
.d-infor .text{ font-size: 2rem;}
.d-infor .text i{ color: #4ebf25; font-size: 3.5rem; float: left;}
.d-infor .text span{ float: left; margin-top: 1rem; margin-left: 1%;}
.d-infor .price{ color: #525252; margin-left: 35px;}
.order-state{ width:100%; padding: 1rem 0; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.order-state li{ float: left; width: 20%; text-align: center; position: relative;}
.order-state li p{ font-size: 1.6rem; line-height: 35px;}
.order-state span{ color: #fff; text-align: center; display: inline-block; background:#d0d0d0; height: 40px; width: 40px; border-radius: 50%;}
.order-state i{ font-size: 2.5rem;}
.order-state .current{ background: #cb2527;}
.order-state .line{ width: 20px; height: 1px; background: #ddd; position: absolute; right: -20%; top: -15px;}
.orderdetail-text{ overflow: hidden;background: #fff;}
.orderdetail-text li{ border-bottom: 1px solid #ddd; line-height: 40px; margin: 0.5rem 1rem; overflow: hidden;}
.orderdetail-text li i{ float: right;}
.men-infor{padding: 0 1rem; border-top: 1px solid #ddd; overflow: hidden;}
.men-infor-left{ float: left; width: 85%; }
.men-infor-right{ float:right; width: 15%; text-align: center;}
.men-infor-left h2{ font-weight: normal; font-size:1.8rem;}
.men-infor-left p{ font-size: 1.5rem; color: #8f8f8f;}
.men-infor-right a{ color: #cb2527; float: right;  display:block; border-left: 1px solid #ddd; padding: 0.5rem 0 0.5rem 1rem; margin-top: 1rem;}
.men-infor-right i{ font-size: 3rem; }
.order-info{ padding: 1rem; border-top: 1px solid #ddd;background: #fff;}
.release{ border-radius: 50%; font-size: 2rem; border: 1px solid #cb2527; width: 30px; line-height: 25px; height: 30px; display: block;}
.dontai{ overflow: hidden;}
.dontai li{ overflow: hidden; background: #fff; margin-bottom: 10px;}
.dt-top{ overflow: hidden; padding: 1rem 3% 1rem 3%; background: #fff;}
.dt-top-left{ float: left; width: 20%;}
.dt-top-left img{ border-radius: 50%;}
.dt-top-left a{ margin-top: 1rem; width: 60px; text-align: center; display:inline-block; border-radius: 3px; border:1px solid #DDD; font-size: 1.3rem; color: #494949;}
.dt-top-left a span{ color: #cb2527;}
.dt-top-right{ float: left; width: 75%; margin-left: 1%;}
.dt-top-right .name{ color: #7e8fa0; font-size: 1.8rem;}
.dt-top-right .content{ font-size: 1.4rem; color: #494949;}
.dt-top-right .time{ float: right;}
.dt-top-right .dz{ font-size: 1.5rem; margin-top: 1rem;}
.dt-bot{ border-top: 1px solid #ddd; overflow: hidden; border-bottom: 1px solid #ddd; margin:10px 0 0 0;}
.dt-bot li{ margin-bottom: 0; float: left; text-align: center;  width: 33.33%; border-right: 1px solid #ddd; padding: 0.5rem 0;}
.dt-bot li:last-child{ border-right: 0;}
.dt-bot li a{ color: #494949;}
.dt-bot li i{ font-size: 16px;}
.releasecon{ background: #fff; text-indent: 24px; height: 150px; width: 100%; border: 0; margin-top: 10px;}
.release-action span{ float: left; }
.release-action input{ float: left; border: 0; }
.release-action { background: #fff; margin-top: 10px;}
.release-action li{ overflow: hidden; margin: 0 5%; padding: 1rem 0; border-bottom: 1px solid #ddd;}
.release-action li:last-child{ border-bottom: 0;}
.m-attention{ float: right; text-align: right;}
.m-attention a{width: 60px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #DDD;
    font-size: 1.3rem;
    color: #494949;}
.m-attention  p{ font-size: 1.2rem; color: #494949; margin-top: 0.5rem;}
.m-content{ background: #fff;  text-indent: 24px; border-top: 1px solid #ddd; padding:0.5rem 1rem; font-size: 1.4rem; color: #494949; }
.release-action i{ color: #cb2527;}
.release-action i b{ font-weight: normal; font-size: 1.2rem; color: #737373;}
.mess-pic{ background: #fff; overflow: hidden; padding: 1rem; border-bottom: 1px solid #ddd;}
.mess-pic li{float: left; margin-bottom: 0; padding-right: 0.8rem; color: #949494;}
.mess-pic li img{ margin-top: 5px; width: 40px; height: 40px; text-align: center; border-radius: 50%; }
.mess-pic li p{ margin-top: 13px;}
.mess-hui{ padding: 1rem; background: #fff;}
.mess-hui li{ margin-bottom: 0;}
.mess-hui li em{ font-style: normal; color: #7e8fa0;}
.active-fixed{ position: fixed; bottom: 0; background: #cb2527; width: 100%; line-height: 49px; text-align: center; color: #fff;}
.active-fixed a{ color: #fff; display: block;}
.contact{ overflow: hidden;}
.contact li{ padding: 1rem 0; margin:0 1rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.contact li img{ width: 45px; height: 45px; border-radius: 50%; float: left;}
.contact li span{ float: left; margin-left: 2%;}
.contact .name{ font-size: 1.6rem; color: #464646;}
.contact .tele{ font-size: 1.4rem; color: #797979;}

.share{ width: 100%;}
.share h2{ text-align: center; font-weight: normal; line-height: 60px;}
.share-style{ width: 90%; margin: 0 auto; overflow: hidden; padding: 1rem 0;}
.share-style li{ float: left; width: 33.33%; text-align: center;margin-bottom: 15px;}
.share-style li a{ color: #464646; }
.share .popup-close{ line-height: 50px; background: #fff; text-align: center; color: #464646;}
.dt-top-right .content a{ color: #787878;}



/*商品页页，店铺信息*/
/*商家入住店铺信息*/
.rzs_info{ width:100%; margin-top:5px; overflow:hidden; background:#FFF; padding-top:10px; padding-bottom:10px;}
.rzs_info dl{ width:95%; margin:auto; overflow:hidden;}
.rzs_info dl dt{ float:left; height:50px;overflow:hidden; }
.rzs_info dl dt img{ display:block; height:50px; float:left;}
.rzs_info dl dd{ float:left; height:50px;overflow:hidden; padding-left:8px;}
.rzs_info dl dd span{ display:block; height:30px; font-size:14px; line-height:30px; color:#333}
.rzs_info dl dd em{ display:block; height:20px; font-size:12px; line-height:20px; color:#999; font-style:normal}

.bian_l{ border-right:1px solid #eeeeee; margin-left:-1px;}
.rzs_info ul{width:100%; margin:auto; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.whim{ width:48%}
.whim1{ width:48%}
.rzs_info ul li{ float:left; height:45px; margin:0px; padding:0px;}
.rzs_info ul li strong{ display:block; width:100%; text-align:center; font-size:16px; line-height:25px; color:#333; font-weight:normal}
.rzs_info ul li font{ display:block; width:100%; text-align:center; font-size:14px; line-height:20px; color:#999;}
.rzs_info ul li span{ display:block; width:100%; text-align:center; height:15px; font-size:12px; line-height:15px; color:#999;}
.rzs_info ul li span em{ display:inline-block;color:#999;}
.rzs_info ul li span i{ margin-left:2px; display:inline-block; font-size:14px; width:10px; color:#E71F19;}

.s_dianpu{ width:95%; margin-top:10px; margin:auto; border-top:1px solid #eeeeee}
.s_dianpu span{ display:block; float:left; width:50%; height:45px; padding-top:10px;}
.s_dianpu span a{ display:block; width:90%; height:40px; border:1px solid #a0a0a0;border-radius:3px; font-size:14px; line-height:40px; text-align:center; line-height:40px; position:relative; color:#333}
.bg1{ display:block; width:25px; height:25px; position:absolute; background:url(../images/rzs.png) no-repeat;background-size: auto 50px;  background-position:0 0; margin-top:5px;left:15%;}
.bg2{ display:block; width:25px; height:25px; position:absolute; background:url(../images/rzs.png) no-repeat;background-size: auto 50px;  background-position:0 -25px; margin-top:6px;left:15%;}

.infos{ line-height:26px; border-bottom:solid 1px #ccc; position:relative; padding:5px 10px;}
.right_more{ position:absolute; right:10px; top:33%; color:#ccc;}

.jian_form{}
.jian_form .form_tr{ border-bottom:solid 1px #eee; position:relative; padding:10px 10px;}
.jian_form .form_tr .title{ width:80px;}
.jian_form .form_tr .form_main{ position:absolute; left:100px; float:left;}

/*********   商品详情弹出层   *************/
.f_mask {
    background-color: #000;
    opacity: 0.4;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    display: none;
}

/*底部导航*/
.bian{ border-right:1px solid #eeeeee; margin-left:-1px; text-align: center;}
.bian .cart_num{ right:0px;}
.footer_nav{ width:100%; height:50px; position:fixed; z-index:100; bottom:0px; background:#f8f8f8;border-top:1px solid #eeeeee;}
.footer_nav ul{ width:40%; float:left; height:50px;}
.footer_nav ul li{ width:33%; float:left; height:50px; position:relative;}
.footer_nav ul li span{ display:block; width:100%; height:30px; text-align:center; font-size:12px; color:#666; line-height:20px;}
.footer_nav ul li em{ display:block; width:30px; height:25px; margin:auto;background: url(../images/goods/pub_goods.png) no-repeat;background-size:auto 280px;}
.footer_nav ul li .goods_nav1{ background-position:0 -190px;}
.footer_nav ul li .goods_nav2{background-position:0 -220px;}
.footer_nav ul li .goods_nav3{background-position:0 -252px;}
.goods_nav3gjf{width:46px; height:29px; margin-left:-7px; margin-top:-5px; margin:0 auto; background-position:0 -3px; !important}
.footer_nav dl{ width:60%; float:left; height:50px; margin-top: 0;}
.footer_nav dl dd{ width:50%; float:left; height:51px;text-align:center; margin-top:-1px;}
.footer_nav dl dd a{ font-size:18px; line-height:51px; color:#FFF }
.footer_nav dl .flow{ background:#ff9c00}
.footer_nav dl .goumai{ background:#dd2726}

/*购物车、商品属性选择弹出框样式start*/
::-webkit-scrollbar {width: 0px;}
.f_block{ width:100%;}
.p-link {display: block;height: 100%;}
.f_block .f_content { background:#F1F1F5; overflow-y:scroll}
#choose{position:fixed; bottom:0; left:0; height:0px; z-index:99999999; background:#FFF; overflow:hidden;}

.f_mask {background-color: #000;opacity: 0.4;height: 100%;width: 100%; position: absolute;top: 0;left: 0;z-index: 111;display: none;}
.f_title_attr { height:130px; margin-top:30px; color:#58595b; background:#fff}
.f_title_attr img{width:125px; height:125px; border:#e5e5e5 1px solid; border-radius:4px; padding:5px; background:#FFF; margin-top:-15px; margin-left:15px; float:left;}
.f_content_attr {padding:0 15px;background:#ffffff; height:100%; overflow-y:scroll;}
#choose_attr{position:fixed; bottom:0; left:0; height:0px; z-index:112; }
.f_foot { width: 100%;  background:#E71F19;width: 100%; height:75px; text-align:center;}
.c_close_attr { width: 26px;height: 50px; right:0px;margin: 0; margin-right:0px; position:absolute}
.add_gift_attr{background: #E71F19 !important; border:solid 1px #E71F19 !important;text-align: center;height:45px;line-height:45px;font-size: 16px;
  color: #fff;width:100%;font-family: 微软雅黑; border:none; border-radius:0;}
  
.add_gift{border-radius:3px;background: #E71F19;text-align: center;height: 40px;line-height: 40px;font-size: 16px;
  color: #fff;width:100%;font-family: 微软雅黑;border:none; margin:0 auto;}
 
.f_title_arr_r{margin-left:5px; margin-top:15px; float:left; overflow:hidden; width:50%;} 
.f_title_arr_r span{ display:block; width:100%; overflow:hidden; color:#666; font-size:14px; line-height:150%; margin-bottom:5px;}
.f_title_arr_r i{ font-style:normal} 


/*首页顶部搜索*/
.i_header{ background:#f5799a; padding:5px; width:100%;}
.i_header .logo{ float:left; width:40%;}
.i_header img{  width:100%;}
.i_header_search{ width:40%; height:30px; float:right; background:#f9bcd5; border-radius:10px; padding:0 10px; margin-top:2%;
	-moz-box-shadow:3px 3px 3px #999 inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:3px 3px 3px #999 inset;            /* For Chrome5+, Safari5+ */
	box-shadow:2px 2px 4px #C47B8E inset;                    /* For Latest Opera */
}
.i_search{ width:90%; height:25px; border:0; background:#F9BCD5;}
.i_search_btn{ float:right; width:10%; font-size:1.2em; }
.i_search_btn i{color:#fff;}

/*首页公告*/
.i_gonggao{ height:45px; line-height:45px; background:#fec2da; padding:0 5px; color:#aa0474; overflow:hidden;}

/*首页分类图片*/
.i_p_class{ background:#fff; padding:8px 12px;}
.i_p_class ul{}
.i_p_class ul li{ float:left; width:31%; margin:3px;}
.i_p_class ul li img{ width:100%;}

/***** 订单选择收货地址 ****/
.is_default{ font-size:30px; position:absolute; right:0; right:10px; top:20%; color:#fff;}
.address-list{ color: #666; width:100%; background:#fff;}
.address-list li{position:relative;}
.address-list .curr{ background:#4F6A80; color:#fff; }
.address-list li p{ padding: 2px 20px;}
.order-add1{ font-size:1.4rem; margin-right:30px;}
.address-list hr{ margin: 10px 0;}
/*.address-cz{ overflow: hidden; padding:0 20px; color: #bbb;}
.address-cz a{ color: #bbb;}
.address-cz label{ float: left; margin: 0;}
.address-cz a{ float: left; width: 30%; text-align: right; font-size: 1.4rem;}*/

/****************** 首页 **************/
.i_p_c{}
.i_p_c ul{}
.i_p_c ul li{ width:50%; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.i_p_c ul li a{}
.i_p_c ul li img{ padding:0.3em; width:100%;}

.ad_1{}
.ad_1 img{ width:100%;}

.i_about img{ width:100%;}

.i_pro_box img{ width:100%;}

/**********  会员中心  ***********/
.m_top{ padding-top:10px;}
.m_main{ position:relative; padding-bottom:1px; background:url(/Style/mobile/images/bg.png);background-size: cover;}
.userheader{ width:100%; margin:20px auto; text-align:center;}
.userheader .headerimg{width:80px; height:80px; margin:0 auto; position:relative;}
.userheader .refrash{ position:absolute; right:9px; bottom:6px; color:#fff; z-index:100;}
.userheader img{ width:80px; height:80px; border-radius:50%; overflow:hidden; border:2px solid #efefef; background:#fff;}
.user_nickname p{ color:#fff; padding-top:5px;}


/*切换*/
.head_tab{ background:#fff; line-height:30px; border-bottom:solid 1px #efefef;}
.head_tab li{ border-right:solid 1px #efefef; text-align:center;}
.head_tab .current{ border-bottom:solid 2px #F60; }
.head_tab .current a{color:#f60;}


.main_nav{ margin:10px 0; background:#fff;}
.main_nav ul{ border:solid 1px #F4F4F4; border-bottom:none;}
.main_nav ul li{ float:left; width:25%; text-align:center; border-right:solid 1px #F4F4F4; border-bottom:solid 1px #F4F4F4; padding:5px;}
.main_nav ul li i{ display:block; font-size:25px;}
.main_nav ul li a{ color:#666; font-size:1.3rem;}
.edit_icon{ font-size:20px; position:absolute; right:10px; top:10px; color:#F60;}

.u_my_order_bar{ height:45px; line-height:45px; padding:0 10px; border-top:solid 1px #F4F4F4; background: #fff;}
.u_my_order_bar span{ float:right; color:#999;}

.user-nav { background-color: #fff; border-top: 1px solid #ddd; border-bottom:none; overflow: hidden; margin: 0; padding: 1rem 0; width:100%;}
.user-nav li {width: 25%; height: auto; float: left; text-align:center; position:relative;}
.user-nav li i{ font-size:2em; color:#999;}
.user-nav li span{ position:absolute; display:inline-block; background:#F30; border-radius:2em; padding:0 2px;  min-width:1.3em; height:1.3em; top:0; right:0; line-height:1.3em; color:#fff;}

/*图片上传*/
#img{position:absolute;z-index:1}
#screenshotContainer{position:fixed;left:0;top:0;overflow:hidden;display:none;background:#fff}
#box{position:absolute;left:0}
#Screenshot1{position:absolute;left:0;top:0;z-index:2}
.screenshot{width:100%;height:60px;background-color:#000;position:fixed;bottom:0;left:0;overflow:hidden;z-index:2}
.screenshot a{display:block;width:80px;height:60px;line-height:60px;text-align:center;color:#fff;text-decoration:none}
.screenshot a:first-child{float:left}
.screenshot a:last-child{float:right}


/*没有数据*/
.no_data{ text-align:center; margin-top:30px; color:#999;}

/*绑定微信*/
.bind_wx{ padding:8px; background:#fff;}
.bind_wx a{ color:#f00;}
.bind_wx i{ float:right;}


/*加载 loading*/
.loadingToast{ position:fixed; left:0; right:0; margin:0 auto; top:30%; background:rgba(0,0,0,0.6); width:100px; height:100px; border-radius:8px;}
.loadingToast .load_img{ background:url(../images/load.gif) center no-repeat; background-size:100%; width:50px; height:50px; margin:10px auto;}
.load_txt{ text-align:center; color:#efefef; font-size:1rem;}

.m_title{}
.m_title p{ font-size:14px; line-height:38px; background:#fcfcfc; padding:0px 13px; border-bottom:solid 1px #efefef;}
.m_title ul{}
.m_title ul li{ line-height:35px; border-bottom:solid 1px #efefef; position:relative; background: #fff;}
.m_title ul li.b_t_l{ border-top:solid 1px #efefef;}
.m_title ul li span{ position:absolute; right:25px; color:#909090;}
.m_title ul li.user_head{ height:60px; line-height:45px;}
.m_title ul li.user_head img{ border-radius:30px; overflow:hidden;}
.m_title ul li a{ color:#333; display:block; padding:5px 13px;}
.m_title ul li a:hover{ background:#fcfcfc;}
.m_title ul li i{ position:absolute; right:5px; color:#ccc;}