.width100{width: 100%;} .width94{width: 94%;} .width60{width: 60%;} .margin40{margin: 40rpx;} .margin30{margin: 30rpx;} .margin20{margin: 20rpx;} .margin10{margin: 10rpx;} .margin-zy10{margin-left: 10rpx;margin-right: 10rpx;} .margin-zy16{margin-left: 16rpx;margin-right: 16rpx;} .margin-zy20{margin-left: 20rpx;margin-right: 20rpx;} .margin-zy30{margin-left: 30rpx;margin-right: 30rpx;} .margin-zy40{margin-left: 40rpx;margin-right: 40rpx;} .margin-sx10{margin-top: 10rpx;margin-bottom: 10rpx;} .margin-sx16{margin-top: 16rpx;margin-bottom: 16rpx;} .margin-sx20{margin-top: 20rpx;margin-bottom: 20rpx;} .margin-sx26{margin-top: 26rpx;margin-bottom: 26rpx;} .margin-sx40{margin-top: 30rpx;margin-bottom: 40rpx;} .margin-s10{margin-top: 10rpx;} .margin-s20{margin-top: 20rpx;} .margin-s30{margin-top: 30rpx;} .margin-s40{margin-top: 40rpx;} .margin-s90p{margin-top: 90px;} .margin-sf30{margin-top: -30rpx;} .margin-x10{margin-bottom: 10rpx;} .margin-x20{margin-bottom: 20rpx;} .margin-z10{margin-left: 10rpx;} .margin-z20{margin-left: 20rpx;} .margin-y10{margin-right: 10rpx;} .margin-y20{margin-right: 20rpx;} .margin-y30{margin-right: 30rpx;} .padding10{padding: 10rpx;} .padding20{padding: 20rpx;} .padding-zy40{padding-left: 40rpx;padding-right: 40rpx;} .padding-zy30{padding-left: 30rpx;padding-right: 30rpx;} .padding-zy20{padding-left: 20rpx;padding-right: 20rpx;} .padding-zy10{padding-left: 10rpx;padding-right: 10rpx;} .padding-sx10{padding-top: 10rpx;padding-bottom: 10rpx;} .padding-sx20{padding-top: 20rpx;padding-bottom: 20rpx;} .padding-sx30{padding-top: 30rpx;padding-bottom: 30rpx;} .padding-sx40{padding-top: 40rpx;padding-bottom: 40rpx;} .padding-s20{padding-top: 20rpx;} .padding-s30{padding-top: 30rpx;} .padding-s40{padding-top: 40rpx;} .padding-s10{padding-top: 10rpx;} .padding-x40{padding-bottom: 40rpx;} .padding-x30{padding-bottom: 30rpx;} .padding-x20{padding-bottom: 20rpx;} .padding-z20{padding-left: 20rpx;} .padding-y20{padding-right: 20rpx;} .padding-x120{padding-bottom: 120rpx;} .fon36{font-size: 36rpx;} .fon32{font-size: 32rpx;} .fon30{font-size: 30rpx;} .fon28{font-size: 28rpx;} .fon26{font-size: 26rpx;} .fon24{font-size: 24rpx;} .searchRadius{border-radius: 32.5rpx;} .radius10{border-radius: 10rpx;} .radius16{border-radius: 16rpx;} .radius20{border-radius: 20rpx;} .btnradius{border-radius: 30.5rpx;} .searchpradius{border-radius: 26.5rpx;} .dis{display: flex;} .disac{display: flex;align-items: center;} .disbc{display: flex;justify-content: center;} .disba{display: flex;justify-content: space-between;align-items: center;} .disbcac{display: flex;justify-content: center;align-items: center;} .disaa{display: flex;justify-content: space-around;align-items: center;} .discc{display: flex;justify-content: center;flex-direction: column;align-items: center;} .dissss{display: flex;justify-content: flex-end;flex-direction: column;} .flw{flex-wrap: wrap;} .jcend{justify-content: flex-end;} .titlec{display: flex;align-items: center;justify-content: center;width: 88%;} .tab-title{font-size: 40rpx;margin-top: -10rpx;} .flexs{flex-shrink: 0;} .disn{display: none;} .colorh{color: #000000;} .colorb{color: #FFFFFF;} .colorz{color: #1c4593;} .color6{color: #666666;} .color9{color: #999999;} .color26{color: #262626;} .color33{color: #333333;} .color35{color: #35548b;} .colorf78{color: #ff7800;} .colorf6{color: #f65741;} .cloor16{color: #164396;} .bold{font-weight: bold;} .bacb{background-color: #FFFFFF;} .textc{text-align: center;} .textr{text-align: right;} .posi-tzy{position: fixed;top: 0;left: 0;right: 0;} .posi-bzy{position: fixed;bottom: 0;left: 0;right: 0;z-index: 1;} .posir{position: relative;} .posia{position: absolute;} .zIn2{z-index: 2;} .zIn3{z-index: 3;} .zIn4{z-index: 4;} .zIn5{z-index: 5;} /* 首页 */ .reba{width:80rpx;height:30rpx;} .zIn1{z-index: 1;} .zIn-1{z-index: -1;} .tiao{width: 325rpx;height: 13rpx;border-radius: 6rpx;background-color: #35548b;margin-top: -10rpx;} .rebox{height: 342rpx;background-color: #FFFFFF;} .reboxre{height: 342rpx;} .reimg{width: 340rpx;height: 280rpx;} /* 暂无 */ .zanwu{position: fixed;top: 50%;transform: translateY(-50%); color: #999;font-weight: bold;font-size: 36rpx;z-index: 5;left: 20rpx;right: 20rpx;text-align: center;} .tab-back{width: 21rpx;height: 37rpx;} .tab-input-box{background-color: #f5f5f5;height: 54rpx;padding: 0 10rpx;margin-left: 20rpx;width:400rpx;} .tab-input-box>image,.searcht{width: 26rpx;height: 26rpx;} /* .ptwo-input-box{width: 612rpx;height: 66rpx;background-color: #FFFFFF;z-index: 1;} */ /* .xiaox{width: 40rpx;height: 39rpx;z-index: 1;} */ .ptwo-input-box{width: 100%;height: 66rpx;background-color: #FFFFFF;z-index: 1;} .xiaox{width: 40rpx;height: 39rpx;z-index: 1;margin-left: 8%;} .searchpla{color:#c6c6c6;} .tab-input-box>input{font-size: 26rpx;padding-left: 10rpx;} .pptwo-box{padding-top: 160rpx;} .ptwo-box{padding-top: 140rpx;} .mtwo-box10{margin-top: 100rpx;} .mtwo-box18{margin-top: 180rpx;} .marb-box10{margin-bottom: 100rpx;} .marb-box12{margin-bottom: 120rpx;} .banner-box{height: 330rpx;} .gimg{width: 24rpx;height: 24rpx;} .gtitle{color: #1c4593;font-weight: bold;} .rebtn{background-color: #1c4593;width: 242rpx;height: 62rpx;line-height: 62rpx;} /* 分类、列表 */ .pactive{color: #35548b;font-weight: bold;font-size: 30rpx;} .pmo{font-size: 28rpx;color: #333333;} .pxian{height: 30rpx;width: 2rpx;background-color: #b3b3b3;margin: 0 30rpx;} .catebox>view:last-child{padding-right: 20rpx;} .catebox>view:last-child>view{display: none;} .pche{width: 33rpx;height: 33rpx;border-radius: 100%;} .proimg{width: 262rpx;height: 262rpx;} /* .pimg{width: 262rpx;height: 262rpx;} */ .pimg{width: 100%;height: 285rpx;} /* 产品页 */ .ascedesc{width:18rpx;height:11rpx;} .ascedesc:last-child{margin-top: 4rpx;} .pro{border: 1rpx solid #F65741;width: auto;padding: 4rpx 16rpx;} .borbot{border-bottom: 1rpx solid rgba(240,240,240,.9);} .borbot:last-child{border-bottom: none;} .dangShai{background-color: #e4ebf7;font-size: 28rpx;font-weight: bold;} .dangShait{background-color: #f5f5f5;font-size: 28rpx;font-weight: bold;} .xbort{border-bottom: 1rpx solid #f1f1f1;} .progc{width: 54rpx;height: 54rpx;} .catebold{color: #1c4594;font-weight: bold;} /* 购物车 */ .gouwcimg{width: 202rpx;height: 202rpx;} .xuanz{background-color: #f5f5f5;width: 30%;padding: 10rpx 30rpx;border-radius: 40rpx;} .gouwcxian{width: 80rpx;height: 2rpx;background-color: #d4d4d4;} .gouwchh{width: 40rpx;height: 32rpx;} .gouwcb-box{height: 56px;background-color: #FFFFFF;z-index: 100000;line-height: 56px;} .gouwcbtn{background-color: #FF7800;height: 90rpx;line-height: 90rpx;border-radius: 60rpx;width: 36%;border: none;margin-right: 0rpx;} .deladd{padding: 0!important;width: 100rpx!important; height: 40rpx!important;line-height: 40rpx!important;border-radius: none!important;text-align: center!important;position: inherit!important;background-color: #FFFFFF!important;} .deladd:after{content: none!important;} button:after{content: none!important;} .kongk{background-color: #F5F5F5;text-align: center;font-size: 36rpx;font-weight: bold;color: #999999;padding: 220rpx 0;} .navBarH{height: 90rpx;} /* 我的页面 */ .posiall{position: fixed; top: 0;left: 0;right: 0;bottom: 0;} .myhead{width: 130rpx;height: 130rpx;border-radius: 100%;} .myxiaoimg{width: 37rpx;height: 37rpx;} .myxiaoc{top: -26rpx;right: -16rpx;width: 20px;height: 20px;border-radius: 100%;background-color: #FF7800;transform: scale(.8);} .myphone{color: #1c4593;background-color: #FFFFFF;width: 170rpx;height: 50rpx;border-radius: 26rpx;} .mygong{width: 54rpx;height: 54rpx;} .flw .discc:nth-child(2) .mygong{width: 53rpx;height: 53rpx;} .flw .discc:nth-child(3) .mygong{width: 53rpx;height: 59rpx;} .flw .discc:nth-child(4) .mygong{width: 49rpx;height: 59rpx;} .flw .discc:nth-child(5) .mygong{width: 53rpx;height: 57rpx;} /* 底部首页、客服、加入购物车、立即购买 */ .bottosimg{width: 40rpx;height: 40rpx;} .bottokimg{width: 38rpx;height: 38rpx;} .bottoc{margin-top: 6rpx;color: #414141;} .bottoj{border: 1rpx solid #FF7800;color: #FF7800;background-color: #FFFFFF;padding: 20rpx 0;width: 220rpx;border-radius: 40rpx;font-size: 30rpx;} .bottol{background-color: #FF7800;color: #FFFFFF;padding: 20rpx 0;border-radius: 40rpx;font-size: 30rpx;width: 220rpx;} /* 详情 */ .guigactive{color: #1c4594;border: 1rpx solid #1c4594;} .guigmo{border: 1rpx solid #f3f3f3;} /* 公告列表 */ .noticesitem-img{width: 12rpx;height: 12rpx;background-color: #333333;transform: rotate(45deg);margin-top: 18rpx;} /* 立即提现 */ .comebtn{color: #FFFFFF;background-color: #164396;height: 77rpx;line-height: 77rpx;font-size: 32rpx;position: inherit;} .comebtn:after{content: none!important;} /* 个人资料 */ .youj{width: 14rpx;height: 28rpx;} /* 订单确认 */ .btnaddress{border-radius: 8rpx;padding: 6rpx 10rpx;} .lanh{height: 5rpx;width: 100%;bottom: 0;left: 0;right: 0;} .btntj{width: 298rpx;border-radius: 42.5rpx;background-color: #ff7800;border: 1px solid #FF7800;color: #FFFFFF;margin-right: 0;} .close-box{width: 38rpx;height: 38rpx;border-radius: 100%;background-color: rgba(0,0,0,.15);position: relative;display: flex;justify-content: center;align-items: center;} .close-box>view{width: 2rpx;height: 20rpx;background-color: #666666;position: absolute;} /* 评价 */ .pimg-box{height: 159rpx;width: 159rpx;border: 1rpx dashed #FFFFFF;} .pimg-box:nth-child(4n){margin-right: 0;} /* 商务合作页面 */ .businessInput{height: 78rpx;width: 100%;} .business-box{border: 1rpx solid #dcdcdc;border-radius: 10rpx;height: 78rpx;} .businessbtn{width: 70%;margin-top: 60rpx; font-size: 30rpx;height: 86rpx;background-color: #1c4594!important;border-radius: 42.5rpx;color: #FFFFFF!important;line-height: 86rpx;} /* 我的订单页 */ .myorderbtn{width: 150rpx;height: 60rpx;border-radius: 30rpx;border: 1rpx solid #999999;text-align: center;line-height: 60rpx;font-size: 26rpx;margin-left: 20rpx;} .confrimbtn{border: 1rpx solid #FF7800;color: #FF7800;} .goodsImg{width: 160rpx;height: 160rpx;border-radius: 6rpx;} /* 地址列表页 */ .addbtn{background-color: #1c4594;width: 100%;height: 82rpx;line-height: 82rpx;border-radius: 42.5rpx;text-align: center;} .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} /* 订单提交页 */ .konga{background-color: #F5F5F5;text-align: center;font-size: 36rpx;font-weight: bold;color: #999999;margin: 90rpx 0;} .share{width: 69rpx;height: 69rpx;position: fixed;right: 20rpx;bottom: 290rpx;} .ptab{position: fixed;left: 0;right: 0;padding: 0 20rpx 20rpx 20rpx;} .plist{margin-top: 210rpx;margin-bottom: 20rpx;} .searchlist{margin-bottom: 20rpx;} .pchoose{position: fixed;right: 0;bottom: 0;min-width: 200rpx;z-index: 6;} .shaiEnd:last-child{ margin-bottom: 120rpx; } .switch-qiu{margin-top: 4rpx;} .tan-box{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 101;border-radius: 30rpx;background-color: #FFFFFF;} .orderRight{position: absolute;right: 10rpx;text-align: right;} .orderRights{margin-top: 35rpx;} .mybei{height: 860px!important;} @media screen and (width:320px) { .plist{margin-top: 240rpx;} .mybei{height: 700px!important;} .ptwo-box{padding-top: 150rpx;} .ordertop{top: 150rpx;} .switch-qiu{margin-top: 8rpx;} } @media screen and (width:375px) { .ordertop{top: 170rpx;} .plist {margin-top: 220rpx;} .tan-box{top: 50%;transform: translate(-50%,-50%);} } @media screen and (width:414px) { .ordertop{top: 170rpx;} .plist {margin-top: 220rpx;} .tan-box{top: 50%;transform: translate(-50%,-50%);} .mybei{height: 840px!important;} }