.header {
  height: 64px;
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  background: #0080FF;
  -webkit-backdrop-filter: saturate(180%) blur(4px);
  backdrop-filter: saturate(180%) blur(4px);
}

.header .logo-a {
  display: block;
  height: 100%;
}

.header .logo .logo-img {
  display: block;
  padding: 12px 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
}

.header .logo svg {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 40px;
  fill: #fff;
}

.header .header-main {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 15px;
  height: 100%;
}

@media (min-width: 1330px) {
  .header .header-main {
    padding: 0 30px;
  }
}

@media (max-width: 999.5px) {
  .header {
    height: 44px;
  }

  .header .container {
    padding-left: 80px;
  }

  .header .container .wrap-left {
    display: block;
    width: 60px;
    padding-left: 20px;
  }

  .header .logo .logo-img {
    padding: 8px 0;
  }

  .header .logo svg {
    height: 28px;
  }

  .header .header-main {
    padding: 0 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.h-menus {
  display: none;
}

.container1 {
  position: relative;
  height: 100%;
}

.container1 .wrap-left {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 177px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 17px;
  height: 100%;
}

@media (max-width: 999.5px) {
  .header .container1 .wrap-left {
    display: block;
    width: 60px;
    padding-left: 20px;
  }
}

@media (min-width: 1000px) {
  .container1 {
    padding-left: 170px;
  }

  .container1 .wrap-left {
    display: block;
  }
}

@media (min-width: 1660px) {
  .container1 {
    padding-left: 180px;
  }

  .container1 .wrap-left {
    padding-left: 27px;
  }
}

@media (min-width: 1900px) {
  .container1 {
    /* width: 1720px; */
    margin: 0 auto;
  }
}

.part-navigations .titles-wrap {
  background-color: #fff;
  padding: 20px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}

@media (min-width: 750px) {
  .part-navigations .titles-wrap {
    -webkit-box-shadow: 0 10px 30px 0 rgba(70, 86, 125, 0.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(70, 86, 125, 0.15);
    box-shadow: 0 10px 30px 0 rgba(70, 86, 125, 0.15);
  }
}

.part-navigations .pt {
  white-space: nowrap;
  font-size: 16px;
  color: #3c3c3c;
  line-height: 18px;
  margin-bottom: 10px;
  text-align: center;
}

.part-navigations .titles {
  width: 288px;
}

.part-navigations .ptitle {
  display: block;
  color: #5a5a5a;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.part-navigations .ptitle:hover {
  color: #0080ff;
  background-color: #f1f7fc;
}

.part-navigations .ptitle .ico {
  display: block;
  width: 40px;
  line-height: 40px;
  margin: 0 auto 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#28c687),
      to(#24fba5));
  background: -webkit-linear-gradient(top, #28c687 0%, #24fba5 100%);
  background: -moz- oldlinear-gradient(top, #28c687 0%, #24fba5 100%);
  background: -o-linear-gradient(top, #28c687 0%, #24fba5 100%);
  background: linear-gradient(180deg, #28c687 0%, #24fba5 100%);
}

.part-navigations .ptitle strong {
  display: block;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: center;
  font-weight: normal;
}

.part-navigations .f-item:nth-child(6n + 2) .ico {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#4093fb),
      to(#83baff));
  background: -webkit-linear-gradient(top, #4093fb 0%, #83baff 100%);
  background: -moz- oldlinear-gradient(top, #4093fb 0%, #83baff 100%);
  background: -o-linear-gradient(top, #4093fb 0%, #83baff 100%);
  background: linear-gradient(180deg, #4093fb 0%, #83baff 100%);
}

.part-navigations .f-item:nth-child(6n + 3) .ico {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#ff7e51),
      to(#ff9975));
  background: -webkit-linear-gradient(top, #ff7e51 0%, #ff9975 100%);
  background: -moz- oldlinear-gradient(top, #ff7e51 0%, #ff9975 100%);
  background: -o-linear-gradient(top, #ff7e51 0%, #ff9975 100%);
  background: linear-gradient(180deg, #ff7e51 0%, #ff9975 100%);
}

.part-navigations .f-item:nth-child(6n + 4) .ico {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#ff980f),
      to(#ffbf6a));
  background: -webkit-linear-gradient(top, #ff980f 0%, #ffbf6a 100%);
  background: -moz- oldlinear-gradient(top, #ff980f 0%, #ffbf6a 100%);
  background: -o-linear-gradient(top, #ff980f 0%, #ffbf6a 100%);
  background: linear-gradient(180deg, #ff980f 0%, #ffbf6a 100%);
}

.part-navigations .f-item:nth-child(6n + 5) .ico {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#966ce0),
      to(#c2a0ff));
  background: -webkit-linear-gradient(top, #966ce0 0%, #c2a0ff 100%);
  background: -moz- oldlinear-gradient(top, #966ce0 0%, #c2a0ff 100%);
  background: -o-linear-gradient(top, #966ce0 0%, #c2a0ff 100%);
  background: linear-gradient(180deg, #966ce0 0%, #c2a0ff 100%);
}

.part-navigations .f-item:nth-child(6n) .ico {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#c044fb),
      to(#dd94ff));
  background: -webkit-linear-gradient(top, #c044fb 0%, #dd94ff 100%);
  background: -moz- oldlinear-gradient(top, #c044fb 0%, #dd94ff 100%);
  background: -o-linear-gradient(top, #c044fb 0%, #dd94ff 100%);
  background: linear-gradient(180deg, #c044fb 0%, #dd94ff 100%);
}

@media (max-width: 749.5px) {
  .part-navigations .titles-wrap {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  }

  .part-navigations .titles {
    width: 100%;
  }

  .part-navigations .pt {
    margin: 10px 0;
  }
}

h-menus {
  display: none;
}

@media (min-width: 1000px) {
  .h-menus {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.h-menus .part-header-bar-menu {
  height: 100%;
}

.h-menus .b-wrap {
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.h-menus .menu-a {
  display: block;
  margin: 0 8px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

.h-menus .menu-a img {
  width: 11px;
  height: 11px;
  position: relative;
  top: -5px;
}

.h-menus .menu-a:hover {
  color: #fff;
}

@media (min-width: 1330px) {
  .h-menus .menu-a {
    padding: 8px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 15px;
  }

  .h-menus .menu-a:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}

.h-menus .menu-item {
  position: relative;
}

.h-menus .menu-item:hover .submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  top: 100%;
}

@media (min-width: 1330px) {
  .h-menus .menu-item:hover .menu-a {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
  }
}

.h-menus .menu-item:nth-child(1) .more .submenu-wrap {
  -webkit-transform: translate(100px, 0);
  -moz-transform: translate(100px, 0);
  -ms-transform: translate(100px, 0);
  -o-transform: translate(100px, 0);
  transform: translate(100px, 0);
}

.h-menus .menu-item:last-child .more .submenu-wrap {
  -webkit-transform: translate(-100px, 0);
  -moz-transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  -o-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
}

.h-menus .submenu {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  position: absolute;
  left: 50%;
  top: 80%;
  padding-top: 15px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.h-menus .submenu::before {
  content: "";
  display: block;
  border: 5px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  left: 50%;
  top: 6px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.h-menus .submenu-wrap {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 10px 30px 0 rgba(70, 86, 125, 0.15);
  -moz-box-shadow: 0 10px 30px 0 rgba(70, 86, 125, 0.15);
  box-shadow: 0 10px 30px 0 rgba(70, 86, 125, 0.15);
}

.h-menus .submenu-item {
  display: block;
  color: #5a5a5a;
}

.h-menus .submenu-item:hover {
  color: #0080ff;
}

.h-menus .submenu-item:hover .submenu-item-wrap {
  background: #f1f7fc;
}

.h-menus .submenu-item:nth-child(9n + 2) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#28c687),
      to(#4ae287));
  background: -webkit-linear-gradient(top, #28c687 0%, #4ae287 100%);
  background: -moz- oldlinear-gradient(top, #28c687 0%, #4ae287 100%);
  background: -o-linear-gradient(top, #28c687 0%, #4ae287 100%);
  background: linear-gradient(180deg, #28c687 0%, #4ae287 100%);
}

.h-menus .submenu-item:nth-child(9n + 3) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#3480fd),
      to(#a9caff));
  background: -webkit-linear-gradient(top, #3480fd 0%, #a9caff 100%);
  background: -moz- oldlinear-gradient(top, #3480fd 0%, #a9caff 100%);
  background: -o-linear-gradient(top, #3480fd 0%, #a9caff 100%);
  background: linear-gradient(180deg, #3480fd 0%, #a9caff 100%);
}

.h-menus .submenu-item:nth-child(9n + 4) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#5c00ff),
      to(#c2a0ff));
  background: -webkit-linear-gradient(top, #5c00ff 0%, #c2a0ff 100%);
  background: -moz- oldlinear-gradient(top, #5c00ff 0%, #c2a0ff 100%);
  background: -o-linear-gradient(top, #5c00ff 0%, #c2a0ff 100%);
  background: linear-gradient(180deg, #5c00ff 0%, #c2a0ff 100%);
}

.h-menus .submenu-item:nth-child(9n + 5) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#ff980f),
      to(#ffbf6a));
  background: -webkit-linear-gradient(top, #ff980f 0%, #ffbf6a 100%);
  background: -moz- oldlinear-gradient(top, #ff980f 0%, #ffbf6a 100%);
  background: -o-linear-gradient(top, #ff980f 0%, #ffbf6a 100%);
  background: linear-gradient(180deg, #ff980f 0%, #ffbf6a 100%);
}

.h-menus .submenu-item:nth-child(9n + 6) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#4c99c9),
      to(#98c4e1));
  background: -webkit-linear-gradient(top, #4c99c9 0%, #98c4e1 100%);
  background: -moz- oldlinear-gradient(top, #4c99c9 0%, #98c4e1 100%);
  background: -o-linear-gradient(top, #4c99c9 0%, #98c4e1 100%);
  background: linear-gradient(180deg, #4c99c9 0%, #98c4e1 100%);
}

.h-menus .submenu-item:nth-child(9n + 7) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#0075ce),
      to(#46bbfe));
  background: -webkit-linear-gradient(top, #0075ce 0%, #46bbfe 100%);
  background: -moz- oldlinear-gradient(top, #0075ce 0%, #46bbfe 100%);
  background: -o-linear-gradient(top, #0075ce 0%, #46bbfe 100%);
  background: linear-gradient(180deg, #0075ce 0%, #46bbfe 100%);
}

.h-menus .submenu-item:nth-child(9n + 8) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#e06c6c),
      to(#ffa0c2));
  background: -webkit-linear-gradient(top, #e06c6c 0%, #ffa0c2 100%);
  background: -moz- oldlinear-gradient(top, #e06c6c 0%, #ffa0c2 100%);
  background: -o-linear-gradient(top, #e06c6c 0%, #ffa0c2 100%);
  background: linear-gradient(180deg, #e06c6c 0%, #ffa0c2 100%);
}

.h-menus .submenu-item:nth-child(9n) .submenu-item-icon {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#b537e1),
      to(#d678f5));
  background: -webkit-linear-gradient(top, #b537e1 0%, #d678f5 100%);
  background: -moz- oldlinear-gradient(top, #b537e1 0%, #d678f5 100%);
  background: -o-linear-gradient(top, #b537e1 0%, #d678f5 100%);
  background: linear-gradient(180deg, #b537e1 0%, #d678f5 100%);
}

.h-menus .submenu-item-wrap {
  padding: 10px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.h-menus .submenu-item-title {
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
}

.h-menus .submenu-item-icon {
  width: 40px;
  line-height: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#ff3701),
      to(#ff8b3c));
  background: -webkit-linear-gradient(top, #ff3701 0%, #ff8b3c 100%);
  background: -moz- oldlinear-gradient(top, #ff3701 0%, #ff8b3c 100%);
  background: -o-linear-gradient(top, #ff3701 0%, #ff8b3c 100%);
  background: linear-gradient(180deg, #ff3701 0%, #ff8b3c 100%);
  margin: 0 auto 8px;
  font-size: 20px;
}

@media (max-width: 999.5px) {
  .h-menus .submenu {
    display: none;
  }
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex .f-box {
  width: 100%;
  height: 100%;
}

.flex,
.f-item,
.f-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.part-footer-copyright {
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  background: #0080FF;
  line-height: 2.08333333em;
  padding: 22px 24px;
  position: relative;
  z-index: 10;
}

.part-footer-copyright a {
  color: inherit;
  margin: 0 5px;
  white-space: nowrap;
}

.part-footer-copyright a:hover {
  color: #fff;
}

.part-footer-copyright p img {
  margin-bottom: 4px;
}

.part-footer-copyright .statement p {
  color: #fff;
}

@media (min-width: 750px) {
  .part-footer-copyright .links a {
    margin: 0 10px;
  }
}

.part-footer-top {
  background-color: #0080FF;
  font-size: 14px;
  color: #fff;
  display: none;
  position: relative;
  z-index: 10;
}

@media (min-width: 750px) {
  .part-footer-top {
    display: block;
  }
}

.part-footer-top .pt {
  padding: 25px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.part-footer-top .pt-l {
  line-height: 38px;
  display: none;
}

@media (min-width: 1330px) {
  .part-footer-top .pt-l {
    display: block;
  }
}

.part-footer-top .i {
  display: inline-block;
  vertical-align: top;
  padding: 0 35px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  color: #1665ff;
  margin: 0 10px;
}

.part-footer-top .pt-r {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  line-height: 32px;
}

.part-footer-top .pt-r .item {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  padding: 5px;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  transition: all 0.3s;
}

.part-footer-top .pt-r .item:hover {
  color: #fff;
  transform: translateY(-5px);
}

.part-footer-top .pt-r .i-ico {
  text-align: center;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  font-size: 20px;
  color: #1665ff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.part-footer-top .pt-r .icon-xiaohongshu {
  font-size: 26px;
}

.part-footer-top .item-wechat:hover .code-div {
  display: block;
}

.part-footer-top .code-div {
  position: absolute;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
  padding-bottom: 10px;
}

.part-footer-top .code-div .ewmDiv {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #e8e8e8;
  position: relative;
}

.part-footer-top .code-div .ewmDiv::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border: 5px solid transparent;
  border-top-color: #fff;
}

.part-footer-top .code-div .ewm-item {
  width: 100px;
  overflow: hidden;
}

.part-footer-top .code-div .ewm-item .code-wrap {
  width: 100%;
}

.part-footer-top .code-div .ewm-item .ewm-main p {
  text-align: center;
  font-size: 14px;
  color: #000;
}

.part-footer-top .code-div .ewm-wechat h5 {
  color: #47c333;
}

.part-footer-top .code-div .code {
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.part-footer-top .code-div h5 {
  font-size: 12px;
  color: #f30;
}

.part-footer-top .code-div p {
  color: #8f8f8f;
  font-size: 12px;
  line-height: 1.3;
}

.part-footer-top .code-div .wechat {
  background-image: url(https://image.uisdc.com/wp-content/uploads/2019/01/wechat2x.png);
}

.part-sidebar {
  position: fixed;
  top: 94px;
  left: 0;
  width: 167px;
  display: none;
}

.part-sidebar.a-fixed {
  position: fixed;
  z-index: 2;
  top: 94px;
}

.part-sidebar.a-absolute {
  position: fixed;
  /* top: auto; */
  bottom: 0;
}

@media (min-width: 1000px) {
  .part-sidebar {
    display: block;
  }
}

@media (min-width: 1660px) {
  .part-sidebar {
    width: 177px;
  }
}

@media (min-width: 1900px) {
  .part-sidebar {
    left: auto;
    margin-left: -511px;
  }
}

.part-sidebar .sidebar-menu-wrap {
  position: relative;
}

.part-sidebar .sidebar-menu {
  position: relative;
  padding-left: 17px;
  max-height: -webkit-calc(100vh - 170px);
  max-height: -moz-calc(100vh - 170px);
  max-height: calc(100vh - 170px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

@media (min-width: 1660px) {
  .part-sidebar .sidebar-menu {
    padding-left: 27px;
  }
}

.part-sidebar .sidebar-menu::-webkit-scrollbar {
  display: none;
}

.part-sidebar .sidebar-menu .menu-item {
  display: block;
  width: 150px;
}

.part-sidebar .sidebar-menu .menu-a {
  display: flex;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  padding: 11px 20px 11px 15px;
  position: relative;
  color: #5a5a5a;
}

/* .part-sidebar .sidebar-menu .menu-a .in {
  display: block;
  line-height: 20px;
} */
.part-sidebar .sidebar-menu .menu-a .in {
  /* display: block; */
  line-height: 20px;
}

.part-sidebar .sidebar-menu .menu-a .in img {
  /* display: block; */
  /* line-height: 20px; */
  width: 19px;
  height: 19px;
}

.part-sidebar .sidebar-menu .menu-a:hover .code-div {
  display: block !important;
}

.part-sidebar .sidebar-menu .menu-a .code-div {
  position: absolute;
  width: 100px;
  /* height: 100px; */
  left: 0%;
  bottom: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 15px;
  border: 1px solid #e8e8e8;
  display: none;
  box-sizing: content-box !important;
}

.part-sidebar .sidebar-menu .menu-a .ewmDiv::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border: 5px solid transparent;
  border-top-color: #fff;
}


.part-sidebar .sidebar-menu .menu-a .ewmDiv .code-wrap {
  width: 100%;
  height: 100px;
}

.part-sidebar .sidebar-menu .menu-a .ewmDiv .code-wrap .code {
  background-size: contain;
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
}


.part-sidebar .sidebar-menu .menu-a .ewmDiv .ewm-main {
  text-align: center;
  font-size: 14px;
  color: #000;
  /* margin-top: 10px; */
}

.part-sidebar .sidebar-menu .menu-a .ico {
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  line-height: inherit;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.part-sidebar .sidebar-menu .menu-a:hover {
  background-color: #fff;
  color: #0080ff;
}

.part-sidebar .sidebar-menu .menu-a:hover .ico3 {
  display: block !important;
}

.part-sidebar .sidebar-menu .menu-a:hover .ico1,
ico2 {
  display: none;
}

.part-sidebar .sidebar-menu .menu-a.active {
  background-color: #0080ff;
  color: #fff;
  pointer-events: none
}

.part-sidebar .sidebar-menu .menu-a .ico1 {
  display: block;
}

.part-sidebar .sidebar-menu .menu-a .ico2 {
  display: none;
}

.part-sidebar .sidebar-menu .menu-a.active .ico1 {
  display: none !important;
}

.part-sidebar .sidebar-menu .menu-a.active .ico2 {
  display: block !important;
}

.part-sidebar .sidebar-menu .menu-a .ico3 {
  display: none;
}

.part-sidebar .sidebar-menu .menu-call .ico {
  background-color: #4093fb;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#4093fb),
      to(#83baff));
  background: -webkit-linear-gradient(top, #4093fb 0%, #83baff 100%);
  background: -moz- oldlinear-gradient(top, #4093fb 0%, #83baff 100%);
  background: -o-linear-gradient(top, #4093fb 0%, #83baff 100%);
  background: linear-gradient(180deg, #4093fb 0%, #83baff 100%);
  color: #fff;
}

.part-sidebar .sidebar-menu .menu-call .ico::before {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.part-sidebar .sidebar-navs {
  margin-bottom: 15px;
  padding-left: 27px;
}

.part-sidebar .sn {
  position: relative;
  padding-left: 17px;
  background-color: #fff;
  width: 150px;
  border-radius: 10px;
  height: 42px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  font-size: 14px;
  cursor: pointer;

}

.part-sidebar .sn img {
  margin-right: 10px;
}

@media (min-width: 1660px) {
  .part-sidebar .sn {
    padding-left: 17px;
  }
}

.part-sidebar .sn.open .part-navigations {
  display: block;
}

.part-sidebar .sn .part-navigations {
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 20px;
  display: none;
}

.part-sidebar .sn .part-navigations .titles-wrap::before {
  content: "";
  display: block;
  border: 8px solid transparent;
  border-right-color: #fff;
  position: absolute;
  right: 100%;
  top: 15px;
}

.part-sidebar .sn-btn {
  display: block;
  line-height: 20px;
  padding: 11px 20px 11px 15px;
  color: #3a3a3a;
  white-space: nowrap;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

.part-sidebar .sn-btn .ico-more {
  display: block;
  position: absolute;
  right: 6px;
  top: 50%;
  font-weight: normal;
  -webkit-transform: translate(0, -50%) scale(0.6);
  -moz-transform: translate(0, -50%) scale(0.6);
  -ms-transform: translate(0, -50%) scale(0.6);
  -o-transform: translate(0, -50%) scale(0.6);
  transform: translate(0, -50%) scale(0.6);
}

.part-sidebar .sn-btn .ico {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #28c687;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 5px;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
}

.news-list .news-item {
  padding: 20px 0 25px 0px;
}

.picbox {
  width: 100px;
  height: 66px;
  margin-right: 10px;
}

.picbox .pic {
  width: 100px;
  height: 66px;
}