.header-nav{margin-top: 10px}
.header-block{width: 44px;height: 44px;line-height: 44px;flex-shrink: 0;}
.banner{clear: both; overflow: hidden;}

.elip{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.nav-active .hui-footer-text{color: #d7000e}
.nav-active .hui-footer-icons{color: #d7000e}

.sp_header{height:50px;overflow:hidden;background: rgba(0,0,0,0.4);position:fixed;z-index:10;width:100%;}
.sp_logo{padding:0px;float:left; margin-left: 10px}
.sp_logo img{margin:auto;max-height:50px; display: block;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:22px;height:1px;position:absolute;left:15px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg);background:#d7000e}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);background:#d7000e}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px; background: #fff}
.header_show{background: #fff}
.sjj_nav ul{display: block; width: 100%}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom:1px #ddd solid;padding-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav ul li ul li:last-child{border-bottom:0;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.footer{clear: both; overflow: hidden;}
.footerMenu{clear: both; padding:10px 15px; padding-bottom: 0}
.footerMenu li{float: left; font-size: 12px;}
.footerMenu li.f-wx{background-image: url(../image/wx-ico.png); background-repeat: no-repeat; background-position: left;background-size:auto 20px; line-height: 32px; font-size: 12px; height: 32px; padding-left:25px}
.footerMenu li.f-qq{background-image: url(../image/qq-ico.png); background-repeat: no-repeat; background-position: left;background-size:auto 20px; line-height: 32px; font-size: 12px; height: 32px; padding-left:25px}
.footerMenu li.f-tel{height: 40px;}
.footerMenu li a{font-size: 12px;}
.footerMenu li.f-tel a{display: block;font-size: 12px; line-height: 16px; color: #c00}
.footerMenu li.f-tel span{display: block;font-size: 12px; line-height:16px; color: #666}
.copyright{clear: both; padding:15px; padding-top: 0}
.copyright p{font-size:12px; color: #999;}

.area{width:100%; padding: 3px; box-sizing: border-box;}
.area select{width: 100%; padding: 5px; box-sizing: border-box; border: 0}

.searchBox{padding: 3px;}
.searchBox input{width: 100%; border: 0; height: 40px; padding: 0 5px; box-sizing: border-box;}
.searchBox .btn{width:50px; height: 40px; background: #e60012; text-align: center; line-height: 40px; cursor: pointer;}
.searchBox .btn i{color: #fff; font-size: 20px;}

.my-btn{background-color: #d7000e; color: #fff;border:0;}
.my-btn:active{background-color: #d7000e;border:0;}
.my-btn:enabled:active{border:0;background-color: #d7000e;}

.inBanner{position: relative;}
.inBanner h1{font-size: 20px; color: #fff; position: absolute; left: 10px; top: 60px; font-weight: bold;}

.agent{padding: 5px; border-bottom: 1px #dbdbdb solid; background: #fff}
.agent .agent-icon{width:30px;}
.agent .agent-icon .icon{display: block; margin: auto; color: #c00; text-align: center; font-size: 20px}
.agent .agent-info{margin-left: 0}
.agent .agent-info .name{font-size: 14px; margin-bottom: 5px;}
.agent .agent-info .address{font-size: 14px; color: #999; margin-bottom: 5px;}
.agent .agent-info .intr p{display: inline-block; color: #999; font-size: 12px}
.agent .agent-info .intr p a{color: #999; font-size: 12px}
.agent .agent-info .intr span{color: #999; padding: 0 3px; font-size: 12px}
.title{border-bottom: 1px #dbdbdb solid; padding: 10px;}
.title h1{font-weight: bold; font-size: 16px}
.title .date{color: #999; font-size: 12px}
.content{background: #fff; padding: 10px; clear: both; overflow: hidden;}
.feedback{clear: both; overflow: hidden; border:1px #dbdbdb solid; background: #fff; margin-bottom: 10px; margin: 10px;}
.feedback .hd{ border-bottom: #f1f1f1; background: #f7f7f7; padding:5px 10px; border-bottom: 1px #dbdbdb solid}
.feedback .bd{padding: 10px}


.empty{text-align: center; margin: 10% 0; color: #999;}
.empty img{width: 30%;}
.empty p{ font-size: 12px; color: #999}

.indexProduct{clear: both; overflow: hidden;}
.indexProduct li{clear: both; position: relative; margin-bottom: 5px}
.indexProduct h1{color: #fff; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; padding:10px 5px}
.indexProduct img{display: block;}
.indexProduct .more{position: absolute; right: 10px; bottom: 10px; border:1px #fff solid; border-radius: 12px; line-height: 22px; padding: 0 5px; font-size: 12px; color: #fff; background: rgba(0,0,0,0.2);}

/* 商品 */
.productList{clear: both; overflow: hidden; background: #f7f7f7; margin-top: 10px}
.productList li{float: left; width: 50%; padding:3px; box-sizing: border-box;}
.productList li .item{clear: both; overflow: hidden; background: #fff; padding: 5px; position: relative; box-sizing: border-box;}
.productList li p{margin: 0px; font-size: 14px; line-height: 20px}
.productList li img{display: block; margin: auto; width: 100%}
.productList li span{color: #999;font-size: 14px; display: block; width: 100%}
.productList li span.del{color: #999;font-size: 12px; text-decoration:line-through}
.productList li span i{font-style: normal; font-size: 12px}


.goodsInfo{clear: both; overflow: hidden; margin-bottom: 45px}
.goodsInfo .goodsName{ padding: 10px; color: #000; background-color: #fff; font-size: 20px; margin-top: 1px}
.goodsInfo .goodsName span{background: #999; padding: 3px 5px;border-radius: 3px; color: #fff}
.goodsInfo .goodsIntr{color: #999; padding:0 10px; background: #fff}
.goodsInfo .priceBox{ background: #fff; clear: both; overflow: hidden; padding-bottom: 10px; color: #999}
.goodsInfo .priceBox li{padding: 3px 10px; clear: both; overflow: hidden;}
.goodsInfo .priceBox li .money{color: #f00; font-size: 18px; font-weight: bold; padding-right: 10px}
.goodsInfo .priceBox li i{font-style: normal; color: #999; font-weight: normal; padding-left: 5px}
.goodsInfo .goodsContent{clear: both; background-color: #fff; padding: 10px;}
.goodsInfo .goodsContent .hd{background-color: #f1f1f1; height: 36px; line-height: 36px; text-align: center;}
.goodsInfo .goodsContent .bd{clear: both; padding-top: 10px;}
.shulges{clear: both; overflow: hidden; padding: 5px 10px}
.shulges p{font-weight: bold; color: #000}
.shulges .plus{clear: both; overflow: hidden;}
.shulges .plus .mp_minous,.shulges .plus .mp_plus{float: left; width: 30px; height: 30px; display: block; line-height: 24px; text-align: center; border: 1px #dbdbdb solid; font-size: 20px;}
.shulges .plus .mp_mp{width: 50px; float: left; margin: 0 15px}
.shulges .plus .mp_mp input.buyNum{margin: 0; height: 30px; line-height: 30px; text-align: center;}
.choic-sel span{display: block; float: left; padding: 5px 10px; margin-right: 10px; border: 1px #dbdbdb solid}
.choic-sel span.red{background: #c00; color: #fff;border-color: #c00}
.selectBtn{clear: both; padding: 10px 0; overflow: hidden;}
.selectBtn li{float: left; width: 50%; padding: 0 10px}
.selectBtn li button{width: 100%}

.selectFooter{background: #fff; clear: both; overflow: hidden; height: 44px; border-top: 1px #dbdbdb solid; position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; display: flex; display: -webkit-box;}
.selectFooter .btn{width: 100%;height: 44px;line-height: 44px; background: #d7000e;color: #fff}

/* 购物车 */
.emptyCart{ text-align: center; padding: 20px 0;}
.cartList{ margin-bottom:5px; overflow: hidden; border-bottom: 1px #dbdbdb solid; padding:10px; background-color: #fff}
.cartList p{clear: both; margin: 0px; font-size: 14px}
.cartList p.m{ color: #f00;}
.numberAction div{display: block; float: left; min-width: 24px; height: 24px; line-height:24px ;text-align: center; border: 1px #dbdbdb solid; margin-right: 5px; font-size: 12px; cursor: pointer;}
.infobox{overflow:hidden; margin-bottom:0; border-top: 1px #dbdbdb solid; background-color: #fff;}
.infobox .hd{ height: 30px; line-height: 30px; padding-left: 10px; font-weight: bold; background-color: #F5F4F4}
.infobox .bd{clear: both; overflow: hidden;}
.infobox p {margin: 0px;border-bottom: 1px solid #ccc; padding: 10px 15px; line-height: 18px;}
.infobox p:last-child { border: none;}
.infoTable{border: 0px; margin: 0; font-size: 1.2rem}
.infobox .fd{ height: 30px; line-height: 30px; padding:0 10px;background-color: #f1f1f1; border-top: 1px #dbdbdb solid}

/* 支付成功 */
.payOk{clear: both; overflow: hidden;}
.payOk .hd{height: 60px; line-height: 60px; padding-left: 10px;color: #5eb95e}
.payOk .hd i{background-color:#5eb95e;color: #fff; border-radius: 50%; padding: 5px }
.payOk .bd{text-align: center; background: #fff; border-bottom: 1px #dbdbdb solid; padding: 20px 0}
.payOk .fd{text-align: left; background: #fff;}
.payOk .fd p{border-bottom: 1px #dbdbdb solid; padding: 10px; margin: 0}
.payOk .fd p span{float: right;}

.orderList{background: #fff; clear: both; overflow: hidden; margin-bottom: 5px; border-top: 1px #dbdbdb solid; border-bottom: 1px #dbdbdb solid; font-size: 14px}
.orderList .hd{background: #f7f7f7; height: 36px; line-height: 36px; padding: 0 10px}
.orderList .hd span{float: right; color: #f00}
.orderList .fd{background: #f7f7f7; text-align: right; padding:5px 10px; font-size: 12px; clear: both; overflow: hidden;}
.orderList .fd span{font-size: 12px}
.orderList .fd .mui-btn{font-size: 12px;padding:3px 8px;}
.orderDetail{clear: both; overflow: hidden; border-bottom: 1px #dbdbdb solid; padding: 5px;}
.orderDetail:last-child{border: 0;}
.orderDetail img{display: block; float: left; width: 60px;}
.orderDetail li{margin-left: 70px;}
.orderDetail li p{line-height:20px; margin: 0}

.userList{clear: both; background: #fff; overflow: hidden; margin-top: 5px;}
.userList li{border-bottom: 1px #dbdbdb solid; clear: both; padding: 10px; height: 60px}
.userList li .face{height: 40px; width: 40px; border-radius: 50%; float: left; margin-right: 10px}
.userList li .name{float: left; line-height: 20px}
.pager{clear: both; overflow: hidden; text-align: center; padding-top: 10px}
.pager li{display: inline-block;}
.pager li a,.pager li span{display: block; width: 40px; height: 40px; border:1px #dbdbdb solid; line-height: 40px; text-align: center; font-size: 20px}


.pinyou{clear: both; overflow: hidden; margin-bottom: 10px; margin: 10px; background: #fff; box-shadow:0 0 10px #ccc}
.pinyou .hd{background:#d7000e; height: 40px; line-height: 40px; color: #fff; padding: 0 10px}
.pinyou .hd .code{float: left; color: #fff}
.pinyou .hd .status{float: right;background-color: #fff;color: #d7000e; line-height: 24px; margin-top: 8px; font-size: 14px; padding: 0 10px}
.pinyou .bd{border: 1px #ddd solid; border-top: 0; padding: 10px; overflow: hidden; clear: both; font-size: 14px; color: #666;}
.pinyou .bd .maxWeight{margin-bottom: 5px;}
.pinyou .bd .maxWeight span{color: #000; font-size: 16px;}
.pinyou .my-progressbar{height: 10px; border-radius: 5px; clear: both; background-color: #dbdbdb; overflow: hidden;}
.pinyou .my-progressbar span {background: #d7000e; height: 100%; display: block; float: left;border-radius: 7px;}
.pinyou .bd .add{border-top:1px #dbdbdb solid; margin-top: 10px; padding: 5px 0; font-size: 12px}
.pinyou .bd .date{font-size: 12px;}
.pinyou .bd .date span{font-size: 12px; color: #999}

.paidan .hd{background: #f60}
.paidan .hd .status{color: #f60;}
.paidan .my-progressbar span {background: #f60;}

.pyInfo{clear: both; padding: 10px; background-color: #fff; border-bottom: 1px #ddd solid;overflow: hidden;}
.pyInfo .hd{font-weight: bold; margin: 10px 0}
.pyInfo .bd{clear: both; overflow: hidden;}
.pyInfo .bd li{clear: both; overflow: hidden; font-size: 15px; padding: 5px 0}
.pyInfo .bd .remark{margin-top: 10px}
.pyInfo .bd .remark p{color: #999; font-size: 12px;}
.pyInfo .baoguo{ background: #f5f5f5; margin-top: 10px; clear: both; overflow: hidden; padding: 10px}
.pyInfo .baoguo li{clear: both; overflow: hidden;line-height: 24px;}
.pyInfo .baoguo li i{font-size: 14px}
.pyInfo .baoguo li.money{color: #000; font-size: 16px}

.mui-popup-input input{
height: 30px;
border-radius: 5px;
text-align: center;
border: 1px solid #dbdbdb;
}
.mui-popup-button {color: #d7000e;}

.useri,.useri a{color: #999}
.useri i{color: #f60;}
.userp i{color: #d7000e;}

.dongjie{text-align: center; padding: 10px 0;background: #5f9aa2; color: #fff; font-size: 12px}
.dongjie span{font-size: 18px; padding-left: 10px}

.bank{ border-top: 1px solid #ddd; background: #fff; margin-top: 1rem;}
.bank li{ border-bottom: 1px solid #ddd; overflow: hidden; padding: 1rem;}
.bank li img{ float: left; margin-top: 5px;}
.bank .bankname{ float: left; width: 80%; margin-left: 0.5rem;}
.bank .bankname .name{ font-size: 18px; color: #333;}
.bank .bankname .text{ font-size: 12px; color: #999;}
.bank .am-icon-angle-right,.bank .am-icon-trash{ float: right; margin-top: 10px; color: #666;}
.bank p{margin-bottom: 0}

.banks{background:#fff; clear: both; overflow: hidden;}
.banks .hd{text-align: left; padding: 10px; padding-bottom: 0}
.banks li{ border-bottom: 1px solid #ddd; overflow: hidden; padding: 1rem;}
.banks li img{float: left; margin-top: 5px; width: 30px;}
.banks .bankname{margin-left: 40px;}
.banks .bankname .name{ font-size: 14px; color: #333;}
.banks .bankname .text{ font-size: 12px; color: #999;}
.banks .bankname p{margin-bottom: 0}
.banks li .info{ float:left}
.banks li .qr{ float:right; margin-right: 10px}
.banks li .qr i{font-size: 2.5rem; color: #f60}

.jietu{border: 2px #ddd dotted; min-height: 50px; cursor: pointer; margin: 10px; text-align: center; color: #999}
.jietu img{display: block; max-width: 100%; margin: auto}

.hide{display: none;}
.loadding,#loadding,#ajaxno{text-align: center; padding: 10px; color: #999}

.tree{display:block;position:relative;padding:5px 15px;}
.tree span{display:inline-block;box-sizing:border-box;height:30px;line-height:28px;min-width:60px;text-align:center;color:#888;border:1px solid #ddd;border-radius:5px;padding:0 8px; background: #fff; cursor: pointer;}
.tree span i{font-size: 16px;}
.tree ul{position:relative;padding-left:60px;margin:0;}
.tree ul>li{position:relative;padding:5px 0;}
.tree>ul{padding:0;margin:0;}
/** 水平方向连线 */
.tree>ul ul>li:after{content:' ';position:absolute;top:20px;left:-45px;width:45px;border:none;border-top:1px solid #ddd;}
/** 垂直方向连线 */
.tree ul>li:not(:last-child):before{content:' ';position:absolute;top:0;left:-45px;height:100%;border:none;border-left:1px solid #ddd;}
.tree ul>li:last-child:before{content:' ';position:absolute;top:0;left:-45px;height:20px;border:none;border-left:1px solid #ddd;}
/** 折叠图标 */
.tree .fa:before{margin-right:5px;}
.tree .fa-minus-circle, .tree .fa-plus-circle{cursor:pointer;}