kx_xiaochengxu/baikuai/pages/chan/chan.wxss

.text-box {
    position: absolute;
    top: 0.5rem;
    width: 100%;
    text-align: center;
    color: red;
    font-size: 1.5rem;
}

.row {
    width: 100%;
    height: 25%;
    background: red;
    display: flex;
    box-sizing: border-box;
}
.row:last-child {
    border-bottom: 1rpx solid #222;
}
.col {
    width: 25%;
    height: 100%;
    border-left: 1rpx solid #222;
    border-top: 1rpx solid #222;
    border-right: 1rpx solid #222;
    border-bottom: 1rpx solid #222;
    box-sizing: border-box;
}
 .col .white {
   border-left: 1rpx solid #222;
   border-right: 1rpx solid #222;
 }
.col.last {
    border-right: 1rpx solid #222;
}
.black {
    width: 100%;
    height: 100%;
    background:#000;
}
.white {
    width: 100%;
    height: 100%;
    background: #fff;
}
.cir{  
  display: inline-block;  
  margin: auto;  
}  
  
.top{  
  text-align: center ;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 106px;
}  
  
.cc{  
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: 106px;
  margin: auto;
}

.continue {
  text-align: center ;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  margin: auto;
}

.continueMask {
  width: 690rpx;
  height: 900rpx;
  background: url("https://small-app.oss-cn-beijing.aliyuncs.com/black-white/beijinghuangguan.png") repeat no-repeat;
  background-size:100% 100% ;
  margin-left: 30rpx;
  margin: auto;
  text-align: center;
  margin-top: 54rpx;
}

.continue .continueHeadUrl {
  width: 140rpx;
  height: 140rpx;
  margin: auto;
  padding-top: 140rpx;
}

.continue .continueHeadUrl image{
  width: 140rpx;
  height: 140rpx;
  margin: auto;
  border-radius: 50%;
}

.continue .continueScore {
  height: 134rpx;
  font-size: 96rpx;
  color: #ffffff;
  padding-top: 20rpx;
  text-align: center;
  margin: auto;
  line-height: 134rpx;
}

.continue .continueRound {
  height: 56rpx;
  font-size: 40rpx;
  color: #000000;
  padding-top: 126rpx;
  text-align: center;
  margin: auto;
  line-height: 56rpx;
}

.continue .continueOptions {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: auto;
  width: 608rpx;
  padding-top: 112rpx;
}

.continue button {
  width: 280rpx;
  height: 120rpx;
  line-height: 120rpx;
}

.continue .shareButton {
  background-color: #000000;
  font-size: 44rpx;
  color: #ffffff;
}

.continue .continueButton {
  background-color: #ffffff;
  font-size: 44rpx;
  color: #8E8E8E;
}