/* CSS Document */

@fwpt-main-bg: #0e64af;
@fwpt-gradule-bg: linear-gradient(to right bottom, #1674D6, #2392E0 40%, #38C0F1 75%, #49E6FE 100%);
@dpc-main-bg: #5A90E5;
@ldg-main-bg: #00a0c3;
@sp-main-bg: #2a499d;
@sp-font: 'HarmonyOS Sans SC';

@cdnprefix: '//kpfwimg.cdstm.cn/fwpt/';

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  // font-size: 16px;
  font-family:
    /*@sp-font,*/
    microsoft yahei, Lucida Grande, Verdana, Arial, Sans-Serif;
  font-weight: 400;
  border: none;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

.left {
  float: left;
}

.right {
  float: right;
}

a {
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: unset;
}

.clear {
  clear: both;
}

.red {
  color: #F00;
}

ul,
li {
  list-style: none;
}


/* 头部header Bar */
.head-wrapper {
  width: auto;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  background: @fwpt-main-bg;
  flex-wrap: wrap;

  a {
    text-decoration: unset;

    &:focus {
      color: white;
      text-decoration: unset;
    }

    &:hover {
      text-decoration: unset;
      color: unset;
    }
  }

  .head-name {
    font-size: 28px;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 20px;

    a {
      color: white;
    }
  }

  .head-more {
    color: white;
    font-size: 20px;
    margin: 4px auto;
    letter-spacing: 10px;

    a {
      color: white;
    }
  }
}

.head-left {
  padding: 5px 10px;

  a {

    &:hover,
    &:focus {
      color: unset;
    }
  }
}

.head-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px;

  * {
    font-size: 20px;
  }

  .head-tag {
    cursor: pointer;
    padding: 5px 10px;
    margin-left: 10px;

    * {
      text-decoration: unset;
      color: white;
    }

    &:hover,
    &:focus {
      * {
        color: #000428;
      }

      background: white;
    }

    &:visited,
    &:focus * {
      color: white;
    }
  }

  .head-button {
    cursor: pointer;
    padding: 5px 20px;
    margin-left: 10px;
    border-radius: 20px;
    border: 1px solid white;


    * {
      text-decoration: unset;
      color: white;
    }

    &:hover,
    &:focus {
      * {
        color: #000428;
      }

      background: white;
    }

    &:visited,
    &:focus * {
      color: white;
    }
  }

  i.layui-icon {
    font-size: 20px;
  }

  .drawler {
    .info {
      display: none;
      position: absolute;
      margin-top: 20px;
      margin-left: -75px;
      border-radius: 60px;
      box-shadow: grey 1px 1px 2px;
      background: white;
      z-index: 99;

      img {
        width: 300px;
        height: 300px;
        border-radius: 60px;
      }
    }

    &:hover {
      .info {
        display: block;
      }
    }
  }
}

// 移动�?
.head-mobile {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px;

  * {
    color: white;
  }

  i {
    font-size: 24px;
  }
}

.mobile-wrapper {
  width: 100%;
  background: white;
  position: absolute;
}

.mobile-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #222;
  display: none;
  z-index: 9;
}

[class*=animation-] {
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both
}

@keyframes slide-out {
  0% {
    opacity: 1;
    transform: translateX(0)
  }

  100% {
    opacity: 1;
    transform: translateX(100%)
  }
}

@keyframes slide-left {
  0% {
    opacity: 1;
    transform: translateX(-100%)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

.mobile-wrapper {
  display: none;
  transition: all 0.1s;
  z-index: 10;
}

.animation-fade {
  animation-name: slide-out;
  animation-duration: .3s;
  animation-timing-function: linear
}

.animation-slide-left {
  display: flex;
  animation-name: slide-left
}


.mobile-menu {
  width: auto;
  display: flex;
  flex-direction: column;
  max-width: 1300px;
  margin: 0 auto;

  .menu-item {
    display: flex;
    flex-direction: column;
    padding: 10px;

    * {

      color: @fwpt-main-bg;
    }

    .menu-title {
      font-size: 20px;
      font-weight: 600;
      display: flex;
    }

    .bar {
      background: @fwpt-gradule-bg;
    }

    .menu-content {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

      .item {
        font-size: 18px;
        margin: 10px 20px;
        background: aliceblue;
        padding: 5px 10px;
        border-radius: 5px;

        i,
        span {
          font-size: 18px;
        }
      }

      .head-button {
        font-size: 18px;
        cursor: pointer;
        margin: 10px 20px;
        padding: 5px 20px;
        border-radius: 20px;
        background: aliceblue;
      }

      .info {
        img {
          width: 300px;
        }
      }
    }
  }
}

/* #cdstm {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  margin: 0 auto;
  overflow: hidden;
  background-image: url(../images/top-bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
} */

#cdstm-top {
  width: 1000px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  overflow: hidden;
}

#cdstm-logo {
  width: 600px;
  height: 32px;
  line-height: 32px;
  float: left;
}

#sddm {
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  z-index: 30;
}

#sddm li {
  float: left;
  font: 12px arial;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#sddm li a {
  color: #000000;
  display: block;
  margin: 0;
  padding: 0 2px;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
}

#sddm div {
  background-color: #F7F7F7;
  border: 1px solid #333333;
  margin: 0;
  overflow: hidden;
  padding: 6px;
  position: absolute;
  visibility: hidden;
  width: 240px;
}

#sddm div a {
  background: none repeat scroll 0 0 #F8F8F8;
  color: #333333;
  display: block;
  float: left;
  font: 12px arial;
  margin: 0;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  width: 60px;
}

#sddm div a:hover {
  background-color: #49A3FF;
  color: #FFFFFF;
}

