html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#pages {
  font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  position: fixed;
  padding: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 530px) {
  #pages .h5-open-hook-container {
    background: #f3f5f7;
    height: 100%;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame {
    width: 100%;
    height: 668px;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content {
    width: 100%;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 13px;
    width: 100%;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-buttons .h5-open-hook-app {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: 500;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 44px;
    color: #fff;
    width: 200px;
    height: 44px;
    border: 1px solid #00000000;
    margin: 16px;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-buttons .h5-open-hook-wechatorqq {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: rgba(0, 0, 0, 0.88);
    width: 200px;
    height: 44px;
    border: 1px solid #00000000;
    margin: 0 16px 16px;
    text-align: center;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-buttons .h5-open-hook-btn-width-exp {
    width: calc(100% - 32px);
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-btn-top-exp {
    margin-top: 39px;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-footer {
    position: relative;
    text-align: center;
  }
}
@media screen and (min-width: 530px) {
  #pages .h5-open-hook-header {
    height: 80px;
  }
  #pages .h5-open-hook-body {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame {
    height: 628px;
    width: 380px;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-app {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 42px;
    color: #fff;
    width: 285px;
    height: 42px;
    border: 1px solid #00000000;
    margin: 8px;
    margin-top: 119px;
    font-weight: 500;
  }
  #pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content .h5-open-hook-wechatorqq {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 42px;
    color: #175ceb;
    width: 285px;
    height: 42px;
    border: 1px solid #00000000;
    margin: 8px;
  }
}
@media screen and (max-height: 630px) {
  #pages .h5-open-hook-buttons {
    margin-top: 13px;
    bottom: 0;
  }
  #pages .h5-open-hook-wechat-or-qq {
    margin-top: 0;
  }
  #pages .h5-open-hook-btn-width-exp {
    width: 343px;
  }
}
@media screen and (max-height: 760px) {
  #pages .h5-open-hook-wechat-or-qq {
    margin-top: 0;
    margin-top: 119px;
  }
}
@media screen and (min-height: 760px) {
  #pages .h5-open-hook-wechat-or-qq {
    margin-top: 0;
    margin-top: 119px;
  }
}
#pages .h5-open-hook-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#pages .h5-open-hook-body .h5-open-hook-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto auto;
}
#pages .h5-open-hook-body .h5-open-hook-frame .h5-open-hook-body-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#pages .h5-open-hook-body .h5-open-hook-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 34px;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
#pages .h5-open-hook-body .h5-open-hook-footer .h5-open-hook-tips {
  color: #00000066;
  font-size: 12px;
  line-height: 16px;
  margin: 0 auto;
}
#pages .h5-open-hook-body .h5-open-hook-footer-exp {
  margin-top: 0;
}
.user-select-no {
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.h5-open-hook-wechat-mini-button {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  line-height: 44px;
  width: 200px;
  height: 44px;
  margin: 16px;
  font-weight: 500;
}

.login-open-hook-header {
  position: relative;
  top: 0;
  width: 100%;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.login-open-hook-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  width: 100%;
  height: 56px;
}
.login-open-hook-header-content .login-open-hook-logo {
  width: 91.7px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='142' height='32' viewBox='0 0 142 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M29.219 0H6.026a.66.66 0 0 0-.65.545L.01 30.98a.66.66 0 0 0 .65.773h12.785l1.013-.314h5.938l.83.314h9.848a.66.66 0 0 0 .65-.544l4.413-25.034L29.22 0z' fill='%232A65F5'/%3E%3Cpath d='M28.916 6.175h7.222L29.218 0l-.952 5.401a.66.66 0 0 0 .65.774' fill='%2300DCFF'/%3E%3Cpath fill='%23FFF' d='M18.819 1.303l-1.298 7.381-12.652.022 5.497 5.948h6.101l-3.022 17.1h7.78l3.026-17.1h9.186l.32-.007z'/%3E%3Cpath d='M90.23 4.985v21.406h1.935v2.236h-4.113V16.644h-5.208v12.245h-2.178V16.644h-4.72v-2.216h4.72V7.222h-4.12V4.985h13.685zm-15.976 6.449v13.214l3.673-2.857c.074-.058.183-.02.195.078l.001.017v2.303l-6.007 4.672-1.195-1.621 1.17-.91V13.67h-2.925v-2.236h5.088zm50.858-7.31v4.743h3.124V10.9h-3.124v3.284h1.157l2.023 4.869c.035.084-.018.168-.095.178H126.212l-1.1-2.655V28.86h-2.178V17.966c-.823 2.357-2.132 4.761-3.64 6.873a.122.122 0 0 1-.222-.055V21.166c2.088-3.518 3.355-6.707 3.738-10.116l.016-.15h-3.16V8.867h3.268V4.123h2.178zm-18.257.057v3.782h10.216v2.269h-3.479c-.948 4.555-3 8.504-6.103 11.643 2.574 2.002 5.729 3.5 9.403 4.432l.175.043v.004h.004l-.004.004v2.372a.125.125 0 0 1-.151.123c-4.22-.989-7.849-2.658-10.833-4.972a15.53 15.53 0 0 1-.433-.339 16.48 16.48 0 0 1-.576.448c-2.957 2.258-6.54 3.89-10.695 4.863a.124.124 0 0 1-.15-.108V26.35c3.75-.928 6.965-2.442 9.58-4.477a22.125 22.125 0 0 1-4.273-6.093c-.783-1.647-1.38-3.467-1.788-5.353l-.04-.195h-3.48V7.963h10.215V4.181h2.412zm-55.21.855V28.77H48.12l-.543-1.828c-.049-.133.016-.197.105-.204H49.668v-6.32h-2.775l-.004.496c-.024 1.972-.141 4.57-.726 7.649l-.03.16h-1.987c-.117 0-.185-.063-.122-.292.59-2.445.881-5.2.89-8.807V5.036h6.73zM58.339 4h1.92c.097 0 .177.031.157.184a49.355 49.355 0 0 1-.56 3.39l-.032.153h2.383l.78-2.73h1.687c.08 0 .146.047.122.165l-.007.027-.725 2.538h1.94v1.829H59.38a19.252 19.252 0 0 1-.578 1.743l-.058.147h7.746v1.83h-2.659c1.176 1.712 2.426 2.567 3.028 2.95l.123.078v2.092c0 .106-.08.218-.403.03a14.38 14.38 0 0 1-2.602-1.932l-.099-.093-.08 3.557h2.458v8.809h-6.282l-.543-1.829c-.048-.132.016-.197.105-.203l.015-.001h4.527v-4.947H54.033a.118.118 0 0 1-.12-.107l-.001-.016.187-3.468h1.862c.066 0 .114.045.12.108l.001.016-.089 1.638h5.823l.063-2.74h-7.376a18.12 18.12 0 0 1-1.844 1.209c-.312.181-.398.081-.403-.02v-2.103l.208-.132c.62-.4 1.784-1.232 2.893-2.82l.052-.076h-3.135v-1.83h4.173c.264-.59.511-1.221.689-1.773l.037-.117h-4.414v-1.83h1.89l-.726-2.541c-.036-.128.023-.181.1-.187h1.702l.781 2.729h1.169c.251-1.077.45-2.225.638-3.546L58.34 4zm77.785.123v9.523h5.474V28.2h-13.563v-2.155h11.187v-4.207h-10.316v-2.155h10.316V15.8h-10.91v-2.154h5.436V4.123h2.376zM63.067 23.204v2.033H52.271v-2.033h10.796zm48.05-12.972h-10.935c.737 3.17 2.083 6.02 3.983 8.38.466.574.96 1.127 1.483 1.646.198-.197.396-.401.593-.611 2.343-2.53 3.983-5.68 4.841-9.264l.036-.151zm-61.449 3.492h-2.773v4.865h2.773v-4.865zm11.74-.448h-3.526c-.43.778-.89 1.444-1.365 2.019l-.08.095h6.482a14.787 14.787 0 0 1-1.427-1.974l-.084-.14zm26.644-6.054h-5.208v7.206h5.208V7.222zM49.668 7.07h-2.773v4.826h2.773V7.069zm80.882-1.133l1.795 5.56a.127.127 0 0 1-.102.165H129.895l-1.794-5.555a.13.13 0 0 1 .104-.169h2.345zm11.102 0c.08 0 .139.076.123.154l-.004.016-1.793 5.556h-2.333a.126.126 0 0 1-.121-.151l.004-.016 1.795-5.559h2.329zm-72.175-1.4h2.38l3.003 4.706c.044.069.01.177-.083.19H72.379L69.371 4.72c-.047-.074.008-.172.09-.184h.015z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: cover;
}
@media screen and (max-width: 530px) {
  .login-open-hook-header-content .login-open-hook-login-text {
    color: #175ceb;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 17px;
  }
}
@media screen and (min-width: 530px) {
  .login-open-hook-header-content .login-open-hook-login-text {
    color: #175ceb;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    font-size: 17px;
  }
}
.pop-info {
  min-width: 80px;
  min-height: 40px;
  color: #175ceb;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 10px;
}
.pop-info .pop-info-username {
  font-size: 16px;
  font-weight: 550;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 130px;
  height: 20px;
}
.pop-info .pop-info-platform {
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
  font-weight: 400;
}

.profile-open-hook-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 390px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.profile-open-hook-dialog {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(100% - 32px);
  height: 312px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04);
}
.profile-open-hook-dialog-collect {
  position: relative;
  top: 0;
  width: calc(100% - 32px);
  height: 56px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.04);
  border-top-style: dashed;
  border-top-width: 1px;
  border-top-color: #e2e4e6;
}
.profile-open-hook-dialog-collect .profile-open-hook-collect-frame {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 118px;
  height: 20px;
  padding: 4px 8px;
  border-radius: 5px;
}
.profile-open-hook-dialog-collect .profile-open-hook-collect-frame .profile-open-hook-tips {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.24);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 16px;
  white-space: nowrap;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog-collect .profile-open-hook-collect-frame .menu-addto-icon {
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(//docs.gtimg.com/scenario/img/img/svg/menu_addto-2a1aac.svg);
  width: 14.333px;
  height: 13px;
  margin-right: 2.33px;
}
.profile-open-hook-dialog-collect .profile-open-hook-collect-frame .menu-addto-icon-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im1lbnVfYWRkdG8iPgo8cGF0aCBpZD0iJiMyMjk7JiMxODk7JiMxNjI7JiMyMzE7JiMxMzg7JiMxODI7JiMyMzE7JiMxODc7JiMxNDc7JiMyMjk7JiMxNDQ7JiMxMzY7IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNTAwMDcgMEw4LjQ1Mjk2IDAuMDAxMDY0M0wxMS41MDAyIDNWNC45NDQ4QzExLjE4MzcgNC44MjI2NSAxMC44NDg2IDQuNzM4MDIgMTAuNTAwMiA0LjY5NjM2VjMuNDE5MDFMOC4wNDM1OCAxLjAwMTAxTDEuODMzNTggMC45OTk2NzVWMTFINi40NDA1MkM2LjY3MDM4IDExLjM3NjkgNi45NTg0IDExLjcxNDMgNy4yOTIxMSAxMkgxLjUwMDE2QzEuMTMxOTcgMTIgMC44MzM0OTYgMTEuNzAxNSAwLjgzMzQ5NiAxMS4zMzMzVjAuNjY2NjY3QzAuODMzNDAzIDAuMjk4NDc3IDEuMTMxODggMCAxLjUwMDA3IDBaIiBmaWxsPSIjQ0JDREQxIi8+CjxnIGlkPSJzZWNvbmRhcnkiPgo8Y2lyY2xlIGlkPSJPdmFsIENvcHkiIGN4PSIxMC41MDAzIiBjeT0iOS4zMzMzMyIgcj0iMy4zMzMzMyIgZmlsbD0iIzAwRDY4OSIvPgo8cGF0aCBpZD0iVW5pb24iIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40OTM0NiA4LjY3MzQxTDguODMzNSA5LjMzMzM3TDkuNTg3ODEgMTAuMDg3N0wxMC4yNDc3IDEwLjc0NzZMMTAuMjQ3OCAxMC43NDc3TDEyLjYwNDggOC4zOTA2M0wxMS45NDQ4IDcuNzMwNjZMMTAuMjQ3OCA5LjQyNzcyTDkuNDkzNDYgOC42NzM0MVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9nPgo8L3N2Zz4K);
  width: 14px;
  height: 13px;
}
.profile-open-hook-collect-frame:active {
  background-color: #eff1f3;
}
.profile-open-hook-dialog-collect::before {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  height: 16px;
  width: 16px;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: #f3f5f7;
}
.profile-open-hook-dialog-collect::after {
  position: absolute;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  content: '';
  height: 16px;
  width: 16px;
  right: 0;
  top: 0;
  border-radius: 50%;
  background-color: #f3f5f7;
}
@media screen and (min-width: 530px) {
  .profile-open-hook-dialog {
    -webkit-box-shadow: 2px 4px 24px 2.6087px rgba(82, 116, 188, 0.12);
            box-shadow: 2px 4px 24px 2.6087px rgba(82, 116, 188, 0.12);
    border-radius: 10px;
  }
}
.profile-open-hook-dialog {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.profile-open-hook-dialog .profile-open-hook-title {
  max-width: 232px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  color: rgba(0, 0, 0, 0.88);
  margin-bottom: 16px;
  overflow: hidden;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 137.5% */
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame {
  width: 232px;
  min-height: 187px;
  border-radius: 4px;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-file-icon {
  width: 232px;
  height: 128px;
  opacity: 1;
  position: relative;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-file-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(/* 从底部向上渐变 */), to(/* 底部的颜色 */));
  background: linear-gradient(to top, /* 从底部向上渐变 */ rgba(0, 0, 0, 0.03) 0%, /* 底部的颜色 */ rgba(255, 255, 255, 0.03) 100% /* 顶部的颜色 */);
  pointer-events: none;
  /* 确保遮罩层不影响图像的点击 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-file-icon img {
  width: 206px;
  margin-top: 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label {
  color: #00000066;
  font-size: 14px;
  line-height: 20px;
  min-height: 59px;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-left: 18px;
  top: 10px;
  font-family: 'PingFang SC';
  font-style: normal;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth:active {
  background: rgba(51, 77, 102, 0.06);
  border-radius: 2px;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth .profile-open-hook-change-permit {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/icon_thirdary_arrow_fill_down_grey-dd815c.svg) center / cover no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 0 1px 4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-no-auth {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth-pc {
  min-width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  height: 20px;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth-pc:active {
  background: rgba(51, 77, 102, 0.06);
  border-radius: 2px;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth-pc .profile-open-hook-change-permit {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/icon_thirdary_arrow_fill_down_grey-dd815c.svg) center / cover no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 0 1px 4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth-pc .profile-open-hook-change-permit-pc {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/icon_thirdary_arrow_fill_down_grey-dd815c.svg) center / cover no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 0 1px 4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-auth-pc .profile-open-hook-change-permit-pc:hover {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/icon_thirdary_arrow_fill_down_grey-dd815c.svg) center / cover no-repeat;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-creator-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-creator-info span {
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-creator-info .profile-open-hook-creator-name {
  display: inline-block;
  max-width: 75px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-creator-text {
  min-width: 95px;
  max-width: 173px;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-dialog .profile-open-hook-dialog-frame .profile-open-hook-label .profile-open-hook-lable-frame .profile-open-hook-lable-creator-text span {
  display: block;
  text-align: left;
  word-wrap: break-word;
}
.profile-open-hook-change-pover-cancel {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/icon/mobile/svg/icon_modal_close_24-89c7e4.svg) center / cover no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-change-pover-text {
  display: block;
  position: relative;
  top: -8px;
  color: rgba(0, 0, 0, 0.88);
  font-family: 'PingFang SC';
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-change-tick::before {
  content: '';
  position: absolute;
  top: 18px;
  left: 16px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40NjkxIDUuOTQ4MzdMMjEuNTkwNCA4LjA2OTY5TDExLjY5MjIgMTcuOTY3MkwxMS42OTM5IDE3Ljk2ODlMMTEuMjc0IDE4LjM4NTRMOS41NjkxNiAyMC4wOTAxTDkuNTYyMDYgMjAuMDgzTDcuNDQ4MjggMTcuOTY5MkwyLjQ5OTkxIDEzLjAyMDhMNC42MjI4NiAxMC44OTc5TDkuNTcxMjIgMTUuODQ2MkwxOS40NjkxIDUuOTQ4MzdaIiBmaWxsPSIjMUU2RkZGIi8+Cjwvc3ZnPgo=) center / cover no-repeat;
}
.profile-open-hook-change-content-container {
  position: relative;
  width: 359px;
  height: 60px;
  margin-top: 0;
  padding-left: 52px;
  font-family: 'PingFang SC';
  cursor: pointer;
}
.profile-open-hook-change-content-container:hover,
.profile-open-hook-change-content-container:active {
  background: rgba(51, 77, 102, 0.06);
  border-radius: 2px;
}
.profile-open-hook-change-content-container .profile-open-hook-change-content-text {
  width: 323px;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 8px 0;
  margin-top: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 141.176% */
}
.profile-open-hook-change-content-container .profile-open-hook-change-content-text .profile-open-hook-change-content-main {
  color: rgba(0, 0, 0, 0.88);
  /* UI文字/正文_大 */
  font-family: 'PingFang SC';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 141.176% */
  margin-bottom: 4px;
  margin-top: 0;
}
.profile-open-hook-change-content-container .profile-open-hook-change-content-text .profile-open-hook-change-content-sub {
  color: rgba(0, 0, 0, 0.48);
  /* UI文字/附文_大 */
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  margin-top: 4px;
  margin-bottom: 8px;
}
.profile-open-hook-change-tick-pc::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40NjkxIDUuOTQ4MzdMMjEuNTkwNCA4LjA2OTY5TDExLjY5MjIgMTcuOTY3MkwxMS42OTM5IDE3Ljk2ODlMMTEuMjc0IDE4LjM4NTRMOS41NjkxNiAyMC4wOTAxTDkuNTYyMDYgMjAuMDgzTDcuNDQ4MjggMTcuOTY5MkwyLjQ5OTkxIDEzLjAyMDhMNC42MjI4NiAxMC44OTc5TDkuNTcxMjIgMTUuODQ2MkwxOS40NjkxIDUuOTQ4MzdaIiBmaWxsPSIjMUU2RkZGIi8+Cjwvc3ZnPgo=) center / cover no-repeat;
}
.profile-open-hook-change-content-container-pc {
  position: relative;
  margin-top: 0;
  padding: 10px 16px 10px 40px;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.profile-open-hook-change-content-container-pc:hover,
.profile-open-hook-change-content-container-pc:active {
  background: rgba(51, 77, 102, 0.06);
  border-radius: 2px;
}
.profile-open-hook-change-content-container-pc .profile-open-hook-change-content-text-pc {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
  font-family: 'PingFang SC';
}
.profile-open-hook-change-content-container-pc .profile-open-hook-change-content-text-pc .profile-open-hook-change-content-main-pc {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.88);
  font-style: normal;
  margin-top: 0;
}
.profile-open-hook-change-content-container-pc .profile-open-hook-change-content-text-pc .profile-open-hook-change-content-sub-pc {
  color: rgba(0, 0, 0, 0.48);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.drop-down-pc {
  border: 1px solid #eee;
  min-width: 214px;
  padding: 8px 0;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 6px 2px rgba(0, 0, 0, 0.04), 0 6px 32px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 6px 2px rgba(0, 0, 0, 0.04), 0 6px 32px 2px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border-radius: 4px;
}
.user-select-no {
  -webkit-touch-callout: none;
  /* 禁用系统默认菜单 */
  -webkit-user-select: none;
  /* 禁用Webkit内核浏览器的文字选中 */
  -moz-user-select: none;
  /* 禁用Firefox的文字选中 */
  -ms-user-select: none;
  /* IE 和 Edge */
  user-select: none;
  /* 标准属性，未来浏览器支持 */
}
.pointer-hover-active {
  cursor: pointer;
}
.pointer-hover-active:hover,
.pointer-hover-active:active {
  background: rgba(51, 77, 102, 0.06);
  border-radius: 2px;
}
.doc-detail-card-border {
  border: 1px solid #ebebeb;
}
.toast-text {
  width: 80px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-size-12 {
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
}
.icon-size-24 {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-size-32 {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.icon-size-16 {
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.icon-size-18 {
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
}
.icon-pc-search {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/pc/svg/list_search-ad2fd5.svg);
}
.search-clear-icon {
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbl9zZWNvbmRhcnlfY2xvc2U8L3RpdGxlPgogICAgPGcgaWQ9Ikljb24tc3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vc2Vjb25kYXJ5L2Nsb3NlIiBmaWxsPSIjNDY0RDVBIj4KICAgICAgICAgICAgPGcgaWQ9Imljb24vc2Vjb25kYXJ5L2Fycm93L3JpZ2h05aSH5Lu9Ij4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS41LDYgTDIxLjUsMTguNSBMMzQsMTguNSBMMzQsMjEuNSBMMjEuNSwyMS41IEwyMS41LDM0IEwxOC41LDM0IEwxOC41LDIxLjQ5OSBMNiwyMS41IEw2LDE4LjUgTDE4LjUsMTguNDk5IEwxOC41LDYgTDIxLjUsNiBaIiBpZD0i5b2i54q257uT5ZCIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgcm90YXRlKC0zMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTIwLjAwMDAwMCwgLTIwLjAwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.icon-pc-bread-crumb-separator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCA3IDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmxpc3RfYmVsb3c8L3RpdGxlPgogICAgPGcgaWQ9IuWIl+ihqOmhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik5ldy3liJfooajpobUt5oiR55qE5paH5qGjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzgwLjAwMDAwMCwgLTkxLjAwMDAwMCkiIGZpbGw9IiNDQkNERDEiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2NC4wMDAwMDAsIDcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Imxpc3RfYmVsb3ciIHBvaW50cz0iMTE3LjQgMzAgMTE2IDI4LjYyNSAxMjAuMiAyNC41IDExNiAyMC4zNzUgMTE3LjQgMTkgMTIzIDI0LjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
.icon-pc-share-mark {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/pc/svg/list_state_share-07d906.svg);
}
.icon-pc-star-mark {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/pc/svg/list_state_star-752d8a.svg);
}
.file-sheet-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_sheet_64-b7523f.svg);
}
.file-sheet-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_sheet_quick_64-6c7d5a.svg);
}
.file-doc-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_doc_64-191026.svg);
}
.file-doc-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_doc_quick_64-bcd1d8.svg);
}
.file-ppt-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_slide_64-df8e89.svg);
}
.file-ppt-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_slide_quick_64-1d7ee4.svg);
}
.file-pdf-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_pdf_64-bf2f82.svg);
}
.file-pdf-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_pdf_quick_64-5909a2.svg);
}
.file-form-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_form_64-cc2d7b.svg);
}
.file-form-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_form_quick_64-e578bd.svg);
}
.file-folder-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_folder_64-4f6342.svg);
}
.file-folder-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_folder_quick_64-4752be.svg);
}
.file-sharefolder-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_sharefolder_64-a9c47a.svg);
}
.file-sharefolder-quick-icon {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/mobile/svg/file_sharefolder_quick_64-641cf4.svg);
}
.file-mini-doc-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.doc@3x-1279a0.png) center / contain no-repeat;
}
.file-mini-drive-doc-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.ms-word@3x-fc8480.png) center / contain no-repeat;
}
.file-mini-sheet-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.sheet@3x-cdc79a.png) center / contain no-repeat;
}
.file-mini-drive-sheet-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.ms-excel@3x-f45711.png) center / contain no-repeat;
}
.file-mini-form-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.form@3x-1e92c8.png) center / contain no-repeat;
}
.file-mini-folder-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.folder@3x-cb944a.png) center / contain no-repeat;
}
.file-mini-slide-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.slide@3x-c8b9eb.png) center / contain no-repeat;
}
.file-mini-drive-slide-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.ms-powerpoint@3x-5b7fec.png) center / contain no-repeat;
}
.file-mini-pdf-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-pdf@3x-527622.png) center / contain no-repeat;
}
.file-mini-smartcanvas-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.smartcanvas@3x-edc85f.png) center / contain no-repeat;
}
.file-mini-smartsheet-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.smartsheet@3x-471370.png) center / contain no-repeat;
}
.file-mini-resume-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.doc@3x-1279a0.png) center / contain no-repeat;
}
.file-mini-board-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.board@3x-d20e2e.png) center / contain no-repeat;
}
.file-mini-rec-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.rec@3x-8106d5.png) center / contain no-repeat;
}
.file-mini-mind-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.mind@3x-2eafeb.png) center / contain no-repeat;
}
.file-mini-flowchart-icon {
  background: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/document-management/miniprogram/structured-message/application-vnd.tdocs-apps.flowchart@3x-64dc29.png) center / contain no-repeat;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#pages {
  font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  position: fixed;
  padding: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
