.shadow{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none;
}
.shadow img{
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(7rem,-11.5rem);
}
.success-shadow{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
}
.success-tip{
    width:17.25rem;
    height:11rem;
    background:rgba(255,255,255,1);
    border-radius:0.5rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    display: none;
}
.success-tip .tip-title{
    width: 100%;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 0.85rem;
    color: #1A1A1A;
}
.success-tip .tip-con{
    width: 14.5rem;
    margin: 0 auto;
    font-size: 0.8rem;
    color: #333;
    line-height: 1.4rem;
}
.success-tip .tip-btn{
    height: 2.5rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #EDEDED;
    text-align: center;
    line-height: 2.5rem;
    color: #3080F7;
    font-size: 0.85rem;
}
.rule-box{
    width:16.75rem;
    height:18.95rem;
    background:rgba(255,255,255,1);
    border-radius:0.5rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    display: none;
}
.rule-box .rule-title{
    padding-left: 1rem;
    color: #333;
    font-size: 0.8rem;
    line-height: 1.1rem;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    font-weight: bold;
}
.rule-box p{
    display: block;
    width: 14.75rem;
    margin: 0 auto;
    font-size: 0.7rem;
    color: #333;
    line-height: 1.1rem;
}
.rule-box .rule-tip{
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-size: 0.6rem;
    color: #999;
}
.collegeAc-index-page {
    width: 100%;
    min-height: 100%;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    background: #3080f7 url(/css/service-verified/img/college/img_top_banner.png)
      no-repeat top center;
    background-size: 100% auto;
    padding-bottom: 1rem;
  }
  .verified-btn{
    width:5.5rem;
    height:2.4rem;
    background:linear-gradient(180deg,rgba(255,255,92,1) 0%,rgba(255,210,14,1) 100%);
    box-shadow:0rem 0.1rem 0.4rem 0rem rgba(0,0,0,0.15);
    border-radius:1.2rem 0rem 0rem 1.2rem;
    position: fixed;
    bottom: 2rem;
    right: 0;
    z-index: 9;
    line-height: 2.4rem;
    color: #003B93;
    font-size: 0.75rem;
    text-align: center;
    font-weight: bold;
  }
  .verified-btn span{
      vertical-align: middle;
  }
  .verified-btn img{
    width: 1rem;
    height: 1rem;
    /* margin-top: 0.7rem; */
    /* margin-left: 0.1rem; */
    vertical-align: middle;
  }
  .rules-btn{
    width:3.6rem;
    height:1.4rem;
    background:linear-gradient(180deg,rgba(255,255,92,1) 0%,rgba(255,210,14,1) 100%);
    box-shadow:0rem 0.1rem 0.4rem 0rem rgba(0,0,0,0.1);
    border-radius:0.75rem;
    position: absolute;
    top: 0.8rem;
    right: 0.75rem;
    color: #003B93;
    font-size: 0.6rem;
    line-height: 1.4rem;
    text-align: center;
  }
  .logo {
    display: block;
    width: 5rem;
    height: auto;
    position: absolute;
    left: 0.9rem;
    top: 0.6rem;
  }
  .active-time {
    width: 16.75rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: #fff;
    font-size: 0.65rem;
    margin: 0 auto;
    position: relative;
    margin-top: 0.5rem;
   
  }
  .left-line,
    .right-line {
      width: 3rem;
      height: 0.05rem;
      background: #ffffff;
      opacity: 0.35rem;
      float: left;
      margin-top: 0.5rem;
    }
    .right-line {
      float: right;
    }
  .item {
    /* width: 16.75rem; */
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    margin-top: 0.8rem;
    
  }
  .title {
      width: 8.2rem;
      height: 2.4rem;
      margin: 0 auto;
      font-size: 0.75rem;
      line-height: 2.4rem;
      color: #200f45;
      text-align: center;
      background: url(/css/service-verified/img/college/img_tittle.png) no-repeat center
        center;
      background-size: 100% 100%;
    }
    .top {
      position: absolute;
      left: 50%;
      top: -1.2rem;
      transform: translateX(-50%);
    }
    .shuoming {
      width: 100%;
      /* height: 7.4rem; */
      box-sizing: border-box;
      padding: 0.8rem 0.75rem;
      padding-top: 1.1rem;
      font-size: 0.6rem;
      color: #fff;
      line-height: 1.1rem;
      background: #076bff;
      border-radius: 0.5rem;
    }
    .example {
      display: block;
      width: 100%;
      height: 9.3rem;
      margin-top: 0.5rem;
    }
    .form-box {
        width:16.75rem;
        height:18.5rem;
        background:rgba(255,255,255,1);
        border-radius:0.5rem;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index:999;
        display: none;
    }
    .form-box .form-title{
        width: 100%;
        height: 3.1rem;
        line-height: 3.1rem;
        font-size: 0.8rem;
        color: #333;
        text-align: center;
    }
    .college-tip{
        width: 8rem;
        height: auto;
        background: #fff;
        box-shadow: 5px 5px 10px rgba(153, 153, 153, 0.3);
        padding: 0.5rem 0;
        position: absolute;
        top: 5.5rem;
        left: 2rem;
        z-index: 99;
        display: none;
    }
    .college-tip:after{
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-bottom: 1rem solid #fff;
        border-left: 1rem solid rgba(153, 153, 153, 0);
        border-right: 1rem solid rgba(153, 153, 153, 0);
        border-top: 1rem solid rgba(153, 153, 153, 0);
        position: absolute;
        top: -1.6rem;
        left: 2rem;
    }
    .college-tip li{
        list-style: none;
        height: 1.5rem;
        width: 100%;
        font-size: 0.65rem;
        line-height: 1.5rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        box-sizing: border-box;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }
    .form-box .college_name{
        display: block;
        width:14.75rem;
        height:2.2rem;
        margin: 0 auto;
        background:rgba(246,247,249,1);
        border-radius:0.15rem;
        border: 0;
        outline: none;
        padding: 0.6rem;
        box-sizing: border-box;
    }
    .upload-box,.img-view {
      display: block;
      width: 5.7rem;
      height: 5.7rem;
      background: rgba(246, 247, 249, 1);
      border-radius: 0.2rem;
      border: 0.05rem dashed rgba(204, 204, 204, 1);
      margin-left: 1.1rem;
      margin-top: 1.4rem;
      position: relative;
      
    }
    .upload-box img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .img-view{
        border: 0;
        display: none;
    }
    .img-view img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .upload-box .icon {
        width: 1.6rem;
        height: 1.6rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url(/css/service-verified/img/college/img_camera.png) no-repeat
          center center;
        background-size: 100% 100%;
      }
    .upload-tip {
      height: 0.9rem;
      font-size: 0.65rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
      line-height: 0.9rem;
      margin-top: 0.4rem;
      padding-left: 1.1rem;
      box-sizing: border-box;
    }
    .submit-btn {
      width: 14.75rem;
      height: 2.2rem;
      margin: 0 auto;
      background: linear-gradient(
        270deg,
        rgba(73, 222, 255, 1) 0%,
        rgba(48, 128, 247, 1) 100%
      );
      box-shadow: 0rem 0.1rem 0.4rem 0rem rgba(170, 229, 255, 1);
      border-radius: 1.1rem;
      opacity: 0.5;
      color: #fff;
      text-align: center;
      line-height: 2.2rem;
      margin-top: 1.4rem;
      font-size: 0.8rem;
    }
    .canpress-btn {
      opacity: 1;
    }
  .rules {
    width: 16.75rem;
    height: auto;
    margin: 0 auto;
    margin-top: 1rem;
    box-sizing: border-box;
    padding: 1rem 0.75rem;
    font-size: 0.65rem;
    color: #fff;
    line-height: 1.1rem;
    background: #076bff;
    border-radius: 0.5rem;
  }
  .bottom-copy {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.6rem;
    color: #fff;
  }