#cdstm-menu {
  color: #333333;
  float: right;
  height: 32px;
  margin-right: 10px;
  text-align: right;
  width: 320px;
}

#cdstm-menu a {
  color: #333333;
  font-size: 12px;
  line-height: 32px;
  text-decoration: none;
}

#cdstm-menu a:hover {
  color: #CC3300;
  text-decoration: underline;
}

#sddm div a {
  height: 16px;
}

/*bootstrap modal样式*/
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.footer {
  background: @fwpt-main-bg;
  color: #FFFFFF;
  height: auto;
  /*margin:10px auto;*/
  width: 100%;
  text-align: center;
}

.footer a:hover,
.footer a:focus {
  color: unset;
}

.footer-content {
  padding: 20px 5px;
}

.footer p {
  padding: 4px 0;
}

.footer p,
.footer a,
.footer span {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}

.tellink {
  background: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNTk4NTc4NDEzNzM0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2NDMiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNOTMuOTEyIDkzLjA5Nkg5MzAuMDhjNTEuMzEyIDAgOTIuOTEyIDQxLjY3MiA5Mi45MTIgOTMuMDh2NzQ0LjcyOGMwIDUxLjQxNi00MS42IDkzLjA5Ni05Mi45MTIgOTMuMDk2SDkzLjkyQzQyLjYgMTAyNCAxIDk4Mi4zMiAxIDkzMC45MDR2LTc0NC43MmMwLTUxLjQxNiA0MS42LTkzLjA4OCA5Mi45MTItOTMuMDg4eiIgZmlsbD0iI0U4MDAzNSIgcC1pZD0iMzY0NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDAuMzYgOTMuMDk2aDEzOS4zNmM1MS4zMiAwIDkyLjkyIDQxLjY3MiA5Mi45MiA5My4wOFY3OTEuMjhjMCA1MS40MTYtNDEuNiA5My4wODgtOTIuOTEyIDkzLjA4OEgxNDAuMzZjLTUxLjMwNCAwLTkyLjkwNC00MS42OC05Mi45MDQtOTMuMDg4VjE4Ni4xNzZjMC01MS40MDggNDEuNi05My4wOCA5Mi45MDQtOTMuMDh6IiBmaWxsPSIjOUIwMDJGIiBwLWlkPSIzNjQ1Ij48L3BhdGg+PHBhdGggZD0iTTEgOTMwLjkwNGMwIDUxLjQxNiA0MS42IDkzLjA5NiA5Mi45MTIgOTMuMDk2SDkzMC4wOGM1MS4zMTIgMCA5Mi45MTItNDEuNjggOTIuOTEyLTkzLjA5NlY3OTEuMjhjMCA1MS40MTYtNDEuNiA5My4wODgtOTIuOTEyIDkzLjA4OEg5My45MmMtNTEuMzEyIDAtOTIuOTEyLTQxLjY4LTkyLjkxMi05My4wODh2MTM5LjYzMnoiIGZpbGw9IiNDQjAwMjUiIHAtaWQ9IjM2NDYiPjwvcGF0aD48cGF0aCBkPSJNNDY1LjU0NCA5My4wOTZoNDY0LjU0NGM1MS4zMTIgMCA5Mi45MTIgNDEuNjcyIDkyLjkxMiA5My4wOFY3OTEuMjhjMCA1MS40MTYtNDEuNiA5My4wODgtOTIuOTEyIDkzLjA4OEg0NjUuNTQ0Yy01MS4zMTIgMC05Mi45MDQtNDEuNjgtOTIuOTA0LTkzLjA4OFYxODYuMTc2YzAtNTEuNDA4IDQxLjU5Mi05My4wOCA5Mi45MDQtOTMuMDh6IiBmaWxsPSIjRkE0NjU5IiBwLWlkPSIzNjQ3Ij48L3BhdGg+PHBhdGggZD0iTTkwNi44NjQgODM3LjgyNEg0NjUuNTQ0YTQ2LjUwNCA0Ni41MDQgMCAwIDEtNDYuNDU2LTQ2LjU1MlYyMDkuNDU2YTIzLjI0OCAyMy4yNDggMCAwIDAtMjMuMjQ4LTIzLjI1NiAyMy4yNTYgMjMuMjU2IDAgMCAwLTIzLjIwOCAyMy4yNTZ2NTgxLjgxNmMwIDUxLjQxNiA0MS42IDkzLjA5NiA5Mi45MTIgOTMuMDk2aDQ0MS4zMmEyMy4yNTYgMjMuMjU2IDAgMCAwIDIzLjIyNC0yMy4yOGMwLTEyLjg1Ni0xMC4zOTItMjMuMjY0LTIzLjIyNC0yMy4yNjR6IiBmaWxsPSIjRTgwMDM1IiBwLWlkPSIzNjQ4Ij48L3BhdGg+PHBhdGggZD0iTTQ0Mi4zMiAzOTUuNjMyYTIzLjI1NiAyMy4yNTYgMCAwIDEgMjMuMjI0IDIzLjI4Vjc2OGMwIDEyLjg0OC0xMC40IDIzLjI4LTIzLjIzMiAyMy4yOEEyMy4yNTYgMjMuMjU2IDAgMCAxIDQxOS4wODggNzY4VjQxOC45MDRjMC0xMi44NDggMTAuNC0yMy4yNzIgMjMuMjI0LTIzLjI3MnpNOTUzLjMyIDM5NS42MzJhMjMuMjU2IDIzLjI1NiAwIDAgMSAyMy4yMjQgMjMuMjhWNzY4YzAgMTIuODQ4LTEwLjQgMjMuMjgtMjMuMjI0IDIzLjI4QTIzLjI1NiAyMy4yNTYgMCAwIDEgOTMwLjA4IDc2OFY0MTguOTA0YzAtMTIuODQ4IDEwLjQtMjMuMjcyIDIzLjIzMi0yMy4yNzJ6IiBmaWxsPSIjRkI3QzhBIiBwLWlkPSIzNjQ5Ij48L3BhdGg+PHBhdGggZD0iTTUxMiAxMTYuMzY4YzAtMTIuODY0IDEwLjQtMjMuMjggMjMuMjMyLTIzLjI4aDMyNS4xODRhMjMuMjQgMjMuMjQgMCAwIDEgMjMuMjE2IDIzLjI4YzAgMTIuODQ4LTEwLjM5MiAyMy4yNjQtMjMuMjE2IDIzLjI2NEg1MzUuMjMyQTIzLjI0OCAyMy4yNDggMCAwIDEgNTEyIDExNi4zNjh6IiBmaWxsPSIjRkRCOEJGIiBwLWlkPSIzNjUwIj48L3BhdGg+PHBhdGggZD0iTTUxMiAxMzkuNjMyaDM3MS42NGMyNS42NTYgMCA0Ni40NDggMjAuODQ4IDQ2LjQ0OCA0Ni41NDR2MTM5LjY0OGMwIDI1LjY5Ni0yMC44IDQ2LjU0NC00Ni40NDggNDYuNTQ0SDUxMmE0Ni41MDQgNDYuNTA0IDAgMCAxLTQ2LjQ1Ni00Ni41NDRWMTg2LjE3NmMwLTI1LjY5NiAyMC44LTQ2LjU0NCA0Ni40NTYtNDYuNTQ0eiIgZmlsbD0iIzc0RDlEMCIgcC1pZD0iMzY1MSI+PC9wYXRoPjxwYXRoIGQ9Ik01MzUuMjMyIDMyNS44MjRhMjMuMjY0IDIzLjI2NCAwIDAgMS0xNi40MjQtMzkuNzI4bDQ2LjQ1Ni00Ni41NTJhMjMuMTg0IDIzLjE4NCAwIDAgMSAzMi44NC0wLjAxNiAyMy4zMDQgMjMuMzA0IDAgMCAxIDAuMDE2IDMyLjkxMmwtMC4wMTYgMC4wMTYtNDYuNDU2IDQ2LjU0NGEyMy4xMiAyMy4xMiAwIDAgMS0xNi40MTYgNi44MjR6IiBmaWxsPSIjMkMyRjUzIiBwLWlkPSIzNjUyIj48L3BhdGg+PHBhdGggZD0iTTU4MS42OCAzMjUuODI0YTIzLjEyIDIzLjEyIDAgMCAxLTE2LjQxNi02LjgyNGwtNDYuNDU2LTQ2LjU0NGEyMy4zMDQgMjMuMzA0IDAgMCAxIDAtMzIuOTEyIDIzLjIgMjMuMiAwIDAgMSAzMi44NCAwbDQ2LjQ1NiA0Ni41NTJhMjMuMjk2IDIzLjI5NiAwIDAgMS0xNi40MTYgMzkuNzI4ek02NzQuNTkyIDMyNS44MjRhMjMuMjk2IDIzLjI5NiAwIDEgMS0xNi40MjQtMzkuNzI4bDQ2LjQ1Ni00Ni41NTJhMjMuMTg0IDIzLjE4NCAwIDAgMSAzMi44NC0wLjAxNiAyMy4yOTYgMjMuMjk2IDAgMCAxIDAuMDE2IDMyLjkxMmwtMC4wMTYgMC4wMTYtNDYuNDQ4IDQ2LjU0NGEyMy4xMiAyMy4xMiAwIDAgMS0xNi40MjQgNi44MjR6IiBmaWxsPSIjMkMyRjUzIiBwLWlkPSIzNjUzIj48L3BhdGg+PHBhdGggZD0iTTcyMS4wNCAzMjUuODI0YTIzLjEyIDIzLjEyIDAgMCAxLTE2LjQxNi02LjgyNGwtNDYuNDU2LTQ2LjU0NGEyMy4zMDQgMjMuMzA0IDAgMCAxIDAtMzIuOTEyIDIzLjIgMjMuMiAwIDAgMSAzMi44NDggMGw0Ni40NDggNDYuNTUyYTIzLjI5NiAyMy4yOTYgMCAwIDEgMCAzMi45MDQgMjMuMiAyMy4yIDAgMCAxLTE2LjQxNiA2LjgyNHpNODEzLjk2IDMyNS44MjRhMjMuMjY0IDIzLjI2NCAwIDAgMS0xNi40MjQtMzkuNzI4bDQ2LjQ0OC00Ni41NTJhMjMuMiAyMy4yIDAgMCAxIDMyLjg0OC0wLjAxNiAyMy4zMDQgMjMuMzA0IDAgMCAxIDAuMDE2IDMyLjkxMmwtMC4wMTYgMC4wMTYtNDYuNDU2IDQ2LjU0NGEyMy4xMiAyMy4xMiAwIDAgMS0xNi40MTYgNi44MjR6IiBmaWxsPSIjMkMyRjUzIiBwLWlkPSIzNjU0Ij48L3BhdGg+PHBhdGggZD0iTTg2MC40MTYgMzI1LjgyNGEyMy4xMiAyMy4xMiAwIDAgMS0xNi40MzItNi44MjRsLTQ2LjQ0OC00Ni41NDRhMjMuMjg4IDIzLjI4OCAwIDAgMSAwLTMyLjkxMiAyMy4yIDIzLjIgMCAwIDEgMzIuODQgMGw0Ni40NTYgNDYuNTUyYTIzLjI5NiAyMy4yOTYgMCAwIDEtMTYuNDE2IDM5LjcyOHoiIGZpbGw9IiMyQzJGNTMiIHAtaWQ9IjM2NTUiPjwvcGF0aD48cGF0aCBkPSJNODgzLjY0IDEzOS42MzJINTEyYTIzLjI1NiAyMy4yNTYgMCAwIDAtMjMuMjMyIDIzLjI4YzAgMTIuODU2IDEwLjQgMjMuMjY0IDIzLjIzMiAyMy4yNjRoMzcxLjY0YTIzLjI0IDIzLjI0IDAgMCAwIDIzLjIyNC0yMy4yNzJjMC0xMi44NDgtMTAuNC0yMy4yNzItMjMuMjI0LTIzLjI3MnoiIGZpbGw9IiMxOEFFQUMiIHAtaWQ9IjM2NTYiPjwvcGF0aD48cGF0aCBkPSJNNjA0LjkxMiA1MTJjMCAyNS43MDQtMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NEE0Ni41MDQgNDYuNTA0IDAgMCAxIDUxMiA1MTJjMC0yNS43MDQgMjAuOC00Ni41NDQgNDYuNDU2LTQ2LjU0NEE0Ni41MDQgNDYuNTA0IDAgMCAxIDYwNC45MTIgNTEyek03NDQuMjcyIDUxMmMwIDI1LjcwNC0yMC44IDQ2LjU0NC00Ni40NTYgNDYuNTQ0QTQ2LjUwNCA0Ni41MDQgMCAwIDEgNjUxLjM2IDUxMmMwLTI1LjcwNCAyMC44LTQ2LjU0NCA0Ni40NTYtNDYuNTQ0QTQ2LjUwNCA0Ni41MDQgMCAwIDEgNzQ0LjI3MiA1MTJ6TTg4My42NCA1MTJjMCAyNS43MDQtMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NEE0Ni41MDQgNDYuNTA0IDAgMCAxIDc5MC43MjggNTEyYzAtMjUuNzA0IDIwLjgtNDYuNTQ0IDQ2LjQ1Ni00Ni41NDRBNDYuNTA0IDQ2LjUwNCAwIDAgMSA4ODMuNjQgNTEyek02MDQuOTEyIDY1MS42MzJjMCAyNS43MTItMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NEE0Ni40OTYgNDYuNDk2IDAgMCAxIDUxMiA2NTEuNjMyYzAtMjUuNzA0IDIwLjgtNDYuNTM2IDQ2LjQ1Ni00Ni41MzZhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTM2ek03NDQuMjcyIDY1MS42MzJjMCAyNS43MTItMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NGE0Ni41MDQgNDYuNTA0IDAgMCAxLTQ2LjQ1Ni00Ni41NDRjMC0yNS43MDQgMjAuOC00Ni41MzYgNDYuNDU2LTQ2LjUzNmE0Ni40OTYgNDYuNDk2IDAgMCAxIDQ2LjQ1NiA0Ni41MzZ6TTg4My42NCA2NTEuNjMyYzAgMjUuNzEyLTIwLjggNDYuNTQ0LTQ2LjQ1NiA0Ni41NDRhNDYuNDk2IDQ2LjQ5NiAwIDAgMS00Ni40NTYtNDYuNTQ0YzAtMjUuNzA0IDIwLjgtNDYuNTM2IDQ2LjQ1Ni00Ni41MzZhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTM2ek02MDQuOTEyIDc5MS4yOGMwIDI1LjY5Ni0yMC44IDQ2LjU0NC00Ni40NTYgNDYuNTQ0QTQ2LjUwNCA0Ni41MDQgMCAwIDEgNTEyIDc5MS4yNzJjMC0yNS43MTIgMjAuOC00Ni41NDQgNDYuNDU2LTQ2LjU0NGE0Ni41MDQgNDYuNTA0IDAgMCAxIDQ2LjQ1NiA0Ni41NDR6TTc0NC4yNzIgNzkxLjI4YzAgMjUuNjk2LTIwLjggNDYuNTQ0LTQ2LjQ1NiA0Ni41NDRhNDYuNTA0IDQ2LjUwNCAwIDAgMS00Ni40NTYtNDYuNTUyYzAtMjUuNzEyIDIwLjgtNDYuNTQ0IDQ2LjQ1Ni00Ni41NDRhNDYuNDk2IDQ2LjQ5NiAwIDAgMSA0Ni40NTYgNDYuNTQ0ek04ODMuNjQgNzkxLjI4YzAgMjUuNjk2LTIwLjggNDYuNTQ0LTQ2LjQ1NiA0Ni41NDRhNDYuNTA0IDQ2LjUwNCAwIDAgMS00Ni40NTYtNDYuNTUyYzAtMjUuNzEyIDIwLjgtNDYuNTQ0IDQ2LjQ1Ni00Ni41NDRhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTQ0eiIgZmlsbD0iIzlCMDAyRiIgcC1pZD0iMzY1NyI+PC9wYXRoPjxwYXRoIGQ9Ik02MDQuOTEyIDQ2NS40NTZjMCAyNS43MTItMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NEE0Ni40OTYgNDYuNDk2IDAgMCAxIDUxMiA0NjUuNDU2YzAtMjUuNzA0IDIwLjgtNDYuNTUyIDQ2LjQ1Ni00Ni41NTJhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTUyek03NDQuMjcyIDQ2NS40NTZjMCAyNS43MTItMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NGE0Ni41MDQgNDYuNTA0IDAgMCAxLTQ2LjQ1Ni00Ni41NDRjMC0yNS43MDQgMjAuOC00Ni41NTIgNDYuNDU2LTQ2LjU1MmE0Ni41MDQgNDYuNTA0IDAgMCAxIDQ2LjQ1NiA0Ni41NTJ6TTg4My42NCA0NjUuNDU2YzAgMjUuNzEyLTIwLjggNDYuNTQ0LTQ2LjQ1NiA0Ni41NDRhNDYuNDk2IDQ2LjQ5NiAwIDAgMS00Ni40NTYtNDYuNTQ0YzAtMjUuNzA0IDIwLjgtNDYuNTUyIDQ2LjQ1Ni00Ni41NTJhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTUyek02MDQuOTEyIDYwNS4wOTZjMCAyNS43MDQtMjAuOCA0Ni41MzYtNDYuNDU2IDQ2LjUzNkE0Ni40OTYgNDYuNDk2IDAgMCAxIDUxMiA2MDUuMDk2YzAtMjUuNzEyIDIwLjgtNDYuNTUyIDQ2LjQ1Ni00Ni41NTJhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTUyek03NDQuMjcyIDYwNS4wOTZjMCAyNS43MDQtMjAuOCA0Ni41MzYtNDYuNDU2IDQ2LjUzNmE0Ni41MDQgNDYuNTA0IDAgMCAxLTQ2LjQ1Ni00Ni41MzZjMC0yNS43MTIgMjAuOC00Ni41NTIgNDYuNDU2LTQ2LjU1MmE0Ni40OTYgNDYuNDk2IDAgMCAxIDQ2LjQ1NiA0Ni41NTJ6TTg4My42NCA2MDUuMDk2YzAgMjUuNzA0LTIwLjggNDYuNTM2LTQ2LjQ1NiA0Ni41MzZhNDYuNDk2IDQ2LjQ5NiAwIDAgMS00Ni40NTYtNDYuNTM2YzAtMjUuNzEyIDIwLjgtNDYuNTUyIDQ2LjQ1Ni00Ni41NTJhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTUyek02MDQuOTEyIDc0NC43MmMwIDI1LjcyLTIwLjggNDYuNTYtNDYuNDU2IDQ2LjU2QTQ2LjQ5NiA0Ni40OTYgMCAwIDEgNTEyIDc0NC43MmMwLTI1LjY5NiAyMC44LTQ2LjU0NCA0Ni40NTYtNDYuNTQ0YTQ2LjUwNCA0Ni41MDQgMCAwIDEgNDYuNDU2IDQ2LjU1MnpNNzQ0LjI3MiA3NDQuNzJjMCAyNS43Mi0yMC44IDQ2LjU2LTQ2LjQ1NiA0Ni41NmE0Ni41MDQgNDYuNTA0IDAgMCAxLTQ2LjQ1Ni00Ni41NmMwLTI1LjY5NiAyMC44LTQ2LjU0NCA0Ni40NTYtNDYuNTQ0YTQ2LjUwNCA0Ni41MDQgMCAwIDEgNDYuNDU2IDQ2LjU1MnpNODgzLjY0IDc0NC43MmMwIDI1LjcyLTIwLjggNDYuNTYtNDYuNDU2IDQ2LjU2YTQ2LjQ5NiA0Ni40OTYgMCAwIDEtNDYuNDU2LTQ2LjU2YzAtMjUuNjk2IDIwLjgtNDYuNTQ0IDQ2LjQ1Ni00Ni41NDRhNDYuNTA0IDQ2LjUwNCAwIDAgMSA0Ni40NTYgNDYuNTUyeiIgZmlsbD0iI0U5RkZGNSIgcC1pZD0iMzY1OCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDAuMzYgMGg5Mi45MTJjNTEuMzEyIDAgOTIuOTEyIDQxLjY4IDkyLjkxMiA5My4wOTZWNzQ0LjcyYzAgNTEuNDE2LTQxLjYgOTMuMDk2LTkyLjkxMiA5My4wOTZIMTQwLjM2Yy01MS4zMDQgMC05Mi45MDQtNDEuNjgtOTIuOTA0LTkzLjA5NlY5My4wOTZDNDcuNDU2IDQxLjY4IDg5LjA1NiAwIDE0MC4zNiAweiIgZmlsbD0iI0U4MDAzNSIgcC1pZD0iMzY1OSI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDAuMzYgMjc5LjI4aDQ2LjQ1NmE0Ni40OTYgNDYuNDk2IDAgMCAxIDQ2LjQ1NiA0Ni41NDRWNzQ0LjcyYzAgMjUuNzEyLTIwLjggNDYuNTQ0LTQ2LjQ1NiA0Ni41NDRoLTQ2LjQ1NmE0Ni40OTYgNDYuNDk2IDAgMCAxLTQ2LjQ0OC00Ni41NDRWMzI1LjgyNGMwLTI1LjcxMiAyMC44LTQ2LjU1MiA0Ni40NDgtNDYuNTUyek0xNDAuMzYgNDYuNTQ0aDQ2LjQ1NmE0Ni40OTYgNDYuNDk2IDAgMCAxIDQ2LjQ1NiA0Ni41NTJ2OTMuMDhjMCAyNS43MTItMjAuOCA0Ni41NTItNDYuNDU2IDQ2LjU1MmgtNDYuNDU2YTQ2LjQ5NiA0Ni40OTYgMCAwIDEtNDYuNDQ4LTQ2LjU1MlY5My4wOTZjMC0yNS43MTIgMjAuOC00Ni41NTIgNDYuNDQ4LTQ2LjU1MnoiIGZpbGw9IiNGQTQ2NTkiIHAtaWQ9IjM2NjAiPjwvcGF0aD48cGF0aCBkPSJNMTQwLjM2IDQ2LjU0NGg0Ni40NTZhNDYuNDk2IDQ2LjQ5NiAwIDAgMSA0Ni40NTYgNDYuNTUyYzAgMjUuNzA0LTIwLjggNDYuNTQ0LTQ2LjQ1NiA0Ni41NDRoLTQ2LjQ1NmMtMjUuNjU2IDAtNDYuNDQ4LTIwLjg0LTQ2LjQ0OC00Ni41NDQgMC0yNS43MTIgMjAuOC00Ni41NTIgNDYuNDQ4LTQ2LjU1MnoiIGZpbGw9IiNGREI4QkYiIHAtaWQ9IjM2NjEiPjwvcGF0aD48cGF0aCBkPSJNMTQwLjM2IDkzMC45MDRoNzg5LjcyOGE0Ni41MDQgNDYuNTA0IDAgMCAxIDQ2LjQ1NiA0Ni41NTJjMCAyNS43MTItMjAuOCA0Ni41NDQtNDYuNDU2IDQ2LjU0NEgxNDAuMzZhNDYuNDk2IDQ2LjQ5NiAwIDAgMS00Ni40NDgtNDYuNTQ0YzAtMjUuNzA0IDIwLjgtNDYuNTUyIDQ2LjQ0OC00Ni41NTJ6IiBmaWxsPSIjOUIwMDJGIiBwLWlkPSIzNjYyIj48L3BhdGg+PC9zdmc+") center center/contain no-repeat;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
}

