fenggu/app.wxss

.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: 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);
}