renshou/topic/promotion/index.css

page{background: #3460F5;}
.banner image{width: 100%;}
.con{padding: 0 32rpx;margin-top: -65rpx;}
.con image{width: 100%;margin-bottom: 50rpx;}
.pro{margin: 96rpx 32rpx 0;position: relative;background: #fff;border-radius: 20rpx;padding: 82rpx 28rpx 43rpx;}
.title{width: 408rpx;height: 78rpx;border-radius: 10rpx;background: linear-gradient(#049AFF,#006FFF);position: absolute;left: 50%;transform: translateX(-50%);top: -36rpx;font-size: 38rpx;color: #fff;font-weight: bold;text-align: center;line-height: 78rpx;}
.pro-list{height: 655rpx;}
.pro-list image{width: 100%;height: 500rpx;}
.pro-tit{font-size: 30rpx;color: #333;margin: 30rpx 0 0;}
.pro-bri{font-size: 24rpx;color: #999;margin: 15rpx 0 0;line-height: 1.5;}
.pro-dot{margin-top: 25rpx;justify-content: center;}
.dot{width: 15rpx;height: 15rpx;border-radius: 50%;background: #DDDDDD;margin: 0 5rpx;}
.dot.active{background: #0176FF;}
.act{margin: 96rpx 32rpx 0;position: relative;background: #fff;border-radius: 20rpx;padding: 90rpx 28rpx 26rpx;}
.act-info{padding-bottom: 22rpx;border-bottom: 1rpx solid #E8E8E8;}
.act-img{width: 270rpx;height: 174rpx;border-radius: 6rpx;margin-right: 25rpx;}
.act-tit{font-size: 28rpx;color: #000;line-height: 38rpx;height: 76rpx;}
.tag{margin: 10rpx 0 15rpx;}
.tag text{display: block;height: 30rpx;background: #FFEFD9;border-radius: 4rpx;font-size: 22rpx;color: #836233;padding: 0 9rpx;line-height: 30rpx;}
.area{font-size: 24rpx;color: #999;}
.area text{margin-right: 10rpx;}
.money{font-size: 30rpx;color: #FF1919;}
.money text{font-size: 18rpx;}
.stas{padding: 19rpx 0;}
.tag-box{font-size: 24rpx;color:#999;}
.tag-box text{margin-right: 15rpx;}
.act-btn{width: 160rpx;height: 56rpx;background: linear-gradient(90deg, #FF394C 0%, #C10316 100%);border-radius: 28rpx;font-size: 26rpx;color: #fff;text-align: center;line-height: 56rpx;}
.form{margin-top: 75rpx;background: #fff;padding: 80rpx 32rpx 75rpx;}
.form-tag{width: 150rpx;height: 40rpx;background: #FC3C31;border-radius: 20rpx 20rpx 20rpx 0;font-size: 28rpx;color: #fff;line-height: 40rpx;text-align: center;margin: 0 auto;}
.form-tit{font-size: 38rpx;color: #000;font-weight: bold;text-align: center;position: relative;margin-top: 8rpx;}
.form-tit::after{content: '';display: block;width: 318rpx;height: 6rpx;background: #FFC72C;position: absolute;left: 50%;transform: translateX(-50%);bottom: 10rpx;z-index: 2;}
.form-tit view{position: relative;z-index: 5;}
.form-person{width: 374rpx;height: 46rpx;background: #F8F8F8;border-radius: 23rpx;font-size: 32rpx;color: #666;justify-content: center;margin: 15rpx auto 50rpx;}
.form-person text{font-size: 40rpx;color: #FC3C31;font-weight: bold;}
.form-person:before,.form-person:after{content: '';display: block;width: 51rpx;height: 1rpx;background: #DEDEDE;}
.form-person:before{margin-right: 9rpx;}
.form-person:after{margin-left: 9rpx;}
.form .li{border-bottom: 1rpx solid #D1D1D1;margin-bottom: 30rpx;}
.label{font-size: 28rpx;color: #666;}
.form-ipt{font-size: 28rpx;color: #333;padding: 25rpx 0;}
.placeholder{color: #ccc;}
.phone-btn{font-size: 28rpx;color: #ccc;padding: 25rpx 0 !important;text-align: left;}
.form-tip{font-size: 32rpx;color: #666;justify-content: center;}
.form-tip text{color: #FC3C31;}
.form-tip image{width: 41rpx;height: 38rpx;margin-right: 9rpx;}
.form-btn{height: 90rpx;background: #1582F7;border-radius: 10rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 90rpx;margin-top: 20rpx;}