.maillink {
  background: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNTk4NTc1ODgwNDUzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxNjciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0iTTEyNy45MjE4NzIgNDU5LjM5MzY5M0g4OTUuODY5Nzg2djM2Mi4zMDY0MDlIMTI3LjkyMTg3MnoiIGZpbGw9IiNGQkU5RTciIHAtaWQ9IjIxNjgiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkwIiBjbGFzcz0ic2VsZWN0ZWQiPjwvcGF0aD48cGF0aCBkPSJNNTEyLjEwNDE3MSA2ODguMzYxMzQzbDM4My45NzM5NTctMTkxLjY3NDQ2NnYzOTkuMzkxMjUxSDEyNy45MjE4NzJWNDk2LjY4Njg3N3oiIGZpbGw9IiMxRTg4RTUiIHAtaWQ9IjIxNjkiPjwvcGF0aD48cGF0aCBkPSJNNTEyLjEwNDE3MSAyMDEuMjU4MTg5TDEyNy45MjE4NzIgMzkyLjcyNDMxM3YxMDMuMzM3NTM4aDc2OC4xNTYyNTZ2LTEwMy4zMzc1Mzh6IiBmaWxsPSIjNjRCNUY2IiBwLWlkPSIyMTcwIj48L3BhdGg+PC9zdmc+") center center/contain no-repeat;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
}

