tanzhongheY/app.wxss

121 lines
3.7 KiB
Plaintext

.container{
background: #eeeeee7d;
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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfMAAAAJCAYAAAAmccWAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzk0M0RGRkRGNEJDMTFFQUExNzhEOURGMjAwQUZGODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzk0M0RGRkVGNEJDMTFFQUExNzhEOURGMjAwQUZGODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOTQzREZGQkY0QkMxMUVBQTE3OEQ5REYyMDBBRkY4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOTQzREZGQ0Y0QkMxMUVBQTE3OEQ5REYyMDBBRkY4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhtKAecAAAElSURBVHja7Nu9asJQGMbxk+AN6FAoOHRTlGZz7A0InVoHR6eWDg6dewvq6N6OgmDpRXToVOiqOCjYoR8XUNInTQIOJe2Q4Q35/+AB5WR6Ai+exOOFYehgS3v8mn70laFyoTSUd2Wh3Cjb9KKX6wNKA8DcKTGfCszylFtlojST7zVloDwpR1QEgLmDnxvXGu1owaZzZZax/qCcUhMA5g7YmdvV/2O9q1SpCQBzBxXlWTmmikL+EDt08fssAMhD/R9z542azAnYmRfXl7KhBgA5WlNBcXfmATWYFL2Xus9Yj/5d+klNAHJ0p/Qy1ufKGTXZ43E0zZ69IyJT5fKXS1bKSboz54gIAOZOufGY3bYrFx8JeVQ+lKWLj4x0HI/YATB3kPgWYABV0EFs4jF8rAAAAABJRU5ErkJggg==") no-repeat center;
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);
}