308 lines
12 KiB
CSS
308 lines
12 KiB
CSS
.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;}
|
|
.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;width: 180rpx;}
|
|
.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;}
|
|
}
|