.qqlink {
  background: url("data:image/svg+xml;utf8,%3Csvg%20t%3D%221586947319072%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222226%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20d%3D%22M511.03745067%20986.9408c-85.50293333%200-163.98613333-26.68693333-214.51733334-66.54506667-25.6608%207.1488-58.4864%2018.65493333-79.20213333%2032.9216-17.7248%2012.2016-15.51573333%2024.6464-12.32%2029.6704%2014.02666667%2022.06826667%20240.62186667%2014.09173333%20306.03946667%207.21813334v-3.26506667z%22%20fill%3D%22%23FAAD08%22%20p-id%3D%222227%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M495.62731733%20986.9408c85.5008%200%20163.98613333-26.68693333%20214.51733334-66.54506667%2025.6608%207.1488%2058.48533333%2018.65493333%2079.2032%2032.9216%2017.72373333%2012.2016%2015.51253333%2024.6464%2012.32%2029.6704-14.02666667%2022.06826667-240.62293333%2014.09173333-306.0416%207.21813334v-3.26506667z%22%20fill%3D%22%23FAAD08%22%20p-id%3D%222228%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M496.137184%20472.0256c140.7296-0.9344%20253.5136-27.50186667%20291.73013333-37.696%209.1104-2.432%2013.984-6.78826667%2013.984-6.78826667%200.032-1.25013333%200.57813333-22.3488%200.57813334-33.232C802.42945067%20211.02186667%20713.733984%2026.8512%20495.61665067%2026.83946667%20277.500384%2026.8512%20188.80065067%20211.0208%20188.80065067%20394.30933333c0%2010.8832%200.5504%2031.98186667%200.58346666%2033.232%200%200%203.9648%204.07573333%2011.23093334%206.048%2035.2832%209.57866667%20150.18986667%2037.4816%20294.48533333%2038.43626667h1.0368z%22%20fill%3D%22%23000000%22%20p-id%3D%222229%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M883.50145067%20626.96746667c-8.66133333-27.82506667-20.48426667-60.27306667-32.45546667-91.43466667%200%200-6.8864-0.848-10.36586667%200.15786667-107.424%2031.152-237.62453333%2051.00586667-336.8448%2049.808h-1.02613333C404.14465067%20586.6848%20274.82731733%20567.05813333%20167.76491733%20536.2112%20163.67425067%20535.03466667%20155.59745067%20535.53386667%20155.59745067%20535.53386667%20143.62625067%20566.6944%20131.804384%20599.1424%20123.14411733%20626.96746667%2081.84491733%20759.64586667%2095.22411733%20814.5536%20105.41291733%20815.78453333c21.8624%202.63893333%2085.09866667-99.87946667%2085.09866667-99.87946666%200%20104.17066667%2094.21226667%20264.1248%20309.94773333%20265.59573333a765.87733333%20765.87733333%200%200%201%205.7248%200C721.92171733%20980.02986667%20816.130784%20820.0768%20816.130784%20715.90613333c0%200%2063.23626667%20102.5184%2085.10186667%2099.87946667%2010.18666667-1.23093333%2023.56586667-56.13866667-17.7312-188.81813333%22%20fill%3D%22%23000000%22%20p-id%3D%222230%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M429.20811733%20303.91146667c-29.76%201.32266667-55.19466667-32.11306667-56.78933333-74.61973334-1.6192-42.53546667%2021.18186667-78.08746667%2050.94826667-79.4176%2029.73333333-1.3056%2055.14986667%2032.11626667%2056.76586666%2074.63893334%201.6288%2042.53546667-21.17653333%2078.08-50.9248%2079.3984m220.448-74.61973334c-1.5936%2042.50666667-27.02933333%2075.94026667-56.78933333%2074.61973334-29.7472-1.32053333-52.5536-36.86293333-50.9248-79.39733334%201.61386667-42.52586667%2027.0304-75.94773333%2056.76373333-74.63893333%2029.7696%201.33013333%2052.57066667%2036.88106667%2050.95146667%2079.41653333%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%222231%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M695.40545067%20359.0688c-7.8112-18.78293333-86.46613333-39.7088-183.8432-39.7088h-1.04533334c-97.376%200-176.03306667%2020.92586667-183.84213333%2039.7088a6.66026667%206.66026667%200%200%200-0.57066667%202.672c0%201.3536%200.4192%202.57493333%201.07306667%203.61173333%206.5792%2010.416%2093.92426667%2061.88586667%20183.3408%2061.88586667h1.04533333c89.41546667%200%20176.75733333-51.46666667%20183.33973334-61.88373333a6.77546667%206.77546667%200%200%200%201.0688-3.62133334c0-0.9568-0.21333333-1.85173333-0.5664-2.66453333%22%20fill%3D%22%23FAAD08%22%20p-id%3D%222232%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M464.67371733%20239.33546667c1.344%2016.94506667-7.8688%2032-20.5504%2033.6448-12.7008%201.64693333-24.0736-10.7552-25.42506666-27.70986667-1.32586667-16.95466667%207.87306667-32.00853333%2020.53333333-33.64053333%2012.72213333-1.65226667%2024.11413333%2010.76053333%2025.44213333%2027.7056m77.97013334%208.464c2.70186667-4.39253333%2021.1488-27.488%2059.328-19.0784%2010.02773333%202.208%2014.66666667%205.45706667%2015.64586666%206.73706666%201.44533333%201.888%201.84106667%204.576%200.37546667%208.19626667-2.90346667%207.17333333-8.89386667%206.97813333-12.2176%205.5744-2.144-0.90666667-28.736-16.94826667-53.232%206.98986667-1.68426667%201.648-4.69866667%202.21226667-7.55733333%200.25813333-2.85653333-1.95626667-4.0384-5.9232-2.3424-8.67733333%22%20fill%3D%22%23000000%22%20p-id%3D%222233%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M503.82145067%20589.328h-1.03146667c-67.80586667%200.80213333-150.0224-8.00426667-229.6384-23.38133333-6.81706667%2038.67946667-10.93333333%2087.29386667-7.3984%20145.27573333%208.928%20146.54293333%2097.728%20238.65173333%20234.79253333%20239.99573333H506.11691733c137.06453333-1.344%20225.86453333-93.4528%20234.79466667-239.99573333%203.53493333-57.98613333-0.58346667-106.60053333-7.40266667-145.2832-79.63093333%2015.38453333-161.86133333%2024.19626667-229.68746666%2023.3888%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%222234%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M310.69291733%20581.3504v146.63253333s69.28746667%2013.552%20138.69973334%204.17066667V596.896c-43.97333333-2.4128-91.40053333-7.79093333-138.69973334-15.5456%22%20fill%3D%22%23EB1C26%22%20p-id%3D%222235%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M806.50411733%20427.2384s-130.112%2043.07946667-302.6592%2044.30826667h-1.02613333c-172.26346667-1.22346667-302.21653333-44.16106667-302.66026667-44.30826667l-43.5776%20114.08213333c108.9984%2034.464%20244.0928%2056.67733333%20346.23786667%2055.38773334l1.024-0.00213334c102.15253333%201.29706667%20237.22666667-20.91733333%20346.24-55.3856l-43.57866667-114.08213333z%22%20fill%3D%22%23EB1C26%22%20p-id%3D%222236%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
}

@media screen and (max-width: 1000px) {
  #cdstm-top {
    width: 100%;
  }

  #cdstm-logo {
    width: 20%;
  }

  #cdstm-menu {
    width: 50%;
  }
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}


