clock.wxss 1.8 KB
/* pages/clock/clock.wxss */
@import "../../templates/templates.wxss";

page {
  height: 100%;
}
.content_box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  /*background: #3899e5;*/
  display: flex;
  /* justify-content: center; */
  flex-direction: column;
  align-items: center;
  padding-top: 115rpx;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-image: url('http://science.w.bronet.cn/static/images/background.png');
  /*background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544437670097&di=0d34697ed78ebad78dafee6c88ed704a&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0157955848b69ea801219c77902534.jpg');*/
}
.modal {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  /*opacity: 0.8;*/
  z-index: 10;
}
.circle_large, .circle_middle, .circle_small {
  width: 327rpx;
  height: 327rpx;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle_middle {
  width: 286rpx;
  height: 286rpx;
}

.circle_small {
  width: 251rpx;
  height: 251rpx;
  font-size: 36rpx;
  background: #fff;
  color: #fc5b63;
  padding: 80rpx;
  box-sizing: border-box;
}
.circle_small text {
  /* width:90rpx; */
  /* height:90rpx; */
  text-align: center;
}
.icon-dui{
  font-size: 90rpx;
}
.punch_info{
  width: 600rpx;
  font-size: 32rpx;
  color: #FFFFFF;
  margin-top: 60rpx;
  text-align: center;
}
.punch_btn {
  width: 200rpx;
  height: 80rpx;
  background: rgba(63, 169, 245, 1);
  border-radius: 10rpx;
  font-size: 36rpx;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 70rpx;
  left: 50%;
  transform: translateX(-50%);
}