.college-manage-page {
  .breadcrumb-wrap {
    margin-left: 57px;
  }
  .create-box {
    padding-top: 108px;
    margin: 0 auto;
    width: 380px;
    .image-box {
      position: relative;
      display: block;
      border: 1px dashed #E9E9E9;
      width: 312px;
      height: 82px;
      margin: 0 auto 16px;
      .image {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .image-mask {
        display: none;
      }
      &:hover {
        .image-mask {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.65);
          display: flex;
          align-items: center;
          justify-content: center;
          .iconfont {
            font-size: 14px;
            padding: 10px 25px;
            cursor: pointer;
            color: #fff;
            &:hover {
              color: rgba(255, 183, 20, 1);
            }
          }
        }
      }
    }
    .label-box{
      display: flex;
      align-content: center;
      .icon{
        color:#BFBFBF;
        margin: 0 2px;
      }
    }
     .switch-box{
          display: flex;
          align-items: center;
          .switch-desc{
             color: #999;
             font-size: 14px;
             margin: 0 8px; 
          }
          .switch-prew-link{
              color: #2966FF;
              font-size: 14px;
          }
      }
    .tip {
      display: block;
      color: #999999;
      text-align: center;
      margin-bottom: 24px;
    }
    .input {
      width: 380px;
    }
    .button {
      width: 380px;
      margin-top: 36px;
      height: 32px !important;
    }
  }
}