.active-top{
    width:16.75rem;
    /* height:40.5rem; */
    padding-bottom: 1.2rem;
    margin: 0 auto;
    background:rgba(255,255,255,1);
    border-radius:0.5rem;
    margin-top: 0.5rem;
}
.active-top .top-title{
    width: 100%;
    height: 2.2rem;
    background:rgba(240,244,250,1);
    border-radius:0.4rem 0.4rem 0rem 0rem;
}
.active-top .top-title span{
    text-align: center;
    line-height: 2.2rem;
    font-size: 0.65rem;
    color: #999;
}
.active-top .top-title .tab1{
    width: 3.4rem;
    height: 2.2rem;
    float: left;
}
.active-top .top-title .tab2{
    width: 9rem;
    /* margin-left: 0.2rem; */
    height: 2.2rem;
    float: left;
}
.active-top .top-title .tab3{
    width: 4.2rem;
    height: 2.2rem;
    float: right;
}
.active-top li{
    list-style: none;
    width: 100%;
    height: 2rem;
    margin-bottom:1.5rem; 
    margin-top: 1.2rem;
}
.active-top li .num{
    width: 3.4rem;
    height: 2.2rem;
    float: left;
    text-align: center;
    line-height: 2rem;
    font-size: 0.75rem;
    color: #333;
}
.active-top li .num img{
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0.1rem;
}
.active-top .user-info{
    width: 9rem;
    height: 2rem;
    float: left;
}
.user-info img{
    width: 2rem;
    height: 2rem;
    float: left;
    border-radius: 50%;
}
.user-info .info{
    width: 7rem;
    height: 2rem;
    float: left;
    padding-left: 0.4rem;
    box-sizing: border-box;
}
.user-info .info .name{
    color: #333;
    font-size: 0.65rem;
    line-height: 1rem;
}
.user-info .info .tag{
    color: #999;
    max-width: 7rem;
    font-size: 0.6rem;
    line-height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.active-top .zl-num{
    width: 4.2rem;
    height: 2rem;
    float: right;
    text-align: center;
    line-height: 2rem;
    font-size: 0.6rem;
    color: #999;
}
.active-top .showmore{
    width:4rem;
    height:1.2rem;
    margin: 0 auto;
    background:rgba(240,244,250,1);
    border-radius:0.6rem;
    font-size: 0.6rem;
    color: #333;
    line-height: 1.2rem;
    text-align: center;
}
.active-top #hidemore{
  display: none;
}
.active-top .rank-more{
  display: none;
}
.active-top .nomore{
  width:100%;
  height:1.2rem;
  margin: 0 auto;
  line-height: 1.2rem;
  color:#999;
  font-size: 0.6rem;
  text-align: center;
  display: none;
}
.active-top .showmore img{
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.4rem;
    margin-left: 0.1rem;
}
.bg1{
    background:url(/css/service-verified/img/college/img_bg.png) no-repeat
    -3rem 5rem;
   background-size: 6.7rem 6.7rem;
}
.bg2{
    background:url(/css/service-verified/img/college/img_bg.png) no-repeat
    15.5rem 13rem;
   background-size: 6.7rem 6.7rem;
}