/* pages/contest/contest.wxss */ page { background: #fff; } .home { width: 40rpx; height: 40rpx; position: absolute; top: 70rpx; left: 50rpx; z-index: 99; } .page-title { position: relative; z-index: 1; width: 100%; font-size: 32rpx; font-weight: 400; color: #FFFFFF; padding-top: 68rpx; text-align: center; } .bg { width: 100%; position: absolute; z-index: 0; } .form { padding-top: 370rpx; } .form-item { position: relative; height: 166rpx; } .form-item-bg { width: 100%; position: absolute; z-index: 0; } .content { height: 166rpx; display: flex; align-items: center; position: relative; z-index: 9; } .form-item-label { padding: 0 40rpx 0 80rpx; font-size: 32rpx; font-weight: 550; color: #161616; } .form-item-picker{ margin: 0 30rpx; z-index:99 !important; background-color:#fff; top:-300rpx; position:absolute; width:calc(100% - 60rpx); box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.06); border-radius: 50rpx; height:300rpx; transition:all .2s; overflow: auto; padding:20rpx; } .form-item-leaf{ padding:20rpx; } input, .select { padding-left: 24rpx; width: 500rpx!important; height: 106rpx; position: relative; display: flex; align-items: center; } .picker { width: 500rpx; height: 106rpx; display: flex; align-items: center; } .arrow { width: 24rpx; position: absolute; right: 40rpx; z-index: 0; } .phcolor { font-size: 32rpx; line-height: 44rpx; font-weight: 400; color: rgba(22, 22, 22,.18); } .button { display: flex; justify-content: center; align-items: center; position: relative; height: 166rpx; } .button-bg { width: 712rpx; position: absolute; z-index: 0; } .button-text { background-image: linear-gradient(to right, #57A8EF, #6247FF); width: 656rpx; height: 110rpx; border-radius: 120rpx; text-align: center; position: relative; z-index: 9; color: #FFFFFF; font-size: 48rpx; line-height: 110rpx; } .warning { display: flex; align-items: center; height: 55rpx; position: relative; z-index: 10; } .warning-icon { width: 36rpx; margin: 0 24rpx 0 98rpx; } .warning-text { font-size: 28rpx; font-weight: 400; color: #59598D; }