.container{ background: #eeeeee; min-height: 100vh; padding-bottom: 40rpx; } view,text,input,button,scroll-view,textarea{ box-sizing: border-box; } .container button[disabled],.container button[disabled]:not([type]) { background-color: #ccc; color: #fff; } .top10{ margin-top: 10rpx; } .top20{ margin-top: 20rpx; } .top30{ margin-top: 30rpx; } .top40{ margin-top: 40rpx; } /**通用css**/ view{ box-sizing: border-box; } .view-bg{ width: 690rpx; position: relative; background: #fff; margin-left:auto; margin-right: auto; border-radius: 10rpx; overflow: hidden; padding-bottom: 40rpx; } /**/ .countdown{ width: 100%; text-align: center; padding: 40rpx 0; } .countdown .names{ font-size: 30rpx; } .countdown .names text{ background-size:499rpx 10rpx; display: inline-block; width: 100%; } .countdown .time{ color: #666666; font-size: 32rpx; height: 50rpx; line-height: 50rpx; margin-top: 30rpx; } .countdown .time text{ height: 50rpx; width: 50rpx; display: inline-block; background:#2a8de9; border-radius: 4rpx; color: #fff; margin:0 6rpx; } .countdown .tab{ display: inline-block; width: 100%; margin-top: 40rpx; } .countdown .tab .list{ width: 33.33%; float: left; display: inline-block; font-size: 50rpx; border-right: 1rpx solid #ebebeb; font-weight: bold; } .countdown .tab .list text{ font-size: 24rpx; color: #333333; font-weight: 400; } .countdown .tab .list text:nth-child(2){ display: block; margin-top: 10rpx; } /**/ .signup{ width: 130rpx; height: 50rpx; line-height: 50rpx; background: #ffc103; color: #fff; font-size: 26rpx; border-radius: 15rpx 0 0 15rpx; text-align: center; position: fixed; top: 460rpx; right: 0; box-shadow: 0 6rpx 6rpx rgba(0,0,0,.2); } .sign-rule{ width: 130rpx; height: 50rpx; line-height: 50rpx; background: #2A8DEB; color: #fff; font-size: 26rpx; border-radius: 15rpx 0 0 15rpx; text-align: center; position: fixed; top: 540rpx; right: 0; box-shadow: 0 6rpx 6rpx rgba(0,0,0,.2); }