@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes spin {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(-360deg);
    }
  }
  @charset "UTF-8";
  /**
   * 如果你项目需要使用原生的CSS变量，
   * 请写在 ./common/variable.css中
   * 这里CSS变量会重复引入，且不会保留（通过设置!;）
   * 这里适合需要兼容IE浏览器的项目
  */
  /*主色*/
  body {
      color: #4c5161;
  }
  .dark {
      color: #4c5161;
  }
  a {
      color: inherit;
  }
  .black {
      color: var(--black, #000);
  }
  /*蓝色*/
  .blue, a.dark:hover {
      color: #3A8EFF;
  }
  /*hover蓝色*/
  a.blue:hover {
      color: #0057c3;
  }
  /*灰色*/
  .gray {
      color: #a2a9b6;
  }
  /*白色*/
  .white {
      color: #fff;
  }
  /* 绿色 */
  .green {
      color: #01cf97;
  }
  /* 橘色 */
  .orange {
      color: #f28c48;
  }
  /* 红色 */
  .red {
      color: #B8061A;
  }
  /* 浅色 */
  .light {
      color: #f7f9fa;
  }
  @charset "UTF-8";
  /**
   * 如果你项目需要使用原生的CSS变量，
   * 请写在 ./common/variable.css中
   * 这里CSS变量会重复引入，且不会保留（通过设置!;）
   * 这里适合需要兼容IE浏览器的项目
  */
  /**
   * @description 页面结构公用CSS，以下代码为原型页面示意CSS，实际项目请删除，用不到
   */
  .wg-header {
      height: 64px;
      width: 100%;
      background-color: #ffffff;
      box-shadow: inset 0 -0.5px 0 rgba(33, 32, 44, 0.16);
      position: fixed;
      z-index: 21;
  }
  .wg-header-inner {
      width: 1032px;
      margin: 0 auto;
      font-size: 0;
  }
  .wg-header-icon {
      width: 60px;
      height: 28px;
      background: url("data:image/svg+xml,%3Csvg width='60' height='28' viewBox='0 0 60 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%233A8EFF'%3E%3Cpath d='M51.426 8.98h1.45l-.055.725c-.056.558-.14 1.395-.251 2.482-.084.92-.223 2.064-.39 3.458l-.196 1.702.251.25.195.252 3.459.055h3.541V19.131h-2.956c-1.924 0-2.872.028-2.872.056 0 .056.195.307.585.781.363.39.837.893 1.45 1.506.558.53.977.892 1.255 1.116.363.223.642.39.865.53l.335.195v.92c0 .614-.028 1.143-.056 1.646 0 .362 0 .557-.028.613a.188.188 0 0 1-.167.112c-.084-.056-.363-.196-.865-.447a24.505 24.505 0 0 1-1.255-.92 12.47 12.47 0 0 1-1.255-1.171c-.474-.474-.864-.893-1.115-1.255-.307-.447-.614-.865-.92-1.311-.252-.446-.53-.892-.781-1.366-.224-.475-.363-.726-.39-.726-.057 0-.168.14-.336.39a9.23 9.23 0 0 1-.92 1.116c-.362.447-.78.865-1.283 1.311-.502.446-.976.809-1.394 1.116-.39.306-.893.669-1.506 1.115-.223.14-.446.279-.642.419a3.554 3.554 0 0 1-.697.418c-.25.14-.446.25-.613.39-.558.363-1.367.781-2.427 1.311-1.004.558-1.506.865-1.534.865-.027 0-.083-.112-.167-.307s-.111-.307-.056-.307a.721.721 0 0 1 .307-.195c.112-.056.195-.112.307-.195.446-.251.837-.502 1.171-.726a17.8 17.8 0 0 0 1.311-.92c.474-.39.948-.809 1.45-1.255.53-.446.948-.837 1.255-1.171.168-.14.53-.502 1.06-1.116.362-.39.641-.753.92-1.115.223-.363.419-.67.586-.976l.25-.447h-7.529l-.14.447a5.607 5.607 0 0 1-.39.864c-.14.251-.307.558-.53.92-.167.252-.446.558-.78.92-.307.363-.67.698-1.116 1.06-.446.307-.893.586-1.367.865-.53.251-.864.39-1.06.39l-.25.056v-13.72H31.68V9.704H38.151l-.055 5.773c0 3.793.028 5.69.056 5.69l.78-.586c.474-.39.837-.725 1.06-.976l.39-.39h-1.226v-1.228h9.705l.195-.586c.084-.362.167-.864.25-1.561.14-.698.224-1.339.252-1.953.056-.306.111-.948.195-1.896.084-.558.14-1.171.195-1.84.056-.642.084-1.005.112-1.06-.084-.112.418-.112 1.366-.112zM36.06 2.147h2.677l-.056.642v.585h-2.705l-2.621.056V2.147h2.705zm6.358 11.016c.39 0 .698.028.92.056.224.056.559.168 1.06.335.391.14.753.279 1.06.446.251.14.614.363 1.06.725.446.307.837.642 1.171.976.39.39.558.614.53.642-.056.055-.446.223-1.255.53-.78.362-1.227.557-1.31.585-.056 0-.168-.111-.39-.334a10.453 10.453 0 0 0-.866-1.116 15.8 15.8 0 0 0-1.282-1.171 16.05 16.05 0 0 0-1.088-.865 5.464 5.464 0 0 0-.725-.335c-.223-.083-.335-.139-.335-.195 0-.056.028-.111.056-.195.056-.056.195-.084.502-.14.279 0 .586 0 .892.056zM50.534 0l1.367.056v3.068H57.98V4.35h-6.024l-.056.585a6.476 6.476 0 0 1-.362 1.116c-.167.39-.307.725-.502.976l-.251.39h8.199l-.056 1.255c-.055.837-.111 1.423-.195 1.757-.083.39-.223.753-.39 1.06a4.47 4.47 0 0 1-.53.92c-.223.251-.419.447-.614.558-.195.112-.446.168-.753.168h-.39V8.757l-7.39-.056H41.19V7.53l3.988-.056h3.905V4.406H43.45V3.18h5.634V1.645c0-1.004.028-1.533.056-1.561.055-.056.502-.084 1.394-.084zm-5.717 9.873c.613.055 1.06.083 1.366.139.363.084.698.195 1.06.335.307.14.586.25.865.39.25.14.53.335.78.586.224.223.363.39.419.502.056.111-.195.502-.753 1.143l-.865 1.06-.25-.586a5.045 5.045 0 0 0-.782-1.171c-.25-.363-.557-.642-.92-.92-.39-.307-.67-.502-.864-.586a1.656 1.656 0 0 0-.642-.39c-.223-.14-.334-.252-.334-.363.027-.14.306-.167.92-.14zM7.502 6.386h1.31l-.055.14c0 .14-.084.418-.251.864-.167.363-.363.698-.53 1.06-.167.363-.362.67-.53.976l-.334.53v7.195c0 2.929 0 4.88-.028 5.885-.028 1.004-.056 1.617-.112 1.84-.056.14-.084.28-.14.447-.055.167-.11.334-.195.446-.139.25-.278.502-.446.725a2.014 2.014 0 0 1-.725.446 1.62 1.62 0 0 1-.78.195h-.447V12.802l-.586.39c-.39.251-.836.502-1.31.725-.475.168-.977.363-1.506.53-.53.168-.81.251-.81.223-.027-.027-.027-.167.029-.418.056-.223.25-.446.585-.725.363-.251.837-.697 1.45-1.31a62.004 62.004 0 0 0 1.507-1.563c.39-.53.753-1.06 1.115-1.561.39-.558.753-1.144 1.06-1.702l.446-.976h1.283v-.028zM7.586.363c.78 0 1.17.027 1.17.055.057.056-.055.28-.25.725-.223.447-.446.865-.642 1.255-.223.39-.474.781-.78 1.172-.251.362-.558.697-.865 1.06-.362.39-.753.725-1.2 1.031-.445.39-.892.753-1.366 1.06a7.11 7.11 0 0 1-1.45.865c-.474.25-.753.39-.809.39-.055 0-.111-.14-.111-.39v-.39l.53-.391c.362-.307.753-.67 1.171-1.116a9.99 9.99 0 0 0 1.06-1.255c.25-.306.558-.697.92-1.171.251-.446.53-.92.781-1.45.223-.419.39-.753.53-1.06l.14-.39h1.17zm14.976 0H23.817c.111 0 .195.027.306.055-.055.223-.223.893-.53 2.036-.39 1.367-.64 2.26-.78 2.761-.168.53-.251.809-.251.865h5.354v.641l-.056.586-.585.056h-.53l-.056.446c-.056.279-.084 1.115-.14 2.51-.083 1.31-.167 2.259-.25 2.872-.14.558-.251 1.088-.335 1.562-.14.446-.279.948-.446 1.506-.168.474-.363.948-.53 1.366l-.251.642.195.335c.307.39.558.697.725.92.307.39.92 1.06 1.841 2.036l1.45 1.45-.39 2.482c-.251 1.646-.419 2.482-.447 2.482-.055 0-.362-.39-.976-1.171-.78-.92-1.366-1.59-1.7-2.036-.53-.558-.949-1.032-1.256-1.367a16.072 16.072 0 0 0-.864-1.17c-.251-.391-.419-.587-.447-.587l-.585.726c-.39.53-.948 1.143-1.646 1.896a28.142 28.142 0 0 1-1.673 1.562c-.362.306-.558.502-.558.585 0 .084-.055.14-.14.14-.083 0-.39.167-.92.53-.474.362-.892.53-1.254.53h-.474l.864-.865.92-.92-.39-.39c-.251-.307-.558-.642-.865-1.06a35.29 35.29 0 0 1-.864-1.311 11.278 11.278 0 0 1-.586-1.45 7.083 7.083 0 0 1-.334-1.255c-.084-.39-.168-1.45-.196-3.208l-.056-2.565h-2.426l-.056 2.621c-.055 1.701-.111 2.761-.195 3.207-.083.39-.223.837-.39 1.311-.14.446-.251.781-.39 1.06-.168.362-.335.641-.447.864-.14.223-.39.558-.78 1.06-.308.39-.67.809-1.116 1.255-.447.39-.67.586-.725.586-.084 0-.14-.14-.14-.419 0-.278.056-.502.195-.697.14-.223.251-.418.39-.585.14-.251.252-.586.391-.977.14-.446.251-.92.39-1.45.084-.53.14-1.032.196-1.506.056-.53.056-1.868.056-4.071v-3.403H16.733v3.849c.056 2.538.112 4.072.195 4.657.14.642.251 1.144.335 1.45.14.474.25.865.39 1.172.168.306.28.446.335.446.056 0 .223-.195.53-.586.362-.446.67-.864.976-1.31.307-.475.586-.949.864-1.367.363-.613.642-1.171.865-1.701l.446-.92-.39-1.256a20.21 20.21 0 0 1-.725-2.482c-.168-.752-.363-1.561-.53-2.482-.14-.864-.251-1.59-.335-2.147-.084-.642-.14-1.032-.14-1.116-.055 0-.11.028-.194.056-.084.056-.224.112-.39.195a2.102 2.102 0 0 1-1.144.335c-.419 0-.614-.028-.614-.056 0-.056.14-.39.446-1.06.307-.557.67-1.282 1.116-2.147a77.1 77.1 0 0 1 .864-1.952c.224-.614.475-1.506.781-2.677.363-1.255.53-1.897.558-1.925 0-.055.558-.055 1.59-.055zm-9.287 10.346h4.713V11.936h-9.51l-.056-.502c0-.362.028-.557.056-.585 0-.112 1.618-.14 4.797-.14zM13.72.223h1.45V3.04c0 1.868-.055 2.928-.14 3.151-.055.251-.11.474-.194.642-.084.167-.168.306-.196.39.307.056.558.056.781.056h.781V1.73h2.175v2.286c0 1.562-.055 2.538-.139 2.872-.056.39-.14.726-.251.977-.112.25-.307.502-.53.725-.223.223-.446.39-.641.53-.251.083-.419.139-.502.139-.056 0-.112-.112-.112-.335v-.39h-5.577l-.307.279a1.662 1.662 0 0 1-.586.39c-.167.056-.279.056-.335.056-.055 0-.055-1.255-.055-3.737V1.729h2.036l-.056 2.761v2.817h1.06V.167l1.338.056zm8.896 7.14h-.864l-.251.334c-.167.223-.39.474-.642.781l-.446.446.335.865c.25.697.502 1.366.725 1.952.251.614.558 1.31.92 2.092.251.613.419.948.447 1.06.055.083.083.111.111.111.028-.028.084-.362.195-.976.112-.642.196-1.2.224-1.673.055-.447.083-1.367.139-2.817l.056-2.148h-.948v-.027z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h59.43v28H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
      background-size: 100%;
      display: inline-block;
      margin-top: 18px;
  }
  .wg-button {
      font-size: 14px;
      line-height: 22px;
      padding: 6px 23px;
      background: #3A8EFF;
      border: 1px solid #3A8EFF;
      border-radius: 18px;
      color: #FFFFFF;
  }
  .wg-button-place {
      float: right;
      margin-top: 14px;
  }
  .wg-button:hover {
      background: #78c2ff;
      border: 1px solid #78c2ff;
  }
  .wg-button:active {
      background: #1c55b9;
      border: 1px solid #1c55b9;
  }
  /* 公共页脚 */
  .wg-footer {
      background-color: #f1f2f5;
      height: 68px;
      width: 100%;
      min-width: 1032px;
      display: table;
  }
  .wg-footer-inner {
      margin: 0 auto;
      font-size: 14px;
      vertical-align: middle;
      display: table-cell;
      color: rgba(33, 32, 44, 0.55);
  }
  .wg-footer-inner-p {
      text-align: center;
      vertical-align: middle;
  }
  .wg-footer-inner-p a:hover {
      color: rgba(58, 142, 255, 1);
  }
  .safety-box {
    padding-bottom: 20px;
  }
  .safety-box a {
    overflow: hidden;
    width: 128px;
    height: 48px;
    margin-right: 10px;
    border: 1px solid #ededed;
    border-radius: 5px;
    background-image: url(https://ywopen-1252317822.image.myqcloud.com/openwx/recommendimg/20211119/6197452c66a14.png);
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal;
  }
  .safety-box .site1 {
    background-position: 0 0;
  }
  .safety-box .site2 {
    background-position: 0 -47px;
  }
  .safety-box .site3 {
    background-image: url(https://qidian.gtimg.com/readnovel/images/foot_site.14465.png);
    background-position: 0 -96px;
  }
  /* 主色红色 */
  .wg-red .wg-header-icon {
      width: 134px;
      background: url(../img/logo-red.png) no-repeat center;
      background-size: 100%;
  }
  .wg-red .wg-button {
      background: #B8061A;
      border: 1px solid #B8061A;
  }
  .wg-red .wg-button:hover {
      background: #FF7888;
      border: 1px solid #FF7888;
  }
  @charset "UTF-8";
  /**
   *
   * @lib.css
   * @author zhangxinxu(.com)
   * @create 15-06-04
   */
  /* ---------------------single CSS----------------------- */
  /* display */
  .dn {
      display: none;
  }
  .di {
      display: inline;
  }
  .db {
      display: block;
  }
  .dib {
      display: inline-block;
  }
  .dt {
      display: table;
  }
  .dtc {
      display: table-cell;
  }
  .df {
      display: flex;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  
  .flex-auto {
    flex: 1 1 auto;
  }
  /* line-height */
  .lh14 {
      line-height: 14px;
  }
  .lh16 {
      line-height: 16px;
  }
  .lh18 {
      line-height: 18px;
  }
  .lh20 {
      line-height: 20px;
  }
  .lh22 {
      line-height: 22px;
  }
  .lh24 {
      line-height: 24px;
  }
  .lh28 {
      line-height: 28px;
  }
  /* margin */
  .m0 {
      margin: 0;
  }
  .ml1 {
      margin-left: 1px;
  }
  .ml2 {
      margin-left: 2px;
  }
  .ml5 {
      margin-left: 5px;
  }
  .ml10 {
      margin-left: 10px;
  }
  .ml15 {
      margin-left: 15px;
  }
  .ml20 {
      margin-left: 20px;
  }
  .ml30 {
      margin-left: 30px;
  }
  .mr1 {
      margin-right: 1px;
  }
  .mr2 {
      margin-right: 2px;
  }
  .mr5 {
      margin-right: 5px;
  }
  .mr10 {
      margin-right: 10px;
  }
  .mr15 {
      margin-right: 15px;
  }
  .mr20 {
      margin-right: 20px;
  }
  .mr30 {
      margin-right: 30px;
  }
  .mr60 {
      margin-right: 60px;
  }
  .mr120 {
      margin-right: 120px;
  }
  .mt1 {
      margin-top: 1px;
  }
  .mt2 {
      margin-top: 2px;
  }
  .mt5 {
      margin-top: 5px;
  }
  .mt10 {
      margin-top: 10px;
  }
  .mt15 {
      margin-top: 15px;
  }
  .mt20 {
      margin-top: 20px;
  }
  .mt30 {
      margin-top: 30px;
  }
  .mb1 {
      margin-bottom: 1px;
  }
  .mb2 {
      margin-bottom: 2px;
  }
  .mb5 {
      margin-bottom: 5px;
  }
  .mb10 {
      margin-bottom: 10px;
  }
  .mb15 {
      margin-bottom: 15px;
  }
  .mb20 {
      margin-bottom: 20px;
  }
  .mb30 {
      margin-bottom: 30px;
  }
  .ma {
      margin: auto;
  }
  /* flex布局中子项对齐很有用 */
  .mla {
      margin-left: auto;
  }
  .mra {
      margin-right: auto;
  }
  .mta {
      margin-top: auto;
  }
  .mba {
      margin-bottom: auto;
  }
  /* padding */
  .p0 {
      padding: 0;
  }
  .p1 {
      padding: 1px;
  }
  .pl1 {
      padding-left: 1px;
  }
  .pt1 {
      padding-top: 1px;
  }
  .pr1 {
      padding-right: 1px;
  }
  .pb1 {
     padding-bottom: 1px;
  }
  .p2 {
      padding: 2px;
  }
  .pl2 {
      padding-left: 2px;
  }
  .pt2 {
      padding-top: 2px;
  }
  .pr2 {
      padding-right: 2px;
  }
  .pb2 {
      padding-bottom: 2px;
  }
  .pl5 {
      padding-left: 5px;
  }
  .p5 {
      padding: 5px;
  }
  .pt5 {
      padding-top: 5px;
  }
  .pr5 {
      padding-right: 5px;
  }
  .pb5 {
      padding-bottom: 5px;
  }
  .p10 {
      padding: 10px;
  }
  .pl10 {
      padding-left: 10px;
  }
  .pt10 {
      padding-top: 10px;
  }
  .pr10 {
      padding-right: 10px;
  }
  .pb10 {
      padding-bottom: 10px;
  }
  .p15 {
      padding: 15px;
  }
  .pl15 {
      padding-left: 15px;
  }
  .pt15 {
      padding-top: 15px;
  }
  .pr15 {
      padding-right: 15px;
  }
  .pb15 {
      padding-bottom: 15px;
  }
  .p20 {
      padding: 20px;
  }
  .pl20 {
      padding-left: 20px;
  }
  .pt20 {
      padding-top: 20px;
  }
  .pr20 {
      padding-right: 20px;
  }
  .pb20 {
      padding-bottom: 20px;
  }
  .p30 {
      padding: 30px;
  }
  .pl30 {
      padding-left: 30px;
  }
  .pt30 {
      padding-top: 30px;
  }
  .pr30 {
      padding-right: 30px;
  }
  .pb30 {
      padding-bottom: 30px;
  }
  /* font-size */
  .f0 {
      font-size: 0;
  }
  .f12 {
      font-size: 12px;
  }
  .f13 {
      font-size: 13px;
  }
  .f14 {
      font-size: 14px;
  }
  .f16 {
      font-size: 16px;
  }
  .f18 {
      font-size: 18px;
  }
  .f20 {
      font-size: 20px;
  }
  .f24 {
      font-size: 24px;
  }
  .f28 {
      font-size: 28px;
  }
  /* font-style */
  .n {
      font-weight: normal;
      font-style: normal;
  }
  .b {
      font-weight: bold;
  }
  .i {
      font-style: italic;
  }
  /* text-align */
  .tc {
      text-align: center;
  }
  .tr {
      text-align: right;
  }
  .tl {
      text-align: left;
  }
  .tj {
      text-align: justify;
  }
  /* text-decoration */
  .tdl {
      text-decoration: underline;
  }
  .tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
      text-decoration: none;
  }
  /* white-space */
  .nowrap {
      white-space: nowrap;
  }
  /* word-wrap */
  .bk {
      word-wrap: break-word;
  }
  .ba {
      word-break: break-all;
  }
  /* vertical-align */
  .vm {
      vertical-align: middle;
  }
  .vb {
      vertical-align: bottom;
  }
  .vt {
      vertical-align: top;
  }
  .vn {
      vertical-align: -5px;
  }
  /*float*/
  .fl {
      float: left;
  }
  .fr {
      float: right;
  }
  /* clear */
  .cl {
      clear: both;
  }
  /* position */
  .rel {
      position: relative;
  }
  .abs {
      position: absolute;
  }
  /* overflow */
  .ovh {
      overflow: hidden;
  }
  .ova {
      overflow: auto;
  }
  /* visibility */
  .vh {
      visibility: hidden;
  }
  .vv {
      visibility: visible;
  }
  .up {
      text-transform: uppercase;
  }
  /* ---------------------multiple CSS----------------------- */
  /* 清除浮动*/
  .fix:after {
      display: table;
      content: '';
      clear: both;
  }
  /* table等分布局 .table > .dtc */
  .table {
      display: table;
      width: 100%;
      table-layout: fixed;
  }
  /* 基于display:table-cell的自适应布局 
   * 1. .l + .cell，两栏自适应
   * 2. .dt > .cell，等宽自适应
  */
  .cell {
      display: table-cell;
      width: 2000px;
  }
  /* 单行文字溢出虚点显示 */
  .ell {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
  /* 可响应focus/click的隐藏 */
  .clip {
      position: absolute;
      clip: rect(0 0 0 0);
  }
  /* 块状元素水平居中 */
  .auto {
      margin-left: auto;
      margin-right: auto;
  }
  /* 大小不定元素垂直居中 */
  .middle {
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle;
  }
  /* transition过渡 */
  .trans {
      -webkit-transition: all 250ms;
      transition: all 250ms;
  }
  /* 文字无法选中 */
  .unselect {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  /* disabled */
  .disabled {
      opacity: .4;
      filter: alpha(opacity=40);
      cursor: default;
      -ms-pointer-events: none;
      pointer-events: none;
  }
  @charset "UTF-8";
  /**
   * @description 简易常用CSS代码
   */
  body {
      font-family: sans-serif;
      line-height: 1.5;
      fill: currentColor;
  }
  h1, h2, h3, h4, h5, h6 {
      font-size: 100%;
      margin: 0;
  }
  body, form, ul, ol, dl, dd, p, details {
      margin: 0;
  }
  ul, ol {
      list-style-type: none;
      padding: 0;
  }
  img {
      border: 0 none;
      vertical-align: bottom;
  }
  details, summary {
      display: block;
  }
  button, input, select, textarea {
      font-size: 1em;
      font-family: inherit;
  }
  a, a:hover {
      text-decoration: none;
  }
  /**
   * 这里书写CSS原生变量，
   * 中后台项目，移动端项目适合
   */
  :root {
      /* 这段CSS变量保留 */
      --borderRadius: 4px;
  }