#pages .pc-open-hook-container {
  background-image: url(//docs.gtimg.com/scenario/img/img/account-guide-background-79b644.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#pages .pc-open-hook-container .pc-open-hook-header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 80px;
}
#pages .pc-open-hook-container .pc-open-hook-header .pc-open-hook-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0 40px 30px;
  width: 100%;
  height: 100px;
}
#pages .pc-open-hook-container .pc-open-hook-header .pc-open-hook-header-content .pc-open-hook-logo {
  width: 138px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg width='142' height='32' viewBox='0 0 142 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M29.219 0H6.026a.66.66 0 0 0-.65.545L.01 30.98a.66.66 0 0 0 .65.773h12.785l1.013-.314h5.938l.83.314h9.848a.66.66 0 0 0 .65-.544l4.413-25.034L29.22 0z' fill='%232A65F5'/%3E%3Cpath d='M28.916 6.175h7.222L29.218 0l-.952 5.401a.66.66 0 0 0 .65.774' fill='%2300DCFF'/%3E%3Cpath fill='%23FFF' d='M18.819 1.303l-1.298 7.381-12.652.022 5.497 5.948h6.101l-3.022 17.1h7.78l3.026-17.1h9.186l.32-.007z'/%3E%3Cpath d='M90.23 4.985v21.406h1.935v2.236h-4.113V16.644h-5.208v12.245h-2.178V16.644h-4.72v-2.216h4.72V7.222h-4.12V4.985h13.685zm-15.976 6.449v13.214l3.673-2.857c.074-.058.183-.02.195.078l.001.017v2.303l-6.007 4.672-1.195-1.621 1.17-.91V13.67h-2.925v-2.236h5.088zm50.858-7.31v4.743h3.124V10.9h-3.124v3.284h1.157l2.023 4.869c.035.084-.018.168-.095.178H126.212l-1.1-2.655V28.86h-2.178V17.966c-.823 2.357-2.132 4.761-3.64 6.873a.122.122 0 0 1-.222-.055V21.166c2.088-3.518 3.355-6.707 3.738-10.116l.016-.15h-3.16V8.867h3.268V4.123h2.178zm-18.257.057v3.782h10.216v2.269h-3.479c-.948 4.555-3 8.504-6.103 11.643 2.574 2.002 5.729 3.5 9.403 4.432l.175.043v.004h.004l-.004.004v2.372a.125.125 0 0 1-.151.123c-4.22-.989-7.849-2.658-10.833-4.972a15.53 15.53 0 0 1-.433-.339 16.48 16.48 0 0 1-.576.448c-2.957 2.258-6.54 3.89-10.695 4.863a.124.124 0 0 1-.15-.108V26.35c3.75-.928 6.965-2.442 9.58-4.477a22.125 22.125 0 0 1-4.273-6.093c-.783-1.647-1.38-3.467-1.788-5.353l-.04-.195h-3.48V7.963h10.215V4.181h2.412zm-55.21.855V28.77H48.12l-.543-1.828c-.049-.133.016-.197.105-.204H49.668v-6.32h-2.775l-.004.496c-.024 1.972-.141 4.57-.726 7.649l-.03.16h-1.987c-.117 0-.185-.063-.122-.292.59-2.445.881-5.2.89-8.807V5.036h6.73zM58.339 4h1.92c.097 0 .177.031.157.184a49.355 49.355 0 0 1-.56 3.39l-.032.153h2.383l.78-2.73h1.687c.08 0 .146.047.122.165l-.007.027-.725 2.538h1.94v1.829H59.38a19.252 19.252 0 0 1-.578 1.743l-.058.147h7.746v1.83h-2.659c1.176 1.712 2.426 2.567 3.028 2.95l.123.078v2.092c0 .106-.08.218-.403.03a14.38 14.38 0 0 1-2.602-1.932l-.099-.093-.08 3.557h2.458v8.809h-6.282l-.543-1.829c-.048-.132.016-.197.105-.203l.015-.001h4.527v-4.947H54.033a.118.118 0 0 1-.12-.107l-.001-.016.187-3.468h1.862c.066 0 .114.045.12.108l.001.016-.089 1.638h5.823l.063-2.74h-7.376a18.12 18.12 0 0 1-1.844 1.209c-.312.181-.398.081-.403-.02v-2.103l.208-.132c.62-.4 1.784-1.232 2.893-2.82l.052-.076h-3.135v-1.83h4.173c.264-.59.511-1.221.689-1.773l.037-.117h-4.414v-1.83h1.89l-.726-2.541c-.036-.128.023-.181.1-.187h1.702l.781 2.729h1.169c.251-1.077.45-2.225.638-3.546L58.34 4zm77.785.123v9.523h5.474V28.2h-13.563v-2.155h11.187v-4.207h-10.316v-2.155h10.316V15.8h-10.91v-2.154h5.436V4.123h2.376zM63.067 23.204v2.033H52.271v-2.033h10.796zm48.05-12.972h-10.935c.737 3.17 2.083 6.02 3.983 8.38.466.574.96 1.127 1.483 1.646.198-.197.396-.401.593-.611 2.343-2.53 3.983-5.68 4.841-9.264l.036-.151zm-61.449 3.492h-2.773v4.865h2.773v-4.865zm11.74-.448h-3.526c-.43.778-.89 1.444-1.365 2.019l-.08.095h6.482a14.787 14.787 0 0 1-1.427-1.974l-.084-.14zm26.644-6.054h-5.208v7.206h5.208V7.222zM49.668 7.07h-2.773v4.826h2.773V7.069zm80.882-1.133l1.795 5.56a.127.127 0 0 1-.102.165H129.895l-1.794-5.555a.13.13 0 0 1 .104-.169h2.345zm11.102 0c.08 0 .139.076.123.154l-.004.016-1.793 5.556h-2.333a.126.126 0 0 1-.121-.151l.004-.016 1.795-5.559h2.329zm-72.175-1.4h2.38l3.003 4.706c.044.069.01.177-.083.19H72.379L69.371 4.72c-.047-.074.008-.172.09-.184h.015z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: cover;
}
#pages .pc-open-hook-container .pc-open-hook-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pages .pc-open-hook-container .pc-open-hook-body .pc-open-hook-frame {
  height: 696px;
  width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pages .pc-open-hook-container .pc-open-hook-body .pc-open-hook-frame .pc-open-hook-body-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.jump-to-download-dialog {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFF;
  width: 100%;
  height: 580px;
  -webkit-box-shadow: 2px 4px 24px 2.609px rgba(82, 116, 188, 0.12);
          box-shadow: 2px 4px 24px 2.609px rgba(82, 116, 188, 0.12);
  border-radius: 10px;
  margin-top: 46px;
}
.jump-to-download-dialog-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 343px;
  height: 140px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 127px;
  margin-bottom: 85px;
}
.jump-to-download-dialog-body-logo {
  width: 72px;
  height: 72px;
  background-image: url(//docs.gtimg.com/scenario/img/img/logo-icon-00bbb0.png);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  background-position: center;
  margin-bottom: 20px;
}
.jump-to-download-dialog-body-text {
  height: 48px;
}
.jump-to-download-dialog-body-text p {
  display: inline;
}
.jump-to-download-dialog-body-text-font-top {
  margin-top: 0;
  color: rgba(0, 0, 0, 0.88);
  margin-bottom: 8px;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.jump-to-download-dialog-body-text-font-bottom {
  margin-top: 0;
  color: rgba(0, 0, 0, 0.88);
  margin-bottom: 0;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.jump-to-download-dialog-body-text .bold-text {
  font-weight: 600;
}
.jump-to-download-dialog-buttons {
  height: 132px;
  width: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 16px;
}
.jump-to-download-dialog-buttons .jump-to-download-button--primary {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 42px;
  background: #1e6fff;
  color: #fff;
  padding: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.jump-to-download-dialog-buttons .jump-to-download-button--default {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 42px;
  background: rgba(51, 77, 102, 0.06);
  color: rgba(0, 0, 0, 0.88);
  padding: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.jump-to-download-dialog-buttons .jump-to-download-button-footer {
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.48);
  line-height: 16px;
  height: 16px;
}

.overlay-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}
.overlay-modal .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--base-black, #000000);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  z-index: 1000;
}
.overlay-modal .arrow {
  background-image: url(//docs.gtimg.com/scenario/img/_/node_modules/@tencent/docs-design-resources/image/desktop/svg/arrowoperation_48-cbb57a.svg);
  position: absolute;
  top: 0px;
  right: 140px;
  width: 48px;
  height: 48px;
  z-index: 1001;
  background-size: cover;
}
.overlay-modal .arrow .arrow-tips {
  margin: 0;
  padding: 0;
  position: relative;
  left: -120px;
  bottom: -49px;
  width: 160px;
  text-align: center;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  -webkit-font-feature-settings: 'fina' on, 'init' on;
          font-feature-settings: 'fina' on, 'init' on;
  color: rgba(255, 255, 255, 0.92);
}

.pc-open-hook-dialog {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F7F8FC;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 2px 4px 24px 2.609px rgba(82, 116, 188, 0.12);
          box-shadow: 2px 4px 24px 2.609px rgba(82, 116, 188, 0.12);
  border-radius: 10px;
}
.pc-open-hook-dialog-header {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc-open-hook-dialog-header .pc-open-hook-tencent-icon {
  width: 91.667px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='142' height='32' viewBox='0 0 142 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M29.219 0H6.026a.66.66 0 0 0-.65.545L.01 30.98a.66.66 0 0 0 .65.773h12.785l1.013-.314h5.938l.83.314h9.848a.66.66 0 0 0 .65-.544l4.413-25.034L29.22 0z' fill='%232A65F5'/%3E%3Cpath d='M28.916 6.175h7.222L29.218 0l-.952 5.401a.66.66 0 0 0 .65.774' fill='%2300DCFF'/%3E%3Cpath fill='%23FFF' d='M18.819 1.303l-1.298 7.381-12.652.022 5.497 5.948h6.101l-3.022 17.1h7.78l3.026-17.1h9.186l.32-.007z'/%3E%3Cpath d='M90.23 4.985v21.406h1.935v2.236h-4.113V16.644h-5.208v12.245h-2.178V16.644h-4.72v-2.216h4.72V7.222h-4.12V4.985h13.685zm-15.976 6.449v13.214l3.673-2.857c.074-.058.183-.02.195.078l.001.017v2.303l-6.007 4.672-1.195-1.621 1.17-.91V13.67h-2.925v-2.236h5.088zm50.858-7.31v4.743h3.124V10.9h-3.124v3.284h1.157l2.023 4.869c.035.084-.018.168-.095.178H126.212l-1.1-2.655V28.86h-2.178V17.966c-.823 2.357-2.132 4.761-3.64 6.873a.122.122 0 0 1-.222-.055V21.166c2.088-3.518 3.355-6.707 3.738-10.116l.016-.15h-3.16V8.867h3.268V4.123h2.178zm-18.257.057v3.782h10.216v2.269h-3.479c-.948 4.555-3 8.504-6.103 11.643 2.574 2.002 5.729 3.5 9.403 4.432l.175.043v.004h.004l-.004.004v2.372a.125.125 0 0 1-.151.123c-4.22-.989-7.849-2.658-10.833-4.972a15.53 15.53 0 0 1-.433-.339 16.48 16.48 0 0 1-.576.448c-2.957 2.258-6.54 3.89-10.695 4.863a.124.124 0 0 1-.15-.108V26.35c3.75-.928 6.965-2.442 9.58-4.477a22.125 22.125 0 0 1-4.273-6.093c-.783-1.647-1.38-3.467-1.788-5.353l-.04-.195h-3.48V7.963h10.215V4.181h2.412zm-55.21.855V28.77H48.12l-.543-1.828c-.049-.133.016-.197.105-.204H49.668v-6.32h-2.775l-.004.496c-.024 1.972-.141 4.57-.726 7.649l-.03.16h-1.987c-.117 0-.185-.063-.122-.292.59-2.445.881-5.2.89-8.807V5.036h6.73zM58.339 4h1.92c.097 0 .177.031.157.184a49.355 49.355 0 0 1-.56 3.39l-.032.153h2.383l.78-2.73h1.687c.08 0 .146.047.122.165l-.007.027-.725 2.538h1.94v1.829H59.38a19.252 19.252 0 0 1-.578 1.743l-.058.147h7.746v1.83h-2.659c1.176 1.712 2.426 2.567 3.028 2.95l.123.078v2.092c0 .106-.08.218-.403.03a14.38 14.38 0 0 1-2.602-1.932l-.099-.093-.08 3.557h2.458v8.809h-6.282l-.543-1.829c-.048-.132.016-.197.105-.203l.015-.001h4.527v-4.947H54.033a.118.118 0 0 1-.12-.107l-.001-.016.187-3.468h1.862c.066 0 .114.045.12.108l.001.016-.089 1.638h5.823l.063-2.74h-7.376a18.12 18.12 0 0 1-1.844 1.209c-.312.181-.398.081-.403-.02v-2.103l.208-.132c.62-.4 1.784-1.232 2.893-2.82l.052-.076h-3.135v-1.83h4.173c.264-.59.511-1.221.689-1.773l.037-.117h-4.414v-1.83h1.89l-.726-2.541c-.036-.128.023-.181.1-.187h1.702l.781 2.729h1.169c.251-1.077.45-2.225.638-3.546L58.34 4zm77.785.123v9.523h5.474V28.2h-13.563v-2.155h11.187v-4.207h-10.316v-2.155h10.316V15.8h-10.91v-2.154h5.436V4.123h2.376zM63.067 23.204v2.033H52.271v-2.033h10.796zm48.05-12.972h-10.935c.737 3.17 2.083 6.02 3.983 8.38.466.574.96 1.127 1.483 1.646.198-.197.396-.401.593-.611 2.343-2.53 3.983-5.68 4.841-9.264l.036-.151zm-61.449 3.492h-2.773v4.865h2.773v-4.865zm11.74-.448h-3.526c-.43.778-.89 1.444-1.365 2.019l-.08.095h6.482a14.787 14.787 0 0 1-1.427-1.974l-.084-.14zm26.644-6.054h-5.208v7.206h5.208V7.222zM49.668 7.07h-2.773v4.826h2.773V7.069zm80.882-1.133l1.795 5.56a.127.127 0 0 1-.102.165H129.895l-1.794-5.555a.13.13 0 0 1 .104-.169h2.345zm11.102 0c.08 0 .139.076.123.154l-.004.016-1.793 5.556h-2.333a.126.126 0 0 1-.121-.151l.004-.016 1.795-5.559h2.329zm-72.175-1.4h2.38l3.003 4.706c.044.069.01.177-.083.19H72.379L69.371 4.72c-.047-.074.008-.172.09-.184h.015z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  position: relative;
}
.pc-open-hook-dialog-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pc-open-hook-dialog-body .pc-open-hook-file-icon {
  width: 72px;
  height: 72px;
}
.pc-open-hook-dialog-body .pc-open-hook-file-icon img {
  width: 72px;
  height: 72px;
}
.pc-open-hook-dialog-body .pc-open-hook-title {
  max-width: 257px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  color: #000000e0;
  font-size: 18px;
  line-height: 24px;
  margin-top: 20px;
}
.pc-open-hook-dialog-body .pc-open-hook-title .pc-open-hook-tag {
  color: #175ceb;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
  padding: 2px 6px;
  background: rgba(30, 111, 255, 0.08);
  border-radius: 4px;
  width: 36px;
  height: 16px;
  position: relative;
  margin-left: 2px;
  margin-top: 2px;
  bottom: 2px;
}
.pc-open-hook-dialog-body .pc-open-hook-title {
  max-width: 257px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  color: #000000e0;
  font-size: 18px;
  line-height: 24px;
  margin-top: 20px;
}
.pc-open-hook-dialog-body .pc-open-hook-title .pc-open-hook-tag {
  color: #175ceb;
  font-size: 12px;
  line-height: 16px;
  border-radius: 10px;
  padding: 2px 6px;
  background: rgba(30, 111, 255, 0.08);
  border-radius: 4px;
  width: 36px;
  height: 16px;
  position: relative;
  margin-left: 2px;
  margin-top: 2px;
  bottom: 2px;
}
.pc-open-hook-dialog-body .pc-open-hook-label {
  color: #00000066;
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.pc-open-hook-dialog-buttons {
  height: 191px;
  width: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 29px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 16px;
}
.pc-open-hook-dialog-buttons .pc-open-hook-button--primary {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 42px;
  background: #1e6fff;
  color: #fff;
  padding: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.pc-open-hook-dialog-buttons .pc-open-hook-button--default {
  width: 100%;
  height: 42px;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 42px;
  background: rgba(51, 77, 102, 0.06);
  color: rgba(0, 0, 0, 0.88);
  padding: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.pc-open-hook-dialog-buttons .pc-open-hook-button-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.48);
  line-height: 16px;
  height: 16px;
}


/*# sourceMappingURL=h5-open-hook-23daee.css.map*/