.bg-scroll-view { width: 100%; height: 100%; } .attent{ width:750rpx; height: 168rpx; /* position:fixed; bottom:0; */ overflow: hidden; } .collectedTips{ width:330rpx; position:fixed; right:-190px; top: 10px; height:auto; z-index:999; color:#FFF; border-radius:10rpx; font-size:30rpx; padding:10rpx; background:#333333; text-align: center; } .collectedTips::after{ content:""; position:absolute; top:-6px; left:220rpx; border-bottom:6px solid #333333; border-left:6px solid transparent; border-right:6px solid transparent; } .tips-icon{ position: absolute; right: 8rpx; top: 100rpx; } .banner-tips { width: 100%; height: 224rpx; margin-top: -224rpx; display: flex; } .banner-tips>text { font-family: PingFangSC-Regular; font-size: 28rpx; color: #FFFFFF; line-height: 48rpx; width: 624rpx; margin: 30rpx auto 0; } .tab { display: flex; width: 100%; height: 100rpx; background: #4FC16B; margin-top: -16rpx; } .choose-tab { font-family: PingFangSC-Semibold; font-size: 34rpx; color: #FFFFFF; text-align: center; margin-top: 20rpx; width: 50%; } .unchoose-tab { font-family: PingFangSC-Regular; font-size: 32rpx; color: #FFFFFF; text-align: center; line-height: 100rpx; width: 50%; } .tab+view { display: flex; flex-direction: column; width: 50%; height: 5rpx; margin-top: -5rpx; } .tab+view>view { width: 48rpx; height: 5rpx; background: #FFFFFF; border-radius: 2.5rpx; margin: -15rpx auto 0; } .item-bg { width: 690rpx; background-color: white; display: flex; flex-direction: column; box-shadow: 0 0 30px 0 rgba(205,205,205,0.50); border-radius: 20px; margin: -66rpx 30rpx 0; } .item-bg>view:nth-last-child(3)>view { width: 88rpx; height: 48rpx; border: 2rpx solid #FF801A; border-radius: 8rpx; font-family: PingFangSC-Regular; font-size: 26rpx; color: #FF801A; text-align: center; line-height: 48rpx; margin: auto 30rpx auto 36rpx; } .item-bg>view:nth-last-child(3)>text:nth-child(2) { font-family: PingFangSC-Regular; font-size: 34rpx; color: #888888; line-height: 100rpx; margin-left: auto; } .picker-view, .item-bg>view:nth-child(5), .item-bg>view:nth-child(13) { width: 690rpx; height: 100rpx; } .picker-view, .item-bg>view:nth-last-child(3) { display: flex; background-color: white; border-radius: 10px; } .input-view>text, .switch-view>text, .picker-view>text:first-child, .item-bg>view:nth-child(5)>text:first-child, .item-bg>view:nth-child(13)>text:first-child { font-family: PingFangSC-Regular; font-size: 32rpx; color: #333333; line-height: 100rpx; margin-left: 30rpx; /* width: 210rpx; */ } /* picker */ picker { margin-left: auto; } .picker-content-view { height: 100rpx; /* min-width: 370rpx; */ display: flex; } .picker-content-view>text:nth-last-child(2) { font-family: PingFangSC-Regular; font-size: 34rpx; color: #888888; line-height: 100rpx; margin: 0 0 0 auto; } .picker-content-view>image { width: 16rpx; height: 28rpx; margin: auto 30rpx auto 24rpx; } .switch-view>view, .picker-view>view { height: 100rpx; display: flex; margin-left: 6rpx; } .switch-view>view>image, .picker-view>view>image{ width: 32rpx; height: 32rpx; margin: auto 30rpx auto auto; } /* input */ .item-bg>view:nth-child(5) { display: flex; } .placeholder { font-family: PingFangSC-Regular; font-size: 34rpx; color: #BFBFBF; line-height: 100rpx; } input { width: 480rpx; height: 100rpx; font-family: PingFangSC-Regular; font-size: 34rpx; color: #888888; line-height: 100rpx; text-align: right; margin: auto 30rpx auto auto; } .line { height: 1px; background-color: rgba(238, 238, 238, 0.5); margin-left: 30rpx; margin-right: 30rpx; } .all-line { height: 0.7px; background-color: #EBEBEB; } .button-view>button { width: 626rpx; height: 90rpx; border-radius: 44px; background: #03C29D; box-shadow: 0 0 20px 0 rgba(34, 155, 131, 0.50); font-size: 36rpx; color: #FFFFFF; line-height: 90rpx; text-align: center; margin: 48rpx auto; } .input-view, .switch-view { width: 100%; height: 100rpx; display: flex; background-color: white; } .switch-view>switch { margin: auto 30rpx auto auto; } /* tips-view */ .tips-view { width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.68); display: flex; z-index: 1000; } .tips-view>view { width: 560rpx; border-radius: 16rpx; margin: auto auto; background-color: white; display: flex; flex-direction: column; } .tips-view>view>text:first-child { font-family: PingFangSC-Regular; font-size: 36rpx; font-weight: 700; color: #222222; text-align: center; line-height: 50rpx; margin: 60rpx auto 0; } .tips-view>view>view:nth-child(2) { display: flex; flex-direction: column; margin: 20rpx 42rpx 48rpx; } .tips-view>view>view:nth-child(2)>text { font-family: PingFangSC-Regular; font-size: 30rpx; color: #888888; line-height: 44rpx; margin-bottom: 20rpx; } .tips-view>view>view:nth-child(3) { width: 100%; /* height: 0.7px; */ background-color: #E5E5E5; } .tips-view>view>view:nth-child(4) { width: 510rpx; height: 88rpx; line-height: 88rpx; font-family: PingFangSC-Regular; font-size: 34rpx; color: #FFF; background: #03C29D; border-radius: 44px; text-align: center; margin: 0 auto 40rpx; } .banner-bottom{ width: 750rpx; margin: 30rpx; } .banner-bottom>image{ width: 690rpx; height: 160rpx; border-radius: 4px; }