*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{word-break: break-word;}
.ui-header ~ .ui-container {border-top:44px solid transparent;}
img{vertical-align: top;}
.plr15{padding-left: 15px;padding-right: 15px;}
.bgc-e{background: #eee;}
.fz14{font-size: 14px;}
.ml30{margin-left: 30px;}
/*去除加减按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
/*头部*/
.ui-header{background: #C01820;height:44px;text-align: center;}
.ui-header .titl{color: #fff;font-size: 16px;font-weight: bold;}
.ui-header .logo-box{display:inline-block;vertical-align:top;height:44px;line-height:44px;background:url("../../img/logo.png") no-repeat left center/18px;padding-left:21px;color: #fff;font-size: 14px;margin-left: 10px;margin-right: 10px;}
.ui-header .personal{color: #fff;font-size: 14px;margin-right: 10px;}
.ui-header .personal .avatar{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border: 1px solid #F2F2F2;border-radius: 50%;overflow: hidden;margin-left: 5px;}
.ui-header span{padding: 0}
.ui-header .left-box{position: absolute;left:0;top:0;}
.ui-header .right-box{position: absolute;right:0;top:0;}
.ui-header .btn-menu{width:65px;height:44px;display:inline-block;vertical-align:top;text-align: left;background:url("../../img/btn-menu-1.png")no-repeat 10px center/16px 16px;padding-left: 31px;color:#fff;font-size: 14px;}
.ui-header .btn-return{display:inline-block;vertical-align:top;width:26px;height:44px;background:url("../../img/btn-return.png") no-repeat center center/7.5px 16px;}
.ui-header .share{display:inline-block;vertical-align:top;width:36px;height:44px;background:url("../../img/share-1.png") no-repeat center center/16px 16px;}
/*banner*/
.top-banner{width:100%;padding-top:42.66667%;}
.top-banner .swiper-wrapper{position:absolute;top:0;left:0;height:100%}
.top-banner .swiper-slide>a{display:block;width:100%;height:100%;overflow:hidden}
.top-banner>.swiper-pagination-bullets{bottom:0}
.top-banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin-left:3px;margin-right:3px;width:6px;height:6px}
.top-banner .swiper-pagination-bullet-active{background:#C53423;}
/*用户信息*/
.user-box{background: #292929;-webkit-box-shadow: 0px 0px 9px 1px rgba(77, 70, 69, 0.08);box-shadow: 0px 0px 9px 1px rgba(77, 70, 69, 0.08);border-radius: 8px;overflow: hidden;margin-bottom: 42px;}
.user-box .panel-nologin{padding: 18px 10px 18px 20px;color: #fff;font-size: 14px;}
.user-box .panel-nologin .btn{display:block;width:80px;height:30px;line-height:30px;border-radius:15px;font-size:14px;color:#fff;text-align:center;font-weight: bold;background: #C01820;}
.user-box .panel-haslogin{padding: 18px 10px;color: #fff;font-size: 14px;}
.user-box .panel-haslogin .name{font-weight: bold;color: #fff;margin-top: -4px;}
.user-box .panel-haslogin .avatar{width: 50px;height: 50px;border: 1px solid #666666;margin-right: 7px;border-radius: 50%;}
.user-box .panel-haslogin .avatar .data-photo{border-radius: 50%;}
.user-box .panel-haslogin .points{color: #FF9700;font-size: 18px;font-weight: bold;margin-left: 32px;margin-right: 7px;}
.user-box .panel-haslogin .points img{vertical-align: middle;margin-right: 3px;margin-top: -3px;}
.user-box .panel-haslogin .info{font-size: 0;margin-top: 6px;}
.user-box .panel-haslogin .info span{padding-right: 9px;}
.user-box .panel-haslogin .arrow{vertical-align: middle;}
/*商品列表*/
.goods-box .headline{margin-bottom: 15px;}
.goods-box .type-list{padding: 0 5%;margin-bottom: 15px;}
.goods-box .type-list a{display:block;color: #333;font-size: 14px;position: relative;line-height: 44px;}
.goods-box .type-list .active a:before{content: "";position: absolute;bottom: 0;left: 50%;width: 28px;height: 4px;background: #C01820;margin-left: -14px;}
.goods-box .goods-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.goods-box .goods-list li{width: 50%;margin-bottom: 20px;}
.goods-box .goods-list li:nth-child(odd){padding-right: 7px;}
.goods-box .goods-list li:nth-child(even){padding-left: 7px;}
.goods-box .goods-list li a{display: block;}
.goods-box .goods-list li .img-box{width: 100%;padding-top: 100%;position: relative;border: 1px solid #EEEEEE;border-radius: 8px;overflow: hidden;margin-bottom: 10px;}
.goods-box .goods-list li .img-box img{position: absolute;top:0;left: 0;}
.goods-box .goods-list li .img-box .xs{display: block;width: 36px;height: 22px;background: #E32500;border-radius: 0px 8px 0px 8px;color: #fff;font-size: 14px;font-weight: bold;text-align: center;position: absolute;bottom: 0;left: 0;line-height: 22px;}
.goods-box .goods-list li .titl{color: #333;font-size: 14px;font-weight: bold;}
.goods-box .goods-list li .other{color: #999;font-size: 12px;margin-top: 6px;}
.goods-box .goods-list li .other .type-sign{display: inline-block;vertical-align: top;width: 24px;height: 14px;background-position: center center;background-size: 100%;background-repeat: no-repeat;margin-right: 8px;margin-top: 2px;}
.goods-box .goods-list li .other .type-sign.zx{width: 25px;background-image: url("../../img/2021_m/mall/icon_sign_zx.png");}
.goods-box .goods-list li .other .type-sign.hw{background-image: url("../../img/2021_m/mall/icon_sign_hw.png");}
.goods-box .goods-list li .other .type-sign.kc{background-image: url("../../img/2021_m/mall/icon_sign_kc.png");}
.goods-box .goods-list li .other .type-sign.kk{background-image: url("../../img/2021_m/mall/icon_sign_kk.png");}
.goods-box .goods-list li .price{color: #666;font-size: 12px;margin-top: 6px;}
.goods-box .goods-list li .price em{color: #FF9700;font-weight: bold;}
.nav-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;text-align: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 20px;}
.nav-list li{width: 33.3%;padding-top:20px;}
.nav-list li p{color: #333;font-size: 14px;margin-top: 10px;padding: 0 14px;}
/*商品详情页*/
.page-product{padding-bottom: 88px;}
.page-product .p-banner{width: 100%;padding-top: 100%;position: relative;}
.page-product .p-banner .swiper-container{width: 100%;height:100%;position: absolute;top:0;left: 0;}
.page-product .p-banner .swiper-pagination{width: 46px;height: 18px;background: rgba(0,0,0,.4);border-radius: 9px;line-height: 18px;right: 10px;left:auto;color: #fff;font-size: 12px;}
.page-product .p-intro-box{padding: 15px 10px 0;}
.page-product .p-intro-box>div{border-radius: 8px;padding: 15px 12px;}
.page-product .p-intro-box .price{color: #333;font-size: 12px;font-weight: bold;}
.page-product .p-intro-box .price em{color: #FF9700;font-size: 20px;}
.page-product .p-intro-box .other{color: #999;font-size: 12px;text-align: right;}
.page-product .p-intro-box .old-price span{color: #333;font-size: 12px;text-decoration: line-through;}
.page-product .p-intro-box .time-box{margin-top: 15px;}
.page-product .p-intro-box .time-box .time{color: #E32500;font-size: 12px;}
.page-product .p-intro-box .time-box .sign{display: inline-block;vertical-align: middle;width: 50px;height: 18px;background:#EC6B52 url("../../img/2021_m/mall/icon_clock.png") no-repeat 2px center/12px 11px;padding-left: 16px;border: 1px solid #E32500;border-radius: 4px;color: #E32500;font-weight: bold;text-align: center;line-height: 16px;font-size: 12px;overflow: hidden;margin-right: 4px;}
.page-product .p-intro-box h2{color: #333;font-size: 16px;line-height: 26px;margin-top: 15px;font-weight: bold;}
.page-product .p-intro-box h2 .type-sign{display: inline-block;vertical-align: top;width: 28px;height: 16px;background-position: center center;background-size: 100%;background-repeat: no-repeat;margin-right: 4px;margin-top: 5px;}
.page-product .p-intro-box h2 .type-sign.zx{background-image: url("../../img/2021_m/mall/icon_sign_zx_middle.png");}
.page-product .p-intro-box h2 .type-sign.hw{background-image: url("../../img/2021_m/mall/icon_sign_hw_middle.png");}
.page-product .p-intro-box h2 .type-sign.kc{background-image: url("../../img/2021_m/mall/icon_sign_kc_middle.png");}
.page-product .p-intro-box h2 .type-sign.kk{background-image: url("../../img/2021_m/mall/icon_sign_kk_middle.png");}
.page-product .p-intro-box .brief{color: #666;font-size: 14px;line-height: 20px;margin-top: 6px;}
.page-product .p-detail-box h3{color: #999;font-size: 12px;line-height: 47px;text-align: center;}
.page-product .p-detail-box .cnt{padding: 30px 0 20px;}
.page-product .p-detail-box .txt{padding: 0 10px 10px;color: #333;font-size: 14px;line-height: 1.5;}
.page-product .p-detail-box .cnt img{display:block;max-width: 100%;margin-top:10px;max-height: 100%!important;}
.exchange-footer{height: 50px;border: 1px solid #EEEEEE;padding: 0 9px;}
.exchange-footer .price{color: #666;font-size: 14px;font-weight: bold;}
.exchange-footer .price em{color: #FF9700;}
.exchange-footer .user{color: #666;font-size: 12px;line-height: 18px;}
.exchange-footer .user img{width: 18px;height: 18px;border: 1px solid #EEEEEE;border-radius: 50%;margin-right: 5px;}
.exchange-footer .user span{padding-left:8px;color:#E32500;}
.exchange-footer a{display:block;width: 120px;height: 36px;background: #999999;border-radius: 18px;border: 1px solid #999999;color: #fff;font-size: 14px;font-weight: bold;line-height: 34px;text-align: center;}
.exchange-footer a.bgc-ff{background: #FF9700;border-color: #FF9700;}
.exchange-footer a.bgc-fd{background: #FD6420;border-color: #FD6420;}
.exchange-footer a.bgc-tr{background: transparent;color: #666;}
/*兑换页面*/
.order-sure .ui-dialog-bd{text-align: center;line-height:24px;}
.order-sure .ui-dialog-ft button{color: #333333;}
.order-sure .ui-dialog-ft button:first-child{color: #666666;}
.page-exzhange{padding-bottom: 64px;}
.page-exzhange .s-title{height: 40px;line-height: 40px;color: #666;font-size: 14px;}
.page-exzhange .e-product{padding: 0 12px;margin-bottom: 7px;}
.page-exzhange .e-product .p-box{padding: 15px 0;position: relative;}
.page-exzhange .e-product .b-box{padding: 13px 0;border-top: 1px solid #eee;font-size: 14px;color: #666;}
.page-exzhange .e-product .b-box .ui-list-info{margin-left: 20%;position: relative;}
.page-exzhange .e-product .b-box .ui-list-info>div{visibility:hidden;font-size: 14px;color: #333;text-align: right;line-height: 18px;min-height: 18px;width: 100%;}
.page-exzhange .e-product .b-box textarea{border: 0;font-size: 14px;color: #333;text-align: right;line-height: 18px;width: 100%;height: 18px;vertical-align: top;position: absolute;top: 0;right: 0;}
.page-exzhange .e-product .num-operate{position: absolute;bottom: 17px;right: 0;}
.page-exzhange .e-product .num-operate input{width: 68px;height: 25px;border: 1px solid #D1D1D1;line-height: 23px;text-align: center;font-size: 14px;font-weight: bold;color: #333;}
.page-exzhange .e-product .num-operate a{font-size: 18px;font-weight: bold;color: #333;padding: 0 8px;line-height: 25px;}
.page-exzhange .e-product .num-operate .disabled{color: #9E9E9E;cursor: not-allowed;}
.page-exzhange .e-product .ui-list-img{width:70px;height:70px;border-radius: 8px;overflow: hidden;margin: 0 12px 0 0;border: 1px solid #eee;}
.page-exzhange .e-product .ui-list-img a{display:block;width:100%;height:100%;}
.page-exzhange .e-product .ui-list-info{padding: 0}
.page-exzhange .e-product h5{font-size: 16px;font-weight: bold;margin-bottom:12px;}
.page-exzhange .e-product h5 a{color: #333;}
.page-exzhange .e-product .points{color:#666;font-size: 12px;}
.page-exzhange .e-product .points em{color: #FF9700;font-weight: bold;}
.page-exzhange .e-username{color: #666;height:56px;line-height: 49px;padding: 0 16px 0 18px;margin-bottom: 7px;}
.page-exzhange .e-username .ui-list-info{padding: 0;color: #333;text-align: right;}
.pay-footer{height: 64px;padding:11px 15px;}
.pay-footer a{display: block;width: 100%;height: 40px;line-height: 40px;border-radius:2px;background: #FF641C;color: #fff;font-size: 14px;text-align: center;}
.pay-footer.no-bg{background: transparent;border-top: 0;padding-bottom: 29px;}
.page-exzhange .address-box{padding:18px 12px 0;margin-bottom: 7px;font-size: 14px;}
.page-exzhange .address-box .address-tag{font-size: 0;}
.page-exzhange .address-box .address-tag span{display: inline-block;vertical-align: top;width: 54px;height: 16px;border-radius: 2px;background: #F5F5F5;border: 1px solid #DDDDDD;font-size: 12px;color: #333;text-align: center;line-height: 14px;}
.page-exzhange .address-box .address-item{display:block;color: #333;line-height: 24px;padding: 10px 36px 10px 0;position: relative;}
.page-exzhange .address-box .address-item:after{content:"";display: block;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);height: 6px;width: 6px;border-width: 2px 2px 0 0;border-color: #C7C7CC;border-style: solid;top: -2px;position: absolute;right: 15px;top: 50%;margin-top: -4px;}
.page-exzhange .address-box .address-btn{display:block;color: #000;line-height: 50px;font-size: 14px;}
.page-exzhange .address-box .address-btn em{display:inline-block;vertical-align:middle;width:17px;height:17px;background:url("../../img/mall/add_btn.png") no-repeat center center/100%;margin-right:12px;margin-top: -5px;}
.page-exzhange .address-box .address-item p{margin-bottom: 5px;}
.page-exzhange .pay-box{background: #fff;font-size: 14px;}
.page-exzhange .pay-box .s-title{padding-left: 14px;border-bottom: 1px solid #E5E5E5;}
.page-exzhange .pay-box ul{padding-left: 13px;border-bottom: 1px solid #e5e5e5;}
.page-exzhange .pay-box ul li{height: 40px;line-height: 40px;color: #000;padding:0 11px 0 3px;}
.page-exzhange .pay-box ul li:last-child{border-top: 1px solid #e5e5e5;}
.page-exzhange .pay-box ul li img{margin-right: 21px;vertical-align: middle;}
.page-exzhange .pay-box .gou{display: none;width:16px;height:100%;background: url("../../img/mall/gou.png") no-repeat center center/12px 9px; }
.page-exzhange .pay-box .active .gou{display: block;}
.page-exzhange .account-box{position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #E5E5E5;padding-left: 15px;color: #000;font-size: 14px;}
.page-exzhange .account-box img{vertical-align: middle;margin-right: 19px;}
.page-exzhange .account-box .charge{display: block;width:55px;height:23px;line-height: 23px;background: #f60;color:#fff;text-align: center;position: absolute;top:10px;right:12px;}
/*支付成功*/
.page-payscu{text-align: center;padding: 0 14px;}
.page-payscu img{display: block;margin: 84px auto 15px;}
.page-payscu h3{color: #333;font-size: 18px;}
.page-payscu p{color: #888;font-size: 12px;margin-top: 15px;}
.page-payscu a{display: block;width: 100%;height: 40px;border-radius:2px;line-height: 40px;background: #C53423;color: #fff;font-size: 16px;margin-top: 25px;}
.page-payscu a.return{border: 1px solid #D6D5D6;background: #FBFAFC;color: #333;margin-top: 13px;line-height: 38px;}
/*修改收货地址*/
textarea{resize:none}
.j-modify-addr .ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio){width:80px;font-size:15px;color:#333;}
.j-modify-addr .ui-form-item input,.j-modify-addr .ui-form-item textarea{padding-left:80px}
.j-modify-addr .ui-form-item > .ui-select{margin-left:80px}
.j-modify-addr .address,.j-modify-addr .address textarea{height:85px}
.j-modify-addr .address textarea{padding-top:11px;padding-right:15px}
.j-modify-addr .ui-form-item input,.j-modify-addr .ui-form select,.j-modify-addr textarea{font-size:15px;}
.j-modify-addr .ui-form-item+.ui-form-item:after{content:"";position:absolute;top:0;left:15px;width:calc( 100% - 15px );height:1px;background:#E5E5E5}@media(max-width:320px){.j-modify-addr .ui-form-item+.ui-form-item:after{left:10px;width:calc( 100% - 10px );}}
.ui-btn-danger{background: #c01820;}
/*我的积分*/
.personal-card{padding: 10px 10px 0;background:#c01820;position: relative;margin-bottom: 15px;}
.personal-card:before{content: "";position: absolute;bottom: 0;left:0;width: 100%;height:55px;background:#fff url("../../img/2021_m/mall/img_per_bg.png") no-repeat center bottom/100%;z-index: 1;}
.personal-card .info{height:150px;background:#1B1B1B url("../../img/2021_m/mall/img_user_bg.png") no-repeat right bottom/216px;padding: 0 20px 33px;position: relative;z-index: 2;border: 2px solid #CF1E25;border-radius: 10px;}
.personal-card .avatar{width: 54px;height: 54px;border-radius: 50%;margin-right: 14px;position:relative}
.personal-card .avatar .data-photo{border-radius: 50%;}
.personal-card .yqr-icon{position:absolute;right:0;bottom:0}
.personal-card .name{font-size:16px;color:#fff;font-weight: bold;margin-bottom: 5px;margin-top: 5px;}
.personal-card .points{color: #bbb;font-size: 12px;margin-top: -8px;}
.personal-card .points span{color: #E6A138;font-size: 18px;font-weight: bold;display: inline-block;vertical-align: middle;}
.personal-card .points img{vertical-align: middle;margin-right: 4px;}
.personal-card .svip-sign{display: inline-block;vertical-align: top;}
.personal-card .nav{position: relative;z-index: 3;width:87%;height: 66px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);border-radius: 10px;margin: -33px auto 0;text-align: center;}
.personal-card .nav img{vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.personal-card .nav p{color: #666;font-size: 12px;}
.personal-card .nav p:first-child{color: #333;font-size: 14px;font-weight: bold;margin-bottom:2px;}
.personal-card .nav .line{width: 1px;height: 34px;background: #EEEEEE;}
.my-tabnav{margin-top: 15px;}
.my-tabnav li{width: 50%;text-align: center;}
.my-tabnav li a{display: inline-block;vertical-align: top;color: #666;font-size: 16px;padding-bottom: 10px;}
.my-tabnav .active a{color: #333;font-weight: bold;position: relative;}
.my-tabnav .active a:after{content: "";position:absolute;bottom: 0;left: 50%;width: 50px;height: 4px;background: #C01820;border-radius: 2px;margin-left: -25px;}
.points-tabnav{border-radius: 4px;overflow: hidden;font-size: 0;width: 160px;height: 28px;border: 1px solid #DCDCDC;margin: 25px auto 0;text-align: center;}
.points-tabnav li{width: 80px;height: 26px;font-size: 12px;line-height: 26px;}
.points-tabnav li a{display: block;color: #999;}
.points-tabnav .active a{color: #fff;}
.points-tabnav .active{border-color: #c01820;background: #c01820;}
/*积分明细*/
.detail-list li{border-bottom: 1px solid #eee;padding: 14px 18px;}
.detail-list li h3{color: #333;font-size: 14px;font-weight: bold;}
.detail-list li p{color: #999;font-size: 12px;margin-top: 2px;}
.detail-list li .num{color: #333;font-size: 16px;font-weight: bold;}
/*兑换记录*/
.record-list{padding: 15px 15px;}
.record-list li{margin-bottom: 15px;border-radius: 8px;background: #FFFFFF;padding: 0 15px;-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);}
.record-list .o-header{line-height: 46px;font-size: 12px;color: #666;}
.record-list .o-header span{padding: 0 5px;color: #D8D8D8;}
.record-list .o-header a{color: #999;}
.record-list .thumb{width: 50px;height: 50px;border-radius: 8px;border: 1px solid #eee;overflow: hidden;margin-right: 8px;}
.record-list .titl{font-size: 14px;line-height: 22px;color: #333333;font-weight: bold;}
.record-list .titl a{color: inherit;}
.record-list .o-p-box{margin-top: 15px;border-bottom: 1px solid #eee;font-size: 12px;color: #999;}
.record-list .o-p-box>div{margin-bottom: 10px;}
.record-list .o-p-box>div>div:last-child{color: #666;text-align: right;}
.record-list .o-p-box span{font-weight: bold;color: #FF9700}
.record-list .o-footer{font-size: 12px;line-height: 46px;}
.record-list .o-footer .time{color: #999;}
.record-list .btn{display: block;width: 70px;height: 24px;border-radius: 13px;border: 1px solid #c01820;line-height: 22px;text-align: center;font-size: 12px;color: #C01820;}
/*富文本*/
.rich-titl{color: #333;font-size: 20px;font-weight: bold;padding: 25px 0;text-align: center;}
.rich-cnt img{max-width: 100%;height: auto!important;}
.rich-cnt{color: #333;font-size: 14px;line-height: 1.5;}