@charset "UTF-8";
html, body {
  scroll-behavior: smooth; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
input,
select,
textarea,
div,
table,
td,
th,
tr,
dt,
dd,
dl {
  margin: 0;
  padding: 0; }

ul,
ol {
  list-style: none; }

em,
i {
  font-style: normal; }

table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: inherit; }

img {
  border: none;
  vertical-align: middle; }

input,
select,
button {
  vertical-align: middle;
  outline: none; }

a {
  text-decoration: none;
  color: #2F3C45;
  font-weight: 400; }

a:hover {
  color: #2F3C45;
  font-weight: 400; }

body {
  background: #fff;
  min-width: 1200px;
  font-weight: 300;
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", Verdana, Arial, "微软雅黑", "宋体";
  outline: 0;
  color: #111;
  font-size: 14px;
  overflow-x: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

.hide {
  display: none; }

.clear:before,
.clear:after {
  content: "";
  display: block;
  clear: both; }

.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray; }

.center {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.ui-paging-container {
  color: #666;
  font-size: 12px; }

.ui-paging-container ul {
  overflow: hidden;
  text-align: center; }

.ui-paging-container li,
.ui-paging-container ul {
  list-style: none; }

.ui-paging-container li {
  display: inline-block;
  padding: 6px 15px;
  margin-left: 5px;
  color: #666; }

.ui-paging-container li.ui-pager {
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 2px; }

.ui-paging-container li.focus,
.ui-paging-container li.ui-pager:hover {
  background-color: #288df0;
  color: #fff; }

.ui-paging-container li.ui-paging-ellipse {
  border: none; }

.ui-paging-container li.ui-paging-toolbar {
  padding: 0; }

.ui-paging-container li.ui-paging-toolbar select {
  height: 22px;
  border: 1px solid #ddd;
  color: #666; }

.ui-paging-container li.ui-paging-toolbar input {
  vertical-align: top;
  line-height: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #ddd;
  text-align: center;
  width: 30px;
  margin: 0 0 0 5px; }

.ui-paging-container li.ui-paging-toolbar a {
  text-decoration: none;
  display: inline-block;
  height: 20px;
  border: 1px solid #ddd;
  vertical-align: top;
  border-radius: 2px;
  line-height: 20px;
  padding: 0 3px;
  cursor: pointer;
  margin-left: 5px;
  color: #666; }

.ui-paging-container li.ui-pager-disabled,
.ui-paging-container li.ui-pager-disabled:hover {
  background-color: #f6f6f6;
  cursor: default;
  border: none;
  color: #ddd; }

.ui-paging-container .js-page-first {
  display: none; }

.ui-paging-container li.ui-pager:not(.ui-pager-disabled):not(.focus):hover {
  background-color: rgba(0, 141, 237, 0.3);
  border-color: rgba(0, 141, 237, 0.3); }

.ui-paging-container li.ui-pager.focus {
  border-color: rgba(0, 141, 237, 0.3); }

body {
  background-color: RGBA(247, 246, 246, 1);
  font-weight: 400; }

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

/* 滚动条滑块样式 */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color);
  border-radius: 10px; }

/* 滚动条轨道样式 */
.custom-scrollbar::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 10px; }

@font-face {
  font-family: "DingTalkSans";
  src: url("../fonts/DingTalkSans.ttf") format("woff2");
  /* 最后优先级 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* 在字体下载过程中使用系统字体，提升用户体验 */ }
@font-face {
  font-family: "DingTalkJinBuTi";
  src: url("../fonts/DingTalkJinBuTi.ttf") format("woff2");
  /* 最后优先级 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* 在字体下载过程中使用系统字体，提升用户体验 */ }
/*字体按钮*/
.fonticon {
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

.img {
  display: block;
  overflow: hidden; }
  .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.2s linear; }

.bgfff {
  background: #fff; }

a:hover .ico_jt::before, a:hover .ico_jt::after {
  background: var(--color); }

.icon {
  background: url("../images/icon.png") no-repeat center; }
  .icon.icon_tab1 {
    height: 34px;
    width: 34px;
    background-position: -575px -45px; }
  .icon.icon_tab2 {
    height: 34px;
    width: 34px;
    background-position: -528px -45px; }
  .icon.icon_tab3 {
    height: 34px;
    width: 34px;
    background-position: -665px -45px; }
  .icon.icon_tab4 {
    height: 34px;
    width: 34px;
    background-position: -135px -45px; }
  .icon.icon_tab5 {
    height: 34px;
    width: 34px;
    background-position: -354px -45px; }
  .icon.icon_tab6 {
    height: 34px;
    width: 34px;
    background-position: -714px -45px; }
  .icon.icon_tab7 {
    height: 34px;
    width: 34px;
    background-position: -224px -45px; }
  .icon.icon_tab8 {
    height: 34px;
    width: 34px;
    background-position: -266px -45px; }
  .icon.icon_tab9 {
    height: 34px;
    width: 34px;
    background-position: -621px -45px; }
  .icon.icon_tab10 {
    height: 34px;
    width: 34px;
    background-position: -309px -45px; }
  .icon.icon_tab11 {
    height: 34px;
    width: 34px;
    background-position: -399px -45px; }
  .icon.icon_tab12 {
    height: 34px;
    width: 34px;
    background-position: -485px -45px; }

:root {
  --color: #008ded;
  --hovercolor: #008ded;
  --hoverbgopacity: #f6f8fe; }

.flex1 {
  flex: 1; }

/*t头部*/
.top-header {
  padding: 10px 0;
  font-size: 12px;
  color: #2F3C45;
  background-color: RGBA(247, 246, 246, 1); }
  .top-header .center {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .top-header .libs-wrap {
    display: flex;
    align-items: center;
    column-gap: 44px; }
    .top-header .libs-wrap .lib-item {
      cursor: pointer; }
    .top-header .libs-wrap .hot-item {
      position: relative;
      color: #ff0000; }
      .top-header .libs-wrap .hot-item::after {
        width: 37px;
        height: 17px;
        display: block;
        position: absolute;
        right: -40px;
        top: -7px;
        content: "";
        background: url(../images/hot-icon.png) no-repeat;
        background-size: cover; }

.header-wrap {
  background-color: #fff; }
  .header-wrap .header-center {
    position: relative; }
    .header-wrap .header-center > .center {
      display: flex;
      height: 80px;
      align-items: center;
      justify-content: space-between; }
      .header-wrap .header-center > .center > i {
        color: #ccc;
        font-weight: 300;
        margin: 0 5px; }
    .header-wrap .header-center .logo {
      line-height: 65px;
      font-size: 20px;
      font-weight: bold;
      width: auto;
      height: 65px; }
      .header-wrap .header-center .logo img {
        width: auto;
        height: 65px; }
    .header-wrap .header-center .nav {
      display: flex;
      height: 70px;
      line-height: 70px;
      padding-left: 15px; }
      .header-wrap .header-center .nav-item .nav-icon {
        display: block;
        width: 26px;
        height: 26px;
        background-size: cover; }
      .header-wrap .header-center .nav .nav-item-1 .nav-icon {
        background: url(../images/router-icon-1.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-1:hover a, .header-wrap .header-center .nav .nav-item-1.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-1:hover .nav-icon, .header-wrap .header-center .nav .nav-item-1.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-1-active.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-2 .nav-icon {
        background: url(../images/router-icon-2.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-2:hover a, .header-wrap .header-center .nav .nav-item-2.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-2:hover .nav-icon, .header-wrap .header-center .nav .nav-item-2.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-2-active.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-3 .nav-icon {
        background: url(../images/router-icon-3.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-3:hover a, .header-wrap .header-center .nav .nav-item-3.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-3:hover .nav-icon, .header-wrap .header-center .nav .nav-item-3.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-3-active.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-4 .nav-icon {
        background: url(../images/router-icon-4.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-4:hover a, .header-wrap .header-center .nav .nav-item-4.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-4:hover .nav-icon, .header-wrap .header-center .nav .nav-item-4.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-4-active.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-5 .nav-icon {
        background: url(../images/router-icon-5.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-5:hover a, .header-wrap .header-center .nav .nav-item-5.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-5:hover .nav-icon, .header-wrap .header-center .nav .nav-item-5.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-5-active.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-6 .nav-icon {
        background: url(../images/router-icon-6.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-6:hover a, .header-wrap .header-center .nav .nav-item-6.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-6:hover .nav-icon, .header-wrap .header-center .nav .nav-item-6.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-6-active.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-7 .nav-icon {
        background: url(../images/router-icon-7.png) no-repeat; }
      .header-wrap .header-center .nav .nav-item-7:hover a, .header-wrap .header-center .nav .nav-item-7.avtive-nav-icon a {
        color: var(--color); }
      .header-wrap .header-center .nav .nav-item-7:hover .nav-icon, .header-wrap .header-center .nav .nav-item-7.avtive-nav-icon .nav-icon {
        background: url(../images/router-icon-7-active.png) no-repeat; }
      .header-wrap .header-center .nav li {
        display: flex;
        align-items: center;
        column-gap: 4px;
        text-align: center;
        font-size: 0px;
        font-weight: 300;
        padding-left: 28px; }
        .header-wrap .header-center .nav li a {
          display: inline-block;
          vertical-align: middle;
          font-size: 20px;
          color: RGBA(109, 118, 125, 1);
          font-family: "DingTalkJinBuTi";
          font-weight: 400;
          position: relative; }
    .header-wrap .header-center .a {
      font-size: 15px;
      color: #111;
      font-weight: 300;
      margin: 0 16px; }
    .header-wrap .header-center .button {
      background: none;
      border: none;
      cursor: pointer;
      height: 100%;
      padding: 0 0 0 15px; }
      .header-wrap .header-center .button i {
        height: 20px;
        width: 20px;
        background-position: 0 -145px;
        display: block; }
    .header-wrap .header-center .top-header-search {
      position: absolute;
      right: -30px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      border-radius: 20px;
      overflow: hidden; }
      .header-wrap .header-center .top-header-search.search-active {
        right: 0;
        border: 1px solid rgba(47, 60, 69, 0.2); }
        .header-wrap .header-center .top-header-search.search-active .input-area {
          width: 196px;
          padding-left: 10px; }
      .header-wrap .header-center .top-header-search .input-area {
        width: 0;
        display: flex;
        align-items: center;
        height: 32px; }
        .header-wrap .header-center .top-header-search .input-area input,
        .header-wrap .header-center .top-header-search .input-area select {
          display: block;
          outline: none;
          height: 100%;
          border: none;
          font-weight: 400;
          font-size: 12px;
          color: #2f3c45;
          background-color: #fff; }
          .header-wrap .header-center .top-header-search .input-area input::placeholder,
          .header-wrap .header-center .top-header-search .input-area select::placeholder {
            color: rgba(47, 60, 69, 0.5); }
        .header-wrap .header-center .top-header-search .input-area select option {
          font-size: 12px;
          color: #2f3c45; }
      .header-wrap .header-center .top-header-search .search-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 32px;
        line-height: 32px;
        background: #008ded;
        border-radius: 40px;
        cursor: pointer;
        outline: none;
        border: none; }
        .header-wrap .header-center .top-header-search .search-icon img {
          width: 20px;
          height: 20px; }
  .header-wrap .header {
    height: 0px;
    position: relative;
    background: #fff;
    z-index: 3;
    width: 100%; }
  .header-wrap .header-search {
    background: #fff;
    padding-bottom: 20px;
    display: none; }
    .header-wrap .header-search .search {
      background: #f4f6f9;
      height: 56px;
      border-radius: 100px;
      display: flex;
      overflow: hidden;
      margin-bottom: 12px; }
      .header-wrap .header-search .search .button {
        background: none;
        border: none;
        width: 56px;
        cursor: pointer; }
        .header-wrap .header-search .search .button i {
          height: 24px;
          width: 24px;
          background-position: -244px -93px;
          display: block;
          margin: 0 auto; }
      .header-wrap .header-search .search .flex1 {
        overflow: hidden;
        color: #555555;
        height: 100%;
        line-height: 56px;
        margin-right: 30px; }
        .header-wrap .header-search .search .flex1 input {
          font-size: 16px;
          border: none;
          background: none;
          display: block;
          height: 56px;
          width: 100%; }
    .header-wrap .header-search .list .bt {
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      font-size: 13px;
      font-weight: 300; }
    .header-wrap .header-search .list ul li {
      height: 32px;
      line-height: 32px;
      overflow: hidden; }
      .header-wrap .header-search .list ul li i {
        height: 12px;
        width: 12px;
        background-position: -23px -87px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px; }
      .header-wrap .header-search .list ul li a {
        font-weight: 300;
        font-size: 13px; }
        .header-wrap .header-search .list ul li a:hover {
          font-weight: 400; }
  .header-wrap .header-nav {
    background: #fff;
    display: none; }
    .header-wrap .header-nav .swiper-list {
      padding: 32px 40px;
      position: relative; }
      .header-wrap .header-nav .swiper-list .swiper-next,
      .header-wrap .header-nav .swiper-list .swiper-prev {
        position: absolute;
        top: 41px;
        height: 36px;
        width: 12px;
        background-position: -44px -90px;
        display: block;
        cursor: pointer; }
      .header-wrap .header-nav .swiper-list .swiper-prev {
        left: 0px; }
      .header-wrap .header-nav .swiper-list .swiper-next {
        right: 0px;
        transform: rotate(180deg); }
      .header-wrap .header-nav .swiper-list .swiper-button-disabled {
        opacity: 0.6; }
    .header-wrap .header-nav .swiper-slide:hover p {
      font-weight: 400; }
    .header-wrap .header-nav .swiper-slide .img {
      width: 96px;
      height: 54px;
      border-radius: 15px; }
    .header-wrap .header-nav .swiper-slide p {
      height: 20px;
      line-height: 20px;
      padding-top: 10px;
      text-align: center;
      overflow: hidden;
      font-size: 16px;
      font-weight: 300; }
  .header-wrap .header_tips {
    height: 44px;
    background: var(--color);
    color: #fff;
    text-align: center;
    line-height: 44px;
    font-size: 12px; }
    .header-wrap .header_tips a {
      color: #fff; }
      .header-wrap .header_tips a[href]:hover {
        text-decoration: underline; }
      .header-wrap .header_tips a span {
        font-family: serif;
        padding: 0 2px; }

/*底部*/
.footer-wrap .footer {
  background: #2f3c45;
  color: #fff;
  padding: 10px 0 16px;
  font-size: 12px; }
  .footer-wrap .footer p {
    text-align: center;
    color: #fff; }
    .footer-wrap .footer p span {
      padding: 0 0px 0 30px; }
  .footer-wrap .footer .company-name {
    margin: 10px 0; }
  .footer-wrap .footer a {
    color: #fff;
    font-weight: 400; }
    .footer-wrap .footer a:hover {
      opacity: 1;
      color: var(--color); }
  .footer-wrap .footer .link-wrap {
    text-align: center; }
    .footer-wrap .footer .link-wrap span {
      margin: 0 8px; }
.footer-wrap .cuber {
  border-bottom: 1px solid #eeeeee;
  padding: 0 0 15px 0; }
.footer-wrap .list {
  padding: 30px 0 50px; }
  .footer-wrap .list ul {
    display: flex;
    width: 1200px;
    justify-content: space-between; }
    .footer-wrap .list ul .bt {
      height: 32px;
      line-height: 32px;
      overflow: hidden;
      font-size: 14px;
      font-weight: 400; }
    .footer-wrap .list ul li {
      max-width: 200px; }
    .footer-wrap .list ul .p p {
      overflow: hidden; }
    .footer-wrap .list ul .p a {
      float: left;
      width: 50%; }
    .footer-wrap .list ul p {
      padding-top: 8px; }
      .footer-wrap .list ul p a {
        display: block;
        line-height: 30px;
        font-size: 13px;
        color: #555; }
        .footer-wrap .list ul p a:hover {
          color: #111; }

.cuber {
  height: 20px;
  line-height: 20px;
  color: #2F3C45;
  font-size: 13px;
  padding-bottom: 10px; }
  .cuber a {
    color: #2F3C45; }
    .cuber a:hover {
      color: #111; }
  .cuber span {
    font-family: serif;
    padding: 0 5px; }

.cuber-new {
  display: flex;
  align-items: center; }
  .cuber-new a.title-path-a {
    display: inline-block;
    max-width: 300px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.common {
  min-height: calc(100vh - 220px);
  padding-top: 10px; }

.dll-right-area {
  padding: 20px 16px;
  background: linear-gradient(238deg, #ffecec 0%, #fffafa 100%);
  border-radius: 10px; }
  .dll-right-area.hot-area {
    margin-bottom: 10px; }
  .dll-right-area.Min5 li {
    margin-top: 14px; }
    .dll-right-area.Min5 li .num {
      margin-right: 6px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      border-radius: 4px;
      color: #fff;
      background: #fd2020;
      font-style: italic; }
  .dll-right-area.Min5 li + li .num {
    background: #fa00ff; }
  .dll-right-area.Min5 li + li + li .num {
    background: #ff9900; }
  .dll-right-area.Min5 li + li + li + li .num {
    font-style: normal;
    background: #bababa; }
  .dll-right-area.Min5 li .flex1 .infor .name {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #2F3C45; }
    .dll-right-area.Min5 li .flex1 .infor .name:hover {
      color: #008ded; }
  .dll-right-area .title {
    display: flex;
    align-items: center;
    column-gap: 4px;
    overflow: hidden; }
    .dll-right-area .title .bt {
      font-size: 24px;
      font-weight: 400;
      color: var(--color);
      font-family: "DingTalkJinBuTi"; }
    .dll-right-area .title .more {
      float: right;
      color: #555555;
      font-size: 14px; }
      .dll-right-area .title .more span {
        font-family: serif; }
    .dll-right-area .title .title2 {
      padding-top: 7px; }

.dll-info-artice .news_center h3 {
  margin: 10px auto;
  font-size: 18px !important;
  line-height: 20px;
  color: rgba(47, 60, 69, 0.8);
  font-weight: 600; }
.dll-info-artice .news_center p {
  font-weight: 400;
  font-size: 16px !important;
  color: rgba(47, 60, 69, 0.8);
  line-height: 26px;
  text-indent: 2em;
  margin-bottom: 4px; }
  .dll-info-artice .news_center p img {
    display: block;
    margin: 10px auto; }
    .dll-info-artice .news_center p img + p {
      margin: 10px auto;
      text-align: center; }
.dll-info-artice .news_center p.tip {
  text-align: center;
  margin-bottom: 16px; }

.title + .switch1 {
  padding: 24px 0; }

.title2 {
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  overflow: hidden; }
  .title2 .tab {
    padding: 0 5px 0 0;
    cursor: pointer; }
    .title2 .tab:first-child {
      padding-left: 0px; }
    .title2 .tab:last-child i {
      display: none; }
    .title2 .tab i {
      padding: 0 5px;
      font-size: 12px;
      display: inline-block;
      vertical-align: middle;
      color: #dddddd;
      margin-top: -2px; }
    .title2 .tab.on, .title2 .tab:hover {
      color: var(--color); }

.title_line {
  height: 27px;
  line-height: 27px;
  position: relative;
  font-size: 20px;
  padding: 32px 0; }
  .title_line::before {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    display: block; }
  .title_line span {
    background: #fff;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    font-weight: 300; }

.title_border {
  padding: 20px 0;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeee; }
  .title_border .bt {
    font-size: 20px; }
    .title_border .bt i {
      display: inline-block;
      vertical-align: middle;
      margin: -0px 15px 0 0; }
      .title_border .bt i img {
        width: 34px;
        height: 34px;
        display: block; }
  .title_border .switch1 {
    flex: 1;
    overflow: hidden;
    padding-left: 120px; }

.switch1 {
  height: 40px;
  line-height: 40px; }
  .switch1 .tab {
    display: block;
    float: left;
    min-width: 30px;
    padding: 0 25px;
    text-align: center;
    background: #f4f6f9;
    border-radius: 100px;
    margin-right: 32px;
    font-size: 16px;
    cursor: pointer; }
    .switch1 .tab.on, .switch1 .tab:hover {
      background: #444;
      color: #fff; }
    .switch1 .tab:last-child {
      margin-right: 0px; }

.search-result-info {
  display: flex;
  align-items: center;
  column-gap: 4px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  color: #2f3c45; }
  .search-result-info .dot {
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%; }
  .search-result-info em {
    color: var(--color); }

.banner-a {
  display: block;
  margin-bottom: 10px; }
  .banner-a img {
    max-width: 100%; }

.sort-search-area {
  margin-bottom: 10px;
  padding: 22px 24px 22px;
  background-color: #fff;
  border-radius: 10px; }
  .sort-search-area .sort-title {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-weight: 400;
    font-size: 24px;
    color: #008ded;
    font-family: "DingTalkJinBuTi"; }
    .sort-search-area .sort-title img {
      width: 30px;
      height: 30px; }
  .sort-search-area .switch1 .tab {
    width: auto;
    padding: 0;
    margin-right: 45px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: transparent;
    border-radius: 6px;
    font-size: 18px;
    color: #008ded; }
    .sort-search-area .switch1 .tab.on {
      width: 112px;
      background: #008ded;
      color: #fff; }

.link_more {
  text-align: center;
  color: var(--color);
  padding: 45px 0;
  line-height: 20px;
  height: 20px; }
  .link_more span {
    font-family: serif; }
  .link_more a {
    color: var(--color); }

.Minindex {
  padding-bottom: 60px; }

.Minbox .link_more {
  padding-bottom: 0px; }

.Min-index1 .Min-index1-1 {
  width: 373px; }
.Min-index1 .Min-index1-2 {
  width: 418px;
  margin-left: 40px; }
  .Min-index1 .Min-index1-2 .title + .Min2 {
    padding-top: 24px; }
.Min-index1 .Min-index1-3 {
  width: 332px; }
  .Min-index1 .Min-index1-3 .Min3 {
    padding-bottom: 45px; }
    .Min-index1 .Min-index1-3 .Min3:last-child {
      padding-bottom: 0px; }

.Min-index2 .swiperbox {
  position: relative;
  padding: 0 38px;
  margin-top: 32px;
  overflow: hidden; }
  .Min-index2 .swiperbox .swiperprev,
  .Min-index2 .swiperbox .swipernext {
    position: absolute;
    top: 31px;
    height: 36px;
    width: 12px;
    background-position: -44px -90px;
    display: block;
    cursor: pointer; }
  .Min-index2 .swiperbox .swiperprev {
    left: 0px; }
  .Min-index2 .swiperbox .swipernext {
    right: 0px;
    transform: rotate(180deg); }
  .Min-index2 .swiperbox .swiper-button-disabled {
    opacity: 0.6; }
  .Min-index2 .swiperbox .swiper-slide {
    width: 140px;
    height: 100px;
    background: #fafafa;
    border-radius: 12px;
    display: block;
    text-align: center; }
    .Min-index2 .swiperbox .swiper-slide .img {
      width: 30px;
      height: 30px;
      margin: 0 auto;
      margin-top: 19px;
      display: block;
      overflow: hidden; }
      .Min-index2 .swiperbox .swiper-slide .img .img2 {
        display: none; }
    .Min-index2 .swiperbox .swiper-slide p {
      height: 20px;
      line-height: 20px;
      padding-top: 14px;
      font-size: 16px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .Min-index2 .swiperbox .swiper-slide:hover {
      background: #444;
      color: #fff; }
      .Min-index2 .swiperbox .swiper-slide:hover .img img {
        display: none; }
      .Min-index2 .swiperbox .swiper-slide:hover .img .img2 {
        display: block; }
  .Min-index2 .swiperbox.theme {
    margin-top: 0px; }
    .Min-index2 .swiperbox.theme .swiperprev,
    .Min-index2 .swiperbox.theme .swipernext {
      top: 9px; }
    .Min-index2 .swiperbox.theme .swiper-slide {
      background: none;
      height: auto; }
      .Min-index2 .swiperbox.theme .swiper-slide .img {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        margin-top: 0px; }

.Min-index3 .Min-index3-1 {
  width: 828px; }
  .Min-index3 .Min-index3-1 .switch1 {
    padding: 32px 0 0 0; }
.Min-index3 .Min-index3-2 {
  width: 332px; }

.Min-index4 .title {
  padding-bottom: 10px; }
.Min-index4 .title_border {
  margin-bottom: 32px; }
.Min-index4 .Min-index4-1 {
  width: 214px; }
  .Min-index4 .Min-index4-1 .Min3 .list {
    padding-top: 0px;
    grid-template-columns: repeat(2, 1fr); }
.Min-index4 .Min-index4-2 {
  width: 572px;
  margin-left: 40px; }
.Min-index4 .Min-index4-3 {
  width: 332px; }
.Min-index4 .switchwarp-hover,
.Min-index4 .switchwarp-ck {
  padding-bottom: 30px; }
  .Min-index4 .switchwarp-hover:last-child,
  .Min-index4 .switchwarp-ck:last-child {
    padding-bottom: 0px; }

.Min-index5 {
  background: #fafafa;
  padding-top: 40px;
  margin-bottom: 60px; }
  .Min-index5 .Min7 .list ul li,
  .Min-index5 .Min7 .list .swiper-slide {
    background: #fff;
    height: 289px;
    margin-top: 32px; }
    .Min-index5 .Min7 .list ul li .box .img,
    .Min-index5 .Min7 .list .swiper-slide .box .img {
      width: 90px;
      height: 90px;
      margin: 0 auto 24px; }
    .Min-index5 .Min7 .list ul li .box .name,
    .Min-index5 .Min7 .list .swiper-slide .box .name {
      height: 28px;
      line-height: 28px;
      -webkit-line-clamp: 1;
      text-align: center;
      margin-bottom: 16px; }

.swiperlunbox {
  width: 100%;
  height: 242px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px; }
  .swiperlunbox .swiper-button_prev,
  .swiperlunbox .swiper-button_next {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 32px;
    font-family: serif;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    z-index: 2;
    user-select: none; }
  .swiperlunbox .swiper-button_prev {
    left: 12px; }
  .swiperlunbox .swiper-button_next {
    right: 12px; }
  .swiperlunbox .swiper-pagination-bullet {
    background: #fff; }
  .swiperlunbox .swiper-slide .img {
    width: 373px;
    height: 242px;
    display: block;
    position: relative; }
    .swiperlunbox .swiper-slide .img::after {
      width: 100%;
      content: "";
      display: block;
      height: 40px;
      background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      border-radius: 0px 0px 12px 12px;
      position: absolute;
      left: 0;
      bottom: 0px;
      z-index: 1; }

.searchbox .search {
  background: #f4f6f9;
  height: 56px;
  border-radius: 100px;
  display: flex;
  overflow: hidden;
  margin-bottom: 12px;
  padding-right: 24px;
  align-items: center; }
  .searchbox .search .button {
    background: none;
    border: none;
    width: 56px;
    cursor: pointer; }
    .searchbox .search .button i {
      height: 24px;
      width: 24px;
      background-position: -244px -93px;
      display: block;
      margin: 0 auto; }
  .searchbox .search .flex1 {
    overflow: hidden;
    color: #555555;
    height: 100%;
    line-height: 100%;
    margin-right: 30px; }
    .searchbox .search .flex1 input {
      font-size: 16px;
      border: none;
      background: none;
      display: block;
      height: 100%;
      width: 100%; }
  .searchbox .search .close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    text-align: center;
    position: relative;
    display: none; }
    .searchbox .search .close:hover i {
      transform: translate(-50%, -50%) scale(1.2); }
    .searchbox .search .close i {
      height: 18px;
      width: 18px;
      background-position: 0 -115px;
      display: block;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.2s linear; }
.searchbox + .Min7 {
  padding-top: 36px; }

.ContL {
  width: 864px;
  margin-right: 10px; }
  .ContL .Min7 .list ul li:nth-child(3n) {
    margin-right: 0px !important; }
  .ContL .Min7 .list ul li:nth-child(4n) {
    margin-right: 24px; }
  .ContL .Min7 .list ul li,
  .ContL .Min7 .list .swiper-slide {
    width: 260px;
    height: 372px;
    margin-top: 30px; }
    .ContL .Min7 .list ul li .box .img,
    .ContL .Min7 .list .swiper-slide .box .img {
      height: 134px; }
  .ContL .Min7 .list .ul1 li,
  .ContL .Min7 .list .ul1 .swiper-slide {
    width: 398px !important;
    margin-right: 32px !important; }
  .ContL .Min7 .list .ul1 li:nth-child(3n) {
    margin-right: 32px !important; }
  .ContL .Min7 .list .ul1 li:nth-child(2n) {
    margin-right: 0 !important; }

.ContR {
  width: 326px; }
  .ContR .Min11 .list .box {
    width: 150px;
    margin-right: 24px !important; }
    .ContR .Min11 .list .box:nth-child(2n) {
      margin-right: 0px !important; }

.morelis .more {
  position: relative;
  height: 20px;
  line-height: 20px;
  display: none;
  padding-top: 20px; }
  .morelis .more span {
    position: absolute;
    left: 50%;
    margin: 0 auto;
    transform: rotate(90deg);
    font-family: serif;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.5;
    cursor: pointer;
    padding: 5px 0; }
  .morelis .more .active {
    transform: rotate(-90deg); }

.Min1 .list {
  padding-top: 8px; }
  .Min1 .list li {
    display: flex;
    overflow: hidden;
    padding-top: 24px; }
    .Min1 .list li .img {
      height: 95px;
      width: 142px;
      border-radius: 12px;
      display: block; }
    .Min1 .list li .flex1 {
      overflow: hidden;
      padding-left: 16px; }
      .Min1 .list li .flex1 .name {
        line-height: 26px;
        display: -webkit-box;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 16px;
        font-weight: 300;
        height: 52px;
        padding-top: 2px; }
        .Min1 .list li .flex1 .name:hover {
          font-weight: 400; }
      .Min1 .list li .flex1 p {
        color: #888888;
        padding-top: 20px;
        line-height: 16px;
        height: 16px; }
  .Min1 .list.theme {
    padding-top: 0px; }
    .Min1 .list.theme li {
      float: left;
      width: 174px;
      margin-right: 24px;
      padding-top: 32px; }
      .Min1 .list.theme li:nth-child(2n) {
        margin-right: 0px; }
      .Min1 .list.theme li .img {
        width: 54px;
        height: 54px; }
      .Min1 .list.theme li .flex1 .name {
        padding-top: 4px;
        height: 20px;
        line-height: 20px;
        -webkit-line-clamp: 1; }
      .Min1 .list.theme li .flex1 p {
        font-size: 13px;
        padding-top: 8px; }

.Min2 .title + ul {
  padding-top: 24px; }
.Min2 li {
  height: 40px;
  line-height: 40px;
  display: flex;
  overflow: hidden; }
  .Min2 li .flex1 {
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .Min2 li .flex1 a:hover {
      font-weight: 400; }
    .Min2 li .flex1::before {
      content: "";
      display: inline-block;
      width: 2px;
      height: 2px;
      border-radius: 50%;
      background: #888;
      vertical-align: middle;
      margin-right: 14px; }
  .Min2 li span {
    color: #888;
    font-weight: 300; }

.Min3 .list {
  display: grid;
  column-gap: 22px;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 8px; }
  .Min3 .list li {
    padding-top: 24px; }
    .Min3 .list li .box {
      display: block; }
    .Min3 .list li p {
      height: 21px;
      line-height: 21px;
      padding-top: 10px;
      text-align: center;
      overflow: hidden;
      font-size: 16px; }
    .Min3 .list li .img {
      overflow: hidden; }
      .Min3 .list li .img .icon {
        margin: 0 auto;
        display: block; }
      .Min3 .list li .img img {
        width: 96px;
        height: 54px;
        border-radius: 10px;
        margin: 0 auto; }
.Min3 .li2 li .img img {
  width: 54px;
  border-radius: 12px; }
.Min3 .li3 {
  grid-template-columns: repeat(2, 1fr); }
  .Min3 .li3 li {
    width: 154px;
    height: 94px; }
    .Min3 .li3 li:hover img {
      transform: scale(1.1); }
    .Min3 .li3 li .img {
      width: 100%;
      height: 100%;
      border-radius: 12px; }
      .Min3 .li3 li .img img {
        width: 154px;
        height: 94px; }

.Min4 ul {
  display: grid;
  column-gap: 44px;
  grid-template-columns: repeat(2, 1fr); }
  .Min4 ul li {
    padding-top: 32px; }
    .Min4 ul li .bt {
      height: 20px;
      line-height: 20px;
      overflow: hidden;
      text-align: center;
      font-size: 16px;
      position: relative; }
      .Min4 ul li .bt::before {
        width: 100%;
        height: 1px;
        background: #eeeeee;
        position: absolute;
        left: 0;
        top: 50%;
        content: "";
        display: block; }
      .Min4 ul li .bt span {
        background: #fff;
        display: block;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 20px; }
    .Min4 ul li .lis {
      display: grid;
      column-gap: 24px;
      grid-template-columns: repeat(4, 1fr); }
      .Min4 ul li .lis .item {
        overflow: hidden;
        max-width: 80px;
        text-align: center;
        margin-top: 24px; }
        .Min4 ul li .lis .item .img {
          width: 44px;
          height: 44px;
          border-radius: 12px;
          overflow: hidden;
          margin: 0 auto;
          margin-bottom: 12px; }
        .Min4 ul li .lis .item p {
          height: 20px;
          line-height: 20px;
          font-size: 16px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .Min4 ul li .lis .item span {
          font-weight: 300;
          padding-top: 10px;
          display: block;
          line-height: 17px;
          font-size: 13px;
          color: #555; }

.Min5 li {
  display: flex;
  overflow: hidden;
  margin-top: 24px; }
  .Min5 li .num {
    width: 28px;
    height: 28px;
    background: #f4f6f9;
    border-radius: 6px 6px 6px 6px;
    text-align: center;
    line-height: 28px;
    color: #f83030;
    font-size: 16px;
    margin-right: 12px; }
  .Min5 li .flex1 {
    display: flex;
    overflow: hidden;
    margin-right: 5px; }
    .Min5 li .flex1 .img {
      width: 70px;
      height: 70px;
      border-radius: 18px;
      margin-right: 16px;
      display: none; }
    .Min5 li .flex1 .infor {
      flex: 1;
      overflow: hidden; }
      .Min5 li .flex1 .infor .name {
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        font-size: 16px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .Min5 li .flex1 .infor p {
        padding-top: 20px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
        color: #555;
        display: none; }
  .Min5 li > span {
    height: 28px;
    line-height: 28px;
    color: #888888;
    font-size: 14px; }
  .Min5 li + li .num {
    color: #ff9500; }
  .Min5 li + li + li .num {
    color: #ffd40c; }
  .Min5 li + li + li + li .num {
    color: #555; }
.Min5 ul.hover .on .flex1 .img,
.Min5 ul.hover .on .flex1 .infor p {
  display: block; }

.Min6 li {
  height: 40px;
  line-height: 40px;
  margin-top: 24px;
  background: #fafafa;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 16px; }
  .Min6 li a {
    display: block;
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .Min6 li a::before {
      content: "·";
      font-size: 30px;
      opacity: 0.8;
      display: inline-block;
      vertical-align: middle;
      margin: -4px 10px 0 0;
      font-weight: 300; }

.Min7 .btbox {
  font-size: 20px;
  font-weight: bold;
  padding-top: 30px;
  text-transform: uppercase; }
.Min7 .list ul li:nth-child(4n) {
  margin-right: 0px; }
.Min7 .list ul li,
.Min7 .list .swiper-slide {
  background: #fafafa;
  margin: 40px 24px 0 0;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 282px;
  height: 405px;
  border-radius: 16px; }
  .Min7 .list ul li .tab,
  .Min7 .list .swiper-slide .tab {
    position: absolute;
    right: 0;
    top: 0px;
    padding: 0 10px;
    color: #fff;
    background: var(--color);
    height: 26px;
    line-height: 26px;
    border-radius: 0 16px 0 16px;
    font-size: 12px; }
    .Min7 .list ul li .tab.hot,
    .Min7 .list .swiper-slide .tab.hot {
      background: #f83030; }
    .Min7 .list ul li .tab.tj,
    .Min7 .list .swiper-slide .tab.tj {
      background: #ff9500; }
    .Min7 .list ul li .tab.new,
    .Min7 .list .swiper-slide .tab.new {
      background: #4eb673; }
  .Min7 .list ul li:hover,
  .Min7 .list .swiper-slide:hover {
    background: var(--hoverbgopacity); }
  .Min7 .list ul li .box,
  .Min7 .list .swiper-slide .box {
    display: block; }
    .Min7 .list ul li .box:hover img,
    .Min7 .list .swiper-slide .box:hover img {
      transform: scale(1.1); }
    .Min7 .list ul li .box .img,
    .Min7 .list .swiper-slide .box .img {
      width: 100%;
      height: 150px;
      border-radius: 12px;
      margin-bottom: 16px;
      transition: all 0.2s linear; }
    .Min7 .list ul li .box .name,
    .Min7 .list .swiper-slide .box .name {
      line-height: 28px;
      display: -webkit-box;
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 10px;
      height: 56px; }
      .Min7 .list ul li .box .name span,
      .Min7 .list .swiper-slide .box .name span {
        color: #f83030; }
    .Min7 .list ul li .box .text,
    .Min7 .list .swiper-slide .box .text {
      color: #555555;
      line-height: 24px;
      display: -webkit-box;
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      text-align: justify;
      height: 96px;
      margin-bottom: 10px;
      font-weight: 300; }
    .Min7 .list ul li .box p,
    .Min7 .list .swiper-slide .box p {
      color: #888;
      line-height: 20px;
      font-weight: 300; }
  .Min7 .list ul li .btn,
  .Min7 .list .swiper-slide .btn {
    margin: 16px auto 0;
    width: 112px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid var(--color);
    display: block;
    border-radius: 100px;
    font-size: 16px;
    color: var(--color); }
    .Min7 .list ul li .btn:hover,
    .Min7 .list .swiper-slide .btn:hover {
      background: var(--color);
      color: #fff; }
  .Min7 .list ul li .p1,
  .Min7 .list .swiper-slide .p1 {
    font-weight: 300;
    color: #555555;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 16px; }
  .Min7 .list ul li .p2,
  .Min7 .list .swiper-slide .p2 {
    font-weight: 300;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center; }
  .Min7 .list ul li .item,
  .Min7 .list .swiper-slide .item {
    display: flex;
    overflow: hidden; }
    .Min7 .list ul li .item .img,
    .Min7 .list .swiper-slide .item .img {
      width: 70px;
      height: 70px;
      border-radius: 18px;
      display: block;
      overflow: hidden;
      margin-right: 24px; }
    .Min7 .list ul li .item .infor,
    .Min7 .list .swiper-slide .item .infor {
      flex: 1;
      overflow: hidden; }
    .Min7 .list ul li .item .name,
    .Min7 .list .swiper-slide .item .name {
      height: 28px;
      padding-top: 4px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 16px;
      font-weight: 400; }
      .Min7 .list ul li .item .name span,
      .Min7 .list .swiper-slide .item .name span {
        color: #f83030; }
    .Min7 .list ul li .item p,
    .Min7 .list .swiper-slide .item p {
      height: 19px;
      font-size: 14px;
      padding-top: 15px;
      line-height: 19px;
      overflow: hidden;
      font-weight: 300; }
      .Min7 .list ul li .item p span,
      .Min7 .list .swiper-slide .item p span {
        color: #ff9500; }
.Min7 .list .ul1 li,
.Min7 .list .ul1 .swiper-slide {
  width: 384px !important;
  height: 246px !important; }
  .Min7 .list .ul1 li:nth-child(3n),
  .Min7 .list .ul1 .swiper-slide:nth-child(3n) {
    margin-right: 0px; }
  .Min7 .list .ul1 li:nth-child(4n),
  .Min7 .list .ul1 .swiper-slide:nth-child(4n) {
    margin-right: 24px; }
  .Min7 .list .ul1 li .text,
  .Min7 .list .ul1 .swiper-slide .text {
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    padding-top: 24px;
    color: #555; }
.Min7 .list .ul2 li,
.Min7 .list .ul2 .swiper-slide {
  height: 396px; }
.Min7 .list .swiperbtn {
  display: flex;
  justify-content: flex-end;
  height: 32px;
  margin-top: 32px; }
.Min7 .list .swiper-button_prev,
.Min7 .list .swiper-button_next {
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  text-align: center;
  color: #555;
  line-height: 35px;
  font-family: serif;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  z-index: 2;
  user-select: none;
  margin-left: 24px; }
.Min7 .list .swiper-button-disabled {
  opacity: 0.5; }
.Min7 .list .theme {
  height: 430px !important;
  text-align: center; }
  .Min7 .list .theme .box .name {
    height: 26px;
    -webkit-line-clamp: 1;
    text-align: center;
    margin-bottom: 16px; }
  .Min7 .list .theme .box p {
    overflow: hidden;
    height: 20px;
    margin-bottom: 16px; }
  .Min7 .list .theme .box .p {
    line-height: 26px;
    height: 52px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 16px; }
  .Min7 .list .theme .box .li {
    height: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.Min7 .list.li2 ul li,
.Min7 .list.li2 .swiper-slide {
  height: 389px !important; }
.Min7 .list.li3 ul li,
.Min7 .list.li3 .swiper-slide {
  height: 182px !important; }
  .Min7 .list.li3 ul li .btn,
  .Min7 .list.li3 .swiper-slide .btn {
    margin-top: 24px; }
.Min7 .switch1 {
  padding-bottom: 0px; }
.Min7 .title + .searchbox {
  padding-top: 30px; }
.Min7 .searchbox .search {
  max-width: 310px;
  height: 52px;
  line-height: 52px;
  margin: 0; }
  .Min7 .searchbox .search .flex1 input {
    font-size: 14px; }

.switch1 + .Min7 .list:first-child .btbox {
  padding-top: 0px; }

.Min8 .list {
  padding-top: 8px; }
.Min8 .box {
  width: 140px;
  height: 100px;
  background: #fafafa;
  border-radius: 12px;
  display: block;
  text-align: center;
  float: left;
  margin: 24px 24px 0 0; }
  .Min8 .box:nth-child(5n) {
    margin-right: 0px; }
  .Min8 .box:hover {
    background: #444;
    color: #fff; }
    .Min8 .box:hover .img img {
      display: none !important; }
    .Min8 .box:hover .img .img2 {
      display: block !important; }
  .Min8 .box .img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-top: 19px;
    display: block;
    overflow: hidden; }
    .Min8 .box .img .img2 {
      display: none !important; }
  .Min8 .box p {
    height: 20px;
    line-height: 20px;
    padding-top: 14px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.Min8 .tips {
  padding-top: 32px;
  color: #555555;
  line-height: 24px; }

.Min9 .title_line + .swiperbox {
  margin-top: 0px; }
.Min9 .swiperbox {
  position: relative;
  padding: 0 38px;
  margin-top: 32px;
  overflow: hidden; }
  .Min9 .swiperbox .swiperprev,
  .Min9 .swiperbox .swipernext {
    position: absolute;
    top: 9px;
    height: 36px;
    width: 12px;
    background-position: -44px -90px;
    display: block;
    cursor: pointer; }
  .Min9 .swiperbox .swiperprev {
    left: 0px; }
  .Min9 .swiperbox .swipernext {
    right: 0px;
    transform: rotate(180deg); }
  .Min9 .swiperbox .swiper-button-disabled {
    opacity: 0.6; }
  .Min9 .swiperbox .swiper-slide {
    width: 96px;
    display: block;
    text-align: center; }
    .Min9 .swiperbox .swiper-slide .img {
      width: 96px;
      height: 54px;
      margin: 0 auto;
      display: block;
      overflow: hidden;
      border-radius: 10px; }
    .Min9 .swiperbox .swiper-slide p {
      height: 20px;
      line-height: 20px;
      padding-top: 10px;
      font-size: 16px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.Min10 .swiper {
  height: 178px;
  overflow: hidden;
  border-radius: 12px; }
  .Min10 .swiper img {
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    display: block; }
  .Min10 .swiper .swiper-pagination {
    bottom: 5px; }
  .Min10 .swiper .swiper-pagination-bullet {
    background: #fff; }

.Min11 .list a {
  float: left;
  margin: 20px 20px 0 0; }
.Min11 .list .img {
  width: 174px;
  height: 96px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 44px;
  display: block; }
  .Min11 .list .img:nth-child(4n) {
    margin-right: 0px; }
  .Min11 .list .img:hover img {
    transform: scale(1.1); }
.Min11 .list .box {
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 0 2px;
  overflow: hidden;
  line-height: 32px;
  font-size: 20px;
  display: block;
  color: rgba(47, 60, 69, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .Min11 .list .box:nth-child(5n) {
    margin-right: 0px; }
  .Min11 .list .box.on, .Min11 .list .box:hover {
    background: RGBA(0, 141, 237, 1);
    color: #fff; }
.Min11 .list.big .box {
  width: 146px; }
  .Min11 .list.big .box:nth-child(5n) {
    margin-right: 24px; }
  .Min11 .list.big .box:nth-child(7n) {
    margin-right: 0px; }
.Min11 .list.letter {
  width: calc(100% + 20px); }
  .Min11 .list.letter .box {
    width: auto;
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    margin-right: 19px;
    font-weight: 300; }

.cuber + .Min11 .letter {
  margin-top: -24px; }

.Min12 .list .box {
  float: left;
  margin: 24px 26px 0 0;
  width: 80px;
  text-align: center; }
  .Min12 .list .box:nth-child(8n) {
    margin-right: 0px; }
  .Min12 .list .box .img {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    margin: 0 auto; }
  .Min12 .list .box p {
    height: 20px;
    line-height: 20px;
    display: block;
    padding-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .Min12 .list .box span {
    display: block;
    font-weight: 300;
    color: #555555;
    display: block;
    overflow: hidden;
    height: 17px;
    line-height: 17px;
    font-size: 13px;
    padding-top: 10px; }

.Min13 .step {
  padding-top: 24px; }
  .Min13 .step .item {
    padding-left: 22px;
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 44px;
    padding-bottom: 20px; }
    .Min13 .step .item:last-child {
      padding-bottom: 0px; }
    .Min13 .step .item:first-child .line {
      top: 20px; }
    .Min13 .step .item .line {
      background: #eee;
      width: 1px;
      height: 100%;
      top: 0px;
      left: 0px;
      position: absolute; }
    .Min13 .step .item .bt {
      height: 44px;
      font-weight: 400;
      position: relative; }
      .Min13 .step .item .bt i {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 50%;
        border: 1px solid var(--color);
        border-radius: 50%;
        display: block;
        margin-top: -9px;
        left: -30px; }
        .Min13 .step .item .bt i::after {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 10px;
          height: 10px;
          background: var(--color);
          content: "";
          transform: translate(-50%, -50%);
          border-radius: 50%; }
    .Min13 .step .item ul {
      list-style-type: disc;
      list-style-position: inside; }
    .Min13 .step .item ol {
      list-style-type: decimal;
      list-style-position: inside; }
.Min13 .list {
  display: grid;
  column-gap: 22px;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 24px;
  line-height: 44px;
  font-size: 18px; }
  .Min13 .list a {
    color: var(--color); }
.Min13 .list2 {
  padding-top: 24px;
  line-height: 44px;
  font-size: 18px; }
  .Min13 .list2 a {
    color: var(--color); }

.Min14 .title + .list {
  margin-top: 0px; }
.Min14 .list {
  margin-top: -40px;
  overflow: hidden; }
  .Min14 .list ul {
    width: calc(100% + 32px); }
  .Min14 .list li {
    float: left;
    width: 398px;
    height: 264px;
    background: #fafafa;
    border-radius: 16px;
    margin: 40px 32px 0 0;
    padding: 0 24px;
    box-sizing: border-box; }
    .Min14 .list li .bt {
      display: block;
      overflow: hidden;
      text-align: center;
      height: 55px;
      line-height: 55px;
      padding-top: 2px;
      font-size: 16px;
      border-bottom: 1px solid #eee; }
    .Min14 .list li .lis {
      padding-top: 16px; }
      .Min14 .list li .lis p {
        display: flex;
        overflow: hidden;
        line-height: 34px;
        height: 34px; }
        .Min14 .list li .lis p a {
          display: block;
          overflow: hidden;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 16px;
          flex: 1; }
        .Min14 .list li .lis p span {
          font-weight: 300;
          color: #888888; }

.tablebox {
  border-radius: 10px;
  overflow: hidden; }
  .tablebox .th,
  .tablebox .tr {
    display: flex;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
    overflow: hidden; }
    .tablebox .th .td,
    .tablebox .tr .td {
      min-width: 120px;
      text-align: center;
      overflow: hidden;
      font-size: 16px; }
      .tablebox .th .td:last-child,
      .tablebox .tr .td:last-child {
        min-width: 100px; }
      .tablebox .th .td:first-child,
      .tablebox .tr .td:first-child {
        flex: 1;
        overflow: hidden;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .tablebox .th {
    background: #e7f5ff; }
    .tablebox .th .td {
      color: #2F3C45; }
  .tablebox .tr {
    height: 54px;
    line-height: 54px;
    background-color: RGBA(253, 253, 253, 1); }
    .tablebox .tr .td {
      font-size: 14px; }
    .tablebox .tr:hover {
      background: rgba(0, 141, 237, 0.05); }

.infortop-new {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  padding: 24px 14px;
  background-color: #fff;
  border-radius: 10px; }
  .infortop-new .file-title,
  .infortop-new .file-item {
    display: flex;
    align-items: center; }
  .infortop-new .file-title {
    margin-bottom: 12px;
    column-gap: 8px; }
    .infortop-new .file-title .file-name {
      max-width: 500px;
      word-break: break-all;
      font-size: 28px;
      font-weight: 400;
      color: var(--color);
      max-height: 74px;
      overflow: hidden; }
  .infortop-new .file-item {
    display: flex;
    column-gap: 40px; }
    .infortop-new .file-item:not(:last-child) {
      margin-bottom: 12px; }
    .infortop-new .file-item span {
      display: block;
      width: 240px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 16px;
      color: rgba(47, 60, 69, 0.7); }
  .infortop-new .dll-info-area {
    flex: 1;
    padding-right: 6px; }
  .infortop-new .download-area {
    width: 228px; }
    .infortop-new .download-area .download-btn {
      height: 76px;
      display: flex;
      background-color: #e2e2e2;
      font-size: 20px;
      color: #2F3C45;
      cursor: pointer; }
      .infortop-new .download-area .download-btn a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: 100%;
        height: 100%; }
    .infortop-new .download-area .normal-download {
      margin-bottom: 10px; }
    .infortop-new .download-area .normal-download,
    .infortop-new .download-area .inner {
      align-items: center;
      justify-content: center;
      column-gap: 10px; }
    .infortop-new .download-area .save-download {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: var(--color);
      color: #fff; }
      .infortop-new .download-area .save-download a {
        color: #fff;
        font-weight: 400; }
      .infortop-new .download-area .save-download .tip {
        font-size: 12px; }

.infortop .h1 {
  font-size: 30px;
  line-height: 54px;
  font-weight: 400;
  font-family: "Microsoft YaHei", "Microsoft YaHei";
  margin-bottom: 32px; }
.infortop .item {
  display: flex;
  overflow: hidden;
  align-items: center; }
  .infortop .item .img {
    width: 272px;
    height: 156px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 32px; }
    .infortop .item .img.img2 {
      width: 130px;
      height: 130px;
      border-radius: 32px; }
  .infortop .item .flex1 {
    overflow: hidden; }
    .infortop .item .flex1 .h1 {
      line-height: 34px;
      height: 34px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: 18px; }
    .infortop .item .flex1 .tab {
      font-weight: 400;
      display: inline-block;
      vertical-align: middle;
      height: 28px;
      background: #f1f9f4;
      line-height: 28px;
      text-align: center;
      padding: 0 12px;
      border-radius: 5px;
      color: #4eb673;
      margin: -2px 0px 0 8px;
      font-size: 13px; }
      .infortop .item .flex1 .tab.cor2 {
        color: #ff9500;
        background: #fff7eb; }
    .infortop .item .flex1 .p {
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-bottom: 22px; }
    .infortop .item .flex1 .tabbox .tab {
      margin: -2px 24px 0 0;
      height: 34px;
      line-height: 34px; }
    .infortop .item .flex1 p {
      color: #555555;
      font-weight: 400;
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      float: left;
      width: 50%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
.infortop .btnbox {
  height: 92px;
  display: flex;
  overflow: hidden;
  padding-top: 40px; }
  .infortop .btnbox .btn {
    height: 92px;
    background: #f4f6f9;
    display: flex;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    min-width: 264px;
    text-align: center;
    font-size: 18px;
    font-weight: 400; }
    .infortop .btnbox .btn.on, .infortop .btnbox .btn:hover {
      background: var(--color);
      color: #fff; }
      .infortop .btnbox .btn.on span, .infortop .btnbox .btn:hover span {
        color: #fff; }
    .infortop .btnbox .btn span {
      display: block;
      font-weight: 300;
      font-size: 16px;
      padding-top: 11px;
      color: #555555;
      opacity: 0.8; }
  .infortop .btnbox .btn2 {
    flex: 1;
    margin-left: 40px; }
  .infortop .btnbox .zan {
    min-width: 0;
    width: 80px;
    margin-right: 40px; }
    .infortop .btnbox .zan:hover {
      background: #f4f6f9; }
    .infortop .btnbox .zan i {
      height: 56px;
      width: 56px;
      background-position: -77px -94px;
      display: block; }
    .infortop .btnbox .zan.active i {
      background-position: -153px -93px; }
    .infortop .btnbox .zan + .btn2 {
      margin-left: 0px; }
.infortop .tuj {
  padding-top: 24px;
  display: flex;
  line-height: 38px; }
  .infortop .tuj span {
    padding-top: 24px; }
  .infortop .tuj p {
    overflow: hidden; }
    .infortop .tuj p a {
      margin: 24px 24px 0 0;
      display: block;
      float: left;
      height: 38px;
      line-height: 38px;
      padding: 0 15px;
      background: #fafafa;
      border-radius: 8px;
      font-weight: 300; }
      .infortop .tuj p a.on, .infortop .tuj p a:hover {
        background: #444444;
        color: #fff; }

.content-main-wrap {
  padding: 20px;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 10px; }
  .content-main-wrap img {
    max-width: 100%; }
  .content-main-wrap .main-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    column-gap: 8px;
    font-size: 24px;
    color: var(--color); }

.newsinfor_top {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  padding-bottom: 24px; }
  .newsinfor_top .h1 {
    font-weight: 400;
    font-size: 30px;
    line-height: 54px; }
  .newsinfor_top .line_tex {
    line-height: 20px;
    padding-top: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 20px;
    overflow: hidden; }
    .newsinfor_top .line_tex span {
      padding-right: 30px;
      color: #555; }
      .newsinfor_top .line_tex span .zan {
        width: 32px;
        height: 32px;
        background-position: -85px -107px;
        transform: scale(0.6);
        display: inline-block;
        vertical-align: middle; }

.news_center {
  word-wrap: break-word;
  font-size: 16px;
  line-height: 26px;
  color: rgba(47, 60, 69, 0.8); }
  .news_center p {
    margin-bottom: 20px; }
    .news_center p:last-child {
      margin-bottom: 0px; }
  .news_center p > img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 5px; }
  .news_center h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 50px; }
  .news_center ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 10px; }
  .news_center ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin-bottom: 10px; }
  .news_center table,
  .news_center iframe,
  .news_center video {
    margin: 0 auto;
    max-width: 100%; }

.title + .news_center {
  padding-top: 20px; }

.zanckbox {
  width: 56px;
  height: 56px;
  margin: 30px auto 20px;
  position: relative;
  cursor: pointer; }
  .zanckbox i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: -77px -94px; }
  .zanckbox.active i, .zanckbox:hover i {
    background-position: -153px -93px; }

.news_tips {
  line-height: 28px;
  color: #888888;
  padding-top: 20px; }

.pagelink {
  display: grid;
  column-gap: 40px;
  grid-template-columns: repeat(2, 1fr); }
  .pagelink a {
    display: block;
    overflow: hidden;
    text-align: center;
    height: 54px;
    background: #fafafa;
    line-height: 54px;
    border-radius: 100px;
    margin-top: 32px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .pagelink a span {
      font-family: serif; }
    .pagelink a:hover, .pagelink a.on {
      background: #444444;
      color: #fff; }

.swiperjietu {
  padding-bottom: 40px; }
  .swiperjietu .title {
    padding-bottom: 24px; }
  .swiperjietu .swiper {
    padding-bottom: 20px; }
    .swiperjietu .swiper .img img {
      border-radius: 16px; }

.ztinfor_top .bt {
  display: flex;
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  padding-bottom: 32px; }
  .ztinfor_top .bt .h1 {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    font-size: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .ztinfor_top .bt span {
    color: #555; }
.ztinfor_top .item {
  display: flex;
  overflow: hidden;
  padding-bottom: 20px; }
  .ztinfor_top .item .img {
    width: 353px;
    height: 220px;
    display: block;
    overflow: hidden;
    margin-right: 32px;
    border-radius: 12px; }
  .ztinfor_top .item .flex1 {
    overflow: hidden; }
    .ztinfor_top .item .flex1 p {
      line-height: 44px;
      display: -webkit-box;
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      font-size: 18px;
      word-wrap: break-word; }

.warp404 {
  padding: 16vh 0; }
  .warp404 img {
    margin: 0 auto;
    display: block; }
  .warp404 .btn {
    width: 160px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #444;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    margin-top: 17px; }

/* 权限和隐私 */
.layertanbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* 反馈 */ }
  .layertanbox .textbox {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.1), 0px -7px 7px 0px rgba(128, 103, 91, 0.2) inset;
    box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.1), 0px -7px 7px 0px rgba(128, 103, 91, 0.2) inset;
    border-radius: 20px;
    width: 400px;
    padding: 0 20px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .layertanbox .close {
    position: absolute;
    top: -0px;
    right: -40px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
    background: url("../images/close2.png") no-repeat center;
    background-size: 100% 100%;
    width: 30px;
    height: 30px; }
  .layertanbox .oTitle {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
    height: 60px; }
  .layertanbox .oTitle p {
    display: block;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden; }
  .layertanbox .closebtn {
    display: block;
    cursor: pointer;
    border: 0;
    width: 340px;
    height: 48px;
    background: #446AE2;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 48px;
    margin: 28px auto 34px;
    overflow: hidden;
    white-space: nowrap; }
  .layertanbox .text {
    display: block;
    height: 378px;
    border: none;
    padding: 0 30px;
    line-height: 28px;
    font-size: 16px;
    margin: 2px auto 30px;
    text-align: left;
    overflow: auto; }
  .layertanbox .text strong {
    display: block;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 36px; }
  .layertanbox .text p:nth-of-type(1) {
    font-weight: bold;
    margin-bottom: 10px; }
  .layertanbox .text p:nth-last-of-type(1) {
    margin-bottom: 20px; }
  .layertanbox.feedBack .feBack > span {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 35px;
    margin-bottom: 4px;
    display: block;
    text-align: left; }
  .layertanbox.feedBack .feBack .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    background: #f9f9f9;
    -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset;
    box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 2px; }
  .layertanbox.feedBack .feBack .info p {
    font-size: 14px;
    color: #333;
    line-height: 88px; }
  .layertanbox.feedBack .feBack .otherRe {
    background: #f9f9f9;
    -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset;
    box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset;
    border-radius: 12px;
    overflow: hidden;
    padding: 7px 0 13px; }
  .layertanbox.feedBack .feBack textarea {
    width: 350px;
    height: 32px;
    line-height: 24px;
    border: none;
    resize: none;
    background: transparent;
    padding: 5px 20px;
    font-size: 16px;
    color: #666; }
  .layertanbox.feedBack .feBack .photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
  .layertanbox.feedBack .feBack .photoInput {
    position: relative;
    width: 64px;
    height: 64px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    margin-left: 20px; }
  .layertanbox.feedBack .feBack .photoInput p {
    color: #666;
    font-size: 12px; }
  .layertanbox.feedBack .feBack .photoInput p:nth-of-type(1) {
    font-size: 28px;
    color: #cdcdcd;
    margin-top: 6px;
    line-height: 30px; }
  .layertanbox.feedBack .feBack .photoInput input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .layertanbox.feedBack .feBack .photoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 270px;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    padding-bottom: 5px;
    padding-left: 10px; }
  .layertanbox.feedBack .feBack .photoList p {
    width: 60px;
    height: 60px;
    padding: 3px;
    margin-right: 10px;
    border: 1px solid #eee; }
  .layertanbox.feedBack .feBack .photoList::-webkit-scrollbar {
    height: 6px; }
  .layertanbox.feedBack .feBack .photoList img {
    width: 60px;
    height: 60px;
    display: block; }
  .layertanbox.feedBack .feBack .checkbox {
    position: relative;
    display: block;
    width: 50%;
    height: 25px;
    line-height: 25px;
    cursor: pointer; }
  .layertanbox.feedBack .feBack .checkbox:nth-last-child(1) {
    border-bottom: none; }
  .layertanbox.feedBack .feBack .checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0; }
  .layertanbox.feedBack .feBack .checkbox label {
    position: absolute;
    left: 35px;
    top: 0;
    height: 28px;
    line-height: 28px;
    width: 124px;
    font-size: 14px;
    color: #666;
    text-align: left; }
  .layertanbox.feedBack .feBack .checkbox label:after {
    content: "";
    position: absolute;
    left: -25px;
    top: 7px;
    width: 16px;
    height: 16px;
    background: #e0e0e0;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.2) inset;
    border-radius: 50%; }
  .layertanbox.feedBack .feBack .checkbox input[type="checkbox"]:checked + label:after {
    background: #ff2741;
    -webkit-box-shadow: 0px -2px 2px 0px rgba(94, 30, 31, 0.2) inset;
    box-shadow: 0px -2px 2px 0px rgba(94, 30, 31, 0.2) inset; }
  .layertanbox.feedBack .feBack .telBox {
    overflow: hidden;
    background-color: #f9f9f9; }
  .layertanbox.feedBack .feBack .telBox input {
    display: block;
    border: none;
    padding: 0 20px;
    width: 360px;
    height: 40px;
    line-height: 40px;
    background: #f4f4f4;
    border-radius: 10px;
    font-size: 16px;
    color: #999; }
  .layertanbox.feedBack .feBack .telBox input::-webkit-input-placeholder {
    color: #999; }
  .layertanbox.feedBack .feBack .telBox input:-moz-placeholder {
    color: #999; }
  .layertanbox.feedBack .feBack .telBox input::-moz-placeholder {
    color: #999; }
  .layertanbox.feedBack .feBack .telBox input:-ms-input-placeholder {
    color: #999; }
  .layertanbox.feedBack .feSubmit input {
    display: block;
    border: 0;
    margin: 15px auto 20px;
    cursor: pointer;
    font-size: 18px;
    color: #fefefe;
    width: 100%;
    height: 48px;
    background: #446AE2;
    -webkit-box-shadow: 0px 6px 6px 0px rgba(219, 219, 219, 0.1), 0px -6px 6px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 6px 6px 0px rgba(219, 219, 219, 0.1), 0px -6px 6px 0px rgba(0, 0, 0, 0.2) inset;
    border-radius: 10px; }
  .layertanbox.orderList .oWin:after, .layertanbox.orderList .oAgin:after {
    content: "";
    position: absolute;
    left: 30px;
    margin: auto;
    top: 13px;
    display: block;
    width: 88px;
    height: 76px; }
  .layertanbox.orderList .orderBox form .tel {
    display: block;
    border: none;
    width: 300px;
    height: 48px;
    background: #f4f4f4;
    -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset;
    box-shadow: 0px -6px 6px 0px rgba(179, 179, 179, 0.2) inset;
    border-radius: 10px;
    line-height: 48px;
    color: #666;
    font-size: 18px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap; }
  .layertanbox.orderList .orderBox form .tel::-webkit-input-placeholder {
    color: #999; }
  .layertanbox.orderList .orderBox form .tel:-moz-placeholder {
    color: #999; }
  .layertanbox.orderList .orderBox form .tel::-moz-placeholder {
    color: #999; }
  .layertanbox.orderList .orderBox form .tel:-ms-input-placeholder {
    color: #999; }
  .layertanbox.orderList .orderBox form .tel:focus {
    color: #808080; }
  .layertanbox.orderList .orderBox form p {
    color: #404040;
    font-size: 18px;
    line-height: 24px;
    margin-top: 16px;
    overflow: hidden;
    white-space: nowrap; }
  .layertanbox.orderList .orderBox form p em {
    color: #446AE2; }
  .layertanbox.orderList .orderBox form p:last-of-type {
    font-size: 16px;
    color: #ccc;
    margin-top: 4px; }
  .layertanbox.orderList .orderBox form span {
    color: #446AE2;
    font-size: 14px;
    text-align: left;
    display: block;
    width: 306px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap; }
  .layertanbox.orderList .orderBox form .oBtn, .layertanbox.orderList .orderBox .oKnow {
    display: block;
    cursor: pointer;
    border: 0;
    width: 340px;
    height: 48px;
    line-height: 48px;
    background: #446AE2;
    -webkit-box-shadow: 0px -6px 6px 0px rgba(179, 70, 62, 0.2) inset;
    box-shadow: 0px -6px 6px 0px rgba(179, 70, 62, 0.2) inset;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 21px auto 43px; }
  .layertanbox.orderList .orderBox .msg {
    display: block;
    color: #446AE2;
    font-size: 14px;
    text-align: left;
    width: 326px;
    margin: 0 auto; }
  .layertanbox.orderList .orderBox .oWin {
    position: relative;
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
    padding-top: 118px; }
  .layertanbox.orderList .orderBox .oWin > strong {
    display: block;
    font-size: 20px;
    color: #4d4d4d;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 26px;
    margin-top: 16px; }
  .layertanbox.orderList .orderBox .oWin > i {
    display: block;
    width: 64px;
    height: 64px;
    background: url("../images/success.png") no-repeat center;
    margin: auto;
    position: relative; }
  .layertanbox.orderList .orderBox .oAgin {
    position: relative;
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    text-align: center;
    padding-top: 118px; }
  .layertanbox.orderList .orderBox .oAgin > strong {
    display: block;
    font-size: 20px;
    color: #4d4d4d;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 26px;
    margin-top: 16px; }
  .layertanbox.orderList .orderBox .oAgin > i {
    display: block;
    width: 64px;
    height: 64px;
    background: url("../images/success.png") no-repeat center;
    margin: auto;
    position: relative; }

@-webkit-keyframes fadIn {
  0% {
    display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }
@keyframes fadIn {
  0% {
    display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }
.dll-banner {
  position: relative; }
  .dll-banner img {
    margin: 0 auto;
    display: block; }
  .dll-banner .banner-content {
    position: absolute;
    bottom: 63px;
    left: calc(45.72% + 50px); }
    .dll-banner .banner-content .title {
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 30px;
      color: #2f3c45;
      line-height: 35px; }
    .dll-banner .banner-content .desc {
      margin-bottom: 24px;
      font-weight: 400;
      font-size: 20px;
      color: #2f3c45;
      line-height: 23px; }
    .dll-banner .banner-content .download-btn,
    .dll-banner .banner-content .download-btn a {
      display: block;
      width: 168px;
      height: 62px;
      line-height: 62px;
      background: #008ded;
      color: #fff;
      font-weight: bold;
      text-align: center;
      font-size: 20px;
      cursor: pointer; }

.dll-container .nav-wrap {
  margin-bottom: 10px;
  padding: 32px 14px 18px;
  background-color: #fff;
  border-radius: 10px; }
.dll-container .nav-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px; }
  .dll-container .nav-title-area .tip {
    color: #008ded;
    font-family: "DingTalkSans";
    font-size: 20px; }
  .dll-container .nav-title-area .input-area {
    width: 353px;
    height: 42px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #008ded;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box; }
    .dll-container .nav-title-area .input-area * {
      height: 100%; }
    .dll-container .nav-title-area .input-area .search-icon {
      width: 20px;
      height: 20px;
      background: url(../images/dll/search-icon.png) no-repeat;
      background-size: cover; }
    .dll-container .nav-title-area .input-area input {
      border: none;
      flex: 1; }
    .dll-container .nav-title-area .input-area button {
      width: 60px;
      background-color: #008ded;
      outline: none;
      font-size: 14px;
      color: #ffffff;
      border: none;
      cursor: pointer; }

.navigation-wrap {
  position: relative;
  top: -10px;
  display: flex;
  justify-content: center;
  padding: 20px 0 20px;
  background-color: #fff;
  border-radius: 0 0 10px 10px; }
  .navigation-wrap.empty-navigation {
    background-color: transparent; }
  .navigation-wrap .pagination {
    display: flex;
    align-items: center;
    column-gap: 14px; }
    .navigation-wrap .pagination .prev-btn,
    .navigation-wrap .pagination .next-btn {
      font-size: 12px;
      color: #2F3C45;
      cursor: pointer; }
    .navigation-wrap .pagination .disabled,
    .navigation-wrap .pagination .disabled * {
      opacity: 0.5;
      cursor: not-allowed; }
    .navigation-wrap .pagination a {
      color: #2F3C45;
      font-weight: 400; }
    .navigation-wrap .pagination .page-item {
      width: 40px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      color: #2F3C45;
      text-align: center;
      cursor: pointer; }
      .navigation-wrap .pagination .page-item.active {
        background-color: var(--color); }
        .navigation-wrap .pagination .page-item.active a {
          color: #fff; }
      .navigation-wrap .pagination .page-item:not(.active):hover {
        background-color: rgba(0, 141, 237, 0.3); }

.topic-navigation-wrap {
  background-color: RGBA(247, 246, 246, 1); }

.info-search-wrap {
  margin-bottom: 10px;
  padding: 26px 16px 20px;
  background: linear-gradient(173deg, #e5f5ff 0%, #ffffff 72%);
  border-radius: 10px;
  box-sizing: border-box; }
  .info-search-wrap .title {
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-family: "DingTalkJinBuTi";
    font-size: 24px;
    color: #008ded; }
  .info-search-wrap .Min11 .list.letter {
    width: 100%; }
  .info-search-wrap .Min11 .list.letter .box,
  .info-search-wrap .ContR .Min11 .list .box:nth-child(2n) {
    margin-right: 10px !important; }

.sort-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  margin-bottom: 10px;
  padding: 20px 20px;
  background-color: #fff;
  border-radius: 10px; }
  .sort-list .sort-item {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex: 0 0 20%;
    font-weight: 400;
    font-size: 14px; }
    .sort-list .sort-item a {
      color: #2f3c45; }
    .sort-list .sort-item:hover a, .sort-list .sort-item.active a {
      color: #008ded; }
    .sort-list .sort-item img {
      width: 26px;
      height: 26px; }

.soft-list {
  min-height: 500px;
  padding: 20px 15px;
  background-color: #fff;
  border-radius: 10px; }
  .soft-list .soft-item {
    border-radius: 10px 10px 10px 10px;
    border: 1px solid transparent;
    transition: all 0.3s; }
    .soft-list .soft-item > a {
      display: block;
      padding: 16px 10px;
      font-size: 14px;
      color: #2f3c45;
      line-height: 20px;
      box-sizing: border-box;
      transition: all 0.3s;
      cursor: pointer; }
    .soft-list .soft-item:not(:last-child) {
      margin-bottom: 20px; }
    .soft-list .soft-item:hover {
      border-color: rgba(47, 60, 69, 0.08);
      box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1); }
    .soft-list .soft-item .name {
      font-size: 16px;
      margin-bottom: 10px;
      color: #2f3c45;
      word-break: break-all; }
    .soft-list .soft-item .soft-box {
      display: flex;
      column-gap: 6px;
      align-items: flex-end; }
      .soft-list .soft-item .soft-box .info {
        flex: 1; }
      .soft-list .soft-item .soft-box img {
        width: 88px;
        height: 88px;
        border-radius: 6px; }
      .soft-list .soft-item .soft-box .tip-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px; }
        .soft-list .soft-item .soft-box .tip-wrap p {
          color: rgba(47, 60, 69, 0.7); }
          .soft-list .soft-item .soft-box .tip-wrap p .line {
            margin: 0 12px; }
        .soft-list .soft-item .soft-box .tip-wrap .see-btn {
          width: 64px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          border-radius: 4px 4px 4px 4px;
          border: 1px solid #008ded;
          font-weight: 400;
          font-size: 14px;
          color: #008ded;
          cursor: pointer;
          height: 30px;
          line-height: 30px;
          transition: all 0.2s; }
          .soft-list .soft-item .soft-box .tip-wrap .see-btn:hover {
            background-color: #008ded;
            color: #fff; }
      .soft-list .soft-item .soft-box .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 20px; }

.recommand-area {
  margin-bottom: 10px;
  background: #fff; }

.recommand-list .r-item {
  display: flex;
  align-items: center; }
  .recommand-list .r-item .r-item-inner {
    width: 100%;
    display: flex;
    align-items: center; }
  .recommand-list .r-item:not(:last-child) {
    margin-bottom: 20px; }
  .recommand-list .r-item .r-img {
    width: 54px;
    height: 54px;
    margin-right: 10px;
    border-radius: 4px 4px 4px 4px; }
  .recommand-list .r-item .r-box {
    flex: 1;
    overflow: hidden; }
    .recommand-list .r-item .r-box .title {
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 16px;
      color: #2f3c45;
      line-height: 19px; }
      .recommand-list .r-item .r-box .title span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all; }
    .recommand-list .r-item .r-box p {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 12px;
      color: rgba(47, 60, 69, 0.7);
      line-height: 16px; }
      .recommand-list .r-item .r-box p .line {
        margin: 0 6px; }
  .recommand-list .r-item .see-btn {
    width: 64px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #008ded;
    font-weight: 400;
    font-size: 14px;
    color: #008ded;
    cursor: pointer;
    transition: all 0.2s; }
    .recommand-list .r-item .see-btn:hover {
      background-color: #008ded;
      color: #fff; }

.one-line {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap; }

.info-header {
  align-items: center; }
  .info-header .file-title .file-name {
    max-width: 457px;
    font-weight: bold;
    font-family: "Microsoft YaHei, Microsoft YaHei"; }
  .info-header .file-item span {
    width: 206px;
    font-size: 14px;
    text-overflow: unset; }
  .info-header .file-item:not(:last-child) {
    margin-bottom: 6px; }
  .info-header .max-file-item {
    display: block;
    max-width: 452px; }
    .info-header .max-file-item span {
      width: 100%; }
  .info-header .info-img {
    width: 164px;
    height: 164px;
    margin-right: 10px; }
  .info-header .tags {
    white-space: nowrap;
    max-width: 450px;
    overflow: auto; }
    .info-header .tags .tag {
      display: inline-block;
      margin: 0 10px 10px 0;
      height: 29px;
      min-width: 40px;
      line-height: 29px;
      text-align: center;
      background: #008ded;
      border-radius: 0px 0px 0px 0px;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
      padding: 0 10px; }

.page-guide {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 10px;
  padding: 10px 30px;
  background-color: var(--color); }
  .page-guide .nav-a {
    width: 96px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    border-radius: 6px 6px 6px 6px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s; }
    .page-guide .nav-a:hover, .page-guide .nav-a.active-nav {
      font-weight: bold;
      color: #008ded;
      background: #ffffff; }

.info-main-content .main-title {
  font-family: "DingTalkJinBuTi"; }
.info-main-content .box-area {
  font-size: 16px;
  color: rgba(47, 60, 69, 0.8);
  line-height: 26px; }
  .info-main-content .box-area p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(47, 60, 69, 0.8);
    line-height: 26px; }
    .info-main-content .box-area p img {
      display: block;
      max-width: 100%;
      margin: 20px auto; }
  .info-main-content .box-area .soft-pic {
    width: 100%;
    height: 200px;
    display: block; }
.info-main-content .download-area {
  display: flex;
  align-items: center;
  column-gap: 20px;
  padding: 20px 0;
  border-top: 1px solid var(--color);
  border-bottom: 1px solid var(--color); }
  .info-main-content .download-area .download-target {
    width: 210px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    background: #008ded;
    border-radius: 0px 0px 0px 0px;
    font-weight: 400;
    font-size: 24px; }
  .info-main-content .download-area .download-way {
    display: flex;
    align-items: center;
    column-gap: 3px;
    font-size: 14px;
    color: #2f3c45; }
.info-main-content .tj-area .tj-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px; }
  .info-main-content .tj-area .tj-list .tj-item {
    flex: 0 0 33.3%;
    padding-right: 14px;
    box-sizing: border-box;
    overflow: hidden; }
    .info-main-content .tj-area .tj-list .tj-item .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      font-size: 16px;
      font-weight: 400;
      color: #2F3C45;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .info-main-content .tj-area .tj-list .tj-item .title span {
        color: rgba(47, 60, 69, 0.7);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .info-main-content .tj-area .tj-list .tj-item .ti-box {
      display: flex;
      align-items: flex-start;
      column-gap: 10px; }
      .info-main-content .tj-area .tj-list .tj-item .ti-box .tj-pic {
        width: 94px;
        height: 94px;
        border-radius: 4px 4px 4px 4px; }
      .info-main-content .tj-area .tj-list .tj-item .ti-box .detail .star-list {
        display: flex;
        align-items: center;
        column-gap: 6px;
        margin-bottom: 10px; }
        .info-main-content .tj-area .tj-list .tj-item .ti-box .detail .star-list .star-pic {
          width: 21px;
          height: 20px; }
      .info-main-content .tj-area .tj-list .tj-item .ti-box .detail .tip {
        font-weight: 400;
        font-size: 12px;
        color: #2F3C45;
        margin-bottom: 4px; }
        .info-main-content .tj-area .tj-list .tj-item .ti-box .detail .tip .line {
          margin: 0 4px; }
      .info-main-content .tj-area .tj-list .tj-item .ti-box .detail .see-btn {
        width: 64px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #008ded;
        font-weight: 400;
        font-size: 14px;
        color: #008ded;
        cursor: pointer;
        display: block;
        width: 88px;
        height: 32px;
        line-height: 32px;
        background-color: #008ded;
        color: #fff;
        transition: all 0.2s; }
        .info-main-content .tj-area .tj-list .tj-item .ti-box .detail .see-btn:hover {
          background-color: #008ded;
          color: #fff; }

.driver-banner .title em {
  color: RGBA(15, 183, 0, 1); }
.driver-banner .banner-content .desc {
  font-size: 16px;
  color: rgba(47, 60, 69, 0.7); }

.driver-container .nav-wrap {
  padding: 22px 14px 18px; }

.driver-area {
  padding: 15px 0 20px; }
  .driver-area .driver-title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 20px;
    color: var(--color);
    font-family: "DingTalkJinBuTi"; }
    .driver-area .driver-title a {
      color: var(--color); }
  .driver-area .driver-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px; }
  .driver-area .driver-item a {
    width: 108px;
    height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 4px;
    border: 1px solid rgba(47, 60, 69, 0.2);
    cursor: pointer; }
    .driver-area .driver-item a:hover {
      border-color: #008ded; }
  .driver-area .driver-pic {
    width: 68px;
    height: 68px; }
  .driver-area .driver-name {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    color: #2f3c45;
    opacity: 0.8; }

.driver-type-area {
  margin-bottom: 10px;
  padding: 20px 0 20px 24px;
  background-color: #fff;
  border-radius: 10px; }
  .driver-type-area .title-wrap {
    position: relative; }
    .driver-type-area .title-wrap .more-btn {
      position: absolute;
      right: 0;
      top: 9px;
      font-size: 20px;
      color: #008ded;
      font-family: "DingTalkJinBuTi";
      cursor: pointer; }
  .driver-type-area .title {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    column-gap: 7px;
    font-family: "DingTalkJinBuTi";
    font-weight: 400;
    font-size: 24px;
    color: #008ded;
    border-bottom: 1px solid rgba(47, 60, 69, 0.08); }
    .driver-type-area .title::before {
      position: absolute;
      left: 0;
      bottom: -1px;
      content: "";
      display: block;
      width: 105px;
      height: 2px;
      background: #008ded; }
  .driver-type-area .driver-brand,
  .driver-type-area .support-sys {
    display: flex;
    align-items: center;
    column-gap: 15px; }
    .driver-type-area .driver-brand .type-title,
    .driver-type-area .support-sys .type-title {
      font-size: 18px;
      font-family: "DingTalkJinBuTi";
      color: var(--color); }
  .driver-type-area .driver-brand {
    margin-bottom: 20px; }
  .driver-type-area .support-sys {
    align-items: flex-start; }
  .driver-type-area .drivers-swiper-outer {
    display: flex;
    align-items: center;
    column-gap: 6px;
    width: calc(100% - 93px); }
    .driver-type-area .drivers-swiper-outer .swiper-button-next,
    .driver-type-area .drivers-swiper-outer .swiper-button-prev {
      position: static;
      width: 30px;
      height: 30px;
      background-size: cover;
      background-repeat: no-repeat; }
      .driver-type-area .drivers-swiper-outer .swiper-button-next::after,
      .driver-type-area .drivers-swiper-outer .swiper-button-prev::after {
        display: none; }
    .driver-type-area .drivers-swiper-outer .swiper-button-next {
      background-image: url("/static/images/next-icon.png"); }
    .driver-type-area .drivers-swiper-outer .swiper-button-prev {
      background-image: url("/static/images/prev-icon.png"); }
  .driver-type-area .brand-list {
    overflow: hidden;
    flex: 1;
    padding-right: 0; }
    .driver-type-area .brand-list .swiper-wrapper {
      position: relative; }
    .driver-type-area .brand-list .brand-item .brand-img {
      width: 100%;
      height: 56px;
      display: block;
      margin-bottom: 8px;
      background: #d9d9d9;
      border-radius: 6px 6px 6px 6px; }
    .driver-type-area .brand-list .brand-item .brand-name {
      text-align: center;
      font-size: 14px;
      color: #2f3c45;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .driver-type-area .brand-list .active-brand .brand-name {
      color: var(--color); }
  .driver-type-area .sys-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    flex: 1; }
    .driver-type-area .sys-list .sys-item {
      flex: 0 0 20%;
      cursor: pointer;
      color: rgba(47, 60, 69, 0.7);
      font-size: 14px; }
      .driver-type-area .sys-list .sys-item * {
        vertical-align: middle; }
      .driver-type-area .sys-list .sys-item .sys-icon {
        display: inline-block;
        width: 16px;
        height: 18px;
        background-image: url(../images/driver/sys-icon.png);
        background-repeat: no-repeat;
        background-size: cover; }
      .driver-type-area .sys-list .sys-item.active-sys a {
        color: var(--color); }
      .driver-type-area .sys-list .sys-item.active-sys .sys-icon {
        background-image: url(../images/driver//sys-active-icon.png); }

.side-driver-area .driver-area .driver-item {
  margin-top: 0; }
  .side-driver-area .driver-area .driver-item a {
    width: 64px;
    height: 64px; }
.side-driver-area .driver-area .driver-name {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.side-driver-area .driver-area .driver-list {
  gap: 10px; }
.side-driver-area .driver-area .driver-pic {
  width: 40px;
  height: 40px; }
.side-driver-area .driver-area .driver-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 18px; }
  .side-driver-area .driver-area .driver-title span,
  .side-driver-area .driver-area .driver-title a {
    font-size: 14px;
    cursor: pointer; }

.info-driver-area .driver-area .driver-item {
  width: 100px;
  height: 100px;
  margin-top: 0; }
.info-driver-area .driver-area .driver-name {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0; }
.info-driver-area .driver-area .driver-list {
  gap: 30px; }
.info-driver-area .driver-area .driver-pic {
  width: 68px;
  height: 68px; }
.info-driver-area .driver-area .driver-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 18px; }
  .info-driver-area .driver-area .driver-title span {
    font-size: 14px;
    cursor: pointer; }

.hidden-form {
  position: absolute;
  top: -9999px;
  z-index: -1; }

.no-list-data {
  height: 300px;
  line-height: 300px;
  text-align: center;
  font-size: 16px;
  color: #2F3C45; }

.topic-type-area {
  padding: 20px 30px 30px 24px; }
  .topic-type-area .topic-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap; }
    .topic-type-area .topic-list .topic-item {
      width: 213px;
      height: 122px; }
      .topic-type-area .topic-list .topic-item a {
        display: block;
        height: 100%;
        border-radius: 6px;
        overflow: hidden; }
      .topic-type-area .topic-list .topic-item img {
        width: 100%;
        height: 100%;
        border-radius: 6px; }

.topic-info-common .cuber {
  padding-bottom: 0; }
.topic-info-common .center {
  display: flex;
  flex-direction: column;
  row-gap: 10px; }
.topic-info-common .info-header-wrap {
  display: flex;
  align-items: center;
  column-gap: 30px;
  padding: 22px 20px;
  background-color: #fff;
  border-radius: 10px; }
  .topic-info-common .info-header-wrap .head-pic {
    width: 347px;
    height: 196px;
    background: #d9d9d9;
    border-radius: 10px 10px 10px 10px; }
  .topic-info-common .info-header-wrap .info-box {
    overflow: hidden; }
    .topic-info-common .info-header-wrap .info-box h1 {
      margin-bottom: 33px;
      font-weight: bold;
      font-size: 30px;
      color: #008ded;
      line-height: 35px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .topic-info-common .info-header-wrap .info-box .info-line {
      display: flex;
      align-items: center;
      margin-bottom: 16px;
      font-weight: 400;
      font-size: 12px;
      color: rgba(47, 60, 69, 0.7);
      line-height: 14px; }
      .topic-info-common .info-header-wrap .info-box .info-line .line {
        margin: 0 20px; }
      .topic-info-common .info-header-wrap .info-box .info-line .see-item {
        display: flex;
        align-items: center;
        column-gap: 4px; }
        .topic-info-common .info-header-wrap .info-box .info-line .see-item .eye-icon {
          width: 20px;
          height: 20px; }
    .topic-info-common .info-header-wrap .info-box .info-desc {
      font-weight: 400;
      font-size: 16px;
      color: rgba(47, 60, 69, 0.7);
      line-height: 20px; }
.topic-info-common .s-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px; }
  .topic-info-common .s-list .s-item {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    flex: 0 0 calc(25% - 10px);
    padding: 32px 20px 32px 32px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden; }
    .topic-info-common .s-list .s-item.s-item-new {
      transition: all 0.25s;
      min-height: 180px;
      padding: 10px 14px; }
      .topic-info-common .s-list .s-item.s-item-new:hover {
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
        .topic-info-common .s-list .s-item.s-item-new:hover p.desc {
          display: none; }
        .topic-info-common .s-list .s-item.s-item-new:hover p.desc + .new-detail-tip {
          display: flex; }
      .topic-info-common .s-list .s-item.s-item-new .new-inner {
        flex: 1;
        width: 100%;
        overflow: hidden; }
        .topic-info-common .s-list .s-item.s-item-new .new-inner .title {
          margin-bottom: 10px;
          font-size: 16px;
          font-family: "DingTalkJinBuTi";
          white-space: normal;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #000;
          font-weight: 400;
          line-height: 18px; }
        .topic-info-common .s-list .s-item.s-item-new .new-inner .info-tip {
          font-size: 12px;
          color: rgba(47, 60, 69, 0.7); }
          .topic-info-common .s-list .s-item.s-item-new .new-inner .info-tip span + span {
            margin-left: 6px; }
      .topic-info-common .s-list .s-item.s-item-new .box-main-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        column-gap: 6px;
        margin-bottom: 14px; }
        .topic-info-common .s-list .s-item.s-item-new .box-main-wrap + .desc {
          position: relative;
          font-size: 14px;
          -webkit-line-clamp: 3;
          /* 控制显示的行数 */ }
        .topic-info-common .s-list .s-item.s-item-new .box-main-wrap .s-pic {
          width: 80px;
          height: 80px; }
      .topic-info-common .s-list .s-item.s-item-new .tags {
        padding-top: 6px;
        display: flex;
        align-items: center;
        column-gap: 6px; }
        .topic-info-common .s-list .s-item.s-item-new .tags .tag {
          width: fit-content;
          height: 22px;
          line-height: 22px;
          padding: 0 6px;
          font-size: 12px;
          color: #fff;
          background-color: #008ded; }
          .topic-info-common .s-list .s-item.s-item-new .tags .tag:nth-child(n + 3) {
            display: none; }
      .topic-info-common .s-list .s-item.s-item-new .new-detail-tip {
        display: none;
        width: 138px;
        height: 34px;
        margin: 24px auto 0;
        line-height: 34px;
        justify-content: center;
        font-size: 14px;
        color: #008ded;
        background-color: #fff;
        border: 1px solid #008ded;
        border-radius: 20px; }
    .topic-info-common .s-list .s-item.system-item {
      min-height: 176px; }
      .topic-info-common .s-list .s-item.system-item .new-inner .title {
        margin-bottom: 0; }
      .topic-info-common .s-list .s-item.system-item .box-main-wrap .s-pic {
        width: 104px;
        height: 67px; }
      .topic-info-common .s-list .s-item.system-item .new-detail-tip {
        margin: 0 auto 0; }
      .topic-info-common .s-list .s-item.system-item .tags {
        padding-top: 0;
        padding-bottom: 10px; }
    .topic-info-common .s-list .s-item.not-system-item .new-inner .info-tip {
      white-space: nowrap; }
    .topic-info-common .s-list .s-item.not-system-item .new-inner .info-tip span + span {
      margin-left: 0; }
    .topic-info-common .s-list .s-item .corner-tip {
      position: absolute;
      right: -27px;
      top: -15px;
      width: 140px;
      height: 75px;
      clip-path: polygon(100% 100%, 0% 0%, 100% 0%);
      transform: scale(0.6); }
      .topic-info-common .s-list .s-item .corner-tip .tip-icon {
        position: absolute;
        right: 12px;
        top: 5px;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: cover; }
      .topic-info-common .s-list .s-item .corner-tip::after {
        display: block;
        position: absolute;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        transform-origin: center;
        transform: rotate(28deg) translateY(20px); }
    .topic-info-common .s-list .s-item .tj-tip-0 {
      background-color: RGBA(89, 188, 255, 1); }
      .topic-info-common .s-list .s-item .tj-tip-0 .tip-icon {
        background-image: url("/static/images/topic/zan.png"); }
      .topic-info-common .s-list .s-item .tj-tip-0::after {
        content: "小编推荐";
        background-color: RGBA(0, 141, 237, 1); }
    .topic-info-common .s-list .s-item .tj-tip-1 {
      background-color: RGBA(28, 217, 126, 1); }
      .topic-info-common .s-list .s-item .tj-tip-1 .tip-icon {
        background-image: url("/static/images/topic/download.png"); }
      .topic-info-common .s-list .s-item .tj-tip-1::after {
        content: "下载更多";
        background-color: RGBA(0, 175, 91, 1); }
    .topic-info-common .s-list .s-item .tj-tip-2 {
      background-color: RGBA(255, 163, 56, 1); }
      .topic-info-common .s-list .s-item .tj-tip-2 .tip-icon {
        background-image: url("/static/images/topic/heart.png"); }
      .topic-info-common .s-list .s-item .tj-tip-2::after {
        content: "最受欢迎";
        background-color: RGBA(229, 130, 14, 1); }
    .topic-info-common .s-list .s-item .tj-tip-3 {
      background-color: RGBA(255, 125, 96, 1); }
      .topic-info-common .s-list .s-item .tj-tip-3 .tip-icon {
        background-image: url("/static/images/topic/search.png"); }
      .topic-info-common .s-list .s-item .tj-tip-3::after {
        content: "热搜推荐";
        background-color: RGBA(229, 53, 14, 1); }
    .topic-info-common .s-list .s-item .s-pic {
      width: 94px;
      height: 94px;
      border-radius: 6px 6px 6px 6px; }
    .topic-info-common .s-list .s-item .title {
      font-weight: bold;
      font-size: 20px;
      color: #2f3c45;
      line-height: 23px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .topic-info-common .s-list .s-item .desc {
      font-weight: 400;
      font-size: 14px;
      color: rgba(47, 60, 69, 0.7);
      line-height: 19px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* 控制显示的行数 */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      text-indent: 1em; }
    .topic-info-common .s-list .s-item .detail-tip {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .topic-info-common .s-list .s-item .detail-tip .tip-item {
        display: flex;
        align-items: center;
        column-gap: 4px;
        font-weight: 400;
        font-size: 12px;
        color: rgba(47, 60, 69, 0.8); }
        .topic-info-common .s-list .s-item .detail-tip .tip-item img {
          width: 16px;
          height: 16px; }
    .topic-info-common .s-list .s-item .download-btn {
      width: 178px;
      height: 42px;
      margin: 0 auto;
      line-height: 42px;
      text-align: center;
      border-radius: 50px;
      border: 1px solid #008ded;
      font-weight: 400;
      font-size: 14px;
      color: #008ded;
      cursor: pointer; }

.article-type-area {
  padding: 26px 20px 20px; }
  .article-type-area .title {
    border-bottom: none;
    margin-bottom: 26px;
    padding-bottom: 0; }
  .article-type-area .title::before {
    display: none; }

.article-list .article-item {
  display: flex;
  align-items: center;
  column-gap: 10px; }
  .article-list .article-item:not(:last-child) {
    margin-bottom: 20px; }
  .article-list .article-item .article-pic {
    width: 184px;
    height: 110px;
    border-radius: 4px; }
  .article-list .article-item .article-content {
    flex: 1;
    overflow: hidden; }
    .article-list .article-item .article-content .article-title {
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 18px;
      color: #2f3c45;
      line-height: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .article-list .article-item .article-content .desc {
      margin-bottom: 10px;
      min-height: 32px;
      font-weight: 400;
      font-size: 14px;
      color: rgba(47, 60, 69, 0.7);
      line-height: 16px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* 控制显示的行数 */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .article-list .article-item .article-content .article-footer {
      display: flex;
      justify-content: space-between; }
      .article-list .article-item .article-content .article-footer .btn {
        width: 64px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #008ded;
        font-weight: 400;
        font-size: 14px;
        color: #008ded;
        cursor: pointer;
        width: 88px;
        height: 32px;
        line-height: 32px;
        background-color: #008ded;
        color: #fff; }
      .article-list .article-item .article-content .article-footer .desc-box {
        display: flex;
        align-items: center;
        column-gap: 40px; }
      .article-list .article-item .article-content .article-footer .desc-item {
        display: flex;
        align-items: center;
        column-gap: 4px;
        font-size: 14px;
        color: rgba(47, 60, 69, 0.5); }
        .article-list .article-item .article-content .article-footer .desc-item img {
          width: 20px;
          height: 20px; }

.article-info-common article {
  margin-bottom: 10px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px; }
  .article-info-common article .main-title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 30px;
    color: #2f3c45;
    line-height: 49px;
    text-align: center; }
  .article-info-common article .author-info {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: rgba(47, 60, 69, 0.5); }
    .article-info-common article .author-info em {
      color: #008ded; }
    .article-info-common article .author-info .line {
      margin: 0 14px; }
  .article-info-common article .main-content h1,
  .article-info-common article .main-content h2,
  .article-info-common article .main-content h3,
  .article-info-common article .main-content h4,
  .article-info-common article .main-content h5,
  .article-info-common article .main-content h6 {
    font-size: 16px;
    line-height: 26px;
    color: #008ded; }
  .article-info-common article .main-content p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(47, 60, 69, 0.8); }
  .article-info-common article .main-content img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .article-info-common article .page-wrap .page {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    min-width: 380px;
    font-weight: 400;
    font-size: 14px;
    color: #2f3c45;
    background-color: RGBA(238, 239, 240, 1);
    border-radius: 4px;
    box-sizing: border-box; }

.article-recommand-list .r-item a.inner-a {
  width: 100%;
  display: flex;
  align-items: center; }

.article-recommand-list .r-item .r-img {
  width: 90px; }

.article-recommand-list .r-item .r-box {
  padding-right: 6px; }

.article-recommand-list .r-item .r-box .title span {
  text-overflow: unset; }

.map-data-wrap {
  margin-bottom: 10px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px; }
  .map-data-wrap .type-title {
    font-weight: 400;
    color: #008ded; }
    .map-data-wrap .type-title.main-title {
      margin-bottom: 20px;
      font-size: 24px;
      line-height: 28px;
      font-family: "DingTalkJinBuTi"; }
    .map-data-wrap .type-title.sub-title {
      margin-bottom: 12px;
      font-size: 18px;
      line-height: 20px; }
  .map-data-wrap .map-item {
    margin-bottom: 20px; }
  .map-data-wrap .sub-map-list {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px; }
  .map-data-wrap .sub-map-item a {
    font-weight: 400;
    font-size: 14px;
    color: rgba(47, 60, 69, 0.7); }
    .map-data-wrap .sub-map-item a:hover {
      color: var(--color); }

.top-nav {
  padding: 16px 10px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  background-color: RGBA(247, 246, 246, 1); }
  .top-nav .nav-item {
    width: 228px;
    border: 1px solid transparent;
    border-radius: 6px;
    overflow: hidden; }
    .top-nav .nav-item img {
      width: 100%;
      height: 72px; }
    .top-nav .nav-item:hover {
      border-color: var(--color); }

.driver-nav {
  margin-bottom: 10px;
  padding: 14px 0;
  display: flex;
  align-items: center;
  column-gap: 20px;
  background-color: #fff; }
  .driver-nav .driver-nav-item {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 6px;
    width: 92px;
    transition: all 0.2s; }
    .driver-nav .driver-nav-item:hover .nav-name {
      color: var(--color); }
    .driver-nav .driver-nav-item:hover {
      transform: scale(1.1); }
    .driver-nav .driver-nav-item img {
      width: 28px;
      height: 28px; }
    .driver-nav .driver-nav-item .nav-name {
      font-size: 14px;
      color: #2f3c45;
      line-height: 16px; }

.selected-nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 28px;
  padding: 32px 38px;
  border-radius: 10px;
  background-color: #fff; }
  .selected-nav::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 108px;
    height: 110px;
    background: url("/static/images/select-icon.png") no-repeat;
    background-size: cover;
    z-index: 2; }
  .selected-nav .selected-nav-item {
    position: relative;
    width: 116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
    z-index: 3;
    transition: all 0.2s; }
    .selected-nav .selected-nav-item:hover p {
      color: var(--color); }
    .selected-nav .selected-nav-item:hover {
      transform: scale(1.1); }
    .selected-nav .selected-nav-item img {
      width: 94px;
      height: 94px; }
    .selected-nav .selected-nav-item p {
      width: 100%;
      text-align: center;
      font-size: 16px;
      color: #2f3c45;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all; }

.title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 16px 0 10px;
  color: var(--color);
  font-size: 24px;
  font-weight: 400;
  font-family: DingTalkJinBuTi;
  border-bottom: 1px solid rgba(47, 60, 69, 0.08); }
  .title-wrap .main-name {
    display: flex;
    align-items: center;
    column-gap: 8px; }
  .title-wrap a {
    color: var(--color);
    font-size: 14px; }

.core-area {
  display: flex;
  margin-bottom: 12px;
  column-gap: 10px; }
  .core-area .left-area {
    width: 302px;
    padding: 0 6px 0 20px;
    border-radius: 6px; }
    .core-area .left-area .soft-box {
      margin-bottom: 30px; }
      .core-area .left-area .soft-box .soft-title {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
        column-gap: 10px;
        font-size: 16px;
        color: #2f3c45; }
        .core-area .left-area .soft-box .soft-title img {
          width: 32px;
          height: 32px; }
      .core-area .left-area .soft-box .soft-type-list {
        display: flex;
        flex-wrap: wrap; }
        .core-area .left-area .soft-box .soft-type-list .type-item {
          list-style-type: disc;
          list-style-position: inside;
          margin-bottom: 10px;
          flex: 0 0 33.3%;
          font-size: 12px;
          color: rgba(47, 60, 69, 0.7); }
          .core-area .left-area .soft-box .soft-type-list .type-item:hover {
            color: var(--color); }
          .core-area .left-area .soft-box .soft-type-list .type-item a {
            color: rgba(47, 60, 69, 0.7); }
            .core-area .left-area .soft-box .soft-type-list .type-item a:hover {
              color: var(--color); }
  .core-area .middle-area {
    flex: 1;
    max-width: 570px; }
    .core-area .middle-area .core-swiper-area {
      margin-bottom: 10px; }
    .core-area .middle-area .swiper-wrapper {
      height: 310px; }
    .core-area .middle-area .swiper-pic {
      width: 100%;
      height: 298px;
      border-radius: 6px; }
    .core-area .middle-area .swiper-pagination-bullet {
      width: 90px;
      height: 2px;
      border-radius: 0;
      background-color: #d9d9d9; }
      .core-area .middle-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #028eed; }
    .core-area .middle-area .swiper-pagination-horizontal {
      bottom: 0px !important; }
    .core-area .middle-area .soft-news {
      min-height: 356px;
      padding: 20px 25px 10px;
      background-color: #fff; }
      .core-area .middle-area .soft-news .soft-nav {
        padding-bottom: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 4px; }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item {
          position: relative;
          width: 100px;
          height: 44px;
          display: flex;
          align-items: center;
          justify-content: center;
          column-gap: 4px;
          font-weight: 400;
          font-size: 16px;
          color: #2f3c45;
          border-radius: 4px; }
          .core-area .middle-area .soft-news .soft-nav .soft-nav-item .type-icon {
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-size: cover; }
          .core-area .middle-area .soft-news .soft-nav .soft-nav-item::after {
            position: absolute;
            bottom: -6px;
            display: block;
            content: "";
            width: 0;
            height: 0;
            border-left: 14px solid transparent;
            /* 上边 */
            border-right: 14px solid transparent;
            /* 下边 */
            border-top: 16px solid var(--color);
            /* 三角形的底边颜色 */
            opacity: 0; }
          .core-area .middle-area .soft-news .soft-nav .soft-nav-item::before {
            position: absolute;
            bottom: -15px;
            width: 95px;
            height: 2px;
            background-color: var(--color);
            display: block;
            content: "";
            opacity: 0; }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="all"] .type-icon {
          background-image: url("/static/images/type-all-pic.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="all"].active .type-icon, .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="all"]:hover .type-icon {
          background-image: url("/static/images/type-all-pic-active.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="drivers"] .type-icon {
          background-image: url("/static/images/type-drivers-pic.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="drivers"].active .type-icon, .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="drivers"]:hover .type-icon {
          background-image: url("/static/images/type-drivers-pic-active.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="soft"] .type-icon {
          background-image: url("/static/images/type-soft-pic.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="soft"].active .type-icon, .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="soft"]:hover .type-icon {
          background-image: url("/static/images/type-soft-pic-active.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="dll"] .type-icon {
          background-image: url("/static/images/type-dll-pic.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="dll"].active .type-icon, .core-area .middle-area .soft-news .soft-nav .soft-nav-item[data-softType="dll"]:hover .type-icon {
          background-image: url("/static/images/type-dll-pic-active.png"); }
        .core-area .middle-area .soft-news .soft-nav .soft-nav-item:hover,
        .core-area .middle-area .soft-news .soft-nav .active {
          background-color: var(--color);
          color: #fff;
          font-weight: bold; }
          .core-area .middle-area .soft-news .soft-nav .soft-nav-item:hover::after, .core-area .middle-area .soft-news .soft-nav .soft-nav-item:hover::before,
          .core-area .middle-area .soft-news .soft-nav .active::after,
          .core-area .middle-area .soft-news .soft-nav .active::before {
            opacity: 1; }
      .core-area .middle-area .soft-news .soft-data-area {
        display: none; }
        .core-area .middle-area .soft-news .soft-data-area.active {
          display: block; }
      .core-area .middle-area .soft-news .news-wrap {
        padding-top: 12px; }
        .core-area .middle-area .soft-news .news-wrap > .news-title {
          width: 100%;
          margin-bottom: 12px;
          font-weight: bold;
          font-size: 18px;
          color: #ff0000;
          line-height: 23px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-break: break-all; }
        .core-area .middle-area .soft-news .news-wrap .news-list .news-item a {
          display: flex;
          align-items: center;
          font-weight: 400;
          font-size: 12px; }
          .core-area .middle-area .soft-news .news-wrap .news-list .news-item a:hover * {
            color: var(--color) !important; }
          .core-area .middle-area .soft-news .news-wrap .news-list .news-item a img {
            width: 26px;
            height: 26px;
            margin-right: 4px;
            border-radius: 4px 4px 4px 4px; }
          .core-area .middle-area .soft-news .news-wrap .news-list .news-item a .news-title {
            width: 400px;
            margin-right: 8px;
            color: rgba(47, 60, 69, 0.7);
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-break: break-all; }
          .core-area .middle-area .soft-news .news-wrap .news-list .news-item a .desc {
            width: 304px;
            color: #2f3c45;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-break: break-all; }
          .core-area .middle-area .soft-news .news-wrap .news-list .news-item a .date {
            flex: 1;
            text-align: right;
            color: rgba(47, 60, 69, 0.8);
            float: right; }
        .core-area .middle-area .soft-news .news-wrap .news-list .news-item:not(:last-child) {
          margin-bottom: 12px; }
  .core-area .right-area {
    width: 308px;
    padding: 0 7px 16px 10px; }
    .core-area .right-area .hot-article-item {
      list-style-type: disc;
      list-style-position: inside; }
      .core-area .right-area .hot-article-item::marker {
        color: rgba(47, 60, 69, 0.7); }
      .core-area .right-area .hot-article-item:hover a {
        color: var(--color); }
      .core-area .right-area .hot-article-item a {
        width: 92%;
        display: inline-block;
        font-size: 12px;
        color: rgba(47, 60, 69, 0.7);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all; }
      .core-area .right-area .hot-article-item:not(:last-child) {
        margin-bottom: 16px; }
  .core-area .left-area,
  .core-area .right-area {
    background-color: #fff; }

.home-area-box {
  margin-bottom: 10px;
  padding: 10px 20px 20px 36px;
  background-color: #fff;
  border-radius: 10px; }
  .home-area-box .title-wrap {
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 20px; }
    .home-area-box .title-wrap img {
      width: 30px;
      height: 30px; }
    .home-area-box .title-wrap::before {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 105px;
      height: 2px;
      display: block;
      content: "";
      background-color: var(--color); }

.home-area-box .driver-content {
  display: flex;
  align-items: flex-start;
  column-gap: 52px; }
  .home-area-box .driver-content .brand-area .brand-title {
    margin-bottom: 10px;
    font-weight: 400;
    font-family: "DingTalkJinBuTi";
    font-size: 16px;
    line-height: 20px;
    color: #008ded; }
  .home-area-box .driver-content .brand-area .brand-list {
    width: 272px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px; }
    .home-area-box .driver-content .brand-area .brand-list .brand-item {
      width: 126px;
      font-weight: 400;
      font-size: 16px;
      text-align: center;
      color: rgba(47, 60, 69, 0.8);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all;
      transition: all 0.2s; }
      .home-area-box .driver-content .brand-area .brand-list .brand-item:hover {
        transform: scale(1.1); }
      .home-area-box .driver-content .brand-area .brand-list .brand-item img {
        width: 100%;
        margin-bottom: 10px;
        height: 64px;
        border-radius: 4px; }
  .home-area-box .driver-content .d-sort-area {
    flex: 1; }
    .home-area-box .driver-content .d-sort-area .d-sort-nav {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 20px;
      column-gap: 40px;
      padding: 12px 0 20px;
      border-bottom: 1px solid rgba(47, 60, 69, 0.08); }
      .home-area-box .driver-content .d-sort-area .d-sort-nav .d-nav-item {
        width: 104px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        background-color: #f5f5f5;
        border-radius: 20px;
        font-size: 14px;
        color: #2f3c45;
        transition: all 0.2s; }
        .home-area-box .driver-content .d-sort-area .d-sort-nav .d-nav-item.active, .home-area-box .driver-content .d-sort-area .d-sort-nav .d-nav-item:hover {
          color: #fff;
          background-color: #2f3c45; }
    .home-area-box .driver-content .d-sort-area .d-data-area {
      display: none;
      column-gap: 54px; }
      .home-area-box .driver-content .d-sort-area .d-data-area.active {
        display: flex;
        align-items: flex-start; }
      .home-area-box .driver-content .d-sort-area .d-data-area .hot-d {
        width: 488px; }
        .home-area-box .driver-content .d-sort-area .d-data-area .hot-d h3 {
          margin-bottom: 20px;
          font-weight: 400;
          font-size: 14px;
          color: rgba(47, 60, 69, 0.8);
          line-height: 16px; }
        .home-area-box .driver-content .d-sort-area .d-data-area .hot-d .hot-d-list .hot-d-item {
          padding: 6px 10px 6px 20px;
          background: #f5f5f5;
          border-radius: 4px;
          position: relative; }
          .home-area-box .driver-content .d-sort-area .d-data-area .hot-d .hot-d-list .hot-d-item::before {
            position: absolute;
            left: 6px;
            top: 50%;
            margin-top: -2px;
            display: block;
            width: 4px;
            height: 4px;
            background-color: #000;
            border-radius: 50%;
            content: ""; }
          .home-area-box .driver-content .d-sort-area .d-data-area .hot-d .hot-d-list .hot-d-item a {
            display: inline-block;
            width: calc(100% - 20px);
            margin-top: 2px;
            font-size: 14px;
            color: #2f3c45;
            line-height: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-break: break-all; }
            .home-area-box .driver-content .d-sort-area .d-data-area .hot-d .hot-d-list .hot-d-item a:hover {
              color: var(--color); }
            .home-area-box .driver-content .d-sort-area .d-data-area .hot-d .hot-d-list .hot-d-item a span {
              line-height: 16px; }
          .home-area-box .driver-content .d-sort-area .d-data-area .hot-d .hot-d-list .hot-d-item:not(:last-child) {
            margin-bottom: 18px; }
      .home-area-box .driver-content .d-sort-area .d-data-area .rank-area {
        flex: 1; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area h3 {
          margin-bottom: 24px; }
          .home-area-box .driver-content .d-sort-area .d-data-area .rank-area h3 a {
            font-size: 14px;
            color: #2f3c45; }
            .home-area-box .driver-content .d-sort-area .d-data-area .rank-area h3 a.active, .home-area-box .driver-content .d-sort-area .d-data-area .rank-area h3 a:hover {
              color: var(--color); }
          .home-area-box .driver-content .d-sort-area .d-data-area .rank-area h3 .line {
            margin: 0 10px;
            color: rgba(47, 60, 69, 0.7); }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-l {
          display: none; }
          .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-l.active {
            display: block; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item .content-span {
          display: block;
          width: 260px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-break: break-all; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item:not(:last-child) {
          margin-bottom: 24px; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item:first-child a span {
          color: #ff2b2b; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item:nth-child(2) a span {
          color: #ff7c44; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item:nth-child(3) a span {
          color: #ffc32b; }
        .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item a {
          width: 100%;
          display: flex;
          align-items: center;
          column-gap: 6px;
          font-size: 12px;
          color: #2f3c45;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-break: break-all; }
          .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item a:hover {
            color: var(--color); }
          .home-area-box .driver-content .d-sort-area .d-data-area .rank-area .rank-list .rank-item a span {
            display: block;
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            background: #f5f5f5;
            border-radius: 2px; }

.home-area-box .soft-inner-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }
  .home-area-box .soft-inner-content .soft-item a {
    width: 270px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 32px 22px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid rgba(47, 60, 69, 0.1); }
  .home-area-box .soft-inner-content .soft-item .detail {
    flex: 1; }
  .home-area-box .soft-inner-content .soft-item img.soft-pic {
    width: 56px;
    height: 56px;
    border-radius: 6px; }
  .home-area-box .soft-inner-content .soft-item .soft-title {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #2f3c45;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all; }
  .home-area-box .soft-inner-content .soft-item .tag-wrap {
    font-size: 12px;
    line-height: 16px;
    color: #2f3c45;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .home-area-box .soft-inner-content .soft-item .tag-wrap .left-box,
    .home-area-box .soft-inner-content .soft-item .tag-wrap .left-box span {
      display: flex;
      align-items: center; }
    .home-area-box .soft-inner-content .soft-item .tag-wrap .left-box {
      column-gap: 9px; }
    .home-area-box .soft-inner-content .soft-item .tag-wrap .left-box span {
      align-items: flex-end;
      column-gap: 2px; }
    .home-area-box .soft-inner-content .soft-item .tag-wrap img {
      width: 16px;
      height: 16px; }

.home-area-box .topic-type-area {
  padding: 6px 0 0; }
  .home-area-box .topic-type-area .topic-list .topic-item {
    width: 212px; }
  .home-area-box .topic-type-area img {
    border-radius: 6px; }

.new-update-area .title-wrap {
  position: relative; }
.new-update-area .update-sort-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }
  .new-update-area .update-sort-nav a {
    font-size: 16px;
    font-weight: 400;
    font-family: " Microsoft YaHei"; }
  .new-update-area .update-sort-nav .line {
    color: RGBA(223, 225, 227, 1); }
  .new-update-area .update-sort-nav a {
    color: rgba(47, 60, 69, 0.8); }
    .new-update-area .update-sort-nav a:hover, .new-update-area .update-sort-nav a.active {
      color: #008ded;
      font-weight: bold; }
  .new-update-area .update-sort-nav a + a::before {
    display: inline-block;
    position: relative;
    top: -2px;
    content: "|";
    margin: 0 10px 0 6px;
    color: RGBA(223, 225, 227, 1);
    font-size: 16px; }
.new-update-area .update-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px; }
  .new-update-area .update-list .update-item {
    width: 344px;
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    font-size: 14px; }
    .new-update-area .update-list .update-item a {
      display: flex;
      justify-content: space-between;
      color: rgba(47, 60, 69, 0.8); }
      .new-update-area .update-list .update-item a:hover {
        color: var(--color); }
      .new-update-area .update-list .update-item a .name {
        display: block;
        width: 237px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all; }
    .new-update-area .update-list .update-item .date {
      color: #008ded; }
.new-update-area .update-sort-data {
  display: none; }
  .new-update-area .update-sort-data.active {
    display: block; }

.link-area-box.new-update-area .update-list {
  flex: 0 0 14.28%; }
  .link-area-box.new-update-area .update-list .update-item {
    width: auto; }

.latest-main-wrap {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  padding-bottom: 10px; }
  .latest-main-wrap .left-aside {
    width: 330px;
    padding: 27px 16px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff; }
    .latest-main-wrap .left-aside .title-wrap-aside,
    .latest-main-wrap .left-aside .inner-title {
      display: flex;
      align-items: center; }
    .latest-main-wrap .left-aside .title-wrap-aside {
      margin-bottom: 20px;
      justify-content: space-between;
      cursor: pointer; }
    .latest-main-wrap .left-aside .inner-title {
      column-gap: 4px;
      font-family: "DingTalkJinBuTi";
      font-weight: 400;
      font-size: 24px;
      color: var(--color); }
      .latest-main-wrap .left-aside .inner-title img {
        width: 30px;
        height: 30px; }
    .latest-main-wrap .left-aside .down-icon {
      width: 12px;
      height: 12px;
      background: url("/static/images/soft-down-icon.png") no-repeat;
      background-size: cover; }
    .latest-main-wrap .left-aside .type-box:not(:last-child) {
      margin-bottom: 20px; }
    .latest-main-wrap .left-aside .type-box .type-list {
      display: none; }
    .latest-main-wrap .left-aside .type-box.show-ul .type-list {
      display: block; }
    .latest-main-wrap .left-aside .type-list .type-item {
      height: 40px;
      padding: 0 12px;
      line-height: 40px;
      font-size: 16px;
      border-radius: 4px;
      transition: all 0.25s;
      box-sizing: border-box; }
      .latest-main-wrap .left-aside .type-list .type-item a {
        color: #2f3c45; }
      .latest-main-wrap .left-aside .type-list .type-item:not(:last-child) {
        margin-bottom: 10px; }
      .latest-main-wrap .left-aside .type-list .type-item.grandson-item:not(:last-child) {
        margin-bottom: 4px; }
      .latest-main-wrap .left-aside .type-list .type-item.active, .latest-main-wrap .left-aside .type-list .type-item:hover {
        background-color: rgba(0, 141, 237, 0.08); }
        .latest-main-wrap .left-aside .type-list .type-item.active a, .latest-main-wrap .left-aside .type-list .type-item:hover a {
          color: #008ded; }
    .latest-main-wrap .left-aside .type-list .driver-type-item {
      height: auto;
      font-size: 16px;
      margin-bottom: 12px; }
      .latest-main-wrap .left-aside .type-list .driver-type-item > a {
        padding-left: 4px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0; }
    .latest-main-wrap .left-aside .type-list .child-title:hover {
      color: var(--color); }
    .latest-main-wrap .left-aside .dll-type-list .type-item {
      display: inline-block;
      min-width: 14.6%;
      text-align: center;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      .latest-main-wrap .left-aside .dll-type-list .type-item:not(:last-child) {
        margin-bottom: 4px; }
  .latest-main-wrap .latest-content {
    flex: 1;
    padding: 22px 20px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 16px; }
    .latest-main-wrap .latest-content .th .td {
      color: #008ded;
      font-weight: bold; }
    .latest-main-wrap .latest-content .td {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all; }
    .latest-main-wrap .latest-content .tr,
    .latest-main-wrap .latest-content .th {
      display: flex;
      margin-bottom: 10px;
      height: 40px;
      line-height: 40px; }
      .latest-main-wrap .latest-content .tr .td,
      .latest-main-wrap .latest-content .th .td {
        width: 118px;
        padding-left: 20px;
        text-align: center; }
        .latest-main-wrap .latest-content .tr .td:not(:last-child),
        .latest-main-wrap .latest-content .th .td:not(:last-child) {
          margin-right: 24px; }
      .latest-main-wrap .latest-content .tr .td:first-child,
      .latest-main-wrap .latest-content .th .td:first-child {
        width: 80px; }
      .latest-main-wrap .latest-content .tr .td:nth-child(2),
      .latest-main-wrap .latest-content .th .td:nth-child(2) {
        width: 252px; }
    .latest-main-wrap .latest-content .tbody li a {
      color: rgba(47, 60, 69, 0.7); }
      .latest-main-wrap .latest-content .tbody li a:hover {
        color: #2f3c45;
        background-color: rgba(0, 141, 237, 0.08); }

.about-us-wrap {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  padding: 30px 40px;
  background-color: #fff;
  column-gap: 50px; }
  .about-us-wrap .left-aside {
    width: 248px; }
    .about-us-wrap .left-aside .menu-item {
      padding-left: 80px;
      height: 45px;
      line-height: 45px;
      border-radius: 6px;
      box-sizing: border-box;
      font-weight: 400;
      font-size: 16px;
      box-sizing: border-box;
      cursor: pointer; }
      .about-us-wrap .left-aside .menu-item:not(:last-child) {
        margin-bottom: 10px; }
      .about-us-wrap .left-aside .menu-item a {
        color: #2f3c45; }
      .about-us-wrap .left-aside .menu-item .name {
        margin-right: 6px; }
      .about-us-wrap .left-aside .menu-item .right-arrow {
        font-family: "宋体";
        font-weight: 500; }
      .about-us-wrap .left-aside .menu-item:hover, .about-us-wrap .left-aside .menu-item.active {
        background-color: #008ded; }
        .about-us-wrap .left-aside .menu-item:hover a, .about-us-wrap .left-aside .menu-item.active a {
          color: #fff; }
  .about-us-wrap .main-content {
    flex: 1;
    padding-left: 50px;
    min-height: 630px;
    box-sizing: border-box;
    border-left: 1px dashed #ddd; }
    .about-us-wrap .main-content .title {
      margin-bottom: 18px;
      font-weight: bold;
      font-size: 20px;
      line-height: 24px;
      color: #2f3c45;
      text-align: center; }
    .about-us-wrap .main-content .content {
      font-size: 14px;
      color: #2f3c45;
      line-height: 21px;
      font-weight: 400; }

.back-top {
  display: none;
  position: fixed;
  bottom: 200px;
  right: 40px;
  width: 46px;
  height: 46px;
  background: url("/static/images/back-to-top.png") no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 9999; }
  .back-top:hover {
    transform: scale(1.1); }

.down-info-wrap .download-target {
  margin-bottom: 10px;
  font-size: 18px;
  cursor: pointer;
  color: var(--color); }
.down-info-wrap .download-area {
  border: none; }
  .down-info-wrap .download-area .download-way:hover {
    color: var(--color); }

.download-fix-wrap {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 10px;
  background-color: #fff;
  box-shadow: 0px -10px 20px 0px #e3e3e3;
  margin-bottom: 0;
  border-radius: 0;
  z-index: 9999; }
  .download-fix-wrap .inner-content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .download-fix-wrap .logo-pic {
    width: 160px; }
  .download-fix-wrap.infortop-new .download-area {
    display: flex;
    align-items: center;
    width: auto; }
    .download-fix-wrap.infortop-new .download-area .download-btn {
      height: 57px;
      min-width: 200px;
      font-size: 16px; }
      .download-fix-wrap.infortop-new .download-area .download-btn * {
        cursor: pointer; }
    .download-fix-wrap.infortop-new .download-area .normal-download {
      margin-bottom: 0;
      margin-right: 10px; }
    .download-fix-wrap.infortop-new .download-area .download-icon {
      width: 26px; }

.driver-list-main-wrap .main-title {
  display: none; }

.pc-search-icon {
  display: block; }

.mobile-search-icon {
  display: none; }

.mobile-show {
  display: none; }

.new-logo_area {
  display: flex;
  align-items: center;
  column-gap: 20px; }
  .new-logo_area img {
    height: 60px;
    max-width: 160px;
    width: auto !important;
    display: block; }
  .new-logo_area strong {
    max-width: 350px;
    font-size: 22px;
    color: #040404;
    vertical-align: middle;
    display: inline-block; }
  .new-logo_area p {
    font-size: 16px;
    color: #7a7a7a; }

.tr-a {
  display: block;
  width: 100%;
  display: flex; }

.inner-wrap-a {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 10px; }

.info-main-content .box-area .soft-pic {
  width: auto;
  max-height: 200px;
  height: auto;
  margin: 0 auto; }

.fullscreen-swiper-wrap {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .fullscreen-swiper-wrap .full-swiper {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    background-color: #fff; }
  .fullscreen-swiper-wrap .close-wrap {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    right: 30px;
    top: 30px;
    font-size: 30px;
    font-family: '宋体';
    z-index: 9999; }
    .fullscreen-swiper-wrap .close-wrap:hover {
      opacity: 0.8; }
  .fullscreen-swiper-wrap .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .fullscreen-swiper-wrap .swiper-slide img {
      min-width: 600px; }

.recommand-list.d-recommand-list .r-item .r-img-wrap {
  width: 74px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 4px; }
  .recommand-list.d-recommand-list .r-item .r-img-wrap .r-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-right: 0;
    border-radius: 0; }

.header-wrap .header-center .nav li a {
  display: flex;
  align-items: center;
  column-gap: 4px; }

.ad-container {
  width: 100%;
  margin: 10px auto; }
  .ad-container a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .ad-container a img {
      display: block;
      width: 100%; }
  .ad-container.small-ad-box {
    height: 70px; }
    .ad-container.small-ad-box img {
      max-height: 70px; }
  .ad-container.big-ad-box {
    height: 90px; }
    .ad-container.big-ad-box img {
      max-height: 90px; }

.infortop-new .download-area .save-download.save-download_new,
.infortop-new .download-area .download-btn.normal-download_new {
  height: 74px;
  border-radius: 10px;
  transition: 0.25s; }

.infortop-new .download-area .save-download.save-download_new {
  margin-bottom: 10px;
  background: linear-gradient(180deg, #408BE8 0%, #3F95FF 100%); }
  .infortop-new .download-area .save-download.save-download_new:hover {
    background: linear-gradient(180deg, #408BE8 0%, #3F95FF 100%), rgba(0, 0, 0, 0.1);
    background-blend-mode: overlay; }
  .infortop-new .download-area .save-download.save-download_new a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 6px;
    height: 100%; }
    .infortop-new .download-area .save-download.save-download_new a .inner-a-box {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 3px;
      font-weight: 600;
      font-size: 24px;
      color: #FFFFFF; }
      .infortop-new .download-area .save-download.save-download_new a .inner-a-box img {
        width: 26px;
        height: 26px; }

.infortop-new .download-area .download-btn.normal-download_new {
  margin-bottom: 0;
  background: linear-gradient(180deg, #D9D9D9 0%, #D9D9D9 100%); }
  .infortop-new .download-area .download-btn.normal-download_new:hover {
    background: linear-gradient(180deg, #D9D9D9 0%, #D9D9D9 100%), rgba(0, 0, 0, 0.1);
    background-blend-mode: overlay; }
  .infortop-new .download-area .download-btn.normal-download_new a {
    color: #323c45;
    font-size: 18px; }

.download-fix-wrap.infortop-new .download-area_new {
  column-gap: 12px; }
  .download-fix-wrap.infortop-new .download-area_new .save-download.save-download_new {
    margin-bottom: 0; }
  .download-fix-wrap.infortop-new .download-area_new .download-btn.normal-download_new, .download-fix-wrap.infortop-new .download-area_new .save-download.save-download_new {
    width: 228px; }

#downloadSite h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #323232; }
#downloadSite .new_download_area .safe-way-download {
  margin-bottom: 20px; }
#downloadSite .new_download_area .safe-ways-wrap {
  display: flex;
  align-items: center;
  column-gap: 16px; }
  #downloadSite .new_download_area .safe-ways-wrap a {
    width: 136px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    border-radius: 5px;
    font-size: 16px;
    color: #dddcf8;
    background: #496ef3;
    transition: 0.25s; }
    #downloadSite .new_download_area .safe-ways-wrap a:hover {
      opacity: 0.8; }
    #downloadSite .new_download_area .safe-ways-wrap a i {
      width: 22px;
      height: 22px;
      display: block;
      background: url("/static/images/new-download-icon.svg") no-repeat;
      background-size: 100% 100%; }
#downloadSite .new_download_area .download-ways-wrap {
  display: flex;
  align-items: center;
  column-gap: 24px; }
  #downloadSite .new_download_area .download-ways-wrap .download-way {
    display: flex;
    align-items: center;
    column-gap: 6px; }
    #downloadSite .new_download_area .download-ways-wrap .download-way:hover {
      color: #008ded; }
      #downloadSite .new_download_area .download-ways-wrap .download-way:hover i {
        width: 22px;
        height: 22px;
        display: block;
        background: url("/static/images/new-download-blue.svg") no-repeat;
        background-size: 100% 100%; }
    #downloadSite .new_download_area .download-ways-wrap .download-way i {
      width: 22px;
      height: 22px;
      display: block;
      background: url("/static/images/new-download-green.svg") no-repeat;
      background-size: 100% 100%; }

/*# sourceMappingURL=base.css.map */