@media screen and (max-width: 768px) {

  // 头部区域
  .head-wrapper {
    .head-left {
      .head-more {
        display: none;
      }
    }

    .head-right {
      display: none;

    }

    .head-mobile {
      display: flex;
    }
  }
}

@media screen and (max-width: 700px) {

  .head-wrapper {
    .head-name {
      font-size: 26px;
      letter-spacing: 8px;
    }
  }
}

@media screen and (max-width: 650px) {

  .head-wrapper {
    .head-name {
      font-size: 24px;
      letter-spacing: 8px;
    }
  }
}

@media screen and (max-width: 510px) {

  .head-wrapper {
    .head-name {
      letter-spacing: 6px;
    }
  }
}

@media screen and (max-width: 440px) {

  .head-wrapper {
    .head-name {
      font-size: 20px;
      letter-spacing: 2px;
    }
  }
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Thin.eot");
  /* IE9 */
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Thin.eot?#iefix") format("embedded-opentype"),
  /* IE6-IE8 */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Thin.woff2") format("woff2"),
  /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Thin.woff") format("woff"),
  /* chrome, firefox */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Thin.ttf") format("truetype"),
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Thin.svg#HarmonyOS Sans SC Thin") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Light.eot");
  /* IE9 */
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Light.eot?#iefix") format("embedded-opentype"),
  /* IE6-IE8 */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Light.woff2") format("woff2"),
  /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Light.woff") format("woff"),
  /* chrome, firefox */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype"),
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Light.svg#HarmonyOS Sans SC Light") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular.eot");
  /* IE9 */
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular.eot?#iefix") format("embedded-opentype"),
  /* IE6-IE8 */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular.woff2") format("woff2"),
  /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular.woff") format("woff"),
  /* chrome, firefox */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype"),
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular.svg#HarmonyOS Sans SC") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}

// @font-face {
//   font-family: "HarmonyOS Sans SC";
//   src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular_All.eot");
//   /* IE9 */
//   src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular_All.eot?#iefix") format("embedded-opentype"),
//   /* IE6-IE8 */
//   url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular_All.woff2") format("woff2"),
//   /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
//   url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular_All.woff") format("woff"),
//   /* chrome, firefox */
//   url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular_All.ttf") format("truetype"),
//   /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
//   url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Regular_All.svg#HarmonyOS Sans SC") format("svg");
//   /* iOS 4.1- */
//   font-style: normal;
//   font-weight: normal;
// }

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Medium.eot");
  /* IE9 */
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Medium.eot?#iefix") format("embedded-opentype"),
  /* IE6-IE8 */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Medium.woff2") format("woff2"),
  /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Medium.woff") format("woff"),
  /* chrome, firefox */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype"),
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Medium.svg#HarmonyOS Sans SC Medium") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Bold.eot");
  /* IE9 */
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Bold.eot?#iefix") format("embedded-opentype"),
  /* IE6-IE8 */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Bold.woff2") format("woff2"),
  /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Bold.woff") format("woff"),
  /* chrome, firefox */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype"),
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Bold.svg#HarmonyOS Sans SC") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Black.eot");
  /* IE9 */
  src: url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Black.eot?#iefix") format("embedded-opentype"),
  /* IE6-IE8 */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Black.woff2") format("woff2"),
  /* chrome 36+, firefox 39+,iOS 10+, Android 67+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Black.woff") format("woff"),
  /* chrome, firefox */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Black.ttf") format("truetype"),
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("@{cdnprefix}css/fonts/HarmonyOS_Sans_SC_Black.svg#HarmonyOS Sans SC Black") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: 900;
}


