@import "/pages/font.wxss";
body{box-sizing:border-box;font-size: 16px;}
view,text,scroll-view,icons,swiper-item,block,swiper{box-sizing:border-box !important;position: relative;}
.m{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.s{box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1)}
.t{text-shadow: 1px 1px rgba(0,0,0,0.1);}
page{background:#f0f0f0;}


.bottom{position: fixed;width: 100vw;height:50px;line-height:50px;bottom: 0 !important;left: 0;background: #fff;box-shadow: 0 1px 8px 0px #eee;z-index: 10000;}
.bottom view{float: left;width:20%;text-align: center;height: 50px;line-height:36px;font-size: 26px !important;color: #333;}
.bottom  text{position: absolute;width: 100%;font-size: 14px;bottom:-8px;left: 0;}
.bottom .num{position: absolute;width: 18px;height: 18px;background: #ff3853;font-size: 10px !important;font-weight: normal;border-radius: 50%;text-align: center;color: #fff;top:5px;line-height: 18px;right:25%;}
.web_bottom{float: left;width: 100%;padding-bottom:60px;}
.web_bottom image{float: left;width: 100%;}

.box_s{box-shadow: 1px 1px 1px rgba(0,0,0, .1),-1px -1px 1px rgba(226, 226, 226, 0.3);background: #fff;z-index: 100;float: left;position: relative;border-radius: 5px;width:100%}
.box_s::before,.box_s::after{content:"";position: absolute;z-index:-1 !important;bottom:10px;left: 10px;width: 50%; height: 20%;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);transform: rotate(-3deg);}
.box_s::after {right: 10px;left: auto;transform: rotate(3deg);}

.rad{color: #ff3853;}
.nav{position: fixed;width: 100%;z-index: 10000;height: 46px;line-height: 46px;text-align: center;font-size: 18px;}

.nav_home{position: absolute;height:32px;line-height: 32px;left:10px;top:8px;background: rgba(255,255,255, 0.5);border-radius:16px;}
.nav_home text{float: left;font-size:24px !important;padding-left:8px;padding-right:8px;height:32px;line-height: 32px;}

.login_box{position: fixed;width: 100vw;height: 100vh;background: -webkit-repeating-linear-gradient( rgb(144, 248, 255) , rgb(5, 167, 189) 100%);left: 0;top:150vh;z-index: 100000000;}
.login_show{top: 0;}
.login_bt{position: absolute;height: 60px;line-height: 60px;border-radius: 30px;background: #ff3853;color: #fff;font-size:38px !important;bottom: 100px;text-align: center;padding-left: 200rpx;padding-right: 200rpx;width: 650rpx;margin-left: 50rpx;}
.login_bt text{display:absolute;line-height: 60px;font-size:20px;height: 60px;float: right;}
.no_login{position: absolute;width: 100%;text-align: center;bottom:60px;}
.login_bt button{position: absolute;width: 100% !important;z-index: 100;height: 60px;top: 0;left: 0;opacity: 0;}

.win_bg{position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;background: rgba(0,0,0, .6);z-index: 10000;}
.quan_box{position: fixed;width: 100vw;height:70vh;bottom:-150vh;left: 0;background: #fff;padding: 10px;border-top-right-radius:20px;border-top-left-radius:20px;z-index: 20000;}
.quan_box .handle{float: left;width: 100%;text-align: center;color: #999;border-bottom: 1px solid #eee;height: 32px;line-height: 32px;}
.quan_box scroll-view{float: left;width: 100%;height:63vh;padding-bottom: 10px;}
.quan_list{float: left;width: 100%;height:100px;background: rgba(255, 0, 0, 0.15);margin-top: 10px;border-radius:8px;overflow: hidden;padding-left: 130px;}
.quan_list::after{position: absolute;content: '';width: 16px;height: 16px;background: #fff;border-radius: 50%;left: 100px;top: -8px;}
.quan_list::before{position: absolute;content: '';width: 16px;height: 16px;background: #fff;border-radius: 50%;left: 100px;bottom: -8px;}
.quan_list .price{position: absolute;width: 100px;height: 50px;line-height: 50px;color: #ff3853;font-weight: bold;text-align: center;font-size: 30px;top: 10px;left: 0;}
.quan_list .price text{font-size: 14px;}
.quan_list .info{position: absolute;width: 100px;height: 32px;line-height: 32px;color: #ff3853;text-align: center;bottom: 10px;left:5px;}
.quan_list .quan_info{float: left;width: 100%;font-weight: bold;color: #ff3853;font-size: 18px;height: 30px;line-height: 30px;margin-top:15px;}
.quan_list .date{float: left;width:100%;height: 20px;line-height: 20px;color: #666;font-size: 12px;}
.quan_list .bt{position: absolute;padding-left: 15px;padding-right: 15px;background: #ff3853;color: #fff;font-size: 14px;border-radius: 12px;height: 24px;line-height: 24px;bottom: 10px;right:15px;}
.quan_box .close{position: absolute;color: #ccc;top:6px;right: 10px;font-size:26px;}
.quan_show{bottom: 0;}
.quan_1{background: rgba(0, 255, 0, 0.2);}

.add_cart_box{position: fixed;width: 100vw;height:75vh;background: #fff;bottom:-150vh;padding: 10px;border-top-right-radius:20px;border-top-left-radius:20px;z-index: 20000;padding-top: 160px;}
.cart_pro_info{width: 100%;height:160px;top: 0;left: 0;position: absolute;padding: 10px;padding-left: 158px;}
.cart_pro_info .img{position: absolute;width: 128px;height: 128px;left:15px;top:15px;}
.cart_pro_info .title{float: left;width: 100%;height: 48px;font-size: 18px;font-weight: bold;line-height: 24px;overflow: hidden;margin-top: 10px;}
.cart_pro_info .price{float: left;width: 100%;font-size:30px;font-weight: bold;color: #ff3853;}
.cart_pro_info .price .c{font-size: 16px;}
.cart_pro_info .price .old{font-size:14px;color: #999;font-weight: normal;text-decoration-line: line-through;margin-left: 5px;}
.cart_pro_info .price .zk{font-size: 14px;color: #ff3853;font-weight: normal;margin-left: 5px;height: 20px;line-height: 20px;border-radius: 10px;background: rgba(255, 0, 0, 0.1);padding-left: 10px;padding-right: 10px;}
.cart_pro_info .selectd{float: left;width: 100%;font-size: 18px;margin-top: 5px;}

.add_cart_box scroll-view{float: left;width: 100%;height: 100%;padding-bottom:100px;}
.add_cart_box .ttt{float: left;width: 100%;height: 30px;line-height: 30px;font-size: 18px;margin-top: 10px;}
.add_cart_box .colors{float: left;width:33.33%;padding:10px;text-align: center;padding-bottom: 0;padding-bottom: 0;}
.add_cart_box .item_img{float: left;width: 100%;height:80px;border-radius: 5px;}
.add_cart_box .is_select{border: #ff3853 1px solid;}
.is_color{float: left;width: 100%;height: 36px;line-height: 36px;border-radius: 18px;margin-top:17px;overflow: hidden;}
.is_val{float: left;width: 100%;height: 36px;line-height: 36px;border-radius: 18px;margin-top:5px;overflow: hidden;border:1px solid #666;font-size: 13px;}
.val_is_select{background: #ff3853;color: #fff !important;border: #ff3853 1px solid;}

.sizes{float: left;width: 25%;padding: 10px;height:52px;line-height:52px;}
.sizes text{float: left;width: 100%;height: 32px;line-height: 32px;text-align: center;border-radius: 16px;background: #eee;}
.sizes .num_0{color: #888;background: #ccc;}

.add_cart_box .close{position: absolute;top: 5px;right: 15px;font-size:25px !important;color: #ff3853;z-index: 100;}

.cart_box_bottom{position: absolute;width: 100%;bottom: 0;height:100px;left: 0;}
.select_num{float: left;width: 100%;height: 36px;line-height: 36px;padding-left: 10px;padding-right: 10px;font-size: 18px;}
.cart_but_bt{width: 80%;height: 46px;line-height: 46px;margin-bottom: 5px;border-radius: 23px;background: #ff3853;color: #fff;font-size: 18px;text-align: center;margin-top: 5px;position: absolute;bottom: 0;left: 10%;}

.num_box{float: right;height:36px;line-height: 36px;border-radius: 18px;background: rgba(0, 0, 0, 0.05);}
.num_box .iconfont{float: left;width:60px;text-align: center;font-size: 18px !important;}
.select_num .num{float: left;width: 50px;height: 36px;line-height: 36px;font-size:16px;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.2);border-right: 1px solid rgba(255, 255, 255, 0.2);}
.select_num_1{color: #ccc;}
.cart_box_show{bottom: 0;}


.fuwu_info{position: fixed;width: 100%;height:70vh;background: #fff;padding: 15px;border-top-right-radius:20px;border-top-left-radius:20px;z-index:200000;bottom:-120vh;padding-top: 40px;}
.fuwu_info .handle{position: absolute;width: 100%;height: 40px;line-height: 40px;left: 0;top: 0;text-align: center;border-bottom: 1px solid #eee;}
.fuwu_info .close{position: absolute;top: 10px;right: 10px;z-index: 100;font-size: 20px;}
.fuwu_info scroll-view{float: left;width: 100%;height: 100%;padding-bottom: 10px;}
.fuwu_item{float: left;width: 100%;margin-top: 10px;margin-bottom: 10px;}
.fuwu_title{float: left;width: 100%;}
.fuwu_title .iconfont{float: left;height:44px;line-height: 44px;color: #ff3853;font-size:32px !important;}
.fuwu_title .ttt{float: left;height: 44px;line-height: 44px;margin-left: 5px;font-weight: bold;font-size:18px;}
.fuwu_text{float: left;width: 100%;line-height: 22px;font-size: 16px;margin-top:6px;color: #666;}
.fuwu_show,.send_show{bottom: 0;}


.win{position: fixed;width: 100vw;height:70vh;bottom:-150vh;left: 0;background: #fff;padding: 10px;border-top-right-radius:20px;border-top-left-radius:20px;z-index: 100000;padding-top: 55px;}
.win .handle{width: 100%;text-align: center;color: #999;border-bottom: 1px solid #eee;height:40px;line-height: 30px;position: absolute;left: 0;top:10px;padding-bottom: 6px;}
.win scroll-view{float: left;width: 100%;height:63vh;padding-bottom: 10px;}
.win_show{bottom:0}
.win .close{position: absolute;color: #ccc;top:0px;right: 10px;font-size:26px;}
.win scroll-view{float: left;width: 100%;padding-bottom: 10px;height: 100%;}

.share_box{height: auto;}
.share_bts{float: left;width: 100%;color: #666;}
.share_bts view{float: left;width:50%;height: 120px;line-height: 80px;font-size:55px !important;text-align: center;}
.share_bts text{position: absolute;width: 100%;height: 20px;line-height: 20px;font-size: 18px;bottom:20px;left: 0;}
.share_bts button{position: absolute;width: 100% !important;height: 100% !important;left: 0;top: 0;opacity: 0;}
.share_bts image{width:60px;margin-top: 5px;}
.share_img_box{width: 100%;position: fixed;width: 100%;height: 100vh;left: 0;top: 0;z-index: 100000;}
.share_imgs{float: left;width:80%;margin-left:10%;height: 60vh;margin-top: 100px;border-radius: 10px;}
.share_img_box .close_bt{position: absolute;width:100%;text-align: center;font-size:40px !important;top: 80vh;left: 0;color: rgba(0, 0, 0, 0.8);}
.share_img_box image{float: left;width: 100%;}
.share_img_box .share_save_bt{position: absolute;width:100%;text-align: center;top:70vh;left: 0;z-index: 100;}
.share_img_box .share_save_bt text{height: 38px;line-height: 38px;padding-left:25px;padding-right: 25px;background: gold;color: #000;border-radius: 5px;display: inline-block;}
.login_logo{position: absolute;width: 100%;padding-left: 50%;left: 0;top: 0;padding-top: 150px;z-index: 10;}
.login_logo image{float: left;width:120px;margin-left: -60px;}
.login_bg{position: absolute;width: 100%;height: 100vh;left: 0;bottom: 0;z-index: 0;}
.login_bg image{float: left;height: 100%;width: 100%;}
.suc_msg{position: fixed;width: 30%;margin-left: 35%;height:24px;line-height: 24px;border-radius: 12px;background: rgba(0,0,0,.5);color: #fff;text-align: center;bottom:-70px;z-index: 1000;}
.msg_show{bottom: 70px;}
.help_t{float: left;width: 100%;margin-top: 15px;font-weight: bold;}
.help{float: left;width: 100%;line-height: 20px;}


.chat{position: fixed;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;text-align: center;background: #09c;z-index: 1000;right: 20px;bottom: 20px;color: #fff;font-size:40px !important;}
::-webkit-scrollbar {width:0;height:0;color:transparent;}
switch{z-index: 100;}

.x_icon{float: left;height: 18px;line-height: 18px;background:#ff3853;border-radius: 10px;padding-right:6px;font-size: 10px;color: #fff;margin-right: 5px;}
.x_icon .xxx{float: left;width: 18px;height: 18px;border-radius: 50%;background: rgba(255,255,255, 0.5);line-height: 18px;text-align: center;font-size: 10px !important;color: #fff;margin-right: 3px;}
.x_gong{background: darkcyan;}
.x_day7{background: darkgreen;}
.x_is_hot{background: darkorange;}

.mid_win{position: fixed;width: 100%;z-index: 100000;left: 0;top: 30vh;padding-left: 50%;}
.mid_win_box{float: left;width: 100%;padding: 10px;background: #fff;margin-left: -250rpx;width: 500rpx;border-radius: 5px;}
.mid_win_box .handle{float: left;width: 100%;height: 30px;line-height: 20px;border-bottom: 1px solid #eee;text-align: center;}
.mid_win_box .close{position: absolute;right: 0;font-size: 28px !important;top: 0;z-index: 100;}
.mid_win_box .msg{float: left;width: 100%;margin-top: 15px;line-height: 20px;}
.mid_win_box .bts{float: left;width: 100%;margin-top:20px;height: 24px;line-height: 24px;}
.mid_win_box .bts view{float: left;width: 50%;text-align: center;}

.loading{float: left;width: 100%;text-align: center;height: 80px;line-height: 80px;color: #999;}
.loading image{width: 80px;height: 80px;margin-right: 10px;}
.loading text{height: 80px;line-height: 80px;display: inline-block;top: 0;margin-top: -80px;}