.font-bg-red,.font_bg-red{ display: inline-block; text-align: center; padding: 0 4rpx; line-height: 28rpx; background: #E93424; color: #fff; font-size: 20rpx; border-radius: 5rpx; margin-right: 8rpx; } .type2{ background-color: #FD6523; } .bg { font-size: 24rpx; line-height: 31rpx; } .ml8 { margin-left: 8rpx; } .boder-24{ border-radius: 24rpx; } .boder-44{ border-radius: 40rpx 40rpx 0 0; } .top30{ position: relative; top: -30rpx; } .pos-rel{ position: relative; } .bg-f{ background: #fff; } .font-bold { font-weight: bold; } .font-500 { font-weight: 500; } .popup-main { position: fixed; bottom: 0; width: 100%; left: 0; background-color: #fff; z-index: 280; border-radius: 40rpx 40rpx 0 0; transform: translate3d(0, 100%, 0); transform: translateY(100%); transition: all .3s cubic-bezier(.25, .5, .5, .9); &.on { transform: translate3d(0, 0, 0); transform: translateY(0); } >.title{ font-size: 32rpx; text-align: center; position: relative; } } .content-height{ height: 120rpx; height: calc(120rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/ height: calc(120rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/ } .detail-count{ border-radius: 44rpx 44rpx 0 0; background: linear-gradient( 180deg, #FFFFFF 0%, #FFFFFF 54%, rgba(255,255,255,0) 100%); } .swiper-bg { border-radius: 44rpx 44rpx 0 0; background: #F5f5f5; top: -2px; } .product-con .conter img { width: 100%!important; height: unset!important } .product-con .wrapper { margin-bottom: 0; width: 100%; box-sizing: border-box; } .product-con .nav { background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 100rpx; padding: 0 30rpx; box-sizing: border-box; top: -2px; } .product-con .nav .money { font-size: 28rpx; color: #fff; } .product-con .nav .money .num { font-size: 48rpx; } .product-con .nav .money .y-money { font-size: 26rpx; margin-left: 10rpx; text-decoration: line-through; } .product-con .wrapper .share { padding-top: 25rpx } .product-con .wrapper .share .money { font-size: 28rpx; } .product-con .wrapper .share .money .num { font-size: 48rpx } .product-con .wrapper .share .money image { width: 65rpx; height: 28rpx; margin-left: 7rpx; position: relative; top: 5rpx; } .product-con .wrapper .share .money .vip-money{ color: #282828; margin-left: 13rpx } .atmosphere .vip-money{ color: #fff; margin-left: 13rpx } .product-con .wrapper .share .money .vip-image,.atmosphere .vip-image{ width: 70rpx; height: 30rpx; margin-left: 6rpx; position: relative; top: 4rpx; } .product-con .wrapper .share .iconfont { color: #282828; font-size: 30rpx; display: inline-block; margin-bottom: 10rpx } .product-con .wrapper .introduce { font-size: 30rpx; font-weight: 500; } .product-con .wrapper .introduce { align-items: center; position: relative; margin-bottom: 30rpx; } .product-con .wrapper .fenxiang_btn { text-align: center; font-size: 18rpx; color: #999999; font-weight: normal; display: flex; &.btn_one{ display: block; } >view{ &:first-child{ margin-right: 43rpx; } } .iconfont { font-size: 34rpx; color: #282828; } .icon-ic_star1 { color: var(--view-theme); } } .product-con .wrapper .introduce .infor { width: 570rpx; } .product-con .wrapper .introduce .iconfont { font-size: 30rpx; display: inline-block; margin-bottom: 10rpx; } .product-con .wrapper .label { font-size: 22rpx; color: #999999; margin-top: 22rpx } .empty-box{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0; padding-top: 200rpx; image{ width: 414rpx; height: 240rpx; } .txt{ font-size: 26rpx; color: #999; } } .product-con .coupon { padding: 0 20rpx; height: 88rpx; font-size: 26rpx; color: #999999 } .product-con .coupon .hide { width: 640rpx; height: 80rpx; line-height: 80rpx } .product-con .coupon .activity { height: 40rpx; padding: 0 20rpx; border: 1px solid var(--view-theme); color: var(--view-theme); font-size: 24rpx; display: flex; align-items: center; position: relative; margin: 19rpx 0 19rpx 15rpx } .product-con .coupon .activity:before { content: ' '; position: absolute; width: 12rpx; height: 12rpx; border-radius: 100%; background-color: #fff; bottom: 50%; left: -4rpx; margin-bottom: -7rpx; border: 1rpx solid var(--view-theme); border-left-color: #fff; } .product-con .coupon .activity:after { content: ' '; position: absolute; width: 12rpx; height: 12rpx; border-radius: 100%; background-color: #fff; right: -6rpx; bottom: 50%; margin-bottom: -7rpx; border: 1rpx solid var(--view-theme); border-right-color: #fff; } .product-con .coupon .iconfont { color: #999999; font-size: 28rpx } .product-con .attribute { padding: 0 20rpx; color: #999999; height: 88rpx; position: relative; } .product-con .attribute .atterTxt { font-size: 26rpx; color: #282828; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; max-width: 520rpx; line-height: 88rpx; } .product-con .attribute .params{ margin-right: 20rpx; font-size: 26rpx; color: #282828; &:nth-child(2){ margin-right: 0; } } .product-con .attribute .iconfont { font-size: 28rpx; line-height: 88rpx; } .product-con .guaranteeAttr{ display: inline-block; width: 530rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .product-con .userEvaluation { margin-top: 20rpx; background-color: #fff; } .product-con .userEvaluation .title,.product-con .combo .title{ height: 86rpx; font-size: 28rpx; color: #282828; margin-left: 20rpx; padding-right: 20rpx; } .product-con .userEvaluation .evaluateWtapper { margin-top: 0; } .product-con .userPlant .title{ height: 86rpx; font-size: 28rpx; color: #282828; margin-left: 30rpx; padding-right: 30rpx; } .product-con .userEvaluation .title .praise, .product-con .userPlant .title .praise, .product-con .combo .title .praise{ font-size: 28rpx; color: #999; } .product-con .userEvaluation .title .praise .iconfont, .product-con .userPlant .title .praise .iconfont, .product-con .combo .title .praise .iconfont{ color: #7a7a7a; font-size: 28rpx; vertical-align: 1rpx; margin-left: 8rpx } .product-con .userPlant { background-color: #fff; } .product-con .userPlant .imgList { padding: 0 30rpx; } .product-con .combo .img-box { margin: 10rpx 0 30rpx 0; display: flex; } .product-con .combo .img-box .img-item,.product-con .combo .combo_item{ display: flex; align-items: center; } .product-con .combo .combo_item{ padding-left: 30rpx; position: relative; } .product-con .combo .combo_item::after{ content: ""; width: 1rpx; height: 106rpx; background: #E8E8E8; position: absolute; top: 5rpx; right: 0; } .product-con .combo .combo_item:last-child::after{ display: none; } .product-con .combo .icon-ic_increase{ color: #666666; margin: 0 18rpx; font-size: 16rpx; } .product-con .combo .list_total{ padding: 0 30rpx; } .product-con .combo .list_total .list_num{ font-size: 22rpx; } .product-con .combo .list_total .list_price{ font-size: 26rpx; margin-top: 10rpx; font-weight: bold; } .product-con .combo .img-box .img-item uni-image, .product-con .combo .img-box .img-item image{ width: 116rpx; height: 116rpx; border-radius: 16rpx; } .product-con .userPlant .imgList .pictrue { width: 202rpx; height: 202rpx; margin: 0 22rpx 15rpx 0; position: relative; border-radius: 16rpx; position: relative; } .product-con .userPlant .imgList .pictrue:last-child { margin-right: 0; } .product-con .userPlant .imgList .pictrue .image { width: 100%; height: 100%; border-radius: 16rpx; } .product-con .userPlant .imgList .video_img{ width: 40rpx; height: 40rpx; border-radius: 100%; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; position: absolute; top: 10rpx; right: 10rpx; z-index: 10; } .product-con .userPlant .imgList .video_img .iconfont{ font-size: 20rpx; color: #fff; } .product-con .product-intro { position: relative; margin-top: 20rpx; width: 100%; overflow: hidden; background-color: #fff; border-radius: 24rpx ; } .product-con .product-intro .title { font-size: 30rpx; color: #282828; height: 86rpx; width: 100%; text-align: center; line-height: 86rpx } .product-con .product-intro .conter { width: 100%; overflow: hidden; } .product-con .product-intro .conter image { width: 100%!important; display: block!important } .product-con .price-info { background: #fff; padding: 30rpx 20rpx 20rpx; } .product-con .price-info .price-title { color: #666; font-size: 28rpx; margin-bottom: 20rpx; } .product-con .store-wrapper { margin-top: 20rpx; background-color: #fff; .store-hd { padding: 30rpx 20rpx; .store-info { position: relative; display: flex; .logo { width: 86rpx; height: 86rpx; image { width: 86rpx; height: 86rpx; border-radius: 6rpx; } } .info { display: flex; flex-direction: column; justify-content: center; margin-left: 20rpx; .name { font-size: 28rpx; color: #282828; font-weight: bold; } .txt { margin-top: 8rpx; color: #666666; font-size: 22rpx; } } .link { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 112rpx; height: 56rpx; background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%); border-radius: 100rpx; color: #fff; font-size: 24rpx; } } } } .store-wrapper { .con-box { padding: 20rpx 20rpx 0; .title { font-size: 28rpx; color: #282828; } .moer-btn{ font-size: 28rpx; color: #999999; } .img-box { .img-item { width: 212rpx; margin: 30rpx 15rpx 0 0; display: inline-block; &:nth-child(3n){ margin-right: 0; } /deep/image,/deep/uni-image,/deep/.easy-loadimage { width: 212rpx; height: 212rpx; border-radius: 16rpx; display: inline-block; } .txt { .title { margin-top: 20rpx; } .price { color: var(--view-priceColor); margin-top: 6rpx; } } } } /deep/.uni-swiper-dot,/deep/.wx-swiper-dot{ width: 8rpx; height: 4rpx; background: rgba(0,0,0,.15); } /deep/.uni-swiper-dot-active,/deep/.wx-swiper-dot-active{ width: 16rpx; background: var(--view-theme); } .page_swiper,swiper { height: 760rpx; } } } .product-con .footer { position: fixed; left: 0; bottom: 0; width: 100%; box-sizing: border-box; height: 100rpx; height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/ height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/ background-color: #fff; z-index: 277; border-top: 1px solid #f5f5f5; &.footpl{ padding-left: 70rpx; } } .product-con .footer .item { font-size: 18rpx; color: #666; text-align: center; } .product-con .footer .item .iconfont { text-align: center; font-size: 40rpx; } .product-con .footer .item .iconfont.icon-ic_star1 { color: var(--view-priceColor); } .product-con .footer .item .iconfont.icon-ic_ShoppingCart { font-size: 40rpx; position: relative; } .product-con .footer .item .iconfont.icon-ic_ShoppingCart .num { color: #fff; position: absolute; font-size: 18rpx; height: 30rpx; border-radius: 200rpx; padding: 0 8rpx; box-sizing: border-box; top: -10rpx; right: -10rpx; background-color: var(--view-theme); min-width: 30rpx; display: flex; align-items: center; justify-content: center; } .product-con .footer .bnts.w_buy1 { width: 290rpx!important; } .product-con .footer .bnts.w_buy2 { width: 260rpx!important; } .product-con .footer .bnts{ &.sold_out { width: 444rpx; border-radius: 50rpx; } &.virtual_buy { width: 444rpx; border-radius: 50rpx; } &.virtual_buy1,&.sold_out1{ width: 580rpx; } &.virtual_buy2,&.sold_out2{ width: 500rpx; } &.virtual_buy3,&.sold_out3{ width: 432rpx; } } .share-box { z-index: 1000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; image { width: 100%; height: 100%; } } .right-wrapper{ z-index: 99; position: fixed; left: 0; top: 0; width: 100%; height: 100%; .slideInRight{ animation-duration:.5s } .control-wrapper{ z-index: 90; position: absolute; right: 0; top: 0; display: flex; flex-direction: column; width: 668rpx; height: 100%; background-color: #FFFFFF; border-radius: 40rpx 0 0 40rpx; .wrapper-count{ height: calc(100% - 120rpx); overflow-y: auto; } .content-box{ position: relative; display: flex; flex-direction: column; padding: 0 26rpx; .content-title{ display: flex; align-items: center; justify-content: space-between; padding: 40rpx 0 20rpx; .title{ font-size: 26rpx; font-weight: 500; color: #282828; } .btns{ display: flex; align-items: center; justify-content: center; font-size: 22rpx; color: #999; .iconfont{ margin-left: 10rpx; margin-top: 5rpx; font-size: 20rpx; } } } } .brand-wrapper{ flex: 1; overflow: hidden; .wrapper{ display: flex; flex-wrap: wrap; padding-bottom: 20rpx; } .item{ display: flex; width:184rpx; height:56rpx; align-items: center; justify-content: center; background:#f5f5f5; border-radius:100rpx; margin-top: 25rpx; margin-right: 26rpx; font-size: 26rpx; &:nth-child(3n){ margin-right: 0; } &.on{ background: var(--view-minorColor); border:1px solid var(--view-theme); color: var(--view-theme); } } .btns{ display: flex; align-items: center; justify-content: center; padding-top: 10rpx; font-size: 22rpx; color: #999; .iconfont{ margin-left: 10rpx; margin-top: 5rpx; font-size: 20rpx; } } } .header{ padding: 50rpx 26rpx 40rpx; .content-title{ display: flex; align-items: center; justify-content: space-between; } .title{ font-size: 26rpx; font-weight: 500; color: #282828; } .input-wrapper{ display: flex; align-items: center; justify-content: space-between; margin-top: 28rpx; .input-placeholder { color: #999999; font-size: 26rpx; } input{ width:260rpx; height:56rpx; padding: 0 10rpx; background: #f5f5f5; border-radius:100rpx; font-size: 22rpx; text-align: center; } .line{ width:15rpx; height:2rpx; background:#7D7D7D; } } } } .foot-btn{ display: flex; align-items: center; justify-content: space-between; padding: 0 20rpx 30rpx; position: absolute; bottom: 0; width: 100%; .btn-item{ display: flex; align-items: center; justify-content: center; width:290rpx; height:68rpx; background: #ffffff; border:1px solid var(--view-theme); border-radius:34rpx; font-size: 26rpx; color: var(--view-theme); &.confirm{ background: var(--view-theme); border-color: var(--view-theme); color: #fff; } } } .right-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); } } .carnum { height: 44rpx; } .carnum view { border: 1px solid #dddddd; height: 44rpx; font-size: 28rpx; color: #a4a4a4; display: flex; align-items: center; justify-content: center; .iconfont { font-size: 24rpx; } } .carnum .reduce { border-right: 0; width: 56rpx; border-radius: 22rpx 0 0 22rpx; } .carnum .plus { border-left: 0; width: 56rpx; border-radius: 0 22rpx 22rpx 0; } .carnum .reduce.on,.carnum .plus.on { border-color: #e3e3e3; color: #dedede; pointer-events: none; } .carnum .num { color: #282828; min-width: 66rpx; width: 66rpx; } .product-window .carnum .uni-input-wrapper, .product-window .carnum input{ text-align: center; } .product-window .productWinList .item~.item { margin-top: 36rpx; } .product-window .productWinList .item .titles { font-size: 30rpx; color: #999; padding: 0 30rpx; } .product-window .productWinList .item .listn { padding: 0 30rpx 0 16rpx; } .product-window .productWinList .item .listn .itemn { border: 1px solid #F2F2F2; font-size: 24rpx; color: #282828; padding: 12rpx 20rpx; border-radius: 100rpx; margin: 20rpx 12rpx 0; background-color: #F2F2F2; } .product-window .productWinList .item .listn .itemn.on { color: var(--view-theme); background: var(--view-minorColor); border-color: var(--view-theme); } .product-window.join { padding-bottom: 30rpx; padding-bottom: calc(30rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/ padding-bottom: calc(30rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/ } .product-window .textpic { padding: 0 80rpx 0 30rpx; margin-top: 29rpx; position: relative; } .product-window .textpic .pictrue { width: 150rpx; height: 150rpx; } .product-window .textpic .pictrue image { width: 100%; height: 100%; border-radius: 10rpx; } .product-window .textpic .text { width: 460rpx; font-size: 32rpx; color: #202020; } .product-window .textpic .text .money { font-size: 24rpx; margin-top: 40rpx; color: var(--view-priceColor); } .product-window .textpic .text .money .num { font-size: 36rpx; } .product-window .stock_count{ margin-top: 12rpx; } .product-window .textpic .text .money .stock { color: #999; } .product-window .textpic .iconfont { position: absolute; right: 30rpx; top: -5rpx; font-size: 35rpx; color: #8a8a8a; } .product-window .joinBnt { font-size: 30rpx; width: 710rpx; height: 86rpx; border-radius: 50rpx; text-align: center; line-height: 86rpx; color: #fff; margin: 70rpx auto 0; font-size: 28rpx; &.b-color{ background-color: var(--view-theme); } } .product-window .joinBnt.on { background-color: #bbb; color: #fff; background-image: none; } .detail-header { left: 0; top: 0; z-index: 999; } .head-wrapper { position: absolute; z-index: 10; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20rpx; /* #ifdef MP */ height: 43px; /* #endif */ /* #ifdef H5 */ height: 100rpx; /* #endif */ } .head-wrapper .share-icon { width: 29px; height: 29px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: rgba(255,255,255,.4); /* #ifdef MP */ position: fixed; /* #endif */ } .head-wrapper .share-icon .iconfont { color: #000; font-size: 34rpx; } .head-menu { display: flex; align-items: center; height: 54rpx; width: 140rpx; background: rgba(255, 255, 255, .4); border-radius: 27rpx; .iconfont { flex: 1; text-align: center; color: #000; box-sizing: border-box; &.icon-ic_leftarrow { border-right: 1px solid rgba(0,0,0,0.1); } } } .generate-posters { width: 100%; height: 170rpx; height: calc(170rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/ height: calc(170rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/ background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 388; transform: translate3d(0, 100%, 0); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); border-radius: 24rpx 24rpx 0 0; } .generate-posters.on { transform: translate3d(0, 0, 0); } .generate-posters .item .iconfont { font-size: 36rpx; background-color: #5eae72; width: 70rpx; height: 70rpx; border-radius: 100%; color: #ffffff; display: inline-block; line-height: 70rpx; margin-bottom: 8rpx; } .generate-posters .item .iconfont.icon-a-ic_picture1 { background-color: #5391f1; } .generate-posters .item .iconfont.icon-ic_key { background-color: #FBB324; } .goodsStyle { background-color: #fff; padding: 22rpx 30rpx; } .goodsStyle .pictrue { width: 120rpx; height: 120rpx; } .goodsStyle .pictrue image { width: 100%; height: 100%; border-radius: 6rpx } .goodsStyle .text { width: 520rpx; font-size: 28rpx; color: #999; } .goodsStyle .text .name { width: 340rpx; color: #282828; } .goodsStyle .text .money { text-align: right; } .goodsStyle .text .money .num { margin-top: 7rpx; } .goodWrapper .item { padding: 10rpx 30rpx 40rpx 30rpx; border-radius: 0 0 24rpx 24rpx; &:last-child { border-radius: 0; } } .goodWrapper .item .pictrue { width: 130rpx; height: 130rpx; } .goodWrapper .item .pictrue image { width: 100%; height: 100%; border-radius: 16rpx; } .goodWrapper .item .text { width: 500rpx; position: relative; } .goodWrapper .item .text .name { font-size: 28rpx; color: #282828; width: 453rpx; } .goodWrapper .item .text .num { font-size: 22rpx; color: #999; text-align: right; } .goodWrapper .item .text .attr { font-size: 20rpx; color: #999; margin-top: 16rpx; } .goodWrapper .item .text .money { font-size: 26rpx; margin-top: 17rpx; } .goodWrapper .item .text .evaluate { position: absolute; width: 114rpx; height: 46rpx; border: 1rpx solid #bbb; border-radius: 4rpx; text-align: center; line-height: 46rpx; right: 0; bottom: -5rpx; } .goodWrapper .item .text .evaluate.userEvaluated { font-size: 26rpx; color: #aaa; background-color: #f7f7f7; border-color: #f7f7f7; } .promoterHeader { width: 100%; } .promoterHeader .headerCon{width:100%;height:100%;padding:0 88rpx 0 55rpx;box-sizing:border-box;font-size:28rpx;color:#fff;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtYAAADECAYAAAC7kWZ/AAANEklEQVR4nO3dC3PbxhUGUDxISnJa1/n/f9J10ri2JaGDZpHABCmBIB672HNmMMpADimBAvjx4u5u2TRNAQAA/KUMWxW+Fr195dm+7uvrwfEDACAT/bBcXQjQ/dB8M8EaAIA96YJyfzuvPi9CsAYAIEVtSK6vhOhNCNYAAMSuOgvR9ZYB+hrBGgCAmHSV6DrmEH2JYA0AwJaqXpDuwnSSBGsAANZUhQxap1SNHkOwBgBgSWUvSB/2FKTPCdYAAMytC9GHlFs7biVYAwBwr64qfdhbe8ctBGsAAKaozsJ09gRrAADGEqbfIFgDAPCWtq3jKEy/T7AGAOBc1zN9FKbHE6wBAOgceluWAxDvIVgDAOStCpXpozB9H8EaACBPh17vNDNwIAEA8tFWpE+q08sQrAEA9q8OgVr2W5CDCwCwX8cQqLNZVnxLgjUAwL6UvUCt3WNFgjUAwD5UvXYPgXoDgjUAQNraQP0g123PCwAAkCYDEiPjhQAASEsdKtSWGo+MYA0AkAYV6sh5YQAA4iZQJ8ILBAAQJ4MSE+OFAgCISxkC9dHrkhbBGgAgDmVo+TiahzpNgjUAwPaOoUotUCdMsAYA2E47MPEx9FOTOMEaAGB9+qh3SLAGAFjXKWzaPnZGsAYAWIe2j50TrAEAllWGQC137ZwXGABgOWb7yIhgDQAwvypUqWvHNh+CNQDAvE6hSk1mBGsAgHmoUmdOsAYAuJ8qNYI1AMAdVKn5i2ANADCNKjU/EawBAG5jXmou8gcBADDeIYRq81IzIFgDAIzzGBZ8gYsEawCAt7UDFJ/CV7hKsAYAuM6S5IwmWAMAXKb1g5sI1gAAP9P6wSSCNQDA38z6wWSCNQDAnx7Coi8wiWANAOTOgi/Mwh8QAJAz/dTMRrAGAHI1pZ+6DFvV+//Ks+383xdXnuPSvmaw5+99599rzrZu32tvPysSrAGAHJ1CT3WnH5arC2G5vBKE53bpOS7tG+s8fDdn4ftVAJ+PYA0A5KILzR9CqO7aP6odzwIy5gNBF7CL8LW/Cd03KJvG8QIAdqUNknUIzOfbY/ge45xXt9vtReC+6FXFGgBIWXUWousrFdouVBukeJvyygeR5qyy3Ybt18G/yoyKNQCQii7k1e+E6HPdzB8WfVnWeVU7t8r2q2ANAMSq6gXpemK1ubaS4qbOg/aeq9qCNQAQjSpMrFDfUI1+SzedHvFoekH7eWdBW7AGADZT9oL0Yeaq8sny5EloetXs58RbRwRrAGBVXYg+LDiQUKhOV7+a/ZLYbyFYAwCLKntBeo72jve081Mf3/k3pKFrG3lOpJotWAMAs6vOwvRaHi1+t2svkfdmC9YAwCy2CtOdJwu/ZCXGkC1YAwCTlaHtYqsw3RGq89aF7B8bt4sI1gDATbqe6WMkYVaopu9lw55swRoAGOXQ22JZbEWo5prmLGSvQbAGAK6qQmX6GOHKhUI1YzUhXP9YuB9bsAYABg693ukYCdVM1fViL1HFFqwBgP8rw6IqMVan+4Rq5tBVsb/P2IstWANA5uoQqFOY/9k81SzhJQTse1d6FKwBIFPHEKiXWlZ8bkI1S3sNbSI/Jj6PYA0AGSl7gTrmdo9zlilnTU0vYN8SlAVrAMhA1Wv3SClQF+HnPg32wvKaXpvImNlEBGsA2LEqVHtTbaE4hp8fttYG7G/vBGzBGgB2KKUBidccQl81xOStgY6CNQDsSB0qvKlPR1eHUJ1a2wr5uBSwBWsA2IE9VKg7VZirWqgmBf2ALVgDQML2FKiLEKafEpoCEDptsP4qWANAelIflHhJGdo/rKpIqp5NtA4A6Sh3PKezUE3yBGsAiF8ZWj6OO+093sOASxCsASBy3VzOex3Md7SqInshWANAnLop5/Y8kK+2qiJ7IlgDQFz23EfdV5qrmr0RrAEgHqew5RA2hWp2R7AGgO3l0PbRZwYQdkmwBoDtdO0QOb0fH+UP9sofNgBsY++zfVxSh98ZdkmwBoB1VZm2QpRCNXsnWAPAek4Zh8ucesjJlGANAMvLtUrdORmsSA4EawBYVs5V6sIiMOREsAaAZeRepS56s55AFgRrAJhf7lXqjkVgyIpgDQDzyXFe6muO+qrJjRMfAOZxUKH9S6WvmhwJ1gBwv8dQoeVPPmCQJcEaAKZrK7NP5mf+yYPjQa4EawCYJsclyd9Tq9yTM8EaAG6n9WPIkuVkT7AGgPG0flynBYTsCdYAMI5ZP66rZQpwEgDAGA+mj7tKCwgEgjUAXGfBl/edtIDAn1woAOAy/dTvMwsI9AjWADCkn3ocLSDQI1gDwM9OAuMoWkDgjGANAH8zP/U4lcGcMCRYA4BBirdS0YcLXEAAyJ1Birc5hEGLwBnBGoCctWH6g0GKo5mzGt4gWAOQqzpUqoXq8U6OF1wnWAOQo0MI1YxXGdgJbxOsAciN6fSmcczgHQZqAJAToXoaAxZhBBVrAHLxYO7lyRw3GGEPwbobfPIQfp+uCv8Stm9FUXwN/w1Aniz8Mp0VFmGksmmaVI9VG6g/3jD4pA3XXwRsgOw8uUM7WWk6QhjtOdVg3VYefp1wore/7OcQsgHYP6H6Pg8q/TDac4oXm1+KovjXYO84ZQjkbbX797V/cABWJVTfp3T84Dap9Uw93RGq+25pIQEgPUL1/R60gMBtUgrWbZX502DvdJ9MHQSwS0L1/SrHEG6XUrD+OPMn5zI8JgD7IVTPw/R6MEEqwbpeqHXjSdUaYDeE6nmoVsNEqQTrJfuh9VoDpO9RGJyNlSlholSC9ZInuQsIQNos/jKf2p1cmC6VYL1kFUKFAyBd5lmel95quEMqwXrJn9MyrQBpOgmCs6pUq+E+QiUAKTpq5Zud4wl3SiVYvw72pPHYAMzvEPqqmY9qNcwglWD9PNiTxmMDMK9aqF6ElhqYQSrB+ttgTxqPDcB8qjBFqmW252XeaphJKsH662BPGo8NwDxKoXoxZlWBmaQSrF8WCtdfw2MDEK8uVBtwP79StRrmk9JF6ktRFM1g73RNeEwA4vZoYN1iju4CwHxSCtZtZfnzYO90n1WrAaL3oKK6KG0gMKPUbqu1rRv/Huy93ZeF+7YBuN/RbBWLUq2GmaVYBfhPqDT/OuGC0IRKtVANELfagiWLcycAZlY2zZxty6tqL7ofw4CWMb6GSrX2D4C4tUWTX1RTF1Xf8P4JjPOccrDudBeHrg+va295DQvLfDP7B0BSPhisuLhHFWuY3S6CNQD78WhA3eK6OwLAvJ7NCQpALI5C9SocY1iIYA1ADOpQrWZ5WkBgIYI1AFsrherV1N77YTlOLgC29uj9aDXaQGBBLmQAbOmkNWE1pWMNyxKsAdiKRWDWpVoNCxOsAdhCaYGS1ZkbHBYmWAOwhUcrK66qEqxheYI1AGs76vVdnTYQWIFgDcCaKn3Vm/BBBlYgWAOwpictIKurHXNYh2ANwFoevO9sQhsIrMQFDoA11GHOatZn0CKsRLAGYGmWLN/OQRsIrOeWwQxdteEUbit1PVttOH8tiqIpiuKlKIofRVF8D9vL4FEAyI0WkO0YtAgrKpumeevZuirDh4mjuL8VRfFHURT/DcEbgLzU4T2EbfyiYg2reX7rk2x7Ifznnb1ZD2FrK9e/hZANQB60gGxLGwis7FLFuj0RPy00yKRtD/ncJvrBdwDYmwcDFjf1qBUEVvV8HqyfQqhe8hNuE8L118F3ANgLLSDb0wYC63ruDyZpT8BfVzgJy/A8/xh8B4C90AKyLYvCwAa6W0RtyP248tN3z/f74DsApOxkFpDNaQGBDVSh/WPtUN35GJ4fgH2oJs4ixbwsCgMbqEJP9ZY++WQNsBtC9fYqdwxgG1UEPVhlBOEegPsdFEqioFoNG4nlE+3J6HGApJmzOh4+3MBGYrpV9E8jmAGSdXINj4Y2ENhITCdfrdoBkKTKQjDRMM0ebCi2T7XaQQDSY8BiPLSBwIZiC9YPBl0AJMWAxbhoA4ENxXgCup0IkA7V6niUilOwrRiDtYs0QBqssBgXoRo2FuMF0S1FgPiV7jBGR7CGjcUYrF0YAOJner34uHsAG4vxJHRhAIhbG6iPXqOo6K+GCMQYYlVAAOL24FodHUUpiECMJ2Iz2ANALCrV6iipVkMEYgzWr4M9AMTCgMU4CdYQgRiD9ctgDwAxUK2Ol1YQiECMJ+LzYA8AMbDOQJwqPe8QhxiD9bfBHgC2VltnIFqq1RCJGE/G74M9AGxNb3W89FdDJGIL1t/1WANEp1KtjpqKNUQitpPxj8EeALamtzpugjVEIqaTsa1Ufx3sBWBLqtVxM3ARIhJTsP7N4jAA0dFbHTfVaohILCfkd20gANExb3X8BGuISBVBlbh9/s+DvQBsTaiOnxlBICJVBKH2s0VhAKJTCtZJ0F8NEanCgMEvG/1IXwxYBIjSUWhLglYQiEh3Qv6+Qbj+Ep4XgPgYtBg/oRpiUhTF/wCwanlvn543fwAAAABJRU5ErkJggg==');background-repeat:no-repeat;background-size:100% 100%;} .promoterHeader .headerCon .name{margin-bottom:10rpx;} .promoterHeader .headerCon .num{font-size:50rpx;} .promoterHeader .headerCon .iconfont{font-size:125rpx;} .sign-record .list .item .data{height:80rpx;line-height:80rpx;padding:0 30rpx;font-size:24rpx;color:#666;} .sign-record .list .item .listn{font-size:24rpx;color:#999;padding: 0 24rpx;} .sign-record .list .item .listn .itemn{height:140rpx;} .sign-record .list .itemn~.itemn{ border-top: 1rpx solid #eee;} .sign-record .list .item .listn .itemn .name{width:390rpx;font-size:28rpx;color:#282828;margin-bottom:10rpx;} .sign-record .list .item .listn .itemn .num{font-size:36rpx;color:#16ac57;} .coupon-list{padding:0 30rpx;margin-top:20rpx;} .coupon-list .item{width:100%;height:170rpx;margin-bottom:16rpx;} .coupon-list .item .money{background-repeat:no-repeat;background-size:100% 100%;width:240rpx;height:100%;color:#fff;font-size:28rpx;text-align:center;display: flex;flex-direction:column;align-items:center;justify-content:center;} .coupon-list .item .money .num{font-size:54rpx;} .coupon-list .item .money .pic-num {font-size: 20rpx;} .coupon-list .item .text{position:relative;overflow:hidden;width:450rpx;padding:0 17rpx 0 24rpx;box-sizing:border-box;background-color:#fff;border-radius:0 24rpx 24rpx 0;} .coupon-list .item .text .condition{font-size:30rpx;color:#282828;height:93rpx;line-height:93rpx;border-bottom:1rpx solid #f5f5f5;} .coupon-list .item .text .data{font-size:20rpx;color:#999;height:76rpx;} .coupon-list .item .text .data .bnt{width:136rpx;height:52rpx;border-radius:26rpx;font-size:22rpx;text-align:center;line-height:52rpx;color:#fff;} .coupon-list .item .text .data .gray{font-size: 120rpx;color:#DFDFDF;position:absolute;right:0;} .coupon-list .item .text .data .gray.icon-ic_yilingqu{transform:rotateZ(-45deg);} .coupon-list .item .text .data .bnt1{width:110rpx;height:48rpx;border-radius:60rpx;font-size:22rpx;text-align:center;line-height:48rpx;color:#fff;} .coupon-list .item .text .data .bnt1.gray{background-color:#ccc;} .noCommodity { border-top: 7rpx solid #f5f5f5; text-align: center; } .noCommodity .pictrue { width: 414rpx; height: 305rpx; padding-bottom: 50rpx; margin: 0 auto; } .noCommodity .pictrue image { width: 414rpx; height: 305rpx; } .noCommodity .pictrue view{ color: #999; font-size: 26rpx; } // 登录、注册、忘记密码 .register_main{ width: 100%; height: 100vh; background-color: #ffffff; background-size: 100% auto; background-repeat: no-repeat; } .register { width: 100%; position: relative; } .register .shading .pictrue { width: 172rpx; height: 172rpx; border-radius: 50%; background-color: rgba(255,255,255,.8); margin: 0 auto } .register .shading .pictrue image { width: 164rpx; height: 164rpx; border-radius: 50%; display: block } .register .whiteBg { width: 100%; margin: 0 auto; padding: 209rpx 72rpx 0; } .register .whiteBg .login_title .title_h{ font-size: 48rpx; font-weight: bold; } .register .whiteBg .title_info { font-size: 28rpx; margin-top: 32rpx; } .register .whiteBg .list{ margin-top: 106rpx; } .register .whiteBg .list .item { padding: 0 48rpx; height: 88rpx; display: flex; align-items: center; background-color: #F5F5F5; border-radius: 46rpx; position: relative; width:100%; box-sizing: border-box; } .register .whiteBg .list .item+.item{ margin-top: 32rpx; } .register .whiteBg .list .item .name { font-size: 26rpx; color: #2d3342; margin-bottom: 27rpx; text-align: left; } .register .whiteBg .list .item image { width: 40rpx; height: 40rpx; display: block; } .register .whiteBg .list .item input { font-size: 30rpx; flex: 1; } .register .whiteBg .list .item input::-webkit-input-placeholder { color: #ccc; } .register .whiteBg .list .item .placeholder { color: #cccccc; font-size: 28rpx; } .register .whiteBg .list .item .codeIput { width: 240rpx; border-right: 1px solid #CCCCCC; } .register .list .item .code { font-size: 28rpx; padding-left: 16px; background-color: transparent; } .register .whiteBg .tip text{ color: #999999; } .register .whiteBg .list .forgetPwd { text-align: right; font-size: 28rpx; color: #666; } .register .whiteBg .list .forgetPwd .iconfont { font-size: 30rpx; margin-right: 10rpx; vertical-align: middle } .register .whiteBg .tip { text-align: center; font-size: 28rpx; color: #999999; margin-top: 30rpx; .t-color { color: var(--view-theme); } } // 首页修改轮播内部样式; .index-bg .uni-swiper-dot { width: 20rpx!important; height: 5rpx!important; border-radius: 3rpx } .boutique .uni-swiper-dot { width: 7rpx!important; height: 7rpx!important; border-radius: 50% } .boutique .uni-swiper-dot-active { width: 20rpx!important; border-radius: 5rpx!important } .statistical-page .mc-{ padding-bottom: 0 } .statistical-page .mpvue-calendar { min-width: 100% } .statistical-page .mpvue-calendar table { margin: 0 } .statistical-page .mpvue-calendar td { border-right: 1px solid #fff; padding: 0; width: 14%!important } .statistical-page .calendar-tools { box-shadow: unset; -webkit-box-shadow: unset; -o-box-shadow: unset; -moz-box-shadow: unset } .statistical-page .mc-head-box div { font-size: 14px } .statistical-page .mpvue-calendar td:not(.disabled) span.mc-date-red { color: unset } .statistical-page .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date { border-radius: 0; background-color: #2291f8!important } .statistical-page .mpvue-calendar td.selected span.mc-date-red { color: #fff } .statistical-page .mc-range-mode .selected .mc-range-bg { background-color: #a0dcf9 } .statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-first .calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-last .calendar-date { background-color: #a0dcf9 } .statistical-page .mpvue-calendar .mc-range-mode .selected.mc-range-second-to-last span { background-color: #a0dcf9 } .statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date { background-color: #a0dcf9 } .statistical-page .mc-today-element .calendar-date { border-radius: 0; background-color: unset } .new-users .uni-swiper-dot { width: 8px; height: 4px; background: rgba(0,0,0,.15); border-radius: 2px } .new-users .uni-swiper-dot-active { width: 16px; height: 4px; background: rgba(233,51,35,1)!important; border-radius: 2px } .pictrue_log { width: 80rpx; height: 40rpx; border-radius: 20rpx 0 20rpx 0; line-height: 40rpx; font-size: 24rpx } .pictrue_log_class { background: -webkit-gradient(linear,left top,right top,from(rgba(246,122,56,1)),to(rgba(241,27,9,1))); background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%); opacity: 1; position: absolute; top: 0; left: 0; color: #fff; text-align: center; z-index: 3 } .pictrue_log_medium { width: 80rpx; height: 44rpx; border-radius: 20rpx 0 20rpx 0; line-height: 44rpx; text-align: center; font-size: 26rpx } .pictrue_log_big { width: 100rpx; height: 46rpx; line-height: 46rpx; border-radius: 20rpx 0 20rpx 0; font-size: 28rpx } .product-con .nav .time .styleAll { padding: 0 6rpx; font-size: 22rpx; border-radius: 2rpx } .spike-box .styleAll { background-color: #ffdfdd; color: #e93323; padding: 0 5rpx } .product-con .nav .time .timeTxt { color: #fff } .bg-color-hui { background: #bbb!important } /deep/.page_content .swiper .uni-swiper-dot-active { background: #E93323; } .pictrue_log_xl { background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%) } .pictrue_log_xl_gray { background: linear-gradient(90deg,rgba(102,102,102,1) 0,rgba(153,153,153,1) 100%) } .pictrue_log_xl_blue { background: linear-gradient(90deg,rgba(26,163,246,1) 0,rgba(24,192,244,1) 100%) } .flex-aj-center { display: flex; align-items: center; justify-content: center } .page-index.bgf .noCommodity{ border-top: 0; } .product-con .red{ color: #82848f; } .pl-20{ padding-left: 20rpx; } .mask_transparent { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: 300; } .confirmImg { width: 100%; } .confirmImg .upload { padding-bottom: 36rpx; } .confirmImg .upload .pictrue { margin: 22rpx 23rpx 0 0; width: 146rpx; height: 146rpx; position: relative; font-size: 24rpx; color: #999; } .confirmImg .upload .pictrue:nth-of-type(4n) { margin-right: 0; } .confirmImg .upload .pictrue image { width: 100%; height: 100%; border-radius: 16rpx; } .confirmImg .upload .pictrue .icon-ic_close2 { position: absolute; font-size: 45rpx; top: -10rpx; right: -10rpx; } .confirmImg .upload .pictrue .icon-ic_camera1{ font-size: 50rpx; margin-bottom: 10rpx; } .confirmImg .upload .pictrue .close{ position: absolute; width: 26rpx; height: 26rpx; border-radius: 0 8rpx 0 8rpx; background-color: rgba(0, 0, 0, 0.6); top: 0; right: 0; } .confirmImg .upload .pictrue .close .iconfont{ font-size: 24rpx; } .confirmImg .upload .pictrue:nth-last-child(1) { border: 2rpx solid #ddd; box-sizing: border-box; border-radius: 16rpx; } .conter .copy{ display: flex; align-items: center; justify-content: center; width:76rpx; height:34rpx; border:2rpx solid #ddd; border-radius: 26rpx; font-size: 20rpx; color: #333; margin-left: 6rpx; } .btn-lg{ width:690rpx; height:88rpx; margin: 0 auto; line-height: 88rpx; text-align: center; color: #fff; background: var(--view-theme); border-radius: 50rpx; font-size: 28rpx; font-weight: bold; } .placeholder{ color: #999999; font-size: 28rpx; } .placeholderc{ color: #cccccc; font-size: 28rpx; } .popup-close { display: inline-block; width: 36rpx; height: 36rpx; border-radius: 100%; background: #eeeeee; line-height: 36rpx; text-align: center; color: #999; font-size: 26rpx; font-weight: normal; } .start { width: 122rpx; height: 30rpx; background-repeat: no-repeat; background-size: 122rpx auto; } .start.star5{background-position:0 3rpx;} .start.star4{background-position:0 -30rpx;} .start.star3{background-position:0 -70rpx;} .start.star2{background-position:0 -105rpx;} .start.star1{background-position:0 -140rpx;} .start.star0{background-position:0 -175rpx;} .loadingpic{animation:load 3s linear 1s infinite;--webkit-animation:load 3s linear 1s infinite} .loading-list{animation:load linear 1s infinite;-webkit-animation:load linear 1s infinite;font-size:40rpx;margin-right:22rpx} .loading{width:100%;height:100rpx;line-height:100rpx;align-items:center;justify-content:center;position:relative;text-align:center} .loading .line { position: absolute; width: 450rpx; left: 150rpx; top: 50rpx; height: 1px; border-top: 1px solid #eee } .loading .text { position: relative; display: inline-block; padding: 0 20rpx; background: #fff; z-index: 2; color: #777 } .loadingicon .loading { animation: load linear 1s infinite; font-size: 45rpx; } .loadingicon { width: 100%; height: 80rpx; overflow: hidden; color: #ccc; } .ChangePassword .list { padding: 0 30rpx; } .ChangePassword .list .item { width: 100%; height: 100rpx; display: flex; align-items: center; border-bottom: 2rpx solid #f2f2f2; &:last-child{ border: none; } } .ChangePassword .list .item input { width: 100%; height: 100%; font-size: 30rpx; } .ChangePassword .list .item .placeholder { color: #cccccc; } .ChangePassword .list .item input.codeIput { width: 340rpx; } .ChangePassword .list .item .code { font-size: 30rpx; background-color: #fff; color: var(--view-theme); } .ChangePassword .list .item .code.on { color: #cccccc; } .ChangePassword .confirmBnt { font-size: 28rpx; width: 100%; height: 88rpx; border-radius: 50rpx; color: #fff; margin-top: 60rpx; text-align: center; line-height: 88rpx; background-color: var(--view-theme); } .payment .item .left .icon { width: 52rpx; height: 52rpx; border-radius: 10rpx; background: linear-gradient( 360deg, #43C93E 0%, #4BE146 100%); } .payment .item .left .iconfont { font-size: 36rpx; color: #ffffff; } .payment .item .left .icons-icon-a-ic_alipay, .payment .item .left .icons-icon-ic_Money2{ background: linear-gradient( 360deg, #1281FF 0%, #70B3FF 100%); } .payment .item .left .icons-icon-a-ic_offlinepay { background: linear-gradient( 180deg, rgba(255,162,47,0.8) 0%, #FF7B00 100%); } .add-cart,.wf-item .add-cart { width: 48rpx; height: 48rpx; border-radius: 100%; background: var(--view-theme); position: absolute; right: 30rpx; bottom: 0; .iconfont { color: #fff; font-size: 30rpx; } } .wf-item .add-cart { bottom: 20rpx; right: 20rpx; } .sys-head { position: relative; width: 100%; text-align: center; top: 0; left: 0; &.fixed { position: fixed; z-index: 99; } .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 100% auto; background-position: left bottom; } .sys-title { z-index: 10; position: relative; height: 43px; line-height: 43px; font-size: 32rpx; color: #FFFFFF; } .icon-ic_leftarrow { position: fixed; z-index: 10; color: #fff; left: 20rpx; font-size: 40rpx; } } .fixed-head{ position: fixed; left: 0; top: 0; width: 100%; z-index: 10; .tool-bar{ display: flex; align-items: center; height: 40px; } .icon-ic_leftarrow { margin-right: 40rpx; margin-left: 20rpx; font-size: 40rpx; color: #fff; } } .score-wrapper { display: flex; justify-content: space-between; margin-top: 30rpx; .item { color: #999999; font-size: 26rpx; text { margin-left: 10rpx; color: var(--view-priceColor); } } } .priceChange{position:fixed;width:580upx;top:50%;left:50%;margin-left:-290upx;margin-top:-335upx;z-index:666;transition:all 0.3s ease-in-out 0s;transform: scale(0);opacity:0;} .priceChange.on{opacity:1;transform: scale(1);} .change-count{border-radius:16rpx 16rpx 24rpx 24rpx;padding-bottom:40rpx;} .priceChange .priceTitle{background-repeat:no-repeat;background-size:100% 100%;width:100%;height:160upx;border-radius:10upx 10upx 0 0;text-align:center;font-size:40upx;color:#fff;line-height:160upx;position:relative;} .priceChange .close{text-align: center;margin-top:50rpx;} .priceChange .icon-ic_close1{font-size:50upx;color:#ffffff;display: inline-block;} .priceChange .listChange{padding:0 40upx;} .priceChange .listChange textarea{box-sizing: border-box;} .priceChange .listChange .item{height:103upx;border-bottom:1px solid #e3e3e3;font-size:32upx;color:#333;} .priceChange .modify{font-size:28upx;color:#fff;width:440upx;height:88upx;text-align:center;line-height:88upx;border-radius:50upx;background-color:#2291f8;margin:28upx auto 0;} .priceChange .listChange textarea { border: 1px solid #eee; width: 100%; height: 200upx; margin-top: 50upx; border-radius: 10upx; color: #333; padding: 20upx; } /deep/ .page-footer .uni-badge--x { position: absolute !important; top: -8rpx; } /deep/ .page-footer .uni-badge { right: unset !important; top: unset !important; } /deep/ .page-footer .uni-badge-left-margin .uni-badge--error { color: #fff !important; background-color: #E93323 !important; z-index: 8; } .instructions { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 100; } .instructions .agreement-count { width: 656rpx; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .instructions .setAgCount { background: #fff; border-radius: 12rpx; -webkit-border-radius: 12rpx; padding: 52rpx 0; overflow: hidden; .content { /deep/ p { font-size: 13px; line-height: 22px; } /deep/ img { max-width: 100%; } } } .instructions .icon { display: inline-block; font-size: 42rpx; color: #ffffff; margin-top: 40rpx; } .instructions .setAgCount .title { color: #333; font-size: 32rpx; text-align: center; font-weight: bold; } .instructions .setAgCount .agBox { margin-top: 32rpx; color: #333; font-size: 26rpx; line-height: 22px; text-align: justify; text-justify: distribute-all-lines; height: 756rpx; padding: 0 52rpx; overflow-y: scroll; } .virtual_form{ padding: 0 30rpx; margin-top: 20rpx; } .virtual_form .title { font-size: 28rpx; font-weight: 500; padding: 27rpx 0; } /deep/.virtual_form .uni-input-wrapper { text-align: right; } .virtual_form .item-require{ color: red; margin-right: 4rpx; } .virtual_form .item{ padding: 27rpx 0; } .virtual_form .item.on .discount{ max-width: 460rpx; } .virtual_form .item.pd0{ padding-bottom: 0; } .virtual_form .item .radio{ margin: 0 22rpx 0 22rpx; padding: 10rpx 0; } .virtual_form .upload { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .virtual_form .pictrue { width: 106rpx; height: 106rpx; margin-right: 12rpx; position: relative; font-size: 20rpx; color: #333; border-radius: 12rpx; &:last-child{ margin-right: 0; } &:first-child { border: 0.5px dashed #ccc; background: #F5F5F5; box-sizing: border-box; } uni-image, image { width: 100%; height: 100%; border-radius: 12rpx; img { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; display: block; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; } } .camera-icon { width: 34rpx; height: 34rpx; margin-bottom: 8rpx; } .icon-ic_close { color: #fff; font-size: 14rpx; position: absolute; top: 0; right: 0; width: 28rpx; height: 28rpx; text-align: center; line-height: 30rpx; border-radius: 0 8rpx 0 8rpx; background: #bbb; } } .virtual_form .item-scroll { width: 106rpx; max-width: 480rpx; height: 106rpx; } .poster-pop { width: 600rpx; height: 897rpx; position: fixed; left: 50%; transform: translateX(-50%); z-index: 1000; top: 50%; margin-top: -446rpx; } .poster-pop image { width: 100%; height: 100%; display: block; } .poster-pop .close { width: 46rpx; height: 75rpx; position: fixed; right: 0; top: -73rpx; display: block; } .poster-pop .save-poster { background-color: #df2d0a; font-size: :22rpx; color: #fff; text-align: center; height: 76rpx; line-height: 76rpx; width: 100%; border-radius: 43rpx; margin-top: 20rpx; } .poster-pop .keep { color: #fff; text-align: center; font-size: 25rpx; margin-top: 10rpx; }