.mainPage{
  .residue{
    height: .35rem;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    padding-left: .2rem;
    span,i{
      color: rgba(221,143,1,1);
      padding-right: .05rem;
    }
  }
  .logo{
    img{
      width: 1.05rem;
    }
  }
  .banner{
    width: 100%;
    height: 1.8rem;
    text-align: center;
    img{
      height: 100%;
    }
  }
  .content{
    padding: .2rem;
    box-sizing: border-box;
    .video{
      width: 100%;
      height: 1.8rem;
      box-sizing: border-box;
      padding: .15rem;
      margin-bottom: .15rem;
    }
    .title{
      font-size: .18rem;
      padding-bottom: .2rem;
    }
    .text{
      padding-bottom: .2rem;
      >div:nth-of-type(1){
        display: flex;
        align-items: baseline;
        padding-bottom: .1rem;
        i,span{
          color: rgba(168,182,200,1);
          padding-right: .05rem;
        }
      }
      pre{
        color: #323232;
        white-space: pre-wrap;
        word-wrap: break-word;
      }
    }
    .submit{
      height: .46rem;
      background: rgba(252,98,67,1);
      border-radius: .25rem;
      text-align: center;
      line-height: .46rem;
      font-size: .16rem;
      color: #fff;
    }
  }
}