// layui modify
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
  background-color: @dpc-main-bg;
}

.layui-nav-tree .layui-nav-bar {
  background-color: @dpc-main-bg;
}

ul.flow {
  margin: 15px auto;
}

ul.flow .layui-nav-child dd.layui-this,
ul.flow .layui-nav-child dd.layui-this a,
ul.flow .layui-this,
ul.flow .layui-this>a,
ul.flow .layui-this>a:hover {
  background-color: @ldg-main-bg;
}

ul.flow .layui-nav-bar {
  background-color: @ldg-main-bg;
}

ul.flow a:focus,
ul.flow a:hover {
  text-decoration: unset;
}

ul.theme {
  width: 160px;
  margin: 15px auto;
}

ul.theme .layui-nav-child dd.layui-this,
ul.theme .layui-nav-child dd.layui-this a,
ul.theme .layui-this,
ul.theme .layui-this>a,
ul.theme .layui-this>a:hover {
  background-color: #1f773e;
}

ul.theme .layui-nav-bar {
  background-color: #1f773e;
}

ul.theme a:focus,
ul.theme a:hover {
  text-decoration: unset;
}

.theme-main-bgcolor {
  background-color: #1f773e;
}

.layui-btn .layui-icon {
  vertical-align: center !important;
}

.flow .layui-form-select dl dd.layui-this {
  background-color: @ldg-main-bg;
}

