/**
车小才css
**/

/*public-css*/
body{line-height: 1;}
h1, h2, h3, h4, h5, h6, p {font-weight:400;}
ol, ul {list-style: none;}
.warp{width:100%;padding:.28rem;}
.warp-l-r{width:100%;padding-left:.28rem;padding-right:.28rem;}
.color-hong{color:#ff2d38 !important;}
.color-huang{color:#ffb759 !important;}
.color-lan{color:#3f85fd !important;}
.color-lv{color:#14e6a8 !important;}
.color-zi{color:#ef4ae9 !important;}
.color-cheng{color:#ff4200 !important;}
.color-hui{color:#999 !important;}

.m-t-0{margin-top:0!important;}
.m-l-10{margin-left:0.1rem !important;}
.m-r-10{margin-right:0.1rem !important;}
.m-t-20{margin-top:0.2rem !important;}
.m-r-20{margin-right:0.2rem !important;}
.m-b-20{margin-bottom:0.2rem !important;}
.p-t-20{padding-top:0.2rem !important;}
.p-b-20{padding-bottom:0.2rem !important;}
.m-t-30{margin-top:0.3rem !important;}
.m-b-30{margin-bottom:0.3rem !important;}
.loading{width:100%;font-size:.3rem;color:#999;-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;margin:.4rem 0;}

/*通用样式*/
.ft-h{height:calc(48px + .2rem);height: -webkit-calc(48px + .2rem);}
.height120{height:1.3rem;}
.flex{display: -webkit-flex;display: flex;}
.flex-0{flex:none!important;-webkit-flex:none!important;}
.flex-1{flex:1;-webkit-flex:1;}
.flex-left{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start; justify-content:flex-start; }
.flex-center{display: -webkit-flex;display: flex;-webkit-justify-content: center; justify-content: center; }
.flex-right{display: -webkit-flex;display: flex;-webkit-justify-content: flex-end; justify-content:flex-end; }
.flex-middle{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;}
.flex-bottom{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}
.text-center{text-align:center;}
.text-overflow-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.text-overflow-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
input::-webkit-input-placeholder {color: #aaa;}
.p-l-r-1{padding:0 .1rem;}


/**商品详情**/
.pro-con-silder{width:100%;height:7.5rem;display: -webkit-flex;display: flex; -webkit-align-items: center; align-items: center;-webkit-justify-content: center; justify-content: center; }
.pro-con-silder .slider-item{display: -webkit-flex;display: flex; -webkit-align-items: center; align-items: center;-webkit-justify-content: center; justify-content: center;}
.pro-con-silder .slider-item img{max-height:100%;max-width:100%;width:auto;}

.pro-con-silder .naver{padding:.28rem;display:flex;display:-webkit-flex;position: absolute; width: 100%; z-index: 99;top:0;}
.pro-con-silder .naver .list{flex:1;-webkit-flex:1; }
.pro-con-silder .naver .yx{width:.7rem;height:.7rem;background:rgba(0,0,0,.5);display: -webkit-flex;display: flex; -webkit-align-items: center; align-items: center;-webkit-justify-content: center; justify-content: center;border-radius:50%;-webkit-border-radius:50%;color:#fff;font-size:.36rem;}
.pro-con-silder .naver .yx.yxu{color:#ff2d38;}

.pro-con{padding:0;}
.pro-con img{max-width:100%;}

.spxq-bottom-fixed{width:100%;height:0.9rem;position:fixed;bottom:.2rem;padding:0 .4rem;}
.spxq-bottom-fixed a{display:block;height:100%;width:100%;color:#fff;font-size:.32rem;text-align: center;line-height: .9rem;border-radius:100rem;background-color:#ff7800;}

/*选择规格弹窗*/
.mui-popover{position: absolute;min-height:50px;width:33.333333%;border-radius:2px;-webkit-border-radius:2px; z-index: 999; display: none; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; opacity: 0; border-radius: 7px; background-color: #f7f7f7; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.mui-scroll-wrapper {position: static;z-index: 2; top: 0; bottom: 0;left: 0;}
.mui-table-view-cell > a:not(.mui-btn){margin:0;padding:.2rem 0;text-align: center;}
.mui-table-view-cell{padding:0;font-size:.3rem;}
.mui-popover .mui-scroll-wrapper{margin:0;}
.mui-popover .mui-table-view .mui-table-view-cell:last-child, .mui-popover .mui-table-view .mui-table-view-cell:last-child > a:not(.mui-btn){border-bottom-right-radius:2px;border-bottom-left-radius: 2px;}
.mui-popover .mui-table-view{border-radius:2px;-webkit-border-radius:2px;}
.mui-popover .mui-popover-arrow{top:-20px;width: 20px;height: 20px;}
.mui-popover .mui-popover-arrow:after{width: 20px;height: 20px;}
.mui-popover{position:absolute;z-index:999;display:none;
    -webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transform: none;transform: none;opacity: 0;border-radius: 7px;background-color: #f7f7f7;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.mui-popover .mui-popover-arrow{position: absolute;z-index: 1000;top: -25px;left: 0;overflow: hidden;width: 26px;height: 26px;}
.mui-popover .mui-popover-arrow:after{position: absolute;top: 19px;left: 0;width: 26px;height: 26px;content: ' ';-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius: 3px;background: #f7f7f7;}
.mui-popover .mui-popover-arrow.mui-bottom{top: 100%;left: -26px;margin-top: -1px;}
.mui-popover .mui-popover-arrow.mui-bottom:after{top: -19px;left: 0;}
.mui-popover.mui-popover-action{bottom: 0;width: 100%;-webkit-transition: -webkit-transform .3s, opacity .3s;transition:transform .3s, opacity .3s;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);border-radius: 0;background: none;-webkit-box-shadow: none;box-shadow: none;}
.mui-popover.mui-popover-action .mui-popover-arrow{display: none;}
.mui-popover.mui-popover-action.mui-popover-bottom{position: fixed;}
.mui-popover.mui-popover-action.mui-active{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.mui-popover.mui-popover-action .mui-table-view{margin: 8px;text-align: center;color: #007aff; border-radius: 4px;}
.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after{position: absolute;right: 0;bottom: 0;left: 0;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}
.mui-popover.mui-popover-action .mui-table-view small{font-weight: 400;line-height: 1.3;display: block;}
.mui-popover.mui-active{display: block;opacity:1;}
.mui-popover .mui-bar ~ .mui-table-view{padding-top:44px;}

.mui-backdrop{position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .3);}
.mui-bar-backdrop.mui-backdrop{bottom: 50px; background: none;}
.mui-backdrop-action.mui-backdrop{background-color: rgba(0, 0, 0, .3);}
.mui-bar-backdrop.mui-backdrop, .mui-backdrop-action.mui-backdrop{opacity: 0;}
.mui-bar-backdrop.mui-backdrop.mui-active, .mui-backdrop-action.mui-backdrop.mui-active{-webkit-transition: all .4s ease; transition: all .4s ease; opacity: 1;}

.shopping-con-cart{padding:.2rem;background:#fff!important;max-height:70%;}
.shopping-con-cart .con .mui-scroll-wrapper {top:1.6rem;left:.2rem;right:.2rem;width:auto;border-radius:0;position: absolute;overflow:hidden;}

.mui-scroll{position: absolute;z-index: 1;width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);padding-bottom:.2rem;}
.shopping-con-cart .cart-hd{width:100%;display:flex;display:-webkit-flex;}
.shopping-con-cart .cart-hd .pro-img{width:1.2rem;height:1.2rem;-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;background:#fff;border-radius:.1rem;-webkit-border-radius:.1rem;border:1px solid #e5e5e5;overflow: hidden;}
.shopping-con-cart .cart-hd .pro-img img{max-width:100%;max-height:100%;border-radius:.04rem;-webkit-border-radius:.04rem;}
.shopping-con-cart .cart-hd .pro-title{margin-left:.2rem;-webkit-flex: 1;flex: 1;padding-right:0.5rem;-webkit-align-items: center; align-items: center;display: -webkit-flex;display: flex;}
.shopping-con-cart .cart-hd .pro-price{font-size:.28rem;color:#333;}
.shopping-con-cart .cart-hd .pro-price h1{color:#f55050;font-size:0.3rem;}
.shopping-con-cart .cart-hd .pro-price h2{margin-top:.1rem;}
.shopping-con-cart .card-gg{margin-top:.2rem;font-size:0;border-bottom:#E6E6E6 1px solid;}
.shopping-con-cart .card-gg .title{font-size:.28rem;color:#999;}
.shopping-con-cart .card-gg .gg-list{margin-top:.2rem;}
.shopping-con-cart .card-gg .gg-list li{display:inline-block;margin-right:.2rem;margin-bottom:.2rem;}
.shopping-con-cart .card-gg .gg-list li a{display:block;width:100%;padding:.1rem .15rem;font-size:.26rem;color:#333;border:1px solid #eee;border-radius:4px;-webkit-border-radius:4px;}
.shopping-con-cart .card-gg .gg-list li.selected a{background:#ff2d38;color:#fff;}
.shopping-con-cart .shop-num{display: -webkit-box;display:flex;display:-webkit-flex;padding:.3rem 0;border-bottom:1px solid #e5e5e5;}
.shopping-con-cart .shop-num .text{font-size:.28rem;color:#333;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;-webkit-box-align:center;-webkit-box-pack:start;display:-webkit-box;}
.shopping-con-cart .shop-num .num-choose{font-size:0;webkit-box-flex: 1;-webkit-flex: 1;flex: 1;-webkit-box-align:center;-webkit-box-pack:end;}

.shopping-con-cart .shop-btn{margin-top:0.3rem;display: flex;align-items: center;}
.shopping-con-cart .shop-btn h4{font-size:0.3rem;color:#999;flex: 1;}


.shopping-con-cart .close{position:absolute;right:.2rem;top:.2rem;font-size:.4rem;color:#999;}

/*通用加减*/
.add-sub-con{flex:1;-webkit-flex:1;}
.add-sub-con a {float: left;width: .6rem;height: .6rem;line-height: .6rem;text-align: center;font-size: 0.32rem;color: #666;border: #efefef solid 1px;background-color: #F8F8F8;}
.add-sub-con a.aj {color: #fe0909;border: #efefef solid 1px;background: #fff;}
.add-sub-con a, .add-sub-con input {float: left;display: block;}
.add-sub-con input {width: .85rem;height: .6rem;box-sizing: border-box;text-align: center;font-size: 0.3rem;-webkit-border-radius: 0;border: 1px solid #efefef;background-color:#fff;}

/*商城下单*/
.confirmorder{}
.confirmorder .address{display:block;background:#fff url("../images/addree-bg.jpg") 0 bottom no-repeat;padding:.28rem .28rem .3rem .28rem;background-size:contain;}
.confirmorder .address:active{background-color:#FAFAFA;}
.confirmorder .address .hd{font-size:.3rem;color:#333;font-weight:bold;display: -webkit-flex;display: flex;padding-bottom:.2rem;}
.confirmorder .address .hd .l{}
.confirmorder .address .hd .r{margin-left:.2rem;}
.confirmorder .address .ft{font-size:.28rem;color:#333;line-height:1.3;display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;}
.confirmorder .address .ft .l{-webkit-flex: 1;flex: 1;}
.confirmorder .address .ft .l p{color:#666;}
.confirmorder .address .ft .r{width:.6rem;color:#ccc;text-align: right;}

.xd-goods-info{background-color:#fff;margin-top:0.2rem;}
.xd-goods{display:flex;display:-webkit-flex; padding:0.28rem;background-color:#fff;border-bottom:1px solid #e5e5e5;}
.xd-goods .img{width:1.4rem;height:1.4rem;border:1px solid #e5e5e5;display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;-webkit-justify-content: center; justify-content: center;}
.xd-goods .img img{max-width:100%;max-height:100%;}

.xd-goods .good-r{flex:1;-webkit-flex:1;padding-left:0.2rem;}
.xd-goods .good-r h6{font-size:0.3rem;font-weight:normal;color:#333;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:1.2;}
.xd-goods .good-r dl{font-size:0.24rem;color:#999;display: -webkit-flex;display: flex;margin-top:0.1rem;}
.xd-goods .good-r dl dd{margin-right:.15rem;}

.xd-goods .good-r .good-ft{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;font-size:0.35rem;padding-top:0.1rem;}
.xd-goods .good-r .good-ft span{display:block;color:#ff2d38;flex:1;-webkit-flex:1;}
.xd-goods .good-r .good-ft span em{font-size:.26rem;margin-left:.05rem;}
.xd-goods .good-r .good-ft .num{color:#333;}
.xd-goods-ly{margin-top:.2rem;background-color:#fff;padding:.2rem;}
.xd-goods-ly textarea{border:1px solid #e5e5e5;background-color:#f9f9f9;width:100%;padding:0.2rem;font-size:0.28rem;color:#333;border-radius:4px;height:2rem;}

.xd-goods-zf{width:100%;position:fixed;height:0.9rem;background-color:#fff;display:flex;display:-webkit-flex;bottom:0;left:0;z-index:1;-webkit-align-items: center; align-items: center;}
.xd-goods-zf a{width:2.2rem;height:100%;background-color:#ff2d38;color:#fff;font-size:0.3rem;text-align:center;line-height:0.9rem;}
.xd-goods-zf h2{font-size:0.28rem;flex:1;-webkit-flex:1;color:#999;padding-left:0.24rem;font-weight:normal;line-height:1.2;}
.xd-goods-zf h2 span{font-size:0.32rem;}
.xd-goods-zf h2 span em{color:#ff2d37;}
.xd-goods-zf h2 span i{font-size:.26rem;}

.zfzt{background:#fff;padding:.8rem 0;}
.zfzt h1{font-size:1rem;color:#24c76a;text-align: center;}
.zfzt h2{color:#24c76a;text-align: center;font-size:.3rem;margin-top:.1rem;font-weight:normal;}

.qrzf{background:#fff;padding:.8rem 0;}
.qrzf h1{font-size:.28rem;text-align:center;color:#999;font-weight:normal;}
.qrzf h2{font-size:.5rem;color:#ff2d38;text-align: center;font-weight:normal;margin-top:.1rem;}

.zfzt2{background:#fff;padding:.8rem 0;}
.zfzt2 h1{font-size:1rem;color:#ff2d38;text-align: center;}
.zfzt2 h2{color:#ff2d38;text-align: center;font-size:.3rem;margin-top:.1rem;font-weight:normal;}


.public-input-con{padding:0 0.28rem;background-color: #fff;}
.public-input{width:100%;background-color: #fff;padding-top:0.3rem;position: relative;}
.public-input h6{font-size:0.28rem;color:#666;vertical-align:middle;}
.public-input h6 i{margin-right:0.1rem;}
.public-input > .info{position: relative;display: flex;align-items: center;justify-content: center;}
.public-input > .info input{height:0.84rem;line-height: 0.84rem;border:none;color:#333;font-size:.3rem;flex: 1;}
.public-input > .info .change{font-size:0.28rem;color:#999;}
.public-input > .info i{font-size:0.28rem;color:#999;}
.public-input:after{content: '';position: absolute;height: 1px;background-color: #e5e5e5;transform: scaleY(.5);-webkit-transform: scaleY(.5);bottom: 0;left: 0;right: 0;}
.public-input .info textarea{flex: 1;font-size:0.3rem;color:#333;border:none;padding-top:0.24rem;height:1.2rem;line-height: 1.2;}
.public-input .info select{height:0.84rem;line-height: 0.84rem;border:none;color:#333;font-size:.3rem;flex: 1;width:100%;}

/*会员订单*/
.order_list_tab{background-color:#fff;display: -webkit-flex;display: flex;}
.order_list_tab li{flex:1;-webkit-flex:1;}
.order_list_tab li a{display:block;font-size:.28rem;color:#333;position: relative;padding:.3rem;text-align: center;}
.order_list_tab li.cur a{color:#4a608e;}
.order_list_tab li.cur a:after{content:'';position: absolute;bottom:0;height:2px;background-color:#4a608e;left:50%;width:.8rem;margin-left:-.4rem;}

.user-ddlist{}
.user-ddlist li{margin-top:.28rem;background-color:#fff;padding:0 .28rem;}
.user-ddlist .hd{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;padding:.26rem 0;font-size:.28rem;position: relative;margin-bottom:.26rem;}
.user-ddlist .hd:after{content:'';position: absolute;bottom:0;width:100%;height:1px;background-color:#e5e5e5;transform: scaleY(.5);-webkit-transform: scaleY(.5);}
.user-ddlist .hd .l{flex:1;-webkit-flex:1;color:#999;}
.user-ddlist .hd .l span{color:#333;}
.user-ddlist .pro{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;padding-bottom:.26rem;position: relative;}
.user-ddlist .pro .l{width:1.72rem;height:1.72rem;border:#e5e5e5 1px solid;display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;-webkit-justify-content: center; justify-content: center;}
.user-ddlist .pro .l img{max-width:100%;max-height:100%;}
.user-ddlist .pro .r{flex:1;-webkit-flex:1;padding-left:.2rem;}
.user-ddlist .pro .r h1{font-size:.28rem;color:#333;line-height:normal;font-weight:normal;}
.user-ddlist .pro .r h2{color:#999;font-size:.24rem;margin-top:.15rem;font-weight:normal;}
.user-ddlist .pro .r h3{color:#f84247;font-size:.28rem;margin-top:.15rem;display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;font-weight:normal;}
.user-ddlist .pro .r h3 span{color:#333;font-size:.3rem;margin-left:.2rem;}
.user-ddlist .zj:after{content:'';position: absolute;left:0;right:0;top:0;height:1px;background-color:#e5e5e5;transform: scaleY(.5);-webkit-transform: scaleY(.5);}
.user-ddlist .zj{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;font-size:.28rem;color:#666;padding:.26rem 0;position: relative;}
.user-ddlist .zj .l{padding-right:.2rem;}
.user-ddlist .zj .r{flex:1;-webkit-flex:1;text-align: right;}
.user-ddlist .ft{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;font-size:.28rem;color:#666;padding:0  0 .26rem 0;}
.user-ddlist .ft .l{flex:1;-webkit-flex:1;}

.user-ddcon-dz{background-color:#fff;padding:.28rem;font-size:.28rem;color:#333;}
.user-ddcon-dz .hd{display: -webkit-flex;display: flex;-webkit-align-items: center; align-items: center;}
.user-ddcon-dz .hd .name{flex:1;-webkit-flex:1;}
.user-ddcon-dz .hd .tel{}
.user-ddcon-dz .adress{margin-top:.2rem;line-height: 1.3;}