@charset "utf-8";
/*首页模块*/
.a-area{background: #fff; padding:0.2rem 0;}
.topHotNews{font-size:20px; text-align: center; font-weight: bold; padding:0.2rem 0.1rem; line-height:1.4; border:1px solid #dbdbdb; background: #f5f5f5;}
.topHotNews a{color:#333;}

.HomeBan{position: relative; margin-top: 0.15rem;}
.HomeBan .swiper-slide{position: relative;}
.HomeBan .swiper-slide img{width:100%; height:auto;}
.HomeBan .swiper-slide .tit{position: absolute; width: 100%; line-height: 30px; height: 30px; font-size: 14px; z-index: 10; left:0; bottom:0; background: rgba(0,0,0, 0.5);}
.HomeBan .swiper-slide .tit a{margin-left:10px; display: inline-block; width: 4rem; color:#fff;}
.HomeBan .swiper-pagination{position: absolute; bottom: 10px;right: 10px;font-size: 0;text-align:right;}
.HomeBan .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background: #fff; opacity:1;}
.HomeBan .swiper-pagination-bullet-active{background:#8f0302;}

.col-hd{padding:0.15rem 0; border-bottom:1px solid #dcdcdc;}
.col-hd li{color:#ccc; font-size:16px; line-height: 24px; height: 24px;}
.col-hd li span{padding:0 8px; color:#333; font-weight: 600; cursor: pointer; vertical-align: middle;}
.col-hd li:nth-child(1) span{padding-left:0;}
.col-hd li.on span{color:#8f0302;}
.col-hd .m{line-height: 24px; font-size: 13px;}
.col-hd .m a{color:#999;}
.col-hd .m a:hover{color:#8f0302;}
.col-hd h4{font-size: 16px; color:#8f0302; font-family: KaiTi; line-height: 24px; font-weight: 600;}

.nList ul{padding:0.15rem 0; position: relative;}
.nList li{font-size: 14px; line-height:1.4; padding:5px 0; display: flex; color:#999; align-items: center; justify-content: space-between;}
.nList li a{display:inline-block; flex: 1; margin-right:10px;}
.nList li em{font-style: normal; padding:0 8px 0 2px;}
.nList li span{font-size: 13px;}
.switch-bd, .switch-bd .nList{width: 100% !important;}

.a-area-news{padding-top:0.1rem;}
.a-area-news .switch-bd{margin-bottom:0.15rem;}
.a-area-news .pic img{width:100%;}

.b-area{margin:0.1rem 0; background: #fff; padding:0.15rem 0;}
.b-area .box-wrap{display: flex; align-items: center;}
.b-area .hd{height:1.5rem; width:30px; background: #8f0302; font-family: KaiTi; font-weight: 600; font-size:18px; color:#fff; text-align: center; padding-top:0.1rem; line-height: 1.2;}
.b-area .bd{flex: 1; height: 1.6rem; background: #f5f5f5; overflow: hidden;}
.b-area .zt-list{height: 100%; margin:0 0.1rem;}
.b-area .zt-list .swiper-container{height: 100%; width: 100%;}
.b-area .zt-list .swiper-slide{display: flex; align-items: center;}
.b-area .zt-list .swiper-slide img{width: 100%;}

.c-area{background: #fff;}
.c-area .col-hd select{height: 22px; font-size: 14px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 5px; margin: 1px 0 0 20px;}

.d-area{background: #fff; padding:0.2rem 0 0; margin:0.1rem 0;}
.e-area{background: #fff;}
.e-area .pic{padding:0.15rem 0 0.2rem;}

.f-area{background: #fff; padding-bottom:0.2rem; margin:0.1rem 0; }
.f-area .switch-bd{margin-top:0.2rem;}
.news-foucs .swiper-slide{position: relative;}
.news-foucs .swiper-slide img{width:100%;}
.news-foucs .swiper-slide .tit{position: absolute; width: 100%; line-height: 28px; height: 28px; z-index: 10; left:0; bottom:0; background: rgba(0,0,0, 0.5);}
.news-foucs .swiper-slide .tit a{color:#f7f7f7; margin-left:15px; display: inline-block; width: 322px;}

.g-area{background: #fff; padding-bottom:0.2rem; margin:0.1rem 0; }
.g-area .switch-bd{margin-top:0.2rem;}

.h-area{background: #fff; margin:0.1rem 0; }
.h-area .nList{padding-top:0.2rem;}

.i-area{background: #fff; }
.i-area .p-list{padding:0.2rem 0;}
.i-area .p-list li{width:49%; margin-left:2%;}
.i-area .p-list li:nth-child(2n+1){margin:0;}
.i-area .p-list li img{width:100%;}

.j-area{background: #fff; margin:0.1rem 0; padding:0.15rem 0;}
.j-area .box-wrap{background: #f9f9f9; display: flex; align-items: center; padding:0.1rem 0.15rem;}
.j-area .hd{width:50px; font-family: KaiTi; font-weight: 600; font-size: 18px; color:#333; line-height: 1;}
.j-area .hd span{display: block; color:#8f0302;}
.j-area .bd{line-height: 22px; flex: 1; font-size: 14px;}
.j-area .bd a{margin-right:14px; white-space:nowrap;}

/*---------------------内页样式----------------------*/
.location{height: 48px; line-height: 48px; font-size: 14px; background: #fff;}
.location .box-wrap{border-bottom:1px solid #e3e3e3;}

.no-msg-tip{text-align: center; padding:0.4rem 0;}
.no-msg-tip p{font-size:0.2rem; color:#888; padding-top:0.2rem;}
.noPic-box{width:100%; color:#999; border:1px solid #dfdfdf; box-sizing:border-box; overflow: hidden; text-align: center;}
.noPic-box .img{position: relative; top:50%; margin-top:-25px;}
.noPic-box i{font-size: 0.3rem; color:#ccc; }
.noPic-box p{font-size: 0.12rem; padding-top:5px;}

.mainCon{background: #fff;}

/*下级栏目*/
.sub_menu{background: #fff; padding:0.1rem 0 0;}
.sub_menu_1 {position:relative; height: 50px; width: 100%; overflow: hidden;margin:0 auto;border-bottom:1px solid #f5f5f5;}
.sub_menu_1 .scroller {position:absolute}
.sub_menu_1 .scroller li {height: 50px;color:#333;float: left;line-height:47px;font-size:16px;text-align: center}
.sub_menu_1 .scroller li a{color:#333;display:block;padding:0 10px;margin:0 10px;}
.sub_menu_1 .scroller li a.on{height:47px; color: #8f0302; border-bottom: 3px solid #8f0302;}

/*内容模式*/
.art-box {text-align: center; border-bottom:1px solid #EDEDED; padding:0.3rem 0.2rem 0.2rem;}
.art-box h2 { color:#333; font-size:18px; padding:0.15rem 0; font-weight: 600;}
.art-box h3{font-size: 16px;}
.art-box h4{font-size: 14px; color: #888;}
.art-box .info { font-size:14px; color: #999; padding-top:0.1rem;}
.art-box .info span{padding:0 0.1rem;}

.article_content{padding:0.25rem 0; background: #fff; font-size:14px; line-height:200%; word-wrap:break-word; word-break:break-all; color: #666; }
.article_content img{max-width:100%; height:auto !important;}
.article_content video{max-width:100%;}
.ueditor_baidumap{max-width:100%;}

/*新闻列表*/
.newsList{padding:0.2rem 0 0;}
.newsList li{font-size: 14px; line-height:1.4; padding:4px 0; display: flex; color:#999; align-items: center; justify-content: space-between;}
.newsList li:nth-child(5n){border-bottom: 1px solid #eee; padding-bottom:0.25rem; margin-bottom:0.2rem;}
.newsList li a{display:inline-block; flex: 1; margin-right:10px;}
.newsList li span{font-size: 13px;}

/*图片列表*/
.picList{background: #fff; padding:0 0 0.1rem;}
.picList .box-wrap{padding:0.1rem 0;}
.picList li{text-align: center; float: left; width: 48.5%; margin:0.2rem 0 0 3%;}
.picList li:nth-child(2n+1){margin-left:0;}
.picList li img{width:100%;}
.picList li .tit{color: #565656;font-size:14px; margin:0.1rem 0;}
.picList li .noPic-box{border:none;}

.picList-2{padding-bottom: 0.15rem;}
.picList-2 li{background: #f5f5f5; padding:0.25rem 0 0.1rem;}
.picList-2 li img{width:80%;}

/*图文列表*/
.picTxt{padding:0.05rem 0 0.2rem;}
.picTxt .list-item{padding:0.25rem 0; border-bottom:1px solid #eee;}
.picTxt .list-item .pic{float: left; width:2.03rem; margin-right:0.2rem;}
.picTxt .list-item .pic img{width:100%; min-height: 1.1rem;}
.picTxt .list-item .txt h4 a{font-size:14px; font-weight: 600;}
.picTxt .list-item .txt .info{color: #777;font-size:14px; padding-top:5px;}

/*各地频道*/
.channel-list{padding:0.1rem 0 0.4rem;}
.channel-list li{float: left; width:32%; margin:0.2rem 0 0 2%;}
.channel-list li:nth-child(3n+1){margin-left:0;}
.channel-list li a{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.channel-list li a img{width: 100%;}
.channel-list li .tit{position: absolute; top:0; left:0; width: 100%; height:100%; color: #fff; font-weight: bold; font-size: 16px; z-index: 10; display: flex; align-items: center; justify-content: center;}

.channelPic{padding:0.3rem 0 0;}
.channelPic img{width:100%;}

/*分页*/
.pagination{ text-align: center; padding:0.2rem 0 0.4rem;  font-size:14px;}
.pagination a{display:inline-block; margin:0 0.03rem; padding:0.05rem 0.12rem;  border:1px #cccccc solid; background:#fff; text-decoration:none;  color:#808080; border-radius:4px; vertical-align: middle;}
.pagination a:hover{border:1px solid #8f0302; }
.pagination a.cur{ border:1px solid #8f0302; background:#8f0302;  color:#fff;}
.pagination p{display: inline-block; vertical-align: middle; padding:0.05rem 0.12rem; color:#bbb; border:1px #ccc solid;  background:#fcfcfc; border-radius:4px;}
.pagination p.pageRemark{ border-style:none; background:none; margin-right:0; color:#666;  }
.pagination p.pageRemark b{ color:red; }
.pagination p.pageEllipsis{ border-style:none; background:none; color:#808080; }

/*上一页下一页*/
.prev_next{text-align: center;padding:0.1rem 0 0.4rem;}
.prev_next a{color:#666;font-size:16px;display: inline-block; width:1.8rem; border-radius:0.03rem; margin: 0 0.2rem;
	padding:1.5% 0; background: #e5e5e5;}

/*产品列表*/
.productCon{margin-top:0.1rem;}
.order-by-box{padding-top:0.2rem;}
.order-by-box dl{border:1px solid #eee; background:#f9f9f9; font-size:14px; display: flex;}
.order-by-box dl dt{float:left; line-height:38px; border-left:1px solid #eee; flex: 1;}
.order-by-box dl dt.noBd{border:none;}
.order-by-box dl dt a{display:block; text-align: center; color: #333;}
.order-by-box dl dt .icon-order{display:inline-block; width:8px; height:9px; background:url(../images/icon-order.png) no-repeat 0 0; margin-left:5px;}
.order-by-box dl dt a.cur .icon-order{ background-position:-9px 0;}
.order-by-box dl dt a.cur{color:#e31939;}
.order-by-box dl dt a .asc, .order-by-box dl dt a.cur .asc{background-position:-9px -22px;}

.goods-list{padding-bottom:0.15rem;}
.goods-list li{float:left; width:calc(48.5% - 2px); border:1px solid #eee; margin:0.25rem 0 0 3%; position:relative;}
.goods-list li:nth-child(2n+1){margin-left:0;}
.goods-list li .img{margin:5px;}
.goods-list li .img img{width: 100%;}
.goods-list li .info .price{ font-family:Arial; line-height:22px; padding:5px 5px 0;}
.goods-list li .info .price span{font-size:16px; color:#e31939; font-weight: 600;}
.goods-list li .info .t{ line-height:22px; font-size:14px; padding:0 0 0.1rem; margin:0 5px;}
.goods-list li .info .sale{font-size:12px; color:#999; padding:5px; line-height:22px; border-top:1px solid #eee;}
.goods-list li .info .sale a{float:right; display:block; width:22px; height:22px; background:#E81E3B; border-radius:50%; color:#fff; text-align:center;}
.goods-list li .info .sale a i{position:relative;font-size: 14px;}

/*产品详情*/
.product-focus{padding-top:0.2rem;}
.product-focus .swiper-pagination-bullet-active{background:#8f0302;}
.pro_info .name{display: flex; align-items: center; justify-content: space-between;}
.pro_info .name h3{font-size:16px; color:#333; margin-right:0.2rem; padding:0.2rem 0 0.15rem; flex: 1;}
.pro_info .name span{color: #999; font-size: 12px;}
.pro_info .price{font-size: 16px; font-weight: 600; color: #f00; padding-bottom:0.2rem;}
.pro_info .num_box{color:#444; font-size:14px; padding:0.2rem 0; border-top:1px solid #eee;}
.pro_info .num_box span{float:left; line-height:28px; padding-right:0.1rem;}
.pro_info .num_box .minus, .pro_info .num_box .plus{float:left; width:28px; height:28px; text-align:center; font-size:20px; color:#fff; background:#999; cursor:pointer; font-style: normal;}
.pro_info .num_box .goodsNum{float:left; height:26px; vertical-align:top; border:1px solid #bbb; line-height:26px; width:30px; margin:0 5px; color:#333; text-align:center; font-size: 14px;}
.pro_content{border-top:0.1rem solid #f0ebe5;}
.pro_content h3{font-size: 16px; color: #333; border-bottom:1px solid #f5f5f7; padding:0.2rem 0;}
.pro_content .article_content{padding:0.2rem 0;}
.pro_content_detail{padding-bottom:52px;}

.pro_footer{display: flex; position: fixed; width: 100%; left:0; bottom:0; background: #fff; border-top:1px solid #ebebeb; font-size: 16px;}
.pro_footer a{display: block; height: 52px; line-height: 52px; text-align: center; flex: 1; color: #333;}
.pro_footer a.order{background: #8f0302; color: #fff;}

/*购物车*/
.shop-cart-box{padding-bottom:52px;}
.shop-cart-box .item{background: #fff; border: 1px solid #f2f2f2; padding:0.25rem 0.2rem;}
.shop-cart-box .item .top{display: flex; justify-content: space-between; align-items: center; padding:0 0 0.2rem;}
.shop-cart-box .item .top .n{line-height: 22px; font-size: 14px; font-weight: 600; margin-right:0.3rem;}
.shop-cart-box .item .bottom{display:flex; justify-content: space-between;}
.shop-cart-box .item .bottom .price{font-weight: 600; color: #f00; font-size: 16px;}
.shop-cart-box .item .numbox{width:106px;}
.shop-cart-box .item .numbox .shop_int {width:40px; height: 28px; border: 1px solid #e6e5e5; text-align: center; color: #777; background: none; border-radius: 0; box-shadow:none; font-size: 14px;}
.shop-cart-box .item .numbox a {color: #777; display:block; width:30px; border: 1px solid #e6e5e5; height:28px; line-height:28px; text-align:center; font-size: 16px;}
.shop-cart-box .item .numbox a.shop_less{border-right:none;}
.shop-cart-box .item .numbox a.shop_plus{border-left:none;}

.shop-cart-box .cart-btn{margin:0 0.2rem; display:flex; justify-content: space-between; padding:0.3rem 0 0.5rem; font-size: 14px;}
.shop-cart-box .cart-btn .btn{border:1px solid #fff; color: #666; background: #fff; line-height: 34px; width: 2rem; text-align: center; border-radius:3px;}
.shop-cart-box .cart-btn .buy{border-color:#ccc; background: #dcdcdc; color: #333;}

.cart-footer{position: fixed; width: 100%; left: 0; bottom:0; z-index: 10; background: #fff; font-size: 16px; }
.cart-footer .box-wrap{display: flex; justify-content: space-between; align-items: center; height: 52px;}
.cart-footer .totalPrice{font-size: 15px; color: #333; font-weight: bold;}
.cart-footer .totalPrice span{color: #f00;}
.cart-footer .btn{width:1.8rem; line-height: 34px; text-align: center; color: #fff; background: #f00; border-radius:17px;}


.shop-cart-empty_img  img{margin-top:20px;}
.shop-cart-empty{width:54%;margin:55px  auto 0;padding:50px 0 105px ;float:right;}
.shop-cart-empty .h2{width:100%;font-size:30px;line-height:36px;margin-bottom:20px;color:#656d78;font-weight:normal;}
.shop-cart-empty2 {padding-top: 20px;}
.shop-cart-empty .btn-gobuy {display: inline-block; font-size: 14px;height:38px; line-height: 38px; border-radius:4px; text-align: center;cursor: pointer; background: #8f0302; color: #fff; width: 140px;}
.shop-cart-empty .btn-gobuy:hover { color: #ffffff; }

.my_shop_tab {background: #fff;border: 1px solid #dedede;border-radius: 2px 2px 0 0;margin: 10px 0 20px;overflow: hidden;}
.my_shop_tab_t {border-bottom: 1px solid #dedede;height: 46px; line-height: 46px; font-size:14px; background:#F7F7F7;}
.my_shop_tab li{float: left; width:13%; text-align: center;}
.my_shop_tab li.w1{width: 43%;}
.my_shop_tab li.w2{width: 18%;}
.my_shop_tab li.all{color: #e31939;}

.my_shop_tab_info ul {border-bottom: 1px solid #dedede; padding: 15px 0; overflow: hidden; color:#666; font-size:14px;}
.my_shop_tab_info li{line-height: 62px; height: 62px; overflow: hidden;}
.my_shop_tab_info li .del{font-size:22px;}
.my_shop_tab_info .goods_info{height: 62px; padding-left:30px;}
.my_shop_tab_info .goods_info .txt{padding-left:30px;}


.my_shop_tab .my_price {padding:14px 30px; text-align: right;line-height:32px; font-size:14px;}
.my_shop_tab .my_price a.delCart{float:left; font-size:12px; border:1px solid #eee; padding:0 20px; color:#666;}
.my_shop_tab .my_price a.delCart:hover{ background:#f5f5f5; color:#666;}
.my_shop_tab .my_price .totalPrice{font-size:18px; position:relative; top:2px; font-weight: bold;}
.my_shop_tab .my_price .totalPrice em{font-style: normal; color: #e31939;}

.my_shop_btn a {background: #ededed; width: 151px; height: 40px;line-height: 40px;border: 1px solid #e6e1e2;text-align: center;margin-left: 20px;color: #000;}
.my_shop_btn a.my_shop_btn2 {background: #e81e3b; color: #fff;border: 0;}


/*确认订单页*/
.xm-address-info{background: url(../images/addressBg.jpg) no-repeat center bottom; }
.xm-address-info .box-wrap{display: flex; align-items: center; justify-content: space-between;}
.xm-address-info .icon-next-page{color: #999; margin-left:0.2rem; position: relative; right:-4px;}
.xm-address-info .info{padding:0 0 0.15rem;}
.xm-address-info .info h4{ color: #333; font-size: 16px; line-height: 40px; margin-bottom:0.1rem; border-bottom: 1px solid #ddd;}
.xm-address-info .info h4 span{padding-left:0.4rem;}
.xm-address-info .info p{line-height: 26px; color: #999; font-size: 14px;}
.xm-address-info .info p span{padding-right:0.4rem;}
.xm-address-info .set{font-size: 16px; color: #333; font-weight: 600; line-height: 56px;}

.xm-box {border-top:0.15rem solid #f0ebe5;}
.xm-box .hd { height: 44px; border-bottom: 1px solid #f6f6f6; line-height:44px;}
.xm-box .hd .title {font-size:16px; color: #333; font-weight:bold;}
.xm-box .hd ul{padding-left:0.4rem;}
.xm-box .hd ul li{padding-right:0.4rem; font-size: 14px}
.xm-box .hd ul li input{vertical-align: -1px;}

.xm-box-goods{display: flex; border-bottom: 1px solid #f6f6f6; align-items: center; justify-content: space-between; font-size: 14px;}
.xm-box-goods .i{line-height: 24px; padding:0.15rem 0;}
.xm-box-goods .i h4{color:#333;}
.xm-box-goods .i .p{font-weight: bold; color: #f00;}
.xm-box-goods .num{color:#999; font-size: 16px; margin-left:0.2rem;}
.xm-box-total{line-height: 44px; text-align: right; font-size: 16px; color: #333;}
.xm-box-total span{font-weight: bold; color: #f00;}

.xm-invoice-box .item{font-size: 14px; display: flex; align-items:center; justify-content: space-between; border-bottom: 1px solid #f6f6f6; padding:0.15rem 0;}
.xm-invoice-box .item .tit{padding-right:0.4rem; line-height:30px; color: #333;}
.xm-invoice-box .item .tit em{font-style: normal; color: #f20014;}
.xm-invoice-box .no-center{justify-content: flex-start; padding-top:0.2rem;}
.xm-invoice-box .con{flex: 1;}
.xm-invoice-box .invoice_type{width:1.8rem; line-height: 28px; text-align: center; border:1px solid #e0e0e0; margin-right:0.2rem; cursor: pointer;}
.xm-invoice-box .invoice_type input{display: none;}
.xm-invoice-box .selected{border-color:#f20014; color: #f20014;}
.xm-invoice-box .text{font-size: 14px; height: 30px; line-height: 30px; text-align: right; border:none; background: none; width: 100%;}
.xm-invoice-box .itemTit{font-weight: bold;  font-size: 14px;}
.xm-invoice-box .select{width:144px; border:1px solid #e0e0e0; height: 32px; margin-left:5.5px;}
.invoice-wrap-2{display: none;}

/*.xm-radio-box{padding-bottom:75px;}*/
.xm-radio-tip{font-size: 14px; color: #666; line-height:50px;}
.xm-radio-box .xm-radio { float: left; padding:0.1rem 0.2rem; margin-right:0.2rem; border: 1px solid #dfdfdf; cursor: pointer;}
.xm-radio-box .xm-radio:nth-child(2){padding:0.1rem 0.35rem;}
.xm-radio-box .xm-radio input{ display: none;}
.xm-radio-box .xm-radio img{ vertical-align:top; height: 28px;}
.xm-radio-box .xm-radio.selected{ border: 1px solid #f50; background: url(../images/icon2.png) no-repeat right bottom;}

.xm-box-btn{position: fixed; width: 100%; left: 0; bottom:0; z-index: 10;}
.xm-box-btn .submitBtn{width:100%; font-size:16px; line-height:48px; text-align: center; background:#f20014;border:0;color: #fff;}

/*表单页面*/
.form-area{padding:0.4rem 0 0;}
.form-area li{padding-bottom:0.15rem; position:relative; display: flex;}
.form-area li .field-tit{width: 104px; text-align: right;  font-size: 14px; line-height: 24px; padding:6px 5px 6px 0; color:#333;}
.form-area li .field-tit em{color:#FF2727; margin-right:0.05rem; font-weight: normal;}
.form-area li .field-con{flex: 1; font-size:15px;}
.form-area li .text{border:1px solid #D0D0D0;width: 3.9rem; height:36px; border-radius:2px; color:#666; font-size:14px; padding:0 0.05rem;}
.form-area li .textarea{width: 3.9rem;height:1.5rem;vertical-align: top;padding:0.05rem;border:1px solid #D0D0D0;border-radius:0.05rem;}
.form-area li .select{height:38px; width: 4rem; border:1px solid #D0D0D0; color:#444; font-size:14px; border-radius:2px;}
.form-area .li-code .text{width: 2.8rem;}
.form-area .li-code .codeImg{display:inline-block; border: 1px solid #E8E8E8; border-radius:0 0.05rem 0.05rem 0; height:36px; width: 1.05rem; vertical-align: top;}
.form-area .input-btn{padding:0.1rem 0 0.4rem 109px;}
.form-area .input-btn input{width:75px;height:32px;line-height:32px; background:#8f0302; color: #fff;font-size:15px;vertical-align: middle;border-radius:0.03rem;}
.form-area .input-btn .resetBtn{border:1px solid #DCDCDC;background: #f2f2f2; color:#666666;margin-left:0.25rem;}
.form-area input::-moz-placeholder, .form-area textarea::-moz-placeholder{color: #999; opacity: 1}
.form-area input:-ms-input-placeholder, .form-area textarea:-ms-input-placeholder{color: #999}
.form-area input::-webkit-input-placeholder, .form-area textarea::-webkit-input-placeholde{color: #999}

/*会员登录注册*/
.loginTit{font-size:20px; font-weight: 600; color: #8f0302; text-align: center; line-height: 40px; padding:0.8rem 0 0.3rem;}
.login-panel{background: #fff; margin:0 7% 1.6rem; box-shadow:0 0 7px rgba(0,0,0, 0.2); padding-bottom:0.2rem;}
.login-panel h3{text-align: center; font-size: 16px; color:#8f0302;font-weight:bold; line-height:42px; background: #f8f8f8; margin-bottom:0.05rem;}
.login-panel .item{padding-top:0.3rem; font-size: 14px; display: flex; align-items: center;}
.login-panel .item .tit{width:1.6rem; text-align: right; padding-right:5px; line-height: 30px; color: #333;}
.login-panel .item .tit em{font-style: normal; color: #f20014; padding-right:4px;}
.login-panel .item .con{width:3.2rem;}
.login-panel .item .text{width:100%; border:1px solid #e4e4e4; font-size: 14px; height: 32px; line-height: 32px; text-indent: 5px;}
.login-panel .submitBtn{width:4.4rem; line-height: 40px; height: 40px; text-align: center;  margin:0.35rem auto 0; cursor: pointer; background: #8f0302; color: #fff; font-size: 15px; display: block;}
.login-panel .tips{width:4.5rem; color: #999; margin:0 auto; text-align: right; font-size: 14px; padding-top:0.25rem}
.login-panel .tips a{color:#999;}

.reg-panel{margin-bottom:1rem;}
.reg-panel .item{padding-top:0.2rem;}
.reg-panel .verifyCode .text{width:1.4rem;}
.reg-panel .sendmsg, .reg-panel .daleymsg{width:1.6rem; height: 34px; line-height: 34px; text-align: center; background: #8f0302; color: #fff; cursor: pointer; font-size: 14px;}
.reg-panel .daleymsg{background: #999; display: none;}

/*会员中心*/
.whiteBg{background: #fff;}
.user-head{width: 100%; height: 3rem; background: url(../images/userBg.jpg) no-repeat 0 0; background-size:100% 100%; display: flex; align-items: center; justify-content: center;}
.user-head .info{text-align: center;}
.user-head .info .pic{width: 54px; height: 54px; border:2px solid #fff; border-radius:50%;}
.user-head .info .n{color: #fff; font-size: 16px; padding-top:0.15rem;}

.user-menu{background: #fff; border-radius:6px; margin-top:-6px; position: relative; z-index: 1; padding-bottom:50px;}
.user-menu li{line-height: 40px; padding:0.1rem 0; border-bottom:1px solid #e9e9e9; display: flex; align-items: center; justify-content: space-between;}
.user-menu li a{color: #333; font-size: 16px;}
.user-menu li a i{ font-size: 18px; color: #666; margin-right:0.2rem;}
.user-menu li a i.font{font-size: 20px;}
.user-menu li span i{color: #999;}
.user-menu .loginOut{height: 42px; background: #8f0302; text-align: center; line-height: 42px; color: #fff; font-size: 15px; border-radius:5px; margin:1.5rem 0;}

.userInfo{padding:0.3rem 0; color: #333; font-size: 14px; line-height: 20px;}
.userInfo p{padding:0.1rem 0;}
.userInfo span{color: #666; width: 1.5rem; text-align: right;}

/*订单列表*/
.state_menu {position:relative; height: 48px; width: 100%; background: #f5f5f5;}
.state_menu li {height: 48px;color:#333;float: left;line-height:45px;font-size:16px;text-align: center}
.state_menu li a{color:#333;display:block;padding:0 10px;margin:0 10px;}
.state_menu li a.on{height:45px; color: #8f0302; border-bottom: 3px solid #8f0302;}

.order-list{padding-bottom:50px;}
.order-list li{margin-bottom:0.15rem; background: #fff; font-size: 14px; padding:0 0.2rem;}
.order-list .top{line-height: 30px; padding:0.1rem 0; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #f2f2f2;}
.order-list .top .top-right{display: flex; align-items: center; }
.order-list .top .status.gray{color:#666666;margin-left:10px;}
.order-list .top .status.red{color:#ff0000;}
.order-list .top .status.green{color:#2daf21;}
.order-list .middle{padding:0.1rem 0; border-bottom:1px solid #f2f2f2;}
.order-list .middle .i{display: flex; align-items: center; justify-content: space-between; color:#333; line-height:24px;}
.order-list .middle .num{color: #999;}
.order-list .bottom{display: flex; align-items: center; justify-content: space-between; color: #333; padding:0.15rem 0;}
.order-list .bottom .total span{color: #f00; font-weight: 600; font-size: 16px;}
.order-list .btn{padding:3px 8px; border:1px solid #ff0000; color: #ff0000; border-radius:4px;}
.order-list .noPay{border:1px solid #ff6600; color: #ff6600;margin-right:10px; }
.order-list .cancel{border-color: #999; color: #999;}

/*订单详情*/
.orderInfo{padding-bottom:50px;}
.orderInfo .item{ background:#fff; padding:0 0.2rem; margin-bottom:0.15rem;}
.orderInfo .item h4{line-height: 44px; font-weight: bold; color: #333; font-size: 16px; border-bottom:1px solid #f2f2f2;}
.orderInfo .item ul{padding:0.1rem 0;}
.orderInfo .item li{line-height:22px; padding:0.1rem 0; display: flex; align-items: center; justify-content: space-between; font-size: 14px;}
.orderInfo .item li .tit{color: #333;}
.orderInfo .item li .money{font-weight: bold; color: #f00;}
.orderInfo .item li .val{flex: 1; margin-left:0.2rem; text-align: right;}
.orderInfo .item li .btn{background:#ff0000; color: #fff; padding:4px 6px; border-radius:3px; margin-left:20px;}
.orderList .item li .nopay{border-color: #f60; color: #f60;}
.orderList .item li .cancel{border-color: #00b7ee; color: #00b7ee;}
.orderInfo .progross-box{width: 100%;padding: 10px 0 20px 0;box-sizing: border-box;border-bottom:1px solid #efefef;}
.orderInfo .progross-box .list{display: flex;justify-content: space-between;position: relative;}
.orderInfo .progross-box .list::after{content:"";position: absolute;width: calc(100% - 100px); left:50px;top: 18px;border-bottom: 1px dashed #8f0302;z-index: 1;}
.orderInfo .progross-box .number{font-size: 14px;color: #666;margin-bottom: 35px;}
.orderInfo .progross-box .progross-item{width: 100px; text-align: center;position: relative;z-index: 2;}
.orderInfo .progross-box .progross-item .num-box{width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center; justify-content: center;margin: 0 auto;}
.orderInfo .progross-box .progross-item .num-box .yuan{width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;
    justify-content: center;border: 1px solid #999999;background-color: #fff;font-size: 12px;color: #666;}
.orderInfo .progross-box .progross-item .tit{font-size: 14px;color: #333; line-height:2;}
.orderInfo .progross-box .progross-item .time{font-size: 12px;color: #999;}
.orderInfo .progross-box .progross-item.active .num-box {background-color: rgba(143, 3, 2,.059);}
.orderInfo .progross-box .progross-item.active .num-box .yuan{width: 25px;height: 25px;border: none; background-color: #8f0302;color: #fff;}
.orderInfo .item .invoice-number{align-items:flex-start;}
.orderInfo .invoice-number .down{display:flex;align-items:center;justify-content:flex-end;}
.orderInfo .invoice-number .down img{width:20px;}
.orderInfo .invoice-number .down span{color:#ff0000;text-decoration: underline;margin-left:10px;font-size:12px;}
.order-info-btn{position: fixed; width: 100%; left:0; bottom:0;}
.order-info-btn a{display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; background: #8f0302; font-size: 15px; color: #fff;}
.order-info-btn a.cancel{background: #999;}

/*账号设置*/
.user-set{padding-bottom:50px;}
.user-set .form-area li{padding-bottom:0.35rem;}
.user-set .form-area .input-btn{padding-left:0; justify-content: center;}
.user-set .form-area .input-btn input{width:1.8rem; height: 36px; line-height: 36px; border-radius:5px;}

/*收货地址列表*/
.address-list{padding-bottom:50px;}
.address-list li{margin-bottom:0.15rem; background: #fff; font-size: 14px; padding:0 0.2rem; color: #333;}
.address-list .top{line-height: 30px; padding:0.1rem 0 0.05rem; display: flex; align-items: center; justify-content: space-between;}
.address-list .i{display: flex; align-items: center; justify-content: space-between; color:#333; line-height:24px; border-bottom:1px solid #f2f2f2; padding-bottom:0.15rem;}
.address-list .bottom{display: flex; align-items: center; justify-content: space-between; color: #777; padding:0.15rem 0;}
.address-list .bottom .radio{float:left; width: 15px; height: 15px; border-radius:50%; border:1px solid #777; margin:1px 8px 0 0; text-align: center; line-height: 15px;}
.address-list .bottom .radio i{font-size: 11px; display: none;}
.address-list .bottom .default{color:#f00;}
.address-list .bottom .default .radio{border-color: #f00; background: #f00;}
.address-list .bottom .default i{color:#fff; display: block;}
.address-list .btn a{color:#777; margin-left:0.2rem;}
.address-list .btn a i{margin-right:5px;}
.address-list .add{padding:0.4rem 0.2rem 0.2rem;}
.address-list .add a{display: block; line-height: 44px; text-align: center; font-size: 15px; color: #fff; border-radius:5px; background: #8f0302;}

/*收货地址列表*/
.addressEdit{padding-bottom:50px;}
.addressEdit .radio span{float: left; white-space: nowrap; margin-right:0.22rem; padding:0.05rem;}
.addressEdit .save{padding:0.5rem 0 0.4rem;}
.addressEdit .save input{display: block; width: 100%; height: 44px; line-height: 44px; text-align: center; font-size: 15px; color: #fff; border-radius:5px; background: #8f0302;}

.popup-mask{width:100vw;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:9;display:none;}
.tips-popup-box{width:80vw;border-radius: 5px;background-color:#fff;position:fixed;top:50%;left:50%;box-sizing:border-box;
    transform: translate(-50%,-50%);padding:25px 35px;text-align:center; z-index:10;display:none;}
.tips-popup-box .cont{font-size: 14px;color:#666;line-height: 1.75;margin-bottom:25px;}
.tips-popup-box .btn{width:120px;line-height:40px;background-color:#f20014;font-size: 14px;color:#fff; font-weight: bold;margin:0 auto;border: 0;}
.tips-popup-box .close{position:absolute;right:-35px;top:0;}

/* 对公转账 */
.corporate-transfer{width: 100%;min-height: 100vh; background-color: #fff;padding: 15px 30px 60px 30px;box-sizing: border-box;}
.corporate-transfer .title-line{padding-top: 15px; margin-bottom: 15px;font-size: 14px;color: #333;font-weight: bold;}
.corporate-transfer .info-box{width: 100%;padding:20px 25px;font-size: 14px;color: #333;line-height: 1.75;background-color: #f6f7f9;box-sizing: border-box;}
.corporate-transfer .upload-box .box{width: 100%;height: 196px;border: 2px dashed #eaeaea;display: flex;align-items: center;justify-content: center;}
.corporate-transfer .upload-box .box .icon{width: 65px;}
.corporate-transfer .upload-box .box .result{max-width: 100%;max-height: 100%;display: none;}
.corporate-transfer .tips{font-size: 12px;color: #999; line-height: 1.867;margin-top:10px;}
.corporate-transfer .tips span{color: red;text-decoration: underline;cursor: pointer;margin-top: 15px;}
.popup-mask{width:100vw;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:9;display:none;}
.pic-popup-box{width:75vw;border-radius: 5px;background-color:#fff;position:fixed;top:50%;left:50%;box-sizing:border-box;
    transform: translate(-50%,-50%);padding:20px;text-align:center; z-index:10;display:none;}
.pic-popup-box .close{position:absolute;right:0;top:-35px;font-size: 18px;}