.flow-main-bgcolor {
  background-color: @ldg-main-bg;
}

.flow .layui-form-checked span,
.flow .layui-form-checked:hover span {
  background-color: @ldg-main-bg;
}

.flow .layui-btn {
  background-color: @ldg-main-bg;
}

.flow .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: @ldg-main-bg;
}

.layui-table-cell {
  height: auto;
  font-size: 14px;
}

.layui-table-cell span {
  font-size: 14px;
}

.new-contentbox .layui-table-cell {
  height: auto;
  overflow: visible;
  text-overflow: inherit;
  white-space: normal;
}

.car .layui-form-select dl dd.layui-this {
  background-color: @dpc-main-bg;
}

.car .layui-form-checked span,
.car .layui-form-checked:hover span {
  background-color: @dpc-main-bg;
}


.flow .layui-btn {
  background-color: @dpc-main-bg;
}

.car .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: @dpc-main-bg;
}


.sp-main .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: @sp-main-bg;
}

.sp-main .layui-tab-brief>.layui-tab-title .layui-this {
  color: @sp-main-bg;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
  border: none;
  border-radius: 0;
  border-bottom: 4px solid @sp-main-bg;
}

/*表单必填项加*显示*/
.layui-required:after {
  content: "*";
  color: red;
  position: absolute;
  top: 5px;
  left: 15px;
}

/*layui表格自动换行*/
.opened .layui-table-cell {
  height: auto;
  overflow: visible;
  text-overflow: inherit;
  white-space: normal;
}
<a href="http://www.baidu.com/">�ٶ�</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>