.top-time{
  height: .4rem;
  width: 100%;
  background: #fff;
  box-shadow:0px 0px 14px 0px rgba(199,199,199,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  span{
    margin: .02rem;
    padding: .02rem .05rem;
    display: block;
  }
  .time{
    background: #69563F;
    border-radius: 2px;
    color: #fff;
  }
}
.content{
  padding: .24rem .2rem .6rem;
  box-sizing: border-box;
  background-color: #fff;
  .title{
    text-align: center;
    font-size: .16rem;
    color: #9D876D;
    padding-bottom: .2rem;
    font-weight: bold;
  }
  .video-or-cover{
    width: 100%;
    height: 2.22rem;
    margin-bottom: .1rem;
  }
  .rule{
    padding-bottom: .2rem;
    white-space:pre-line;
    text-align: left;
    line-height: .18rem;
    color: #585858;
    box-sizing: border-box;
    p{
      width: 100%;
      img{
        width: 100%;
      }
    }
  }
  .scope-of-time{
    div:nth-of-type(1){
      width: .66rem;
      height: .26rem;
      background:rgba(157,135,109,.3);
      border-radius:.13rem;
      text-align: center;
      line-height: .26rem;
      font-size: .12rem;
      color: #69563F;
      margin-bottom: .05rem;
    }
    div:nth-of-type(2){
      color: #9D876D;
      font-size: .14rem;
    }
  }
}
.submit{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: .6rem;
  background-color: #fff;
  div{
    width: 3.35rem;
    height: .4rem;
    color: #fff;
    font-size: .16rem;
    background: #aaa;
    text-align: center;
    line-height: .4rem;
    border-radius: .2rem;
  }
  .light{
    background: #9D876D;
  }
}
.success-box{
  position: fixed;
  display: flex;
  z-index: 999;
  background: rgba(0,0,0,.2);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  .success{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.8rem;
    height: 2.2rem;
    border-radius: .2rem;
    padding: .2rem .1rem;
    transform: translate(-50%,-50%);
    background: #fff;
    span{
      font-size: .14rem;
    }
    img{
      width: .8rem;
      height: .8rem;
      margin: .15rem;
    }
    div{
      width: .9rem;
      height: .3rem;
      background: #9D876D;
      color: white;
      font-size: .14rem;
      border-radius: .08rem;
      text-align: center;
      line-height: .3rem;
    }
  }
}
.sign-in{
  position: fixed;
  bottom: .8rem;
  right: .4rem;
  width: .5rem;
  height: .5rem;
  background: #BAE0F6;
  color: #fff;
  font-size: .12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}