.common-top-img { height: 104px; } .common-top-info { height: 38px; .top-box { bottom: 0; width: 100%; } } .common-nav-title { height: 80rpx; .iconfont { font-size: 24rpx; } .icon-right { font-size: 28rpx; } } .common-line { width: 8rpx; height: 30rpx; border-radius: 8rpx; margin-right: 15rpx; } .common-btn { min-width: 150rpx; height: 56rpx; padding: 0 24rpx; } .common-btn.disabled { background: #EEEEEE; } .common-mini-btn { width: 100rpx; height: 44rpx; } .common-bg { width: 100%; height: 338rpx; top: 0; left: 0; z-index: -1; } .common-bg.breed { height: 280rpx; } .common-bg.mine { height: 416rpx; } .common-bg.home { height: 720rpx; } .common-bg.sign { height: 532rpx; } .common-bg.nav { height: 128rpx; } .common-bg.collage { height: 480rpx; top: 128rpx } .space-common-bg { height: 61rpx; } /* 海报 */ .hideCanvasView { position: relative; .hideCanvas { position: absolute; left: -9999rpx; top: -9999rpx } } /* 星级 */ .star-fill-info { width: 6rem; height: 1rem; .star { top: 0; left: -5rpx; } .star-fill { width: 6rem; top: 0; left: -5rpx; height: 1rem; overflow: hidden; } .flex-warp { width: 6rem; .item-star { width: 0.8rem; height: 0.8rem; margin: 0.1rem 0.2rem; .iconfont { /* font-size: 0.8rem; */ } } } .icon-star-bold-fill { color: #eee; } } /* 评价图片 */ .eva-img { width: 206rpx; height: 206rpx; overflow: hidden; .more { right: 0; bottom: 0; padding: 5rpx 10rpx; background: rgba(0, 0, 0, 0.5); } } .eva-img.sm { width: 180rpx; height: 180rpx; } .eva-img:nth-child(3n-1) { margin: 0 20rpx; } /* 加减按钮 */ .add-remove-item { .iconfont { font-size: 50rpx; } .number { min-width: 80rpx; } } /* 限时直降 */ .reduce-info { top: 0; left: 0; min-width: 228rpx; height: 50rpx; border-radius: 4rpx; padding-left: 120rpx; .reduce-tag { top: 0; left: 0; width: 120rpx; height: 50rpx; background: #FFFB00; background: linear-gradient(-70deg, transparent 20rpx, #FFFB00 0); } } /* 订单相关页面 */ .order-item { .text-item { width: 180rpx; } .add-remove-item { .number-text { min-width: 60rpx; padding: 0 15rpx; } .iconfont { font-size: 50rpx; } } } .order-status-info { .status-item { width: 25%; z-index: 1; .status-img { width: 72rpx; height: 72rpx; } } .status-line { top: 66rpx; left: 68rpx; width: 554rpx; height: 1rpx; background: #CCCCCC; } } .order-text-info { .text { min-width: 173rpx; } .mini-text { width: 150rpx; } } .copy-btn { width: 80rpx; height: 38rpx; font-size: 22rpx; border-radius: 10rpx; margin-left: 10rpx; } .copy-btn.sm { width: 68rpx; height: 36rpx; font-size: 20rpx; border-radius: 18rpx; } /* 退款图片 */ .refund-img { width: 203rpx; height: 203rpx; } .refund-img:nth-child(3n) { margin-right: 0 } /* 申请表单相关页面 */ .icon-required { font-size: 14rpx; } .apply-pages { .icon-right { color: #C4C4C6; } .item-text { width: 180rpx; height: 30rpx; line-height: 30rpx; font-size: 30rpx; color: #1F1F1F; font-weight: bold; } .item-input { min-height: 30rpx; line-height: 30rpx; padding: 25rpx 0; font-size: 26rpx; color: #333; } .item-input.text { padding: 30rpx 0; } .item-textarea { width: 690rpx; height: 300rpx; font-size: 26rpx; color: #333; overflow-y: auto; } .item-textarea.mini { height: 200rpx; } .icon-switch, .icon-switch-on { font-size: 90rpx; line-height: 46rpx; } .icon-jian-fill { font-size: 40rpx; } .add-spec-btn { width: 182rpx; height: 74rpx; background: #fff; transform: rotateZ(360deg); .iconfont { font-size: 26rpx; } } } /* 储值明细记录 */ .stored-record-pages { .list-time { z-index: 99999; .item-child { width: 50%; height: 95rpx; .iconfont { font-size: 28rpx; } } } } /* 地址信息 */ .address-info { .address-icon { width: 64rpx; height: 64rpx; .iconfont { font-size: 38rpx; } } .username { font-size: 30rpx; } } /* 轮播图 */ .banner-info { position: relative; .banner-swiper { width: 750rpx; height: 750rpx; .img-bg { top: 0rpx; font-size: 80rpx; background: rgba(0, 0, 0, 0.2) } } .banner-img { width: 100%; height: 100%; } .banner-taglist { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 32rpx; width: 100%; } .banner-tagitem { display: flex; align-items: center; justify-content: center; width: 90rpx; height: 50rpx; background: rgba(255, 255, 255, 0.8); color: #2b2b2b; font-size: 22rpx; margin-left: 1rpx; } .banner-tagitem:nth-child(1) { margin-left: 0; } .banner-tagitem_count { background: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; bottom: 32rpx; right: 32rpx; z-index: 10; font-size: 26rpx; border-radius: 25rpx; } .banner-tagitem_active { /* background: rgba(255, 255, 255, 0.6); */ color: #fff; background: #19c865; } .radius-left { border-radius: 10rpx 0 0 10rpx; } .radius-right { border-radius: 0 10rpx 10rpx 0; } }