@font-face {
  font-family: "iconfont"; /* Project id 3050327 */
  src: url('../font/iconfont.woff2?t=1641106391444') format('woff2'),
       url('../font/iconfont.woff?t=1641106391444') format('woff'),
       url('../font/iconfont.ttf?t=1641106391444') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-baomingwancheng:before {
  content: "\e636";
}

.icon-baomingtianbiao:before {
  content: "\e637";
}

.icon-baomingqueren:before {
  content: "\e639";
}

.icon-baomingzhuce:before {
  content: "\e63a";
}

.icon-shangchuanzhaopian:before {
  content: "\e63b";
}

.icon-zigeshenhe:before {
  content: "\e63c";
}

.icon-wangshangjiaofei:before {
  content: "\e63d";
}

.icon-xiangyou3fill:before {
  content: "\e777";
}

.icon-fenlei:before {
  content: "\e60f";
}

.icon-wendang:before {
  content: "\e635";
}

.icon-fenlei1:before {
  content: "\e733";
}

.icon-youjiantou_huaban:before {
  content: "\e63e";
}

.icon-youjiantou1:before {
  content: "\e608";
}

.icon-caret-right:before {
  content: "\eb21";
}

.icon-right-circle-fill:before {
  content: "\eb22";
}

.icon-tuijian:before {
  content: "\e633";
}

.icon-remen:before {
  content: "\e634";
}

.icon-lingzhengtongzhi:before {
  content: "\e628";
}

.icon-kaoshengfuwu:before {
  content: "\e629";
}

.icon-guangxizhengshuheyan:before {
  content: "\e62b";
}

.icon-youqinglianjie:before {
  content: "\e62c";
}

.icon-kaoshijihua:before {
  content: "\e62d";
}

.icon-hudongjiaoliu:before {
  content: "\e62e";
}

.icon-gongwuyuanlinxuankaoshi:before {
  content: "\e62f";
}

.icon-jinqikaoshibaoming:before {
  content: "\e630";
}

.icon-chengjigongbu:before {
  content: "\e631";
}

.icon-nihegerenyuangongshi:before {
  content: "\e632";
}

.icon-chengjichaxun:before {
  content: "\e613";
}

.icon-kaoshizhuanti:before {
  content: "\e614";
}

.icon-wangshangbaoming:before {
  content: "\e615";
}

.icon-tongzhi:before {
  content: "\e616";
}

.icon-zhengshuheyan:before {
  content: "\e617";
}

.icon-dayin:before {
  content: "\e618";
}

.icon-gonggao:before {
  content: "\e619";
}

.icon-pinrenzhigongwuyuankaoshi:before {
  content: "\e61a";
}

.icon-zigeleikaoshi:before {
  content: "\e61b";
}

.icon-yuandiancaidan:before {
  content: "\e620";
}

.icon-zhengshulingqu:before {
  content: "\e621";
}

.icon-dayinzhunkaozheng:before {
  content: "\e622";
}

.icon-shiyedanweizhuanti:before {
  content: "\e623";
}

.icon-paijushenling:before {
  content: "\e624";
}

.icon-gongwuyuankaoshi:before {
  content: "\e625";
}

.icon-kuaijietongdao:before {
  content: "\e626";
}

.icon-xinwendongtai:before {
  content: "\e627";
}

.icon-dianhua:before {
  content: "\e61c";
}

.icon-jiantouzuo:before {
  content: "\e6bc";
}

.icon-navbtn:before {
  content: "\e605";
}

.icon-QQ:before {
  content: "\e61e";
}

.icon-tuji:before {
  content: "\e644";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-liuyan:before {
  content: "\e655";
}

.icon-top:before {
  content: "\e6f9";
}

.icon-weizhi:before {
  content: "\e607";
}

.icon-weixin:before {
  content: "\e638";
}

.icon-search:before {
  content: "\e65a";
}

.icon-zhengshu:before {
  content: "\e668";
}

.icon-home:before {
  content: "\e61f";
}

.icon-youjiantou:before {
  content: "\e600";
}

.icon-xiazai:before {
  content: "\e604";
}

.icon-jiantoushangshang:before {
  content: "\e61d";
}

.icon-jiantouyou:before {
  content: "\e62a";
}

.icon-shipin:before {
  content: "\e601";
}

.icon-zuojiantou-copy:before {
  content: "\e909";
}

/* ! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Arial, Helvetica, sans-serif;
  /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.mt-4 {
  margin-top: 1rem;
}

.mr-0 {
  margin-right: 0px;
}

.flex {
  display: flex;
}

.h-48 {
  height: 12rem;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-between {
  justify-content: space-between;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.border {
  border-width: 1px;
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

* {
  box-sizing: border-box;
}

:focus-visible {
  outline: none !important;
}

body {
  background: url(../images/mbg.jpg) repeat-x;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.fbg {
  background: #fff;
}

.fbg2 {
  background: rgba(255, 255, 255, .95);
}

.head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .head {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.head .logo {
    width: 50%;
  }

@media (min-width: 768px) {
    .head .logo {
      width: 33.333333%;
    }
  }

.head .logo img {
      max-width: 100%;
    }

@media (min-width: 1024px) {
      .head .logo img {
        max-width: 20rem;
      }
    }

.head .slogan {
    display: none;
  }

.head .slogan {
    align-self: flex-end;
  }

@media (min-width: 768px) {
    .head .slogan {
      display: block;
    }
  }

@media (min-width: 768px) {
    .head .slogan {
      width: 33.333333%;
    }
  }

.head .slogan img {
      max-width: 100%;
    }

@media (min-width: 1024px) {
      .head .slogan img {
        max-width: 20rem;
      }
    }

.head .search {
    position: relative;
  }

.head .search {
    width: 33.333333%;
  }

.head .search {
    align-self: flex-end;
  }

@media (min-width: 768px) {
    .head .search {
      width: 25%;
    }
  }

.head .search input {
      height: 1.5rem;
    }

.head .search input {
      width: 100%;
    }

.head .search input {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }

.head .search input {
      padding-left: 0.5rem;
    }

.head .search input {
      font-size: 0.75rem;
      line-height: 1rem;
    }

@media (min-width: 768px) {
      .head .search input {
        height: 2.5rem;
      }
    }

@media (min-width: 768px) {
      .head .search input {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

.head .search input {
      width: 100%;
    }

.head .search button {
      position: absolute;
    }

.head .search button {
      top: 0px;
    }

.head .search button {
      right: 0px;
    }

.head .search button {
      height: 1.5rem;
    }

.head .search button {
      width: 1.5rem;
    }

.head .search button {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }

.head .search button {
      --tw-bg-opacity: 1;
      background-color: rgb(29 78 216 / var(--tw-bg-opacity));
    }

.head .search button {
      font-size: 0.75rem;
      line-height: 1rem;
    }

.head .search button {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.head .search button:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(30 64 175 / var(--tw-bg-opacity));
    }

@media (min-width: 768px) {
      .head .search button {
        height: 2.5rem;
      }
    }

@media (min-width: 768px) {
      .head .search button {
        width: 2.5rem;
      }
    }

@media (min-width: 768px) {
      .head .search button {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

.head .search button i {
        font-size: 0.75rem;
        line-height: 1rem;
      }

@media (min-width: 768px) {
        .head .search button i {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }

.nav ul {
    display: flex;
  }

.nav ul {
    flex-wrap: wrap;
  }

.nav ul li {
      height: 2rem;
    }

.nav ul li {
      overflow: hidden;
    }

.nav ul li {
      border-right-width: 1px;
    }

.nav ul li {
      border-bottom-width: 1px;
    }

.nav ul li {
      --tw-border-opacity: 1;
      border-color: rgb(59 130 246 / var(--tw-border-opacity));
    }

.nav ul li {
      --tw-bg-opacity: 1;
      background-color: rgb(37 99 235 / var(--tw-bg-opacity));
    }

.nav ul li {
      text-align: center;
    }

.nav ul li {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

.nav ul li {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.nav ul li {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

@media (min-width: 768px) {
      .nav ul li {
        height: 3rem;
      }
    }

@media (min-width: 768px) {
      .nav ul li {
        border-bottom-width: 0px;
      }
    }

@media (min-width: 768px) {
      .nav ul li {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

@media (min-width: 1024px) {
      .nav ul li {
        font-weight: 700;
      }
    }

.nav ul li {
      line-height: 2rem;
      width: 25%;
    }

@media (min-width: 768px) {

.nav ul li {
        line-height: 3rem;

        width: 12.5%
    }
      }

@media (min-width: 768px) {
        .nav ul li:first-child {
          border-top-left-radius: 0.25rem;
          border-bottom-left-radius: 0.25rem;
        }
      }

@media (min-width: 768px) {
        .nav ul li:last-child {
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.25rem;
        }
      }

.nav ul li:hover, .nav ul li.active {
        --tw-bg-opacity: 1;
        background-color: rgb(29 78 216 / var(--tw-bg-opacity));
      }

.nav ul li a {
        display: block;
      }

.swiper-container {
  position: relative;
  overflow: hidden;
}

.swiper-wrapper {
}

.swiper-slide {
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}

.swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
  }

.title {
  display: flex;
  align-items: center;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .title {
    font-weight: 700;
  }
}

.title {
  margin: -1px;
}

.title i {
    margin-left: 0.5rem;
  }

.title i {
    margin-right: 0.5rem;
  }

.title i {
    overflow: hidden;
  }

.title i {
    font-size: 1.5rem;
    line-height: 2rem;
  }

.title i {
    font-weight: 400;
  }

.title span {
    font-size: 1rem;
    line-height: 1.5rem;
  }

.title span span {
      font-size: 1rem;
      line-height: 1.5rem;
    }

.title a {
    margin-left: auto;
  }

.title a {
    margin-right: 1rem;
  }

.title a {
    font-size: 0.75rem;
    line-height: 1rem;
  }

.title a {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity));
  }

.title a:hover {
      --tw-text-opacity: 1;
      color: rgb(219 234 254 / var(--tw-text-opacity));
    }

.title2 {
  margin: 0.75rem;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
  .title2 {
    font-weight: 700;
  }
}

.title2 i {
    margin-left: 0.5rem;
  }

.title2 i {
    margin-right: 0.5rem;
  }

.title2 i {
    overflow: hidden;
  }

.title2 i {
    font-size: 1.5rem;
    line-height: 2rem;
  }

.title2 i {
    font-weight: 400;
  }

.title2 span {
    font-size: 1rem;
    line-height: 1.5rem;
  }

.title2 a {
    margin-left: auto;
  }

.title2 a {
    margin-right: 0.5rem;
  }

.title2 a {
    font-size: 0.75rem;
    line-height: 1rem;
  }

.title2 a {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity));
  }

.title2 a:hover {
      --tw-text-opacity: 1;
      color: rgb(59 130 246 / var(--tw-text-opacity));
    }

.icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem;
}

.icons a {
    width: 33.333333%;
  }

.icons a .icon {
      margin: 0.5rem;
    }

.icons a .icon {
      display: block;
    }

.icons a .icon {
      --tw-bg-opacity: 1;
      background-color: rgb(14 165 233 / var(--tw-bg-opacity));
    }

.icons a .icon {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

.icons a .icon {
      text-align: center;
    }

.icons a .icon {
      font-size: 0.75rem;
      line-height: 1rem;
    }

.icons a .icon {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.icons a .icon {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

@media (min-width: 768px) {
      .icons a .icon {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
    }

@media (min-width: 768px) {
      .icons a .icon {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    }

.icons a .icon {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.icons a .icon:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(2 132 199 / var(--tw-bg-opacity));
    }

.icons a .icon {
      border-top-left-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }

.icons a .icon i {
        margin-bottom: 0.5rem;
      }

.icons a .icon i {
        display: block;
      }

.icons a .icon i {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }

.icons a .icon span {
        display: block;
      }

.icons a .icon span {
        overflow: hidden;
      }

.icons a .icon span {
        text-overflow: ellipsis;
      }

.icons a .icon span {
        white-space: nowrap;
      }

.specials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem;
  padding-top: 1rem;
}

.specials a {
    width: 50%;
  }

.specials a .icon {
      margin: 0.5rem;
    }

.specials a .icon {
      display: block;
    }

.specials a .icon {
      --tw-bg-opacity: 1;
      background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    }

.specials a .icon {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

.specials a .icon {
      text-align: center;
    }

.specials a .icon {
      font-size: 0.75rem;
      line-height: 1rem;
    }

.specials a .icon {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.specials a .icon {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

@media (min-width: 768px) {
      .specials a .icon {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
    }

@media (min-width: 768px) {
      .specials a .icon {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    }

.specials a .icon {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.specials a .icon:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(8 145 178 / var(--tw-bg-opacity));
    }

.specials a .icon {
      border-top-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }

.specials a .icon i {
        margin-bottom: 0.5rem;
      }

.specials a .icon i {
        display: block;
      }

.specials a .icon i {
        font-size: 3rem;
        line-height: 1;
      }

@media (min-width: 768px) {
        .specials a .icon i {
          margin-bottom: 1rem;
        }
      }

.specials a .icon span {
        display: block;
      }

.specials a .icon span {
        overflow: hidden;
      }

.specials a .icon span {
        text-overflow: ellipsis;
      }

.specials a .icon span {
        white-space: nowrap;
      }

.articles {
  padding: 1rem;
}

.articles li {
    margin-bottom: 0.5rem;
  }

.articles li {
    display: flex;
  }

.articles li {
    align-items: center;
  }

.articles li {
    border-bottom-width: 1px;
  }

.articles li {
    border-style: dashed;
  }

.articles li {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity));
  }

.articles li {
    padding-bottom: 0.5rem;
  }

.articles li {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity));
  }

.articles li {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

.articles li a {
      flex: 1 1 auto;
    }

.articles li a {
      overflow: hidden;
    }

.articles li a {
      text-overflow: ellipsis;
    }

.articles li a {
      white-space: nowrap;
    }

.articles li a {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

.articles li a {
      --tw-text-opacity: 1;
      color: rgb(55 65 81 / var(--tw-text-opacity));
    }

.articles li a:hover {
      --tw-text-opacity: 1;
      color: rgb(29 78 216 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
      .articles li a {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

.articles li a span {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

@media (min-width: 768px) {
        .articles li a span {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }

.articles li a:before {
        content: "\e62a";
        font-family: "iconfont" !important;
      }

.articles li a:before {
        margin-right: 0.5rem;
      }

.articles li a:before {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

.articles li a:before {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
      }

.articles li span {
      margin-left: auto;
    }

.articles li span {
      flex-shrink: 0;
    }

.articles li span {
      font-size: 0.75rem;
      line-height: 1rem;
    }

.articles li span {
      --tw-text-opacity: 1;
      color: rgb(156 163 175 / var(--tw-text-opacity));
    }

.articles li:last-child {
      margin-bottom: 0px;
    }

.articles li:hover {
    margin-left: 0.25rem;
  }

.articles li.iscolor a {
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
      }

.articles li.ishot a:before {
          content: "\e634";
        }

.articles li.ishot a:before {
          --tw-text-opacity: 1;
          color: rgb(239 68 68 / var(--tw-text-opacity));
        }

.articles li.isrecommend a:after {
          content: "\e633";
          font-family: "iconfont" !important;
        }

.articles li.isrecommend a:after {
          --tw-text-opacity: 1;
          color: rgb(239 68 68 / var(--tw-text-opacity));
        }

.pictures {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}

@media (min-width: 768px) {
  .pictures {
    padding: 1rem;
  }
}

.pictures li {
    flex-basis: 100%;
  }

@media (min-width: 768px) {
    .pictures li {
      flex-basis: 50%;
    }
  }

.pictures li a {
      margin: 0.25rem;
    }

.pictures li a {
      display: flex;
    }

.pictures li a {
      align-items: center;
    }

.pictures li a {
      border-radius: 0.125rem;
    }

.pictures li a {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

.pictures li a {
      padding: 1rem;
    }

.pictures li a {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

.pictures li a {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

@media (min-width: 768px) {
      .pictures li a {
        margin: 0.5rem;
      }
    }

.pictures li a {
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);
    }

.pictures li a span {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

@media (min-width: 768px) {
        .pictures li a span {
          font-size: 1rem;
          line-height: 1.5rem;
        }
      }

.pictures li a img {
        margin-right: 0.5rem;
      }

.pictures li a img {
        height: 4rem;
      }

.pictures li a img {
        width: auto;
      }

.pictures li a:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
      }

.pictures li a:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }

footer {
  margin-top: 1rem;
  padding-bottom: 2rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background: url(../images/footbg.png) no-repeat bottom center;
  background-size: cover;
}

.piclinks {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}

.piclinks a {
    width: 33.333333%;
  }

@media (min-width: 768px) {
    .piclinks a {
      width: 25%;
    }
  }

@media (min-width: 1024px) {
    .piclinks a {
      width: 16.666667%;
    }
  }

.piclinks a img:hover {
      opacity: 0.9;
    }

.piclinks a img {
      width: 100%;
      padding: 5px;
    }

.copyright {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  padding: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .copyright {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .copyright {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.copyright .ewm1, .copyright .ewm2 {
    margin-bottom: 0.5rem;
  }

.copyright .ewm1, .copyright .ewm2 {
    text-align: center;
  }

.copyright .ewm1 img, .copyright .ewm2 img {
      display: inline;
      margin-bottom: 10px;
      max-width: 120px;
    }

.copyright .ewm1 span, .copyright .ewm2 span {
      display: block;
    }

.copyright .copy {
    text-align: center;
  }

.copyright .copy {
    line-height: 2;
  }

.copyright .copy img {
      display: inline-block;
      margin-right: 5px;
    }

.copyright .copy a:hover {
      --tw-text-opacity: 1;
      color: rgb(29 78 216 / var(--tw-text-opacity));
    }

.copyright .copy .fabout {
      font-size: 1rem;
      line-height: 1.5rem;
    }

@media (min-width: 768px) {
      .copyright .copy .fabout {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
    }

.copyright .ewm2 {
    order: -1;
  }

@media (min-width: 768px) {
    .copyright .ewm2 {
      order: 1;
    }
  }

.backtop {
  position: fixed;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: rgb(245, 108, 108);
  right: 0;
  bottom: 100px;
  cursor: pointer;
}

.backtop:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  }

.breadcrumbs {
  margin-top: 1rem;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .breadcrumbs {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.mainpage {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.mainpage .leftitem {
    margin-right: 0px;
  }

.mainpage .leftitem {
    margin-bottom: 1rem;
  }

.mainpage .leftitem {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

.mainpage .leftitem {
    border-width: 1px;
  }

.mainpage .leftitem {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
  }

.mainpage .leftitem {
    background: #fff;
  }

@media (min-width: 768px) {
    .mainpage .leftitem {
      margin-right: 1rem;
    }
  }

.mainpage .leftitem .channels {
      padding: 1rem;
    }

.mainpage .leftitem .channels li {
        margin-bottom: 0.5rem;
      }

.mainpage .leftitem .channels li {
        width: 91.666667%;
      }

.mainpage .leftitem .channels li {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px;
      }

.mainpage .leftitem .channels li {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }

.mainpage .leftitem .channels li {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);
      }

.mainpage .leftitem .channels li a {
          display: block;
        }

.mainpage .leftitem .channels li a {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }

.mainpage .leftitem .channels li a {
          padding-left: 1rem;
        }

.mainpage .leftitem .channels li a {
          font-size: 0.875rem;
          line-height: 1.25rem;
        }

.mainpage .leftitem .channels li a {
          line-height: 1.5;
        }

@media (min-width: 768px) {
          .mainpage .leftitem .channels li a {
            font-size: 1rem;
            line-height: 1.5rem;
          }
        }

.mainpage .leftitem .channels li a:before {
            content: "\e63e";
            font-family: "iconfont" !important;
          }

.mainpage .leftitem .channels li a:before {
            margin-right: 0.5rem;
          }

.mainpage .leftitem .channels li a:before {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }

.mainpage .leftitem .channels li:hover, .mainpage .leftitem .channels li.active {
          width: 100%;
        }

.mainpage .leftitem .channels li:hover, .mainpage .leftitem .channels li.active {
          --tw-bg-opacity: 1;
          background-color: rgb(248 113 113 / var(--tw-bg-opacity));
        }

.mainpage .leftitem .channels li:hover, .mainpage .leftitem .channels li.active {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.mainpage .leftitem .icons a {
        width: 50%;
      }

.mainpage .leftitem .icons a:last-child {
          display: none;
        }

.mainpage .rightitem {
    margin-bottom: 1rem;
  }

.mainpage .rightitem {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

.mainpage .rightitem {
    border-width: 1px;
  }

.mainpage .rightitem {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
  }

.mainpage .rightitem {
    background: #fff;
  }

.pagelist {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.pagelist a {
    margin-right: 0.25rem;
  }

.pagelist a {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  }

.pagelist a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

.pagelist a {
    padding-left: 1rem;
    padding-right: 1rem;
  }

.pagelist a {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }

.pagelist a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity));
  }

.pagelist a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.pagelist a:first-child {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }

.pagelist a:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }

.pagelist a:last-child {
      border-right-width: 0px;
    }

.pagelist a.current {
      --tw-bg-opacity: 1;
      background-color: rgb(96 165 250 / var(--tw-bg-opacity));
    }

.pagelist a.current {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.pagelist a.disabled {
      --tw-text-opacity: 1;
      color: rgb(156 163 175 / var(--tw-text-opacity));
    }

.pagelist a.disabled:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    }

.article {
  overflow: hidden;
  padding: 1rem;
}

.article h1 {
    text-align: center;
  }

.article h1 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

.article h1 {
    font-weight: 700;
  }

@media (min-width: 768px) {
    .article h1 {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }

.article .info {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

.article .info {
    border-bottom-width: 1px;
  }

.article .info {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }

.article .info {
    padding-bottom: 1rem;
  }

.article .info {
    text-align: center;
  }

.article .info {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }

.article .info span {
      margin-right: 0.5rem;
    }

.article .info span {
      display: inline-block;
    }

.article .info .dayin {
      cursor: pointer;
    }

.article .info .dayin i {
        margin-right: 0.25rem;
      }

.article .info .dayin i {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }

.article .info .dayin i {
        --tw-text-opacity: 1;
        color: rgb(96 165 250 / var(--tw-text-opacity));
      }

.article .content {
    line-height: 2;
  }

.article .content h2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

.article .content h2 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }

.article .content h2 {
      font-weight: 700;
    }

.article .content h2 {
      --tw-text-opacity: 1;
      color: rgb(59 130 246 / var(--tw-text-opacity));
    }

.article .content h2::before {
        content: "";
        margin-top: -2px;
      }

.article .content h2::before {
        margin-right: 0.5rem;
      }

.article .content h2::before {
        display: inline-block;
      }

.article .content h2::before {
        height: 1.25rem;
      }

.article .content h2::before {
        width: 0.25rem;
      }

.article .content h2::before {
        --tw-bg-opacity: 1;
        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
      }

.article .content h2::before {
        vertical-align: middle;
      }

.article .content ul, .article .content ol {
      margin-left: 1rem;
    }

.article .content #bdmap {
      height: 13rem;
    }

.article .content #bdmap {
      border-width: 1px;
    }

.article .content #bdmap {
      font-size: 0.75rem;
      line-height: 1rem;
    }

.article .content #bdmap {
      line-height: 1.5;
    }

@media (min-width: 768px) {
      .article .content #bdmap {
        height: 24rem;
      }
    }

@media (min-width: 768px) {
      .article .content #bdmap {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

.article .content #bdmap .BMap_cpyCtrl {
        display: none;
      }

.article .content #bdmap .anchorBL {
        bottom: 5px !important;
      }

.article .content #bdmap .BMap_Marker {
        margin-top: 1rem !important;
      }

.article .content table {
      width: 100% !important;
      background: rgb(255, 255, 255) !important;
      border: none !important;
      border-bottom: 1px solid rgb(221, 221, 221) !important;
      border-left: 1px solid rgb(221, 221, 221) !important;
    }

.article .content table tr,
            .article .content table td,
            .article .content table p,
            .article .content table span {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
      }

.article .content table td {
        padding: 5px !important;
        font-size: 1.4rem !important;
        border: none !important;
        border-top: 1px solid rgb(221, 221, 221) !important;
        border-right: 1px solid rgb(221, 221, 221) !important;
        vertical-align: middle !important;
      }

.article .content table td h6 a{
          background:$mainColor;
          color: #fff;
          cursor: pointer;
          justify-content: center;
          padding: 1rem 2rem;
          text-align: center;
          white-space: nowrap;
          border-radius: 10px;
        }

.article .content table td h6 a:hover {
            background: #f56c6c;
          }

.article .content table td p {
          display: inline;
        }

.article .content table td:hover {
          background: rgb(236, 236, 236) !important;
        }

.article .content table img {
        max-width: 100% !important;
      }

.article .prenext {
    margin-top: 1rem;
  }

.article .prenext div {
      margin-bottom: 0.5rem;
    }

.article .prenext div span {
        font-weight: 700;
      }

.channelright {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}

@media (min-width: 768px) {
  .channelright {
    padding: 1rem;
  }
}

.channelright li {
    flex-basis: 100%;
  }

@media (min-width: 768px) {
    .channelright li {
      flex-basis: 50%;
    }
  }

.channelright li a {
      margin: 0.25rem;
    }

.channelright li a {
      display: block;
    }

.channelright li a {
      border-radius: 0.125rem;
    }

.channelright li a {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

.channelright li a {
      padding: 1rem;
    }

.channelright li a {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

.channelright li a {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

@media (min-width: 768px) {
      .channelright li a {
        margin: 0.5rem;
      }
    }

.channelright li a {
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.1);
    }

.channelright li a:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
      }

.channelright li a:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }

.channelright li a:before {
        content: "\e62a";
        font-family: "iconfont" !important;
      }

.channelright li a:before {
        margin-right: 0.5rem;
      }

.channelright li a:before {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

.alert {
  padding: 1rem;
}

.zhuantiheader {
  background: url(../images/zhuantibg.jpg) no-repeat center center;
  background-size: cover;
  margin-top: 1rem;
}

.zhuantiheader .text {
    display: flex;
  }

.zhuantiheader .text {
    flex-wrap: wrap;
  }

.zhuantiheader .text {
    align-items: center;
  }

.zhuantiheader .text {
    justify-content: center;
  }

.zhuantiheader .text {
    padding: 1rem;
  }

@media (min-width: 768px) {
    .zhuantiheader .text {
      padding: 5rem;
    }
  }

.zhuantiheader .text {
    background: rgba(0, 162, 255, 0.5);
  }

.zhuantiheader .text img {
      margin-right: 0px;
    }

.zhuantiheader .text img {
      height: 5rem;
    }

.zhuantiheader .text img {
      width: 5rem;
    }

@media (min-width: 768px) {
      .zhuantiheader .text img {
        margin-right: 1rem;
      }
    }

@media (min-width: 768px) {
      .zhuantiheader .text img {
        height: 10rem;
      }
    }

@media (min-width: 768px) {
      .zhuantiheader .text img {
        width: 10rem;
      }
    }

.zhuantiheader .text h1 {
      text-align: center;
    }

.zhuantiheader .text h1 {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }

.zhuantiheader .text h1 {
      font-weight: 700;
    }

.zhuantiheader .text h1 {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
      .zhuantiheader .text h1 {
        font-size: 3rem;
        line-height: 1;
      }
    }

.zhuantiheader .text h1 {
      background: linear-gradient(-45deg, #faffff, #1cffff, #95ff0b);
      -webkit-background-clip: text;
              background-clip: text;
      color: transparent;
      background-size: 400% 400%;
      -webkit-animation: dataanimation 9s ease infinite;
              animation: dataanimation 9s ease infinite;
    }

@-webkit-keyframes dataanimation {
        0% {
          background-position: 0% 50%;
        }

        50% {
          background-position: 100% 50%;
        }

        100% {
          background-position: 0% 50%;
        }
      }

@keyframes dataanimation {
        0% {
          background-position: 0% 50%;
        }

        50% {
          background-position: 100% 50%;
        }

        100% {
          background-position: 0% 50%;
        }
      }

.ztdates {
  display: flex;
  flex-wrap: wrap;
}

.ztdates .ztdate {
    margin-top: 1rem;
  }

.ztdates .ztdate {
    margin-right: 0px;
  }

.ztdates .ztdate {
    width: 100%;
  }

.ztdates .ztdate {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

.ztdates .ztdate {
    border-width: 1px;
  }

.ztdates .ztdate {
    --tw-border-opacity: 1;
    border-color: rgb(251 113 133 / var(--tw-border-opacity));
  }

@media (min-width: 768px) {
    .ztdates .ztdate {
      margin-right: 1rem;
    }
  }

@media (min-width: 768px) {
    .ztdates .ztdate {
      flex: 1 1 0%;
    }
  }

.ztdates .ztdate .month {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }

.ztdates .ztdate .month {
      --tw-bg-opacity: 1;
      background-color: rgb(251 113 133 / var(--tw-bg-opacity));
    }

.ztdates .ztdate .month {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

.ztdates .ztdate .month {
      text-align: center;
    }

.ztdates .ztdate .month {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }

.ztdates .ztdate .month {
      font-weight: 700;
    }

.ztdates .ztdate .month {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
      .ztdates .ztdate .month {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
    }

@media (min-width: 768px) {
      .ztdates .ztdate .month {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }
    }

.ztdates .ztdate .month{
      margin: -1px;
    }

.ztdates .ztdate .date {
      padding: 0.5rem;
    }

.ztdates .ztdate .date {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }

.ztdates .ztdate .date {
      line-height: 2;
    }

@media (min-width: 768px) {
      .ztdates .ztdate .date {
        padding: 1rem;
      }
    }

@media (min-width: 768px) {
      .ztdates .ztdate .date {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

.ztdates .ztdate .date p {
        display: block;
      }

.ztdates .ztdate .date p {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
      }

.ztdates .ztdate:last-child {
      margin-right: 0px;
    }

.baokaoliucheng {
  margin-top: 1rem;
}

.baokaoliucheng h2 {
    display: flex;
  }

.baokaoliucheng h2 {
    align-items: center;
  }

.baokaoliucheng h2 {
    justify-content: space-between;
  }

.baokaoliucheng h2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

.baokaoliucheng h2 {
    text-align: center;
  }

.baokaoliucheng h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

.baokaoliucheng h2 {
    font-weight: 700;
  }

@media (min-width: 768px) {
    .baokaoliucheng h2 {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }

.baokaoliucheng h2 span {
      margin-left: 1.5rem;
      margin-right: 1.5rem;
    }

.baokaoliucheng h2 span {
      --tw-text-opacity: 1;
      color: rgb(59 130 246 / var(--tw-text-opacity));
    }

@media (min-width: 768px) {
      .baokaoliucheng h2 span {
        margin-left: 4rem;
        margin-right: 4rem;
      }
    }

.baokaoliucheng h2:before,
        .baokaoliucheng h2:after {
      content: "";
      height: 1px;
    }

.baokaoliucheng h2:before, .baokaoliucheng h2:after {
      flex: 1 1 0%;
    }

.baokaoliucheng h2:before, .baokaoliucheng h2:after {
      --tw-bg-opacity: 1;
      background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    }

.baokaoliucheng .liucheng {
    display: flex;
  }

.baokaoliucheng .liucheng {
    flex-wrap: wrap;
  }

.baokaoliucheng .liucheng {
    justify-content: space-between;
  }

.baokaoliucheng .liucheng {
    border-bottom-width: 1px;
  }

.baokaoliucheng .liucheng {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }

.baokaoliucheng .liucheng {
    padding-bottom: 1rem;
  }

.baokaoliucheng .liucheng .icon {
      position: relative;
    }

.baokaoliucheng .liucheng .icon {
      margin: 0.25rem;
    }

.baokaoliucheng .liucheng .icon {
      height: 6rem;
    }

.baokaoliucheng .liucheng .icon {
      width: 6rem;
    }

.baokaoliucheng .liucheng .icon {
      cursor: pointer;
    }

.baokaoliucheng .liucheng .icon {
      --tw-bg-opacity: 1;
      background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    }

.baokaoliucheng .liucheng .icon {
      padding-top: 1rem;
    }

.baokaoliucheng .liucheng .icon {
      text-align: center;
    }

.baokaoliucheng .liucheng .icon {
      font-size: 0.75rem;
      line-height: 1rem;
    }

.baokaoliucheng .liucheng .icon {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.baokaoliucheng .liucheng .icon {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

.baokaoliucheng .liucheng .icon {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.baokaoliucheng .liucheng .icon:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(29 78 216 / var(--tw-bg-opacity));
    }

@media (min-width: 768px) {
      .baokaoliucheng .liucheng .icon {
        margin: 0.5rem;
      }
    }

@media (min-width: 768px) {
      .baokaoliucheng .liucheng .icon {
        height: 8rem;
      }
    }

@media (min-width: 768px) {
      .baokaoliucheng .liucheng .icon {
        width: 8rem;
      }
    }

@media (min-width: 768px) {
      .baokaoliucheng .liucheng .icon {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    }

.baokaoliucheng .liucheng .icon {
      border-top-right-radius: 50%;
      border-bottom-left-radius: 50%;
    }

.baokaoliucheng .liucheng .icon i {
        margin-bottom: 0.5rem;
      }

.baokaoliucheng .liucheng .icon i {
        display: block;
      }

.baokaoliucheng .liucheng .icon i {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }

@media (min-width: 768px) {
        .baokaoliucheng .liucheng .icon i {
          font-size: 3.75rem;
          line-height: 1;
        }
      }

.baokaoliucheng .liucheng .icon span {
        display: block;
      }

.baokaoliucheng .liucheng .icon span {
        overflow: hidden;
      }

.baokaoliucheng .liucheng .icon span {
        text-overflow: ellipsis;
      }

.baokaoliucheng .liucheng .icon span {
        white-space: nowrap;
      }

.baokaoliucheng .liucheng .icon .num {
        position: absolute;
      }

.baokaoliucheng .liucheng .icon .num {
        right: 0px;
      }

.baokaoliucheng .liucheng .icon .num {
        top: 0.25rem;
      }

.baokaoliucheng .liucheng .icon .num {
        height: 2rem;
      }

.baokaoliucheng .liucheng .icon .num {
        width: 2rem;
      }

.baokaoliucheng .liucheng .icon .num {
        border-radius: 9999px;
      }

.baokaoliucheng .liucheng .icon .num {
        --tw-bg-opacity: 1;
        background-color: rgb(248 113 113 / var(--tw-bg-opacity));
      }

.baokaoliucheng .liucheng .icon .num {
        line-height: 2rem;
      }

.baokaoliucheng .liucheng .icon::after {
        position: absolute;
      }

.baokaoliucheng .liucheng .icon::after {
        right: -1.5rem;
      }

.baokaoliucheng .liucheng .icon::after {
        top: 2.25rem;
      }

.baokaoliucheng .liucheng .icon::after {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }

.baokaoliucheng .liucheng .icon::after {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity));
      }

@media (min-width: 768px) {
        .baokaoliucheng .liucheng .icon::after {
          right: -3.5rem;
        }
      }

@media (min-width: 768px) {
        .baokaoliucheng .liucheng .icon::after {
          top: 3.5rem;
        }
      }

.baokaoliucheng .liucheng .icon::after {
        content: "\e62a";
        font-family: "iconfont" !important;
      }

.baokaoliucheng .liucheng .icon:last-child::after {
          display: none;
        }

.baokaoliucheng .liucheng .icon:nth-child(3n)::after {
          display: none;
        }

@media (min-width: 768px) {
          .baokaoliucheng .liucheng .icon:nth-child(3n)::after {
            display: block;
          }
        }

.ztitem {
  margin-top: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .ztitem {
    width: 50%;
  }
}

.ztitem .ztbox {
    margin-right: 0px;
  }

.ztitem .ztbox {
    height: 100%;
  }

.ztitem .ztbox {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

.ztitem .ztbox {
    border-width: 1px;
  }

.ztitem .ztbox {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
  }

@media (min-width: 768px) {
    .ztitem .ztbox {
      margin-right: 1rem;
    }
  }

@media (min-width: 768px) {
      .ztitem:nth-child(2n) .ztbox {
        margin-right: 0px;
      }
    }

.ztitem:nth-child(1) .ztbox, .ztitem:nth-child(2) .ztbox {
      --tw-border-opacity: 1;
      border-color: rgb(245 158 11 / var(--tw-border-opacity));
    }

.ztitem:nth-child(1) .ztbox .title, .ztitem:nth-child(2) .ztbox .title {
        --tw-bg-opacity: 1;
        background-color: rgb(245 158 11 / var(--tw-bg-opacity));
      }

.ztitem:nth-child(1) .ztbox .title a, .ztitem:nth-child(2) .ztbox .title a {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.ztitem:nth-child(5) .ztbox, .ztitem:nth-child(6) .ztbox {
      --tw-border-opacity: 1;
      border-color: rgb(34 197 94 / var(--tw-border-opacity));
    }

.ztitem:nth-child(5) .ztbox .title, .ztitem:nth-child(6) .ztbox .title {
        --tw-bg-opacity: 1;
        background-color: rgb(34 197 94 / var(--tw-bg-opacity));
      }

.ztitem:nth-child(5) .ztbox .title a, .ztitem:nth-child(6) .ztbox .title a {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.ztitem:nth-child(7) .ztbox, .ztitem:nth-child(8) .ztbox {
      --tw-border-opacity: 1;
      border-color: rgb(6 182 212 / var(--tw-border-opacity));
    }

.ztitem:nth-child(7) .ztbox .title, .ztitem:nth-child(8) .ztbox .title {
        --tw-bg-opacity: 1;
        background-color: rgb(6 182 212 / var(--tw-bg-opacity));
      }

.ztitem:nth-child(7) .ztbox .title a, .ztitem:nth-child(8) .ztbox .title a {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.ztitem:nth-child(9) .ztbox, .ztitem:nth-child(10) .ztbox {
      --tw-border-opacity: 1;
      border-color: rgb(132 204 22 / var(--tw-border-opacity));
    }

.ztitem:nth-child(9) .ztbox .title, .ztitem:nth-child(10) .ztbox .title {
        --tw-bg-opacity: 1;
        background-color: rgb(132 204 22 / var(--tw-bg-opacity));
      }

.ztitem:nth-child(9) .ztbox .title a, .ztitem:nth-child(10) .ztbox .title a {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }

.ztools {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .ztools {
    padding: 0px;
  }
}

.ztools a {
    display: flex;
  }

.ztools a {
    width: 100%;
  }

.ztools a {
    align-items: center;
  }

.ztools a {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  }

.ztools a {
    padding: 0.5rem;
  }

.ztools a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

@media (min-width: 768px) {
    .ztools a {
      width: 32%;
    }
  }

@media (min-width: 768px) {
    .ztools a {
      padding: 2rem;
    }
  }

.ztools a:nth-child(2) {
      --tw-bg-opacity: 1;
      background-color: rgb(249 115 22 / var(--tw-bg-opacity));
    }

.ztools a:nth-child(3) {
      --tw-bg-opacity: 1;
      background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    }

.ztools a:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(22 163 74 / var(--tw-bg-opacity));
    }

.ztools a i {
      margin-right: 1rem;
    }

.ztools a i {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }

.hudong {
  padding: 1rem;
}

@media (min-width: 768px) {
  .hudong {
    padding: 2.5rem;
  }
}

.hudong .tips {
    margin-bottom: 1rem;
  }

.hudong .tips {
    border-radius: 0.25rem;
  }

.hudong .tips {
    border-width: 1px;
  }

.hudong .tips {
    border-left-width: 8px;
  }

.hudong .tips {
    --tw-border-opacity: 1;
    border-color: rgb(251 146 60 / var(--tw-border-opacity));
  }

.hudong .tips {
    padding: 1rem;
  }

.hudong .tips {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }

.hudong .field {
    margin-bottom: 1rem;
  }

.hudong .field label {
      margin-bottom: 0.5rem;
    }

.hudong .field label {
      display: block;
    }

.hudong .field label span {
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity));
      }

.hudong .field input, .hudong .field textarea {
      height: 2.5rem;
    }

.hudong .field input, .hudong .field textarea {
      width: 100%;
    }

.hudong .field input, .hudong .field textarea {
      border-radius: 0.25rem;
    }

.hudong .field input, .hudong .field textarea {
      border-width: 1px;
    }

.hudong .field input, .hudong .field textarea {
      padding: 0.5rem;
    }

@media (min-width: 768px) {
      .hudong .field input, .hudong .field textarea {
        width: 75%;
      }
    }

.hudong .field textarea{
      min-height: 100px;
      width: 100%;
    }

.hudong .field button {
      height: 2.5rem;
    }

.hudong .field button {
      width: 5rem;
    }

.hudong .field button {
      border-radius: 0.25rem;
    }

.hudong .field button {
      --tw-bg-opacity: 1;
      background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    }

.hudong .field button {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.hudong .field button:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(29 78 216 / var(--tw-bg-opacity));
    }

.hudong .field .reset_btn {
      --tw-bg-opacity: 1;
      background-color: rgb(156 163 175 / var(--tw-bg-opacity));
    }

.hudong .field .reset_btn:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(75 85 99 / var(--tw-bg-opacity));
    }

@media (min-width: 768px) {
  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }
}