@font-face {
  font-family: 'pingFangExtraLight';
  src: url(/fonts/PingFang_ExtraLight.eot?b2b760a47cfd600726bad361d6ff0831);
  src: url(/fonts/PingFang_ExtraLight.woff?ec44809a10b3078107ef50ee3356e3c9) format('woff'), url(/fonts/PingFang_ExtraLight.ttf?e5e1a97169fc1e01b19ea7a14919ebe0) format('truetype'), url(/fonts/PingFang_ExtraLight.svg?b8454a466262a1eb39cd7b6d5e53ad36) format('svg');
}
@font-face {
  font-family: 'pingFangLight';
  src: url(/fonts/PingFang_Light_0.eot?87f1481e54a642c23d7e7218bdb2436f);
  src: url(/fonts/PingFang_Light_0.woff?83117de04e4575ca626d821b4ee28cc9) format('woff'), url(/fonts/PingFang_Light_0.ttf?ca3ad0e3097cdf7515dfa75aff6b3cc3) format('truetype'), url(/fonts/PingFang_Light_0.svg?ad56fb4552ceb93caae71babcdbe6e19) format('svg');
}
@font-face {
  font-family: 'pingFangRegular';
  src: url(/fonts/PingFang_Regular_0.eot?ae526a45e86910b264bdad0e8b2ebf31);
  src: url(/fonts/PingFang_Regular_0.woff?808ea89d856e8b0dd0e26e021cd74dc1) format('woff'), url(/fonts/PingFang_Regular_0.ttf?75225b297e757308c3bfeca013396be6) format('truetype'), url(/fonts/PingFang_Regular_0.svg?6ca1ffa34e60d9f36974ac5ed764e239) format('svg');
}
@font-face {
  font-family: 'pingFang';
  src: url(/fonts/PingFang_Medium_0.eot?bdbf7e000dc0b71d2b6f445e70a1e23c);
  src: url(/fonts/PingFang_Medium_0.woff?7ddf61add84d338280ed1059641da293) format('woff'), url(/fonts/PingFang_Medium_0.ttf?15974853bc3294ef68e7e6d58fe74fd7) format('truetype'), url(/fonts/PingFang_Medium_0.svg?e5299f5a6711ffb57b71dfca14f2ff35) format('svg');
}
@font-face {
  font-family: 'pingFangBold';
  src: url(/fonts/PingFang_Bold.eot?3750644e22c584075747601c47df00f3);
  src: url(/fonts/PingFang_Bold.woff?087cbef9ca2b6bd612f4712e23045298) format('woff'), url(/fonts/PingFang_Bold.ttf?dd25b35dcb7ba4476cbaa9a9592e39e2) format('truetype'), url(/fonts/PingFang_Bold.svg?e8135f2f1aad288f7ca8327504e276cb) format('svg');
}
@font-face {
  font-family: 'pingFangHeavy';
  src: url(/fonts/PingFang_Heavy_0.eot?184418136760b26babf02e01ecfafacd);
  src: url(/fonts/PingFang_Heavy_0.woff?1af360b62fc177b27111c4dc454ddcd4) format('woff'), url(/fonts/PingFang_Heavy_0.ttf?1c97d8de88f3e2936c2595978a781990) format('truetype'), url(/fonts/PingFang_Heavy_0.svg?f53a351e263e29f3ab6be78a020b745e) format('svg');
}
body,
html {
  margin: 0;
  padding: 0;
  font-family: "pingFang", "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}
body h1,
html h1,
body h2,
html h2,
body h3,
html h3,
body h4,
html h4,
body h5,
html h5,
body h6,
html h6 {
  font-family: "pingFangBold";
}
body .font-extra-light,
html .font-extra-light {
  font-family: "pingFangExtraLight", "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif !important;
}
body .font-light,
html .font-light {
  font-family: "pingFangLight", "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif !important;
}
body .font-regular,
html .font-regular {
  font-family: "pingFangRegular", "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif !important;
}
body .font-medium,
html .font-medium {
  font-family: 'pingFangMedium', "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif !important;
}
body .font-bold,
html .font-bold {
  font-family: 'pingFangBold', "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif !important;
}
body .font-heavy,
html .font-heavy {
  font-family: "pingFangHeavy", "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif !important;
}
body .main,
html .main {
  position: relative;
}
body .tz-kefu,
html .tz-kefu {
  width: 70px;
  position: fixed;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 99;
}
body .tz-kefu .tz-kefu-item,
html .tz-kefu .tz-kefu-item {
  width: 70px;
  height: 50px;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  position: relative;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item .tz-kefu-item-btn {
  display: block;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0 0 24px rgba(4, 24, 113, 0.2);
          box-shadow: 0 0 24px rgba(4, 24, 113, 0.2);
  margin-left: 20px;
  border-radius: 10px;
}
body .tz-kefu .tz-kefu-item:last-of-type,
html .tz-kefu .tz-kefu-item:last-of-type {
  margin-bottom: 0;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info {
  display: none;
  position: absolute;
  left: -192px;
  top: 0;
  width: 192px;
  padding: 24px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 24px rgba(2, 17, 91, 0.16);
          box-shadow: 0 0 24px rgba(2, 17, 91, 0.16);
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .tz-kefu-dropdown,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .tz-kefu-dropdown {
  position: absolute;
  right: -10px;
  top: 25px;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .m12.item,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .m12.item {
  margin-top: 12px;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .title,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .title {
  font-size: 14px;
  color: #444444;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #dddddd;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content {
  margin-top: 12px;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content img,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content img {
  margin-right: 5px;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content .contact-item,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content .contact-item {
  padding-bottom: 12px;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content .contact-item a,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content .contact-item a {
  text-decoration: none;
  color: #747474;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul li,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul li {
  float: left;
  width: 72px;
  margin-bottom: 12px;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul li a,
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul li a {
  text-decoration: none;
  color: #747474;
}
body .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul li:nth-of-type(2n+2),
html .tz-kefu .tz-kefu-item .tz-kefu-item-info .item .content ul li:nth-of-type(2n+2) {
  text-align: right;
}
body .tz-kefu .tz-kefu-item.tz-kefu-qq .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item.tz-kefu-qq .tz-kefu-item-btn { background: url(../image/kefu11.png?2b94ac608739d15ae8d422c2c4177c71) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-qq .tz-kefu-item-btn:hover,
html .tz-kefu .tz-kefu-item.tz-kefu-qq .tz-kefu-item-btn:hover { background: url(../image/kefu01.png?5485a5154a3ec7c2006f6eb2ccb0f320) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-wx .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item.tz-kefu-wx .tz-kefu-item-btn { background: url(../image/kefu22.png?9cae528a65a7ad7dd1fbca7bef47531d) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-wx .tz-kefu-item-btn:hover,
html .tz-kefu .tz-kefu-item.tz-kefu-wx .tz-kefu-item-btn:hover { background: url(../image/kefu02.png?ddbb56f0fe89d8dc51d2e88e9dd81174) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-wx .tz-kefu-item-info img,
html .tz-kefu .tz-kefu-item.tz-kefu-wx .tz-kefu-item-info img {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
body .tz-kefu .tz-kefu-item.tz-kefu-help .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item.tz-kefu-help .tz-kefu-item-btn { background: url(../image/kefu66.png?24fd21cf3341ecdab165c7e21c46a1aa) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-help .tz-kefu-item-btn:hover,
html .tz-kefu .tz-kefu-item.tz-kefu-help .tz-kefu-item-btn:hover { background: url(../image/kefu06.png?e5bd504280a0b5438da70743bb83a3cc) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-beian .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item.tz-kefu-beian .tz-kefu-item-btn { background: url(../image/kefu33.png?fcb22f34c62d5ccb4d71be02bbf7b83f) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-beian .tz-kefu-item-btn:hover,
html .tz-kefu .tz-kefu-item.tz-kefu-beian .tz-kefu-item-btn:hover { background: url(../image/kefu03.png?c925b0e5b6a7f9544f8e3761a30bc83a) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-mobile .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item.tz-kefu-mobile .tz-kefu-item-btn { background: url(../image/kefu44.png?8fb9e93cbc7ff229b7d179fda105ada2) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-mobile .tz-kefu-item-btn:hover,
html .tz-kefu .tz-kefu-item.tz-kefu-mobile .tz-kefu-item-btn:hover { background: url(../image/kefu04.png?1d4b6e21466dd0b2a51a1895403d7b99) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-top .tz-kefu-item-btn,
html .tz-kefu .tz-kefu-item.tz-kefu-top .tz-kefu-item-btn { background: url(../image/kefu55.png?55d0451e2dbe07e31265be3a92aaef6f) no-repeat right top;
}
body .tz-kefu .tz-kefu-item.tz-kefu-top .tz-kefu-item-btn:hover,
html .tz-kefu .tz-kefu-item.tz-kefu-top .tz-kefu-item-btn:hover { background: url(../image/kefu05.png?365d2c3690fcc1fbbea23bc3f30c8c3c) no-repeat right top;
}
.tz-main-head {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 999;
  width: 100%;
  position: fixed;
}
.tz-main-head:hover {
  background-color: rgba(16, 21, 44, 0.5);
}
.tz-navbar-style {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 18px;
  margin-bottom: 0;
}
.tz-navbar-style .container-fluid {
  padding: 0;
  width: 1180px;
  -webkit-transform: translateX(-4px);
          transform: translateX(-4px);
}
.tz-navbar-style .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  height: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tz-navbar-style ul.navbar-nav:first-of-type {
  margin-left: 20px;
}
.tz-navbar-style ul.navbar-nav:last-of-type {
  float: right;
}
.tz-navbar-style ul.navbar-nav:last-of-type li a {
  width: 110px;
  text-align: center;
}
.tz-navbar-style ul.navbar-nav {
  height: 82px;
}
.tz-navbar-style ul.navbar-nav li {
  height: 100%;
  position: relative;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark {
  display: none;
  position: absolute;
  top: 82px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(1px);
          transform: translateX(-50%) translateY(1px);
  width: 598px;
  background-color: #fff;
  border-radius: 4px;
  padding: 40px 40px 0;
  -webkit-box-shadow: 0 0 54px rgba(2, 17, 91, 0.26);
          box-shadow: 0 0 54px rgba(2, 17, 91, 0.26);
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark .dropdown-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -10px;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-bottom: 5px solid #fff;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark ul li {
  height: auto;
  padding-bottom: 12px;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark ul li a {
  height: auto;
  color: #444444;
  line-height: 14px;
  font-size: 14px;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark ul li a:hover {
  color: #4962ee;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl:nth-of-type(n+5) {
  height: 146px;
  margin-top: 28px;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl {
  margin: 0;
  float: left;
  width: 129.5px;
  height: 184px;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl dt {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dddddd;
  line-height: 16px;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl dt a {
  color: #444444;
  font-size: 16px;
  text-decoration: none;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl dd {
  padding-bottom: 12px;
  line-height: 14px;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl dd a {
  font-size: 14px;
  color: #666666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tz-navbar-style ul.navbar-nav li .dropdown-mark dl dd a:hover {
  color: #4962ee;
}
.tz-navbar-style ul.navbar-nav li > a {
  display: inline-block;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 82px;
  background-color: transparent;
  color: #fff;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.tz-navbar-style ul.navbar-nav li a:hover {
  background-color: transparent;
  color: #f8d772;
}
.tz-navbar-style ul.navbar-nav li a:focus {
  background-color: transparent;
  color: #f8d772;
}
.tz-navbar-style ul.navbar-nav li.active a {
  background-color: transparent;
  color: #fff;
}
.tz-navbar-style ul.navbar-nav li.active a:hover {
  background-color: transparent;
  color: #f8d772;
}
.tz-navbar-style ul.navbar-nav li.active a:focus {
  background-color: transparent;
  color: #f8d772;
}
.tz-navbar-style ul.navbar-right {
  margin-left: 10px;
}
.tz-navbar-style ul.navbar-right li {
  margin: 0 10px;
  line-height: 82px;
}
.tz-navbar-style ul.navbar-right li a.member-centre {
  margin: 0;
  width: 160px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  letter-spacing: 2px;
}
.tz-navbar-style ul.navbar-right li a.member-centre .user-icon {
  color: #ffd543;
  margin-right: 8px;
  letter-spacing: normal;
}
.tz-navbar-style ul.navbar-right li.register {
  margin-right: 0;
}
.tz-navbar-style ul.navbar-right li a.registered {
  background-color: #ffd543;
  color: #222222;
  border: 1px solid #ffd543;
}
.tz-navbar-style ul.navbar-right li a.registered:hover {
  background-color: #ffd543;
  color: #222222;
}
.tz-navbar-style ul.navbar-right li a.registered:focus {
  background-color: #ffd543;
  color: #222222;
}
.tz-navbar-style ul.navbar-right li a {
  padding: 0;
  width: 70px;
  height: 32px;
  line-height: 31px;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
}
.tz-navbar-style ul.navbar-right li a:hover {
  background-color: transparent;
  color: #fff;
}
.tz-navbar-style ul.navbar-right li a:focus {
  background-color: transparent;
  color: #fff;
}
.footer {
  padding-top: 74px;
  padding-bottom: 30px;
  background-color: #343946;
}
.footer .container {
  width: 1180px;
  padding: 0;
}
.footer .footer-nav {
  padding-bottom: 24px;
  border-bottom: 1px solid #545965;
}
.footer .footer-popular-searches {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #545965;
}
.footer .footer-popular-searches span {
  color: #bbbbbb;
  font-size: 14px;
  display: inline-block;
  padding-right: 50px;
}
.footer .footer-popular-searches span a {
  text-decoration: none;
  color: #bbbbbb;
}
.footer .footer-popular-searches span:last-of-type {
  padding-right: 0;
}
.footer .footer-hot-products {
  padding-bottom: 0;
}
.footer .footer-hot-products,
.footer .footer-links {
  padding: 24px 0;
  border-bottom: 1px solid #545965;
}
.footer .footer-hot-products span,
.footer .footer-links span {
  color: #bbbbbb;
  font-size: 14px;
  display: inline-block;
  padding-right: 50px;
}
.footer .footer-hot-products span a,
.footer .footer-links span a {
  text-decoration: none;
  color: #bbbbbb;
}
.footer .footer-links {
  border-bottom: none;
}
.footer dl {
  min-width: 106px;
  float: left;
  margin-right: 12px;
  margin-bottom: 0;
}
.footer dl.contact-us {
  width: 413px;
}
.footer dl.attention dt a {
  color: #252525;
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  width: 78px;
  height: 24px;
  line-height: 24px;
  background-color: #ffd543;
  text-align: center;
  border-radius: 4px;
}
.footer dl.wx {
  margin-right: 20px;
}
.footer dl.weibo dt {
  margin-bottom: 18px;
}
.footer dl:last-of-type {
  margin: 0;
}
.footer dl dt {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: normal;
}
.footer dl dd {
  font-size: 14px;
  color: #bbbbbb;
  margin-bottom: 15px;
}
.footer dl dd a {
  color: #bbbbbb;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.footer dl dd a:hover {
  color: #fff;
  text-decoration: underline;
}
.copyright-information {
  padding: 28px 0;
  background-color: #191b22;
}
.copyright-information p {
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin-bottom: 14px;
}
.copyright-information p.filing {
  margin-bottom: 0;
}
.copyright-information p span {
  padding: 0 30px;
  border-right: 1px solid #999999;
}
.copyright-information p span:last-of-type {
  border: none;
}
.copyright-information p span a {
  color: #999999;
  text-decoration: none;
}
.copyright-information p span img {
  vertical-align: bottom;
  margin-right: 4px;
}
.copyright-information .red-shield {
  text-align: center;
  margin-top: 14px;
}
.hot-products {
  height: 160px;
  background-color: #112698;
}
.hot-products .container {
  width: 1200px;
  height: 100%;
  padding: 0;
}
.hot-products .hot-products-item {
  width: 300px;
  height: 100%;
  float: left;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  border-left: 1px solid #677ade;
  position: relative;
}
.hot-products .hot-products-item a {
  color: #fff;
  text-decoration: none;
}
.hot-products .hot-products-item h3 {
  font-size: 20px;
  margin: 0;
  margin-top: 38px;
}
.hot-products .hot-products-item p {
  font-size: 14px;
  margin: 0;
  margin-top: 10px;
  width: 190px;
  line-height: 25px;
}
.hot-products .hot-products-item .more {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 80px;
  right: 38px; background: url(../image/icon_02.png?f9c3671bfe747e666665c1ce3b4bacfe) no-repeat;
}
.hot-products .hot-products-item:nth-of-type(1) { background: url(../image/01.png?8d281070afda26a4461f89e3e7385b55) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(1):hover { background: url(../image/h11.png?a93dd6fe17fe992d8b178644f38119ec) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(1):hover .more { background: url(../image/icon_22.png?a7c6fb04a5f9eaf8f77fbc731b7caec1) no-repeat;
}
.hot-products .hot-products-item:nth-of-type(2) { background: url(../image/02.png?b8c4fd93e91aaf955d394bfbbcb5f9cc) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(2):hover { background: url(../image/22.png?639e1a17e0efcc23ba6da55cde00cd4c) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(2):hover .more { background: url(../image/icon_22.png?a7c6fb04a5f9eaf8f77fbc731b7caec1) no-repeat;
}
.hot-products .hot-products-item:nth-of-type(3) { background: url(../image/03.png?6f4fb1f8732162725c0adade5cb71cc4) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(3):hover { background: url(../image/33.png?3b161771ffefe0b17984c6457971918f) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(3):hover .more { background: url(../image/icon_22.png?a7c6fb04a5f9eaf8f77fbc731b7caec1) no-repeat;
}
.hot-products .hot-products-item:nth-of-type(4) { background: url(../image/04.png?550618cd56a96d050ea0abe0d4c3e8ff) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(4):hover { background: url(../image/44.png?5181465e46610f1d37ff9ba0a0921f40) no-repeat;
  background-size: 100% 100%;
}
.hot-products .hot-products-item:nth-of-type(4):hover .more { background: url(../image/icon_22.png?a7c6fb04a5f9eaf8f77fbc731b7caec1) no-repeat;
}
.hot-products .hot-products-item:last-of-type {
  border-right: 1px solid #677ade;
}
.product {
  background-color: #ffffff;
  padding-top: 64px;
}
.product .container {
  width: 1200px;
  padding: 0;
}
.product h2 {
  color: #333333;
  font-size: 26px;
  margin: 0;
  margin-bottom: 21px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  text-align: center;
}
.product p {
  color: #666666;
  font-size: 14px;
  text-align: center;
  margin-bottom: 37px;
}
.product .tab-pane {
  padding: 30px 0;
  background-color: #e6eaf6;
}
.product .tab-pane ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product .tab-pane ul li {
  float: left;
  width: 580px;
  background-color: #fff;
  padding-left: 33px;
  padding-top: 33px;
  padding-bottom: 18px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product .tab-pane ul li:last-of-type {
  margin-left: 20px;
}
.product .tab-pane ul li .price {
  padding-top: 22px;
  padding-right: 20px;
}
.product .tab-pane ul li .price a {
  display: inline-block;
  height: 30px;
  background-color: #e6eaf6;
  border-radius: 15px;
  font-size: 14px;
  color: #3251ed;
  text-align: left;
  padding: 0 10px;
  padding-right: 25px;
  line-height: 30px;
  text-decoration: none;
  position: relative;
}
.product .tab-pane ul li .price a::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 0;
  width: 30px;
  height: 30px; background: url(../image/productBuy.png?3016508fd129a0b27f58df711bf8c946) no-repeat center center;
  background-color: #3251ed;
  border-radius: 100%;
}
.product .tab-pane ul li .config span {
  color: #444444;
  font-size: 20px;
}
.product .tab-pane ul li .config span.key { background: url(../image/key.png?cd3d8ba64cdd99db80d8f06845d9c1ec) no-repeat;
  background-size: 100% 100%;
  padding: 0 10px;
  font-size: 14px;
  color: #3251ed;
  position: relative;
  top: -3px;
}
.product .tab-pane ul li .descripts {
  margin-top: 27px;
}
.product .tab-pane ul li .descripts span {
  color: #aeb6cf;
  font-size: 14px;
}
.product .tab-pane ul li .config,
.product .tab-pane ul li .descripts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product .tab-pane ul li .config > div,
.product .tab-pane ul li .descripts > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
}
.product .nav-tabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product .nav-tabs li:nth-of-type(1) a span { background: url(../image/productIcon1.png?8500c3725fd9b4a521df86a82fcccb2e) no-repeat;
}
.product .nav-tabs li:nth-of-type(1) a:hover span,
.product .nav-tabs li:nth-of-type(1) a:focus span { background: url(../image/productIcon1_active.png?eee694441152f15e7bb6dbc0e5167a91) no-repeat;
}
.product .nav-tabs li:nth-of-type(1).active a span { background: url(../image/productIcon1_active.png?eee694441152f15e7bb6dbc0e5167a91) no-repeat;
}
.product .nav-tabs li:nth-of-type(2) a span { background: url(../image/productIcon2.png?52713077b27adba91e8b49ad516bec18) no-repeat;
}
.product .nav-tabs li:nth-of-type(2) a:hover span,
.product .nav-tabs li:nth-of-type(2) a:focus span { background: url(../image/productIcon2_active.png?5479c7b4b28cee27c03bf053081d81cf) no-repeat;
}
.product .nav-tabs li:nth-of-type(2).active a span { background: url(../image/productIcon2_active.png?5479c7b4b28cee27c03bf053081d81cf) no-repeat;
}
.product .nav-tabs li:nth-of-type(3) a span { background: url(../image/productIcon3.png?22abe7dfa370d2c04c7785ffbf5e087b) no-repeat;
}
.product .nav-tabs li:nth-of-type(3) a:hover span,
.product .nav-tabs li:nth-of-type(3) a:focus span { background: url(../image/productIcon3_active.png?1350130d853270bc332487561b9f6936) no-repeat;
}
.product .nav-tabs li:nth-of-type(3).active a span { background: url(../image/productIcon3_active.png?1350130d853270bc332487561b9f6936) no-repeat;
}
.product .nav-tabs li.active a {
  border-bottom: 3px solid #3251ed;
  position: relative;
  color: #3251ed;
}
.product .nav-tabs li.active a::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-bottom: 5px solid #3251ed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product .nav-tabs li a {
  padding: 0;
  display: block;
  text-align: center;
  border: none;
  color: #5e6d81;
  font-size: 16px;
  padding-bottom: 30px;
  border-bottom: 3px solid transparent;
}
.product .nav-tabs li a > div {
  margin-bottom: 14px;
}
.product .nav-tabs li a span {
  display: inline-block;
  width: 60px;
  height: 66px;
}
.product .nav-tabs li a:hover,
.product .nav-tabs li a:focus {
  border: none;
  background-color: transparent;
  border-bottom: 3px solid #3251ed;
  position: relative;
  color: #3251ed;
}
.product .nav-tabs li a:hover::after,
.product .nav-tabs li a:focus::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-bottom: 5px solid #3251ed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.banner .carousel-indicators li {
  width: 8px;
  height: 8px;
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0;
  margin-right: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.banner .carousel-indicators li.active {
  width: 40px;
  position: relative;
}
.banner .carousel-indicators li.active .progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background-color: #ffd543;
  border-radius: 10px;
  -webkit-animation: animations 2s ease-out;
  animation: animations 2s ease-out;
}
@-webkit-keyframes animations {
  from {
    width: 0;
  }
  to {
    width: 40px;
  }
}
@keyframes animations {
  from {
    width: 0;
  }
  to {
    width: 40px;
  }
}
.service .service-head {
  text-align: center;
  height: 166px; background: url(../image/serviceBgHead.png?37dc42011d2db6213fd04a87fd3ba6dd) no-repeat;
  background-size: 100% 100%;
  border-bottom: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service .service-head h2 {
  margin: 0;
  font-size: 26px;
  margin-top: 66px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.service .service-head p {
  font-size: 14px;
  color: #666666;
  margin: 0;
  margin-top: 22px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
.service .service-body {
  padding: 46px 0; background: url(../image/serviceBgBody.png?58520c898faf947fde830d57941dee88) no-repeat;
  background-size: 100% 100%;
}
.service .service-body .container {
  width: 1180px;
  padding: 0;
}
.service .service-body .container .row {
  margin: 0;
}
.service .service-body .service-list .service-item {
  width: 380px;
  margin-right: 20px;
  padding: 0;
}
.service .service-body .service-list .service-item:last-of-type {
  margin: 0;
}
.service .service-body .service-list .service-item:hover {
  -webkit-box-shadow: 0 0 43px rgba(5, 22, 114, 0.1);
          box-shadow: 0 0 43px rgba(5, 22, 114, 0.1);
}
.service .service-body .service-list .service-item > .title {
  height: 110px; background: url(../image/itemTitle.png?5bab35b95d6913174b57e0179ba80a29) no-repeat;
  background-size: 100% 100%;
}
.service .service-body .service-list .service-item > .title h3 {
  margin: 0;
  padding: 28px 0 14px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
}
.service .service-body .service-list .service-item > .title p {
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.service .service-body .service-list .service-item .body {
  position: relative;
  background-color: #fff;
  padding: 26px 32px;
  height: 600px;
  border-left: 1px solid #cdd4f6;
  border-right: 1px solid #cdd4f6;
  border-bottom: 1px solid #cdd4f6;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service .service-body .service-list .service-item .body .mark {
  position: absolute;
  width: 100%;
  height: 590px;
  display: none;
  overflow: hidden;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 54px 34px;
  padding-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.service .service-body .service-list .service-item .body .mark .info .config {
  margin-top: 16px;
}
.service .service-body .service-list .service-item .body .mark .info .config .title {
  color: #444346;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
.service .service-body .service-list .service-item .body .mark .info .config ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service .service-body .service-list .service-item .body .mark .info .config ul li {
  float: left;
  color: #666666;
  width: 100px;
  margin-right: 40px;
}
.service .service-body .service-list .service-item .body .mark .info p {
  color: #666666;
  font-size: 14px;
  margin-bottom: 16px;
}
.service .service-body .service-list .service-item .body .mark .info p:last-of-type {
  margin: 0;
}
.service .service-body .service-list .service-item .body .mark .panic-buying {
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 310px;
}
.service .service-body .service-list .service-item .body .mark .panic-buying .unit {
  padding-bottom: 80px;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.service .service-body .service-list .service-item .body .mark .panic-buying .unit .price {
  font-size: 36px;
  color: #3251ed;
  font-weight: bold;
}
.service .service-body .service-list .service-item .body .mark .panic-buying a {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  border-radius: 4px;
  background-color: #3251ed;
  font-size: 14px;
  color: #fff;
  margin-bottom: 22px;
}
.service .service-body .service-list .service-item .body .mark .panic-buying .backtrack {
  cursor: pointer;
  border-top: 1px solid #bfbfbf;
  height: 78px;
  line-height: 78px;
}
.service .service-body .service-list .service-item .body .mark .panic-buying .backtrack p {
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #aaaaaa;
}
.service .service-body .service-list .service-item .body .mark h3 {
  margin: 0;
  font-size: 20px;
  color: #2c2d2f;
  padding-bottom: 18px;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
.service .service-body .service-list .service-item .body .mark h3::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 28px;
  height: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#3251ed), to(#6587fd));
  background-image: linear-gradient(to right, #3251ed, #6587fd);
  background-image: -webkit-linear-gradient(to right, #3251ed, #6587fd);
}
.service .service-body .service-list .service-item .body .product-item {
  margin-bottom: 20px;
}
.service .service-body .service-list .service-item .body .product-item .product-item-title {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.service .service-body .service-list .service-item .body .product-item .product-item-description {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin: 10px 0;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option .no-padding-left {
  padding-left: 0;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option .no-padding-right {
  padding-right: 0;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option .mt10 {
  margin-bottom: 10px;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option p.tip {
  margin-top: 8px;
  margin-bottom: 18px;
  font-size: 14px;
  color: #666666;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option .row {
  margin: 0;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option [class*="col-md"] {
  padding: 0;
  padding-right: 12px;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option .col-md-12 {
  padding: 0;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn.full {
  width: 100%;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn.large {
  width: 100%;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn.middle {
  width: 100%;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn.small {
  width: 100%;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn {
  text-align: center;
  display: block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn:hover {
  border: 1px solid #043fc4;
  -webkit-box-shadow: 0.5px 0.5px 12px rgba(4, 63, 196, 0.4);
          box-shadow: 0.5px 0.5px 12px rgba(4, 63, 196, 0.4);
}
.service .service-body .service-list .service-item .body .product-item .product-item-option span.option-btn:hover:hover {
  color: #043fc4;
}
.advantage {
  height: 715px; background: url(../image/advantageBg.png?8c23827d7146a1e1528c2949f0c9d306) no-repeat;
  background-size: 100% 100%;
}
.advantage h2 {
  margin: 0;
  text-align: center;
  font-size: 26px;
  color: #333333;
  margin-top: 66px;
  margin-bottom: 20px;
  font-weight: normal;
}
.advantage p {
  text-align: center;
  color: #666666;
  font-size: 14px;
}
.advantage .advantage-list {
  margin-top: 50px;
}
.advantage .advantage-list .container {
  width: 1170px;
  padding: 0;
}
.advantage .advantage-list .container .row {
  margin: 0;
}
.advantage .advantage-list .advantage-item.no-margin {
  margin: 0;
}
.advantage .advantage-list .advantage-item {
  padding: 0;
  margin-bottom: 50px;
}
.advantage .advantage-list .advantage-item a {
  text-decoration: none;
}
.advantage .advantage-list .advantage-item a:hover .title {
  color: #1036f8;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.jiedian { background: url(../image/jiedian_a.png?ddf24f222622f55a3110472a16324840) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.chukou { background: url(../image/chukou_a.png?3bcb84326907af31386ec32f3483e3e9) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.fangyu { background: url(../image/fangyu_a.png?4f38ec9dd4c254891ece6029b7d20520) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.jiankong { background: url(../image/jiankong_a.png?d5010f0fe276dd573c197fd4a84c0c86) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.tuandui { background: url(../image/tuandui_a.png?48d2b3c143de8e05560e74ae32cd565e) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.fanghu { background: url(../image/fanghu_a.png?bddcb739dccb3e826be076e8d221ae96) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.dianli { background: url(../image/dianli_a.png?4561166ab73519f666f3eff66c9bf247) no-repeat center center;
}
.advantage .advantage-list .advantage-item a:hover .icon-container .icon.xiaofang { background: url(../image/xiaofang_a.png?ac76ef8c3eef8123f2dc1c5a254e6d70) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container {
  width: 100%;
}
.advantage .advantage-list .advantage-item a .icon-container .icon {
  display: block;
  width: 82px;
  height: 82px;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.jiedian { background: url(../image/jiedian.png?85c16577b5984fde194df3a85f725070) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.chukou { background: url(../image/chukou.png?cf4958927462e7418aa171f844460601) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.fangyu { background: url(../image/fangyu.png?d7157345927bcbf7ba99c45636b6944a) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.jiankong { background: url(../image/jiankong.png?520ef4853e9521fd221e19a21630f9f2) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.tuandui { background: url(../image/tuandui.png?b4c6acaa772d398c9b0cdbe34227d955) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.fanghu { background: url(../image/fanghu.png?0d2d921438ed7a0bd84acb42756b77f6) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.dianli { background: url(../image/dianli.png?ded190a868aac628a41dc248b32ebb9e) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .icon-container .icon.xiaofang { background: url(../image/xiaofang.png?9cf21286d8ec1b69027852ee14dbd66b) no-repeat center center;
}
.advantage .advantage-list .advantage-item a .title {
  width: 192px;
  text-align: center;
  font-size: 16px;
  color: #2c2d2f;
  margin: 20px auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.advantage .advantage-list .advantage-item a .dec {
  width: 192px;
  text-align: center;
  color: #989898;
  font-size: 14px;
  margin: 0 auto;
}
.solution {
  height: 766px; background: url(../image/solutionBg.png?b54fd4cf4e7ca5dfef22dd29f5673f59) no-repeat;
  background-size: 100% 100%;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
.solution .solution-head {
  margin-top: 96px;
  -webkit-transform: translateY(76px);
          transform: translateY(76px);
}
.solution .solution-head > h2 {
  font-size: 26px;
  color: #fff;
  margin: 0;
  text-align: center;
  margin-bottom: 16px;
}
.solution .solution-head > p {
  text-align: center;
  color: #bababa;
  font-size: 14px;
  margin: 0;
}
.solution .solution-list .container {
  width: 1180px;
  padding: 0;
}
.solution .solution-list .col-md-3 {
  padding: 0 10px;
}
.solution .solution-list .container {
  position: relative;
}
.solution .solution-list .container .row {
  margin-left: -10px;
  margin-right: -10px;
}
.solution .solution-list .container .solution-page {
  position: absolute;
  width: 97px;
  height: 97px;
  border-radius: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.solution .solution-list .container .solution-prev {
  left: -137px; background: url(../image/solutionPrev.png?ab63304b7ac5b035a24761fc0f2d5522) no-repeat;
}
.solution .solution-list .container .solution-next {
  right: -137px; background: url(../image/solutionNext.png?c893e98c644dd566050bc70f33c71592) no-repeat;
}
.solution .solution-list .solution-item {
  height: 606px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
.solution .solution-list .solution-item:hover .solution-item-dec {
  opacity: 0;
  top: -200%;
}
.solution .solution-list .solution-item:hover .solution-item-content {
  opacity: 1;
  top: 50%;
}
.solution .solution-list .solution-item .solution-item-content {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 200%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.solution .solution-list .solution-item .solution-item-content > h3 {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  padding-bottom: 28px;
  margin: 0;
  position: relative;
  margin-top: 69px;
}
.solution .solution-list .solution-item .solution-item-content > h3::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 1px;
  background-color: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.solution .solution-list .solution-item .solution-item-content > p {
  text-align: center;
  font-size: 14px;
  color: #d3d3d3;
  width: 202px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.solution .solution-list .solution-item .solution-item-content .solution-item-button {
  text-align: center;
}
.solution .solution-list .solution-item .solution-item-content .solution-item-button a {
  display: inline-block;
  height: 38px;
  width: 158px;
  border-radius: 38px;
  border: 1px solid #ffffff;
  color: #fff;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.solution .solution-list .solution-item .solution-item-content .solution-item-button a:hover {
  background-color: #fff;
  color: #262626;
}
.solution .solution-list .solution-item .solution-item-dec {
  -webkit-transition: all 0.4s 0.2s;
  transition: all 0.4s 0.2s;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.solution .solution-list .solution-item .solution-item-dec .icon {
  display: block;
  height: 94px;
  position: relative;
}
.solution .solution-list .solution-item .solution-item-dec .icon::before {
  content: "";
  width: 26px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.solution .solution-list .solution-item .solution-item-dec > p {
  text-align: center;
  color: #fff;
  margin: 0;
  margin-top: 48px;
  font-size: 16px;
}
.solution .solution-list .col-md-3:nth-of-type(1) .solution-item { background: url(../image/solutionItem01.png?33e9fb01787c099caf168abe4a157b99) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(1) .solution-item:hover { background: url(../image/solutionItem11.png?b05efb2746d53ab9959ed60fa8767038) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(1) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon01.png?898080c24f8f597cad80fd1c46bc5961) no-repeat center top;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(1) .solution-item { background: url(../image/solutionItem05.png?a961e20526fa9f514b60c4513c9ebab5) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(1) .solution-item:hover { background: url(../image/solutionItem55.png?789a075f143304816f72f86682376c96) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(1) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon05.png?ccbb98b961fa4059fdfec93132d61e25) no-repeat center top;
}
.solution .solution-list .col-md-3:nth-of-type(2) .solution-item { background: url(../image/solutionItem02.png?f4843bdedd544bb39b31e275f4e85e6f) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(2) .solution-item:hover { background: url(../image/solutionItem22.png?518c8c811d15c70c052cee0bb1decb1a) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(2) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon02.png?65c559b11d52e24dfc473e247409eea8) no-repeat center top;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(2) .solution-item { background: url(../image/solutionItem08.png?54bf1d50f3e6af3fde462b87420fd53c) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(2) .solution-item:hover { background: url(../image/solutionItem88.png?279ea468e1155a9d5f06a448d1417682) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(2) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon08.png?95024cb124ca18bf6ba8441fb77dfabf) no-repeat center top;
}
.solution .solution-list .col-md-3:nth-of-type(3) .solution-item { background: url(../image/solutionItem03.png?0e6b75bf2f8af9f78575ebbd8620f121) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(3) .solution-item:hover { background: url(../image/solutionItem33.png?1103eac6081209ff59ed509a9120daab) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(3) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon03.png?c92909e4dfd84fc280c4171e7b4fb047) no-repeat center top;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(3) .solution-item { background: url(../image/solutionItem07.png?5fc5bcdeb12714d016f3178c3ca73574) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(3) .solution-item:hover { background: url(../image/solutionItem77.png?12d2fec3499767fd6dcdfcde93c4b987) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(3) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon07.png?064bd372b6bcd1c4e43770b8fb00f2f4) no-repeat center top;
}
.solution .solution-list .col-md-3:nth-of-type(4) .solution-item { background: url(../image/solutionItem04.png?44aecaad8cd70ead29cdec3c8e43bd82) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(4) .solution-item:hover { background: url(../image/solutionItem44.png?2491946bba7b5b2e46e16e253bf83c60) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .col-md-3:nth-of-type(4) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon04.png?66e31c3579dd1b95af27ad5fad0adbec) no-repeat center top;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(4) .solution-item { background: url(../image/solutionItem09.png?f7ff81230532c8f7a6cbb0d16032ce7c) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(4) .solution-item:hover { background: url(../image/solutionItem99.png?1ea6e19c3cfd893ae69ec4f179d07064) no-repeat;
  background-size: 100% 100%;
}
.solution .solution-list .swiper-index-2.col-md-3:nth-of-type(4) .solution-item .solution-item-dec .icon { background: url(../image/solutionItemIcon09.png?68f62c98a7b076542e71d586e0e87277) no-repeat center top;
}
.case {
  height: 807px;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px); background: url(../image/caseBg.png?32130426234a42b8c6a2da26b820f0e0) no-repeat;
  background-size: 100% 100%;
}
.case > h2 {
  margin-top: 84px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 26px;
  color: #333333;
}
.case > p {
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-bottom: 60px;
}
.case .case-list {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.case .case-list .container {
  width: 1360px;
}
.case .case-list .case-item:nth-of-type(1) {
  -webkit-transform: translateX(166px);
          transform: translateX(166px);
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(1)::after { background: url(../image/log1.png?8078adcd0b90f18ae4e64c7693d10005) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(1):hover::after { background: url(../image/1.1.png?b72afc9227f240b2edb4395d0e7ef7f1) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(2)::after { background: url(../image/2.png?1fa6e47af15bfcf4e0e8faaa225499f5) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(2):hover::after { background: url(../image/2.1.png?fbf22f17109d524bf5a54fe167501852) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(3)::after { background: url(../image/3.png?0528e06e084ce5f4f50e4dc9a96db552) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(3):hover::after { background: url(../image/3.1.png?3ec38e38fae4e9d0b18616d30accad40) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(4)::after { background: url(../image/4.png?2ea3664ce0a6f31d53d6e9387cccc5c9) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(4):hover::after { background: url(../image/4.1.png?71e1adfea91fbd31694e513ff2a33da9) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(5)::after { background: url(../image/5.png?066018c891270a9ecd6a32c5e331baf2) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(1) > span:nth-of-type(5):hover::after { background: url(../image/5.1.png?a2bec32bffcea1e373fddf7e44a524b5) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) {
  -webkit-transform: translateX(166px) translateY(-39px);
          transform: translateX(166px) translateY(-39px);
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(1)::after { background: url(../image/12.png?98119b72126f60f8fcb942354f42f41e) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(1):hover::after { background: url(../image/12.1.png?2c5d049f60ad1d56079ee145cecb59bc) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(2)::after { background: url(../image/13.png?b38f204c7ece0d50e069ae85d347a8aa) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(2):hover::after { background: url(../image/13.1.png?8ee1e91c7e0142d1d3efb517f646cf08) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(3)::after { background: url(../image/14.png?d38d3a6811d9e43864598de0e50db876) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(3):hover::after { background: url(../image/14.1.png?3842be70dd7af350ea8c455daa427450) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(4)::after { background: url(../image/15.png?304fcf98710e87ec4bbc0bff932cf487) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(4):hover::after { background: url(../image/15.1.png?c8dde116beca497b8c9accf06d6c8d36) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(5)::after { background: url(../image/16.png?9f625725886435bc11d767065a6b1d7e) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(3) > span:nth-of-type(5):hover::after { background: url(../image/16.1.png?2d96d3ceabad9204f8b389f9fea4979d) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) {
  -webkit-transform: translateX(63px) translateY(-19px);
          transform: translateX(63px) translateY(-19px);
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(1)::after { background: url(../image/6.png?503e7f3642b9e37ed8ff8a93a39196c9) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(1):hover::after { background: url(../image/6.1.png?daadd7b962d514b9e8d51575da16cf0f) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(2)::after { background: url(../image/7.png?f3534a4a910da22a2893b617f2bce96d) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(2):hover::after { background: url(../image/7.1.png?cd0202c5d8814623f400c7429ec416fc) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(3)::after { background: url(../image/8.png?5bf89e5e50568b93fe99ea783996e621) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(3):hover::after { background: url(../image/8.1.png?2ad433b69ca12c01e1597e9a3fac9c8f) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(4)::after { background: url(../image/9.png?c4e6040f99dcdf0122e5b91c3376f050) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(4):hover::after { background: url(../image/9.1.png?5662c3baac2923589964e3f32a5f8389) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(5)::after { background: url(../image/10.png?bed7d5c67a6840387f6724e2f72beb50) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(5):hover::after { background: url(../image/10.1.png?83cdeaf5fc94abc402ff1667b923ad56) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(6)::after { background: url(../image/11.png?ebc787c027acd6aa45391233ae6239a7) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item:nth-of-type(2) > span:nth-of-type(6):hover::after { background: url(../image/11.1.png?f736354465f75bdfd394a72764fac23f) no-repeat center center;
  background-size: 100% 100%;
}
.case .case-list .case-item > span {
  float: left;
  width: 134px;
  height: 134px;
  margin-right: 70px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  cursor: pointer;
}
.case .case-list .case-item > span:hover::before {
  -webkit-box-shadow: 0 0 24px rgba(1, 21, 134, 0.25);
          box-shadow: 0 0 24px rgba(1, 21, 134, 0.25);
}
.case .case-list .case-item > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.case .case-list .case-item > span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.case .case-list .case-item > span:last-of-type {
  margin-right: 0;
}
.news .news-head {
  -webkit-transform: translateY(-120px);
          transform: translateY(-120px);
}
.news .news-head > h2 {
  text-align: center;
  font-size: 26px;
  color: #333333;
  margin: 0;
  margin-bottom: 20px;
}
.news .news-head > p {
  text-align: center;
  font-size: 14px;
  color: #666666;
}
.news .news-body {
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
}
.news .news-body .new-list {
  width: 1180px;
  margin: 0 auto;
}
.news .news-body .new-list .new-item:nth-of-type(1) .preview { background: url(../image/new01.png?cf087de076925c3534879d1d1e0e2a40) no-repeat;
}
.news .news-body .new-list .new-item:nth-of-type(2) .preview { background: url(../image/new02.png?2781262c9de26ba921af605203d2c929) no-repeat;
}
.news .news-body .new-list .new-item:nth-of-type(3) .preview { background: url(../image/new03.png?b8c7032027b6bbe46491abefce13ed49) no-repeat;
}
.news .news-body .new-list .new-item {
  width: 380px;
  float: left;
  margin-right: 20px;
}
.news .news-body .new-list .new-item:last-of-type {
  margin-right: 0;
}
.news .news-body .new-list .new-item h3 {
  margin: 0;
  font-size: 20px;
  color: #2c2d2f;
  padding-left: 15px;
  position: relative;
  margin-bottom: 18px;
}
.news .news-body .new-list .new-item h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px; background: url(../image/newIcon.png?a462914e974f338fb8c38f91627a3e5b) no-repeat;
  background-size: 100% 100%;
}
.news .news-body .new-list .new-item .preview {
  width: 380px;
  height: 284px; background: url(../image/2012031220134655.jpg?cb439b23cf485f913135537b999251fd) no-repeat;
  background-size: 100% 100%;
  border-radius: 4px;
}
.news .news-body .new-list .new-item .preview a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.news .news-body .new-list .new-item .preview a .type-info {
  width: 100%;
  padding: 24px 16px 32px 24px;
  background-color: rgba(45, 49, 63, 0.7);
  border-radius: 0 0 4px 4px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news .news-body .new-list .new-item .preview a .type-info h4 {
  font-size: 16px;
  color: #fff;
  margin: 0;
}
.news .news-body .new-list .new-item .preview a .type-info p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
.news .news-body .new-list .new-item .preview a .type-info .more-icon {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 41px;
  height: 41px; background: url(../image/newMore.png?346acaebd851aa798658c2a8e2fc13dc) no-repeat;
}
.news .news-body .new-list .new-item .preview a .type-info:hover {
  background-color: #2d313f;
}
.news .news-body .new-list .new-item .preview a .type-info:hover .more-icon { background: url(../image/newMoreT.png?254ea8b1154e480b8658eda892af287b) no-repeat;
}
.news .news-body .new-list .new-item ul {
  margin: 0;
  margin-top: 32px;
  margin-bottom: 38px;
  padding-left: 20px;
}
.news .news-body .new-list .new-item ul li {
  margin-bottom: 18px;
}
.news .news-body .new-list .new-item ul li:last-of-type {
  margin: 0;
}
.news .news-body .new-list .new-item ul li:hover a {
  color: #162fac;
  text-decoration: underline;
}
.news .news-body .new-list .new-item ul li a {
  color: #808080;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
.news .news-body .new-list .new-item ul li a.date {
  float: right;
}
.news .news-body .new-list .new-item .new-item-btn {
  text-align: center;
}
.news .news-body .new-list .new-item .new-item-btn a {
  display: inline-block;
  width: 160px;
  height: 40px;
  border: 1px solid #666666;
  border-radius: 40px;
  line-height: 40px;
  color: #666666;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.news .news-body .new-list .new-item .new-item-btn a:hover {
  background-color: #3251ed;
  border: 1px solid #3251ed;
  color: #fff;
}
#ddk_promotion,
#consumer_promotion {
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
#ddk_promotion .body,
#consumer_promotion .body {
  border-top: 1px solid #21252e; background: url(../image/promotion_ddk_BG_.jpg?43f348f8a972b03b34d0a3a4cd9152f6) no-repeat;
  background-size: 100% 100%;
}
#ddk_promotion .body .title.adv,
#consumer_promotion .body .title.adv {
  width: 226px;
  margin-top: 114px;
}
#ddk_promotion .body .title,
#consumer_promotion .body .title {
  width: 454px;
  margin: 0 auto;
  margin-top: 45px;
}
#ddk_promotion .body .title span,
#consumer_promotion .body .title span {
  width: 35px;
  height: 48px; background: url(../image/promotion_ddk_BT_dianzhui.png?709840addcaca9ea8b4c0862580433f0) no-repeat;
  background-size: 100% 100%;
}
#ddk_promotion .body .title span:first-of-type,
#consumer_promotion .body .title span:first-of-type {
  margin-right: 20px;
}
#ddk_promotion .body .title span:last-of-type,
#consumer_promotion .body .title span:last-of-type {
  margin-left: 20px;
}
#ddk_promotion .body .title h3,
#consumer_promotion .body .title h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  line-height: 48px;
}
#ddk_promotion .body .product,
#consumer_promotion .body .product {
  width: 1034px;
  height: 599px; background: url(../image/promotion_ddk_CP_BG.png?2e46cc1a235b9ea3a393fcd051269867) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 46px;
  padding: 26px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
#ddk_promotion .body .product::after,
#consumer_promotion .body .product::after {
  content: "";
  position: absolute;
  width: 114px;
  height: 35px;
  right: 0;
  top: 14px; background: url(../image/promotion_ddk_HOT_biaoqian.png?e831c4f60f334594611a29a0f6c9bba8) no-repeat;
  background-size: 100% 100%;
}
#ddk_promotion .body .product h4,
#consumer_promotion .body .product h4 {
  margin: 20px 0;
  border-bottom: 3px solid #0284ed;
  font-size: 18px;
  color: #28140c;
  font-weight: normal;
  display: inline-block;
  line-height: 30px;
}
#ddk_promotion .body .product p.dec,
#consumer_promotion .body .product p.dec {
  color: #4f4f4f;
  font-size: 14px;
  margin-bottom: 56px;
}
#ddk_promotion .body .product .price-information,
#consumer_promotion .body .product .price-information {
  padding-top: 8px;
  color: #ea2d2e;
}
#ddk_promotion .body .product .price-information .price,
#consumer_promotion .body .product .price-information .price {
  font-size: 34px;
}
#ddk_promotion .body .product .price-information .unit,
#consumer_promotion .body .product .price-information .unit {
  font-size: 24px;
}
#ddk_promotion .body .product .price-information .tip,
#consumer_promotion .body .product .price-information .tip {
  font-size: 16px;
  margin-left: 14px;
}
#ddk_promotion .body .product .activity-tip,
#consumer_promotion .body .product .activity-tip {
  margin: 0;
  text-align: center;
  font-size: 16px;
  color: #28140c;
}
#ddk_promotion .body .product .activity-tip .date,
#consumer_promotion .body .product .activity-tip .date {
  color: #ea2d2e;
}
#ddk_promotion .body .product .buy,
#consumer_promotion .body .product .buy {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  background-color: #146ef5;
  margin: 25px 0;
}
#ddk_promotion .body .product .config h5,
#consumer_promotion .body .product .config h5 {
  color: #28140c;
  font-size: 18px;
}
#ddk_promotion .body .product .config ul,
#consumer_promotion .body .product .config ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 884px;
  margin-top: 26px;
}
#ddk_promotion .body .product .config ul li,
#consumer_promotion .body .product .config ul li {
  float: left;
  height: 50px;
  margin-bottom: 40px;
  border-right: 1px solid #e7e6e6;
  padding: 0 50px;
}
#ddk_promotion .body .product .config ul li:nth-of-type(4n),
#consumer_promotion .body .product .config ul li:nth-of-type(4n) {
  border-right: none;
}
#ddk_promotion .body .product .config ul li span,
#consumer_promotion .body .product .config ul li span {
  display: block;
  min-width: 80px;
  text-align: center;
  font-size: 16px;
  color: #4f4f4f;
}
#ddk_promotion .body .product .config ul li span.value,
#consumer_promotion .body .product .config ul li span.value {
  margin-top: 10px;
  color: #0284ed;
}
#ddk_promotion .body .product-advantage,
#consumer_promotion .body .product-advantage {
  width: 1150px;
  height: 406px;
  margin: 0 auto; background: url(../image/promotion_ddk_fuwuqi.png?750a64ffb2b3e3594f3dc9ca8d8e9d76) no-repeat;
  background-size: 100% 100%;
  margin-top: 50px;
  position: relative;
}
#ddk_promotion .body .product-advantage div,
#consumer_promotion .body .product-advantage div {
  position: absolute;
}
#ddk_promotion .body .product-advantage div:nth-of-type(1),
#consumer_promotion .body .product-advantage div:nth-of-type(1) {
  left: 30px;
  top: 25px;
}
#ddk_promotion .body .product-advantage div:nth-of-type(2),
#consumer_promotion .body .product-advantage div:nth-of-type(2) {
  left: 827px;
  top: 25px;
}
#ddk_promotion .body .product-advantage div:nth-of-type(3),
#consumer_promotion .body .product-advantage div:nth-of-type(3) {
  left: 34px;
  top: 236px;
}
#ddk_promotion .body .product-advantage div:nth-of-type(4),
#consumer_promotion .body .product-advantage div:nth-of-type(4) {
  left: 838px;
  top: 156px;
}
#ddk_promotion .body .product-advantage div:nth-of-type(5),
#consumer_promotion .body .product-advantage div:nth-of-type(5) {
  left: 812px;
  top: 314px;
}
#ddk_promotion .body .product-advantage h6,
#consumer_promotion .body .product-advantage h6 {
  font-size: 18px;
  color: #fff;
  margin: 0;
}
#ddk_promotion .body .product-advantage p,
#consumer_promotion .body .product-advantage p {
  font-size: 14px;
  color: #fff;
  margin: 0;
  margin-top: 16px;
  width: 288px;
}
#consumer_promotion { background: url(../image/consumer_banner_BG.png?05bd52cf327dc2b8c3ed3a4988dc1f5f) no-repeat;
  background-size: 100% 100%;
}
#consumer_promotion .head {
  height: 513px;
}
#consumer_promotion .body {
  background: transparent;
  border-top: 1px solid transparent;
}
#consumer_promotion .body .title {
  width: 298px;
}
#consumer_promotion .body .title span {
  width: 60px;
  height: 21px;
  margin-top: 14px;
}
#consumer_promotion .body .title span:first-of-type {
  margin-right: 5px;
}
#consumer_promotion .body .title span:last-of-type {
  margin-left: 5px;
}
#consumer_promotion .body .title span.left { background: url(../image/consumer_biaotizhuangshi_zuo.png?6e4eb57a61a13e1bea10c3a388f595d6) no-repeat;
}
#consumer_promotion .body .title span.right { background: url(../image/consumer_biantizhuangshi_you.png?b5841db26e3d6c71011be2ad47dcdb40) no-repeat;
}
#consumer_promotion .body .title.adv {
  width: 328px;
}
#consumer_promotion .body .product-advantage {
  margin-top: 0;
  width: 100%;
  height: 824px; background: url(../image/consumer_cp_.png?e23289302e2cff9b67f1124bf5dc19bc) no-repeat 0 -10px;
  background-size: 100% 100%;
}
#consumer_promotion .body .product .buy {
  background-color: #05cd80;
}
#consumer_promotion .body .product .config h5 {
  color: #28140c;
  font-size: 18px;
}
#consumer_promotion .body .product .config ul li span.value {
  color: #2ad08a;
}
#aboutus .banner {
  height: 562px; background: url(../image/aboutusBanner.png?15a35061b47b315a53bcc497e5df64d0) no-repeat center;
  background-size: 100% 100%;
  border-top: 1px solid transparent;
  margin-top: -1px;
  text-align: center;
  color: #fff;
}
#aboutus .banner .title {
  margin-top: 190px;
  margin-bottom: 16px;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 4.5px;
}
#aboutus .banner .sub-title {
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 28px;
}
#aboutus .content-list {
  width: 1176px;
  margin: 0 auto;
  margin-top: -63px;
}
#aboutus .content-list .tab-content {
  -webkit-box-shadow: 0 -1px 54px 12px rgba(2, 17, 91, 0.16);
          box-shadow: 0 -1px 54px 12px rgba(2, 17, 91, 0.16);
  padding: 56px 80px;
}
#aboutus .content-list .tab-content h2 {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
  font-size: 32px;
  font-weight: normal;
}
#aboutus .content-list .tab-content h2 span {
  font-size: 14px;
  color: #999999;
  margin-top: 20px;
}
#aboutus .content-list .tab-content h2 span a {
  color: #999999;
  text-decoration: none;
}
#aboutus .content-list .tab-content h2 span a.active {
  color: #333333;
}
#aboutus .content-list .tab-content #descripts img {
  margin-right: 20px;
}
#aboutus .content-list .tab-content #descripts p.topline {
  margin-top: 30px;
  margin-bottom: 20px;
}
#aboutus .content-list .tab-content #descripts p {
  font-size: 14px;
  color: #666666;
  margin: 0;
  text-indent: 2em;
  line-height: 30px;
}
#aboutus .content-list .tab-content #descripts .slogan {
  margin-top: 74px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .title {
  margin-top: 30px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .title h4 {
  display: inline-block;
  font-size: 20px;
  color: #043fc4;
  margin: 0;
  position: relative;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .title h4::after {
  content: "";
  position: absolute;
  width: 2em;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#3251ed), to(#6d8fff));
  background-image: linear-gradient(to right, #3251ed, #6d8fff);
  top: 38px;
  left: 0;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .title span {
  font-size: 12px;
  color: #6b6d75;
  vertical-align: bottom;
  margin-left: 2px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body {
  margin-top: 40px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul.border {
  padding-bottom: 32px;
  border-bottom: 1px solid #dadbe3;
  margin-bottom: 32px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul.list-item li {
  float: none;
  margin-right: 0;
  width: 100%;
  font-size: 14px;
  color: #6b6d75;
  margin-bottom: 12px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul.list-item li span {
  margin-right: 5px;
  color: #2559cc;
  font-size: 14px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li {
  float: left;
  width: 308px;
  margin-right: 46px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li:nth-of-type(3n) {
  margin-right: 0;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .thumb {
  height: 108px;
  border-radius: 10px;
  border: 1px solid #bec3d2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .thumb img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .thumb:hover {
  border: 1px solid #043fc4;
  -webkit-box-shadow: 0 0 15px rgba(4, 63, 196, 0.4);
          box-shadow: 0 0 15px rgba(4, 63, 196, 0.4);
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .dec {
  font-size: 14px;
  color: #666666;
  margin-top: 14px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .dec p {
  text-indent: 10px;
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .dec .pull-left {
  position: relative;
  top: 40.5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#aboutus .content-list .tab-content #pay .culture-list .culture-item .body ul li .dec img.pay {
  width: 81px;
  height: 81px;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .title {
  margin-top: 30px;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .title h4 {
  display: inline-block;
  font-size: 20px;
  color: #043fc4;
  margin: 0;
  position: relative;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .title h4::after {
  content: "";
  position: absolute;
  width: 2em;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#3251ed), to(#6d8fff));
  background-image: linear-gradient(to right, #3251ed, #6d8fff);
  top: 38px;
  left: 0;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .title span {
  font-size: 12px;
  color: #6b6d75;
  vertical-align: bottom;
  margin-left: 2px;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body {
  margin-top: 40px;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body .table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body .table tr:last-of-type td {
  border-bottom: none;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body .table tr td {
  border: none;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body ul li {
  width: 254px;
  padding-bottom: 10px;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body ul li span {
  display: block;
}
#aboutus .content-list .tab-content #lianxi .culture-list .culture-item .body ul li span:last-of-type {
  text-indent: 3em;
}
#aboutus .content-list .tab-content #fazhang img {
  margin-top: 60px;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .title {
  margin-top: 40px;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .title h4 {
  display: inline-block;
  font-size: 20px;
  color: #043fc4;
  margin: 0;
  position: relative;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .title h4::after {
  content: "";
  position: absolute;
  width: 2em;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#3251ed), to(#6d8fff));
  background-image: linear-gradient(to right, #3251ed, #6d8fff);
  top: 38px;
  left: 0;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .title span {
  font-size: 12px;
  color: #6b6d75;
  vertical-align: bottom;
  margin-left: 2px;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .body {
  margin-top: 40px;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .body p {
  margin: 0;
  font-size: 14px;
  color: #666666;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .body ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .body ul li {
  color: #1b4fc3;
  line-height: 24px;
  margin: 12px 0;
}
#aboutus .content-list .tab-content #wenhua .culture-list .culture-item .body ul li span {
  color: #666666;
  font-size: 14px;
}
#aboutus .content-list .tab-content #rongyu .certificate {
  position: relative;
}
#aboutus .content-list .tab-content #rongyu .swiper-certificate-page span {
  margin: 0 10px;
  cursor: pointer;
  color: #c1c0c0;
}
#aboutus .content-list .tab-content #rongyu .swiper-certificate-page span:hover {
  color: #3b5af0;
}
#aboutus .content-list .tab-content #rongyu ul.long li {
  margin-right: 35px;
}
#aboutus .content-list .tab-content #rongyu ul.long li:nth-of-type(3n) {
  margin-right: 35px;
}
#aboutus .content-list .tab-content #rongyu ul.long li:nth-of-type(4n) {
  margin-right: 0;
}
#aboutus .content-list .tab-content #rongyu ul.long li .thumbnail img {
  width: 205px;
}
#aboutus .content-list .tab-content #rongyu ul {
  list-style: none;
  margin: 40px 0;
  margin-bottom: 0;
  padding: 0;
}
#aboutus .content-list .tab-content #rongyu ul li {
  float: left;
  color: #666666;
  font-size: 14px;
  margin-right: 25px;
  margin-bottom: 38px;
}
#aboutus .content-list .tab-content #rongyu ul li:nth-of-type(3n) {
  margin-right: 0;
}
#aboutus .content-list .tab-content #rongyu ul li span {
  display: block;
  text-align: center;
}
#aboutus .content-list .tab-content #rongyu ul li .thumbnail {
  padding: 10px;
  border: 1px solid #999999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#aboutus .content-list .tab-content #rongyu ul li .thumbnail img {
  width: 300px;
}
#aboutus .content-list .tab-content #rongyu ul li .thumbnail:hover {
  border: 1px solid #5d78fd;
  -webkit-box-shadow: 0 0 16px rgba(4, 63, 196, 0.4);
          box-shadow: 0 0 16px rgba(4, 63, 196, 0.4);
}
#aboutus .content-list .nav-tabs {
  background-color: #d9dde7;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  border-bottom: none;
  -webkit-box-shadow: 0 -1px 24px 10px rgba(2, 17, 91, 0.1) inset;
          box-shadow: 0 -1px 24px 10px rgba(2, 17, 91, 0.1) inset;
}
#aboutus .content-list .nav-tabs li a {
  border-radius: 5px 5px 0 0;
  border: none;
  width: 196px;
  height: 64px;
  line-height: 64px;
  padding: 0;
  background-color: #d9dde7;
  font-size: 18px;
  text-align: center;
  color: #6b6d75;
  margin: 0;
}
#aboutus .content-list .nav-tabs li.active {
  z-index: 99;
}
#aboutus .content-list .nav-tabs li.active a {
  background-color: #fff;
  color: #162fac;
  -webkit-box-shadow: 0 0 30px rgba(2, 17, 91, 0.16);
          box-shadow: 0 0 30px rgba(2, 17, 91, 0.16);
}
#tz-server-rent-content {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
#tz-server-rent-content .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/server-rent-banner-bg.png?b2cea809383abd135a8da87148aba511) no-repeat center;
  background-size: cover;
}
#tz-server-rent-content .banner.gaofang { background: url(../image/gaofang.png?d62091a8827263c4ac41e2a98c049fc8) no-repeat center;
  background-size: cover;
}
#tz-server-rent-content .banner .title {
  margin-top: 140px;
}
#tz-server-rent-content .banner .title .text {
  color: #fff;
  font-size: 60px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 4.5px;
  font-family: 'pingFangBold';
}
#tz-server-rent-content .banner .title .sub-text {
  color: #fff;
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 28px;
  font-family: 'pingFangRegular';
}
#tz-server-rent-content .banner .bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tz-server-rent-content .banner .bottom .btn-link {
  display: inline-block;
  width: 280px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.2px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#tz-server-rent-content .banner .bottom .btn-link:hover,
#tz-server-rent-content .banner .bottom .btn-link.active {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#tz-server-rent-content .title .text {
  color: #333;
  font-size: 26px;
  letter-spacing: 1.3px;
  font-family: 'pingFangBold';
}
#tz-server-rent-content .title .sub-text {
  color: #666;
  font-size: 14px;
  line-height: 40px;
  margin-top: -10px;
  margin-bottom: -2px;
  font-family: 'pingFangMedium';
}
#tz-server-rent-content .hot-product {
  height: 735px;
  padding-top: 50px;
  text-align: center;
  background-color: #fff;
}
#tz-server-rent-content .hot-product .title {
  position: relative;
  color: #333;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 34px;
}
#tz-server-rent-content .hot-product .title:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
#tz-server-rent-content .hot-product .content {
  text-align: center;
  color: #444;
}
#tz-server-rent-content .hot-product .content .d-block-container {
  margin: 0 auto;
  margin-top: 50px;
  width: 1177px;
}
#tz-server-rent-content .hot-product .content .item {
  position: relative;
  float: left;
  margin-right: 19px;
}
#tz-server-rent-content .hot-product .content .item:last-of-type {
  margin-right: 0;
}
#tz-server-rent-content .hot-product .content .item .back {
  width: 280px;
  height: 438px;
  text-align: left;
}
#tz-server-rent-content .hot-product .content .item .back .card {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e1e4eb;
  border-bottom: 6px solid #2139b7;
}
#tz-server-rent-content .hot-product .content .item .back .card-head {
  height: 86px;
  border-bottom: 5px solid #2039b7;
  margin-bottom: 30px;
}
#tz-server-rent-content .hot-product .content .item .back .card-body {
  padding: 54px 30px;
  padding-top: 0;
}
#tz-server-rent-content .hot-product .content .item .back .card-title {
  font-size: 18px;
  font-family: 'pingFangHeavy';
  line-height: 86px;
  text-align: center;
  color: #fff;
  margin: 0;
}
#tz-server-rent-content .hot-product .content .item .back .card-title.top { background: url(../image/fwqMark.png?1b6b9c98de1d7eede758f3052b02d9b1) no-repeat;
  background-size: 100% 100%;
}
#tz-server-rent-content .hot-product .content .item .back .card-title.top span {
  display: inline-block;
}
#tz-server-rent-content .hot-product .content .item .back .card-title span {
  color: #ffe002;
  display: none;
}
#tz-server-rent-content .hot-product .content .item .back .card-text {
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}
#tz-server-rent-content .hot-product .content .item .back .card-text .desc {
  text-align: left;
  min-height: 120px;
}
#tz-server-rent-content .hot-product .content .item .back .card-text .price {
  color: #fe0000;
  font-size: 12px;
  line-height: 41px;
}
#tz-server-rent-content .hot-product .content .item .back .card-text .detail-link {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2.8px;
  border-radius: 20px;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, from(#1730ad), color-stop(50%, #4951d0));
  background: linear-gradient(to right, #1730ad 0%, #4951d0 50%);
  background: -webkit-linear-gradient(left, #1730ad 0%, #4951d0 50%);
  -webkit-box-shadow: 10px 1.5px 18px 0 rgba(31, 59, 182, 0.2);
          box-shadow: 10px 1.5px 18px 0 rgba(31, 59, 182, 0.2);
}
#tz-server-rent-content .hot-product .content .item:hover {
  -webkit-box-shadow: 0 0 57px 0 rgba(2, 17, 91, 0.1);
          box-shadow: 0 0 57px 0 rgba(2, 17, 91, 0.1);
}
#tz-server-rent-content .hot-product .content .item:nth-of-type(1) .card-head { background: url(../image/fwqHead01.png?a8af35962615dead54004ee484c1ba71) no-repeat center;
  background-size: 100% 100%;
}
#tz-server-rent-content .hot-product .content .item:nth-of-type(2) .card-head { background: url(../image/fwqHead02.png?bc85e17056fecf6afa133bcda1d60a08) no-repeat center;
  background-size: 100% 100%;
}
#tz-server-rent-content .hot-product .content .item:nth-of-type(3) .card-head { background: url(../image/fwqHead03.png?d15379e2702e7af71976cb6c2f46b4b2) no-repeat center;
  background-size: 100% 100%;
}
#tz-server-rent-content .hot-product .content .item:nth-of-type(4) .card-head { background: url(../image/fwqHead04.png?4463f86d1db676408764f751ea6d695a) no-repeat center;
  background-size: 100% 100%;
}
#tz-server-rent-content .product-adv {
  height: 607px;
  padding-top: 50px;
  text-align: center; background: url(../image/product-adv-bg.png?2ce07f79bcb256a8ad8f902f54fc1563) no-repeat center center;
  background-size: cover;
}
#tz-server-rent-content .product-adv .content {
  height: 100%;
  text-align: center;
}
#tz-server-rent-content .product-adv .content .item {
  display: inline-block;
}
#tz-server-rent-content .product-adv .content .item-content {
  text-align: left;
  margin-left: 18px;
  display: inline-block;
  vertical-align: text-top;
}
#tz-server-rent-content .product-adv .content .item-content .title {
  color: #2139b7;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.9px;
}
#tz-server-rent-content .product-adv .content .item-content .desc {
  color: #666;
  font-size: 14px;
  line-height: 26px;
}
#tz-server-rent-content .service-support {
  height: 1010px;
  padding-top: 50px;
  text-align: center; background: url(../image/service-support-bg.png?a8db1d3ffb0a3580c4d5562ed8f690b5) no-repeat center center;
  background-size: cover;
}
#tz-server-rent-content .service-support .table-container {
  margin-top: 45px;
}
#tz-server-rent-content .service-support .table-container .table-bordered {
  border-left: none;
  border-right: none;
}
#tz-server-rent-content .service-support .table-container .table-bordered tbody {
  color: #d4d4d4;
}
#tz-server-rent-content .service-support .table-container .table-bordered th {
  font-size: 14px;
  font-family: 'pingFangHeavy';
  letter-spacing: 2.8px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  border-bottom-width: 0;
}
#tz-server-rent-content .service-support .table-container .table-bordered tr {
  height: 50px;
}
#tz-server-rent-content .service-support .table-container .table-bordered tr th:first-child {
  border-left: none;
}
#tz-server-rent-content .service-support .table-container .table-bordered tr th:last-child {
  border-right: none;
}
#tz-server-rent-content .service-support .table-container .table-bordered tr td {
  line-height: 34px;
}
#tz-server-rent-content .service-support .table-container .table-bordered tr td:last-child {
  border-right: none;
}
#tz-server-rent-content .common-question {
  padding: 50px 0 80px;
  text-align: center; background: url(../image/common-question-bg.png?5994d19b749ba842c38ed870df4db534) no-repeat center;
  background-size: cover;
}
#tz-server-rent-content .common-question .list-container {
  margin-top: 40px;
  text-align: center;
}
#tz-server-rent-content .common-question .list-container .list-group {
  text-align: center;
  width: 1240px;
  margin: 0 auto !important;
}
#tz-server-rent-content .common-question .list-container .list-group .list-group-item {
  width: 350px;
  display: inline-block; background: url(../image/dot.png?bbfa5090bdd4f7b60bb7aac57cf50670) no-repeat left center;
  padding: 0 0 5px 20px;
  margin-left: 30px;
  margin-right: 30px;
  color: #666;
  font-size: 14px;
  line-height: 41px;
  border: none;
  border-bottom: 1px solid #b4b4bf;
  border-radius: unset;
}
#tz-server-rent-content .common-question .list-container .list-group .list-group-item .text {
  float: left;
  color: inherit;
}
#tz-server-rent-content .common-question .list-container .list-group .list-group-item .text:focus {
  text-decoration: none;
}
#tz-server-rent-content .common-question .list-container .list-group .list-group-item .date {
  float: right;
  color: inherit;
}
#tz-server-rent-content .common-question .list-container .list-group .list-group-item .date:focus {
  text-decoration: none;
}
#tz-server-rent-content .common-question .list-container .list-group .list-group-item:hover .text,
#tz-server-rent-content .common-question .list-container .list-group .list-group-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
#tz-server-rent-content .consult {
  height: 192px; background: url(../image/bottom-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 50px;
}
#tz-server-rent-content .consult .text {
  font-family: 'pingFangMedium';
}
#tz-server-rent-content .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#tz-server-rent-content .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
#server_product {
  font-family: 'pingFangMedium';
}
#server_product .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/server-rent-banner-bg.png?b2cea809383abd135a8da87148aba511) no-repeat center;
  background-size: cover;
}
#server_product .banner .title {
  margin-top: 140px;
}
#server_product .banner .title .text {
  font-size: 60px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 4.5px;
  font-family: 'pingFangBold';
}
#server_product .banner .title .sub-text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.8px;
  font-family: 'pingFangRegular';
}
#server_product .banner .bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#server_product .banner .bottom .btn-link {
  display: inline-block;
  width: 230px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.2px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#server_product .banner .bottom .btn-link:hover,
#server_product .banner .bottom .btn-link.active {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#server_product .jumbotron.data-center {
  padding: 70px 0 37px 0;
  margin: 0;
  background-color: #ffffff;
}
#server_product .jumbotron.data-center h2 {
  font-size: 36px;
  color:#09F;
  text-align: center;
  margin: 0;
  font-family: 'pingFangBold';
  padding-bottom: 32px;
  position: relative;
}
#server_product .jumbotron.data-center h2::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
#server_product .jumbotron.data-center .main-content {
  margin-top: 30px;
  margin-left:50px;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane h3 {
  margin: 0;
  padding: 0;
  padding-bottom: 19px;
  border-bottom: 1px solid #333333;
  font-size: 32px;
  font-family: 'pingFangBold';
  color: #333333;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin: 18px 0;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane p .focus {
  color: #ea0000;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane p a {
  display: block;
  background-color: #ea0000;
  width: 115px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  margin-left: 72px;
  margin-top: 7px;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table {
  width: 100%;
  display: table;
  border: 1px solid #d6d7e1;
  border-radius: 4px;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row {
  display: table-row;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row:last-of-type .data-table-col {
  border-bottom: none;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col {
  border-right: 1px solid #d6d7e1;
  border-bottom: 1px solid #d6d7e1;
  text-align: center;
  display: table-cell;
  height: 49px;
  line-height: 49px;
  font-size: 14px;
  color: #666666;
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col.thead {
  background-color: #eeeff3;
  font-size: 14px;
  color: #333333;
  font-family: 'pingFangHeavy';
}
#server_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col:last-of-type {
  border-right: none;
}
#server_product .jumbotron.data-center .main-content .nav-tabs {
  border: none;
  margin-bottom: 60px;
}
#server_product .jumbotron.data-center .main-content .nav-tabs li {
  width: 378px;
  border: 1px solid #2343c0;
  margin-right: 20px;
  border-radius: 10px;
}
#server_product .jumbotron.data-center .main-content .nav-tabs li:last-of-type {
  margin: 0;
}
#server_product .jumbotron.data-center .main-content .nav-tabs li.active {
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#1730ad), to(#4274f4));
  background: linear-gradient(to right, #1730ad, #4274f4);
  -webkit-box-shadow: 0 0 29px 11px rgba(6, 43, 205, 0.25);
          box-shadow: 0 0 29px 11px rgba(6, 43, 205, 0.25);
}
#server_product .jumbotron.data-center .main-content .nav-tabs li.active a {
  color: #fff;
}
#server_product .jumbotron.data-center .main-content .nav-tabs li a {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #043fc4;
  line-height: 60px;
  height: 60px;
  border: none;
  background-color: transparent;
  font-size: 18px;
}
#server_product .jumbotron.introduction {
  padding: 38px 0 52px 0;
  margin: 0; background: url(../image/productBg.png?8e787a79814dde5601c807ef0a253556) no-repeat;
  background-size: 100% 100%;
}
#server_product .jumbotron.introduction .icon {
  margin-top: 3px;
}
#server_product .jumbotron.introduction .article {
  margin-bottom: 24px;
}
#server_product .jumbotron.introduction .article:last-of-type {
  margin-bottom: 0;
}
#server_product .jumbotron.introduction .article h4 {
  font-size: 18px;
  font-family: 'pingFangHeavy';
  color: #2139b7;
  margin: 0;
}
#server_product .jumbotron.introduction .article p {
  line-height: 22px;
  max-width: 679px;
  margin: 0;
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
}
#server_product .jumbotron.reason {
  height: 628px;
  padding: 0;
  padding-top: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0; background: url(../image/productBg2.png?6a68fb8dad3b3de8bda783174a92fa8e) no-repeat;
  background-size: 100% 100%;
}
#server_product .jumbotron.reason h4 {
  font-size: 26px;
  color: #ffffff;
  font-family: 'pingFangHeavy';
  margin: 0;
  text-align: center;
}
#server_product .jumbotron.reason .reason-content .row {
  margin: 56px 0;
}
#server_product .jumbotron.reason .reason-content .row:last-of-type {
  margin: 0;
}
#server_product .jumbotron.reason .reason-content div[class*="col-md"] {
  padding: 0 30px;
  text-align: center;
}
#server_product .jumbotron.reason .reason-content div[class*="col-md"] h5 {
  margin: 10px 0;
  font-size: 16px;
  color: #ffffff;
  font-family: 'pingFangBold';
}
#server_product .jumbotron.reason .reason-content div[class*="col-md"] p {
  margin: 0;
  line-height: 22px;
  font-size: 14px;
  color: #c2c1c1;
}
#server_product .jumbotron.footer {
  height: 193px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0; background: url(../image/productBg3.png?873be73ca8b181a461885d23307b2c61) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
#server_product .jumbotron.footer h4 {
  margin: 0;
  padding-top: 60px;
  margin-bottom: 24px;
  font-size: 26px;
  color: #fff;
  font-family: 'pingFangMedium';
}
#server_product .jumbotron.footer a {
  display: inline-block;
  text-decoration: none;
  width: 150px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 17px;
}
#server_product .jumbotron {
  border-radius: 0;
}
#server_product .versionHeart {
  width: 1300px;
  margin: 0 auto;
}
.tz-solution {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
.tz-solution .tab {
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-solution .tab-item {
  display: inline-block;
  width: 130px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 3.6px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
.tz-solution .tab-item.active,
.tz-solution .tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
.tz-solution .content {
  text-align: center;
  /* 游戏 */
  /* 棋牌 */
  /* 金融 */
  /* 流媒体 */
  /* 移动APP */
  /* 教育云 */
  /* 政务云 */
  /* 网站部署 */
}
.tz-solution .content .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center;
  background-size: cover;
}
.tz-solution .content .banner .title {
  margin-top: 60px;
  color: #fff;
}
.tz-solution .content .banner .title .text {
  font-size: 50px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 3.75px;
  font-family: 'pingFangBold';
}
.tz-solution .content .banner .title .sub-text {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.8px;
  font-family: 'pingFangRegular';
}
.tz-solution .content .banner .apply-btn {
  display: block;
  width: 180px;
  height: 40px;
  margin: 60px auto 0;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2.8px;
  text-decoration: none;
  color: #043fc4;
  background: #fff;
}
.tz-solution .content .problem {
  height: 700px;
  padding-top: 50px;
  background-color: #fff;
}
.tz-solution .content .problem .title {
  position: relative;
  color: #333;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-solution .content .problem .title:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-solution .content .problem .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1240px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto 0;
}
.tz-solution .content .problem .card-container .card {
  width: 380px;
  height: 206px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 35px 50px;
  margin: 10px;
  text-align: center;
}
.tz-solution .content .problem .card-container .card-title {
  text-align: left;
  margin-bottom: 12px;
}
.tz-solution .content .problem .card-container .card-title .icon {
  display: inline-block;
  margin-top: -5px;
}
.tz-solution .content .problem .card-container .card-title .text {
  color: #333;
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-left: 18px;
}
.tz-solution .content .problem .card-container .card-body ul {
  padding-left: 48px;
}
.tz-solution .content .problem .card-container .card-body ul li {
  text-align: left;
  padding-left: 5px;
  margin-bottom: 8px;
}
.tz-solution .content .problem .card-container .card-body p {
  line-height: 26px;
}
.tz-solution .content .arch {
  height: 1000px;
  padding-top: 50px;
}
.tz-solution .content .arch .title {
  position: relative;
  color: #121931;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-solution .content .arch .title:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-solution .content .arch .cont {
  margin-top: 40px;
}
.tz-solution .content .arch .cont .desc {
  color: #363f5b;
  font-size: 14px;
  line-height: 25px;
  text-align: left;
  display: inline-block;
  margin: 50px auto 40px;
}
.tz-solution .content .arch .cont .consult-btn {
  width: 180px;
  height: 40px;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-solution .content .arch .cont .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
.tz-solution .content .adv {
  height: 686px;
  padding-top: 50px;
}
.tz-solution .content .adv .title {
  position: relative;
  color: #121931;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-solution .content .adv .title:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-solution .content .adv .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1180px;
  margin: 30px auto 0;
}
.tz-solution .content .adv .cont .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tz-solution .content .adv .cont .item {
  width: 340px;
  height: 120px;
  text-align: left;
  margin-bottom: 50px;
}
.tz-solution .content .adv .cont .item-title {
  color: #2b3555;
  font-size: 16px;
  font-family: 'pingFangHeavy';
  line-height: 41px;
}
.tz-solution .content .adv .cont .item-title .order {
  display: inline-block;
  vertical-align: super;
  margin-right: -5px;
}
.tz-solution .content .adv .cont .item-body {
  color: #33394e;
  font-size: 14px;
  line-height: 22px;
  padding-left: 20px;
}
.tz-solution .content .consult {
  height: 192px; background: url(../image/consult-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 30px;
}
.tz-solution .content .consult .title {
  color: #fff;
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 20px;
  font-family: 'pingFangMedium';
}
.tz-solution .content .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-solution .content .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
.tz-solution .content #game .banner { background: url(../image/game-banner-bg.png?70f07cea6da876f74947ecc8224d8659) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #game .arch { background: url(../image/game-arch-bg.png?aeb381af904a4d8292c7f5c71f1fb1f2) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #game .adv { background: url(../image/game-adv-bg.png?de6c44551eb078692cc6598120b898dc) no-repeat center 70%;
}
.tz-solution .content #chess .banner { background: url(../image/chess-banner-bg.png?a81b0245d73a9f2b88501846afd7735b) no-repeat center;
}
.tz-solution .content #chess .problem {
  height: 530px;
}
.tz-solution .content #chess .problem .card {
  position: relative;
  height: 290px;
  padding-left: 35px;
  padding-right: 35px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.tz-solution .content #chess .problem .card-title {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
}
.tz-solution .content #chess .problem .card-title .text {
  margin-top: 20px;
  margin-left: 0;
}
.tz-solution .content #chess .problem .card-title .hover-icon {
  display: none;
}
.tz-solution .content #chess .problem .card-title .divider {
  width: 20px;
  height: 1px;
  background-color: #4d4d4d;
  border-top: unset;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.tz-solution .content #chess .problem .card-body {
  position: relative;
  top: 15%;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.tz-solution .content #chess .problem .card:hover {
  background: -webkit-gradient(linear, left top, right top, from(#284af3), color-stop(60%, #6d8fff));
  background: linear-gradient(to right, #284af3 0%, #6d8fff 60%);
  background: -webkit-linear-gradient(left, #284af3 0%, #6d8fff 60%);
}
.tz-solution .content #chess .problem .card:hover .card-title {
  text-align: center;
  top: 25%;
}
.tz-solution .content #chess .problem .card:hover .card-title .icon {
  display: none;
}
.tz-solution .content #chess .problem .card:hover .card-title .hover-icon {
  display: inline-block;
}
.tz-solution .content #chess .problem .card:hover .card-title .text {
  color: #fff;
}
.tz-solution .content #chess .problem .card:hover .card-title .divider {
  width: 34px;
  height: 1px;
  background-color: #fff;
  border-top: unset;
}
.tz-solution .content #chess .problem .card:hover .card-body {
  top: 0;
  opacity: 1;
}
.tz-solution .content #chess .arch {
  max-width: 100%;
  height: 660px; background: url(../image/chess-arch-bg.png?8aae1b6552c2838d8a0dc0e726d4ff18) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #chess .arch .title {
  color: #fff;
}
.tz-solution .content #chess .arch .title:after {
  background-color: #fff;
}
.tz-solution .content #chess .arch .cont {
  position: relative;
  height: 400px;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.tz-solution .content #chess .arch .cont .arch-text {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 370px;
  height: 300px;
  text-align: left;
  color: #fff;
}
.tz-solution .content #chess .arch .cont .arch-text .desc {
  margin-top: 0;
  margin-bottom: 60px;
  color: #fff;
}
.tz-solution .content #chess .arch .cont .arch-img {
  position: absolute;
  top: -20px;
  right: 20px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.tz-solution .content #chess .adv {
  height: 546px; background: url(../image/chess-adv-bg.png?38ab74a7678e2f35e10a1b4cd54385e3) no-repeat center 70%;
}
.tz-solution .content #chess .adv .item {
  height: 140px;
}
.tz-solution .content #finance .banner { background: url(../image/finance-banner-bg.png?cb640bcc47513f23060eb6143e330009) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #finance .problem {
  height: 650px;
}
.tz-solution .content #finance .problem .card {
  width: 570px;
  height: 190px;
}
.tz-solution .content #finance .problem .card-body p {
  text-align: left;
  padding-left: 50px;
}
.tz-solution .content #finance .arch {
  height: 1100px; background: url(../image/finance-arch-bg.png?e329461e923c3a58f116cb444e5e5a02) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #finance .arch .title {
  color: #fff;
}
.tz-solution .content #finance .arch .title:after {
  background-color: #fff;
}
.tz-solution .content #finance .adv {
  height: 710px; background: url(../image/finance-adv-bg.png?6dd2d0583e3f5fe90f32e4e2b551f77b) no-repeat 48.5% 58%;
}
.tz-solution .content #finance .adv .cont .item {
  width: 320px;
}
.tz-solution .content #streaming-media .banner { background: url(../image/streaming-media-banner-bg.png?28ffacd1c8c6956941b2336ebb182582) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #streaming-media .problem {
  height: 650px;
}
.tz-solution .content #streaming-media .problem .card {
  width: 570px;
  height: 190px;
}
.tz-solution .content #streaming-media .problem .card-body p {
  text-align: left;
  padding-left: 50px;
}
.tz-solution .content #streaming-media .arch {
  height: 1210px; background: url(../image/streaming-media-arch-bg.png?93fbe0bd35321d798720b629287506bb) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #streaming-media .arch .title {
  color: #fff;
}
.tz-solution .content #streaming-media .arch .title:after {
  background-color: #fff;
}
.tz-solution .content #streaming-media .adv {
  height: 710px; background: url(../image/streaming-media-adv-bg.png?6f7fc5e2b991b9f6cc80ab5fd13e93d3) no-repeat 48.5% 70%;
}
.tz-solution .content #mobile-app .banner { background: url(../image/mobile-app-banner-bg.png?35a34261413158a4f4f85ce149b7d567) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #mobile-app .problem {
  height: 620px;
}
.tz-solution .content #mobile-app .problem .card {
  position: relative;
  height: 176px;
}
.tz-solution .content #mobile-app .problem .card-title {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  text-align: center;
  opacity: 1;
  z-index: 2;
}
.tz-solution .content #mobile-app .problem .card-title .text {
  margin-top: 20px;
  margin-left: 0;
}
.tz-solution .content #mobile-app .problem .card-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: table;
  width: 100%;
  height: 100%;
  padding: 35px 50px;
  color: #fff;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0;
  z-index: 3;
}
.tz-solution .content #mobile-app .problem .card-body p {
  margin-bottom: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}
.tz-solution .content #mobile-app .problem .card:hover .card-title {
  opacity: 0;
}
.tz-solution .content #mobile-app .problem .card:hover .card-body {
  opacity: 1;
}
.tz-solution .content #mobile-app .problem .card:nth-child(1) .card-body { background: url(../image/problem-bg-1.png?7e0c6a90b614ee1dad1afe48f55d9f85) no-repeat 100% 100%;
}
.tz-solution .content #mobile-app .problem .card:nth-child(2) .card-body { background: url(../image/problem-bg-2.png?7792a860ce4c6c5c5bad25542805e293) no-repeat 100% 100%;
}
.tz-solution .content #mobile-app .problem .card:nth-child(3) .card-body { background: url(../image/problem-bg-3.png?d6766121bb56f0e4a9b2381ad1c228e2) no-repeat 100% 100%;
}
.tz-solution .content #mobile-app .problem .card:nth-child(4) .card-body { background: url(../image/problem-bg-4.png?a9889e258ba777a7283584def6c2c2e2) no-repeat 100% 100%;
}
.tz-solution .content #mobile-app .problem .card:nth-child(5) .card-body { background: url(../image/problem-bg-5.png?6affcacc32a52ca794d21d692d555c41) no-repeat 100% 100%;
}
.tz-solution .content #mobile-app .problem .card:nth-child(6) .card-body { background: url(../image/problem-bg-6.png?4d513718eb2486400b32c6252aaa5d93) no-repeat 100% 100%;
}
.tz-solution .content #mobile-app .arch {
  height: 1320px; background: url(../image/mobile-app-arch-bg.png?67334bf1ec360a5f0df602882a452608) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #mobile-app .arch .cont {
  position: relative;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.tz-solution .content #mobile-app .arch .cont .desc {
  margin-top: 0;
  margin-bottom: 15px;
  text-indent: 2em;
}
.tz-solution .content #mobile-app .arch .cont .consult-btn {
  border-color: #2139b7;
  background-color: #2139b7;
}
.tz-solution .content #mobile-app .arch .cont .consult-btn:hover {
  color: #2139b7;
  border-color: #fff;
  background-color: #fff;
}
.tz-solution .content #mobile-app .adv {
  height: 710px; background: url(../image/mobile-app-adv-bg.png?538960dd8f47b0ef46cbb5c6ca41f3cf) no-repeat 48.5% 70%;
}
.tz-solution .content #mobile-app .adv .item {
  width: 320px;
}
.tz-solution .content #education-cloud .banner { background: url(../image/education-cloud-banner-bg.png?2010c80cc8fb90a26b23ccbfc242d666) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #education-cloud .problem {
  height: 700px;
}
.tz-solution .content #education-cloud .problem .card {
  width: 570px;
  height: 215px;
  padding-left: 60px;
  padding-right: 60px;
}
.tz-solution .content #education-cloud .problem .card-body p {
  text-align: left;
  padding-left: 50px;
}
.tz-solution .content #education-cloud .arch {
  height: 1210px; background: url(../image/education-cloud-arch-bg.png?14f83e4808959ead541b7e1d7522394e) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #education-cloud .arch .consult-btn {
  border-color: #1e2251;
  background-color: #1e2251;
}
.tz-solution .content #education-cloud .arch .consult-btn:hover {
  color: #1e2251;
  border-color: #fff;
  background-color: #fff;
}
.tz-solution .content #education-cloud .arch .desc {
  margin-top: 40px;
  margin-bottom: 30px;
}
.tz-solution .content #education-cloud .arch .desc .list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.tz-solution .content #education-cloud .arch .desc .list-group .list-group-item {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0; background: url(../image/dot.png?ab0a9459dce95c398c2a6fdc1eed29e8) no-repeat left center;
  color: #1e2251;
  border: none;
  border-radius: unset;
}
.tz-solution .content #education-cloud .adv {
  height: 600px; background: url(../image/education-cloud-adv-bg.png?555ba2b76e0025fd65bd9ee6dd41188a) no-repeat center 70%;
}
.tz-solution .content #education-cloud .adv .cont {
  margin-top: 65px;
}
.tz-solution .content #government-cloud .banner { background: url(../image/government-cloud-banner-bg.png?c03da09f2045264f0fe9000040bdc3a1) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #government-cloud .problem {
  height: 620px;
}
.tz-solution .content #government-cloud .problem .card {
  width: 570px;
  height: 176px;
  padding-left: 60px;
  padding-right: 60px;
}
.tz-solution .content #government-cloud .problem .card-body p {
  text-align: left;
  padding-left: 50px;
}
.tz-solution .content #government-cloud .arch {
  height: 1200px; background: url(../image/government-cloud-arch-bg.png?cbd1a530b38258c4a0c6ef066d599287) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #government-cloud .arch .title {
  color: #fff;
}
.tz-solution .content #government-cloud .arch .title:after {
  background-color: #fff;
}
.tz-solution .content #government-cloud .arch .consult-btn {
  color: #091233;
  background: #fff;
}
.tz-solution .content #government-cloud .arch .desc {
  color: #fff;
}
.tz-solution .content #government-cloud .adv {
  height: 660px; background: url(../image/government-cloud-adv-bg.png?6b97d8d988ae0176a9c157bd8dc99125) no-repeat center 60%;
}
.tz-solution .content #government-cloud .adv .cont {
  margin-top: 60px;
}
.tz-solution .content #government-cloud .adv .cont .item {
  width: 290px;
  height: 180px;
}
.tz-solution .content #website-deployment .banner { background: url(../image/website-deployment-banner-bg.png?3d16521dcd386174e55f1d3d59a3154a) no-repeat center;
  background-size: 100% 100%;
}
.tz-solution .content #website-deployment .problem {
  height: 700px;
}
.tz-solution .content #website-deployment .problem .card {
  width: 570px;
  height: 215px;
}
.tz-solution .content #website-deployment .problem .card-body p {
  text-align: left;
  padding-left: 50px;
}
.tz-solution .content #website-deployment .arch {
  height: 990px; background: url(../image/website-deployment-arch-bg.png?36c4d6730e65d3780a9ae1cd528a20a6) no-repeat center;
}
.tz-solution .content #website-deployment .arch .title {
  color: #fff;
}
.tz-solution .content #website-deployment .arch .title:after {
  background-color: #fff;
}
.tz-solution .content #website-deployment .arch .consult-btn {
  color: #091233;
  background: #fff;
}
.tz-solution .content #website-deployment .arch .desc {
  color: #fff;
}
.tz-solution .content #website-deployment .adv {
  height: 640px; background: url(../image/website-deployment-adv-bg.png?ee885b796221336228ed7200aa28af3c) no-repeat center 70%;
}
.tz-solution .content #website-deployment .adv .cont {
  margin-top: 60px;
}
.tz-solution .content #website-deployment .adv .cont .item {
  width: 350px;
  height: 160px;
}
#tz-server-hosting {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
#tz-server-hosting .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/hosting-banner-bg.jpg?42946cb5905aa3cc01c509408a302109) no-repeat center;
  background-size: cover;
}
#tz-server-hosting .banner .title {
  margin-top: 140px;
}
#tz-server-hosting .banner .title .text {
  color: #fff;
  margin-bottom: 16px;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 4.5px;
  font-family: 'pingFangBold';
}
#tz-server-hosting .banner .title .sub-text {
  color: #fff;
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 28px;
  font-family: 'pingFangRegular';
}
#tz-server-hosting .banner .collapse-tab {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tz-server-hosting .banner .collapse-tab-item {
  display: inline-block;
  width: 280px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.2px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#tz-server-hosting .banner .collapse-tab-item.active,
#tz-server-hosting .banner .collapse-tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#tz-server-hosting .title .text {
  color: #333;
  font-size: 26px;
  letter-spacing: 1.3px;
  font-family: 'pingFangBold';
}
#tz-server-hosting .title .sub-text {
  color: #666;
  font-size: 14px;
  line-height: 40px;
  margin-top: -10px;
  margin-bottom: -2px;
  font-family: 'pingFangMedium';
}
#tz-server-hosting .expand-item {
  margin: 0 auto;
  width: 1180px;
  text-align: left;
  color: #666;
  padding-bottom: 86px;
}
#tz-server-hosting .expand-item-title {
  padding-top: 40px;
  font-size: 32px;
  color: #333;
  font-family: 'pingFangBold';
}
#tz-server-hosting .expand-item .scene-btn {
  display: inline-block;
  padding: 4px 18px;
  margin-top: 6px;
  margin-left: 6.8rem;
  font-size: 12px;
  color: #fff;
  letter-spacing: 2.4px;
  background-color: #ea0000;
  border-radius: 4px;
  text-decoration: none;
}
#tz-server-hosting .expand-item .table-container {
  margin-top: 40px;
  text-align: center;
}
#tz-server-hosting .expand-item .table-container .table-bordered {
  margin: 0;
}
#tz-server-hosting .expand-item .table-container .table-bordered thead th {
  border-bottom-width: 0 !important;
}
#tz-server-hosting .expand-item .table-container th {
  text-align: center;
  vertical-align: middle;
  background: #eeeff3;
  color: #333;
  letter-spacing: 2.8px;
  border: 1px solid #d6d7e1;
  font-family: 'pingFangHeavy';
}
#tz-server-hosting .expand-item .table-container tr {
  height: 50px;
}
#tz-server-hosting .expand-item .table-container tr td {
  line-height: 39px;
  border: 1px solid #d6d7e1;
}
#tz-server-hosting .expand-item .table-container .purchase-btn {
  padding: 6px 22px;
  color: #666;
  font-size: 12px;
  letter-spacing: 1.2px;
  background-color: #dcdcdc;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#tz-server-hosting .expand-item .table-container .purchase-btn:hover {
  background-color: #ea0000;
  color: #fffefe;
}
#tz-server-hosting .performance-pk {
  height: 770px;
  padding-top: 50px;
  text-align: center; background: url(../image/performance-pk-bg.png?10fc44707092ff8f789d7cccb88499f5) no-repeat center center;
  background-size: cover;
}
#tz-server-hosting .performance-pk .table-container {
  margin-top: 40px;
}
#tz-server-hosting .performance-pk .table-container .table-bordered {
  border-left: none;
  border-right: none;
}
#tz-server-hosting .performance-pk .table-container .table-bordered tbody {
  font-size: 14px;
  color: #666;
}
#tz-server-hosting .performance-pk .table-container .table-bordered th {
  font-size: 14px;
  font-family: 'pingFangHeavy';
  letter-spacing: 2.8px;
  color: #666;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #a2a5b1;
}
#tz-server-hosting .performance-pk .table-container .table-bordered tr {
  height: 55px;
}
#tz-server-hosting .performance-pk .table-container .table-bordered tr th:first-child {
  border-left: none;
}
#tz-server-hosting .performance-pk .table-container .table-bordered tr th:last-child {
  border-right: none;
}
#tz-server-hosting .performance-pk .table-container .table-bordered tr td {
  line-height: 39px;
  border: 1px solid #a2a5b1;
}
#tz-server-hosting .performance-pk .table-container .table-bordered tr td:last-child {
  border-right: none;
}
#tz-server-hosting .service-pk {
  height: 1000px;
  padding-top: 50px;
  text-align: center; background: url(../image/service-pk-bg.png?0a89882368098b645500114ccca48e57) no-repeat center center;
  background-size: cover;
}
#tz-server-hosting .service-pk .table-container {
  margin-top: 40px;
}
#tz-server-hosting .service-pk .table-container .table-bordered {
  border-left: none;
  border-right: none;
}
#tz-server-hosting .service-pk .table-container .table-bordered tbody {
  color: #d4d4d4;
}
#tz-server-hosting .service-pk .table-container .table-bordered th {
  font-size: 14px;
  font-family: 'pingFangHeavy';
  letter-spacing: 2.8px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  border-bottom-width: 0;
}
#tz-server-hosting .service-pk .table-container .table-bordered tr {
  height: 55px;
}
#tz-server-hosting .service-pk .table-container .table-bordered tr th:first-child {
  border-left: none;
}
#tz-server-hosting .service-pk .table-container .table-bordered tr th:last-child {
  border-right: none;
}
#tz-server-hosting .service-pk .table-container .table-bordered tr td {
  line-height: 39px;
}
#tz-server-hosting .service-pk .table-container .table-bordered tr td:last-child {
  border-right: none;
}
#tz-server-hosting .deposit-process {
  padding: 50px 0 60px;
  text-align: center;
}
#tz-server-hosting .deposit-process img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-top: 50px;
}
#tz-server-hosting .common-question {
  padding: 50px 0 80px;
  text-align: center; background: url(../image/common-question-bg.png?5994d19b749ba842c38ed870df4db534) no-repeat center;
  background-size: cover;
}
#tz-server-hosting .common-question .list-container {
  margin-top: 40px;
  text-align: center;
}
#tz-server-hosting .common-question .list-container .list-group {
  text-align: center;
  width: 1240px;
  margin: 0 auto !important;
}
#tz-server-hosting .common-question .list-container .list-group .list-group-item {
  width: 350px;
  display: inline-block; background: url(../image/dot.png?bbfa5090bdd4f7b60bb7aac57cf50670) no-repeat left center;
  padding: 0 0 5px 20px;
  margin-left: 30px;
  margin-right: 30px;
  color: #666;
  font-size: 14px;
  line-height: 41px;
  border: none;
  border-bottom: 1px solid #b4b4bf;
  border-radius: unset;
}
#tz-server-hosting .common-question .list-container .list-group .list-group-item .text {
  float: left;
  color: inherit;
}
#tz-server-hosting .common-question .list-container .list-group .list-group-item .text:focus {
  text-decoration: none;
}
#tz-server-hosting .common-question .list-container .list-group .list-group-item .date {
  float: right;
  color: inherit;
}
#tz-server-hosting .common-question .list-container .list-group .list-group-item .date:focus {
  text-decoration: none;
}
#tz-server-hosting .common-question .list-container .list-group .list-group-item:hover .text,
#tz-server-hosting .common-question .list-container .list-group .list-group-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
#tz-server-hosting .consult {
  height: 192px; background: url(../image/consult-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 50px;
}
#tz-server-hosting .consult .title {
  margin-bottom: 30px;
}
#tz-server-hosting .consult .title .text {
  color: #fff;
  margin-top: 0;
}
#tz-server-hosting .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#tz-server-hosting .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
@-webkit-keyframes progress-active {
  from {
    width: 10%;
  }
  to {
    width: 100%;
  }
}
@keyframes progress-active {
  from {
    width: 10%;
  }
  to {
    width: 100%;
  }
}
.tz-protection {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
.tz-protection .title {
  position: relative;
  font-family: 'pingFangBold';
  color: #333;
  font-size: 26px;
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 20px;
}
.tz-protection .title.black {
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-protection .title.black:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-protection .title.white {
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-protection .title.white:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
}
.tz-protection .sub-title {
  font-size: 14px;
  color: #666;
  font-family: 'pingFangMedium';
}
.tz-protection .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/protection-banner-bg.png?61246c1f839b6eaaf360a11503b3b44f) no-repeat center;
  background-size: cover;
}
.tz-protection .banner .cont {
  max-width: 1180px;
  margin: 60px auto 0;
  padding: 0 55px;
}
.tz-protection .banner .cont .title {
  text-align: center;
  color: #fff;
}
.tz-protection .banner .cont .title .text {
  font-size: 50px;
  font-family: 'pingFangBold';
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 3.75px;
}
.tz-protection .banner .cont .title .sub-text {
  font-size: 16px;
  font-family: 'pingFangRegular';
  letter-spacing: 0.8px;
  margin-bottom: 60px;
  line-height: 30px;
}
.tz-protection .banner .cont .apply-btn {
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2.8px;
  text-decoration: none;
  color: #043fc4;
  background: #fff;
  margin: 0 auto;
}
.tz-protection .banner .tab {
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-protection .banner .tab-item {
  display: inline-block;
  width: 280px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.6px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
.tz-protection .banner .tab-item.active,
.tz-protection .banner .tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
.tz-protection .product-matrix {
  padding-top: 50px;
  text-align: center; background: url(../image/matrix.png?bbd05f041d7e1104bf34c0312a768049) no-repeat center 65%;
}
.tz-protection .product-matrix .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1180px;
  margin: 30px auto 0;
}
.tz-protection .product-matrix .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tz-protection .product-matrix .item-group {
  position: relative;
}
.tz-protection .product-matrix .item-group:nth-child(odd) .item-group-title {
  top: 31px;
  left: 342px;
}
.tz-protection .product-matrix .item-group-title {
  position: absolute;
  color: #959595;
  font-family: 'pingFangHeavy';
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-protection .product-matrix .flow-line {
  display: block;
}
.tz-protection .product-matrix .flow-line-hover {
  display: none;
}
.tz-protection .product-matrix .item {
  width: 333px;
  height: 45px;
  margin: 10px 0;
  padding: 12px 60px;
  color: #333;
  text-align: left;
  border: 1px solid #e5e5e5; background: url(../image/arrow.png?5dd0ef7a8c8845b9da55b13123a5f4f8) no-repeat 95% center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-protection .product-matrix .item:hover {
  cursor: pointer;
  color: #0134f0;
  border: 1px solid #2139b7;
  -webkit-box-shadow: 0 0 10px 0 rgba(6, 43, 205, 0.4);
          box-shadow: 0 0 10px 0 rgba(6, 43, 205, 0.4); background: url(../image/arrow-hover.png?ae99fadacf3dc36a6b3a0e37a15d2a61) no-repeat 95% center;
}
.tz-protection .product-adv {
  padding-top: 50px;
  text-align: center; background: url(../image/protection-product-adv-bg.png?37082145294701e8e765099ace84016a) no-repeat center;
  background-size: cover;
}
.tz-protection .product-adv .card-container {
  max-width: 1200px;
  margin: 40px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tz-protection .product-adv .card {
  position: relative;
  width: 387px;
  height: 400px;
  margin: 10px 10px 110px 10px;
  padding: 60px 32px 12px; background: url(../image/adv-bg.png?6965b767139c9cfd26e9130a6e4ff1b5) no-repeat center 32.8%;
  border-radius: 6px;
  text-align: center;
  -webkit-transition: border 0.4s ease-in-out, margin 0.4s ease-in-out, height 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -webkit-transition: border 0.4s ease-in-out, margin 0.4s ease-in-out, height 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, margin 0.4s ease-in-out, height 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, margin 0.4s ease-in-out, height 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: border 0.4s ease-in-out, margin 0.4s ease-in-out, height 0.4s ease-in-out, box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
}
.tz-protection .product-adv .card .title {
  color: #2139b7;
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-top: 35px;
  margin-bottom: 20px;
}
.tz-protection .product-adv .card .text {
  color: #444;
  line-height: 26px;
  margin-bottom: 35px;
}
.tz-protection .product-adv .card .icon {
  display: inline-block;
}
.tz-protection .product-adv .card .icon-hover {
  display: none;
}
.tz-protection .product-adv .card:hover {
  height: 435px;
  background: #fff;
  margin-bottom: 75px;
  border-bottom: 7px solid #263cb5;
  -webkit-box-shadow: 0 0 40px 0 rgba(1, 43, 164, 0.21);
          box-shadow: 0 0 40px 0 rgba(1, 43, 164, 0.21);
}
.tz-protection .product-adv .card:hover .icon {
  display: none;
}
.tz-protection .product-adv .card:hover .icon-hover {
  display: inline-block;
}
.tz-protection .node-intro {
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center; background: url(../image/node-intro-bg.png?87058661f3bc15bb996909c34a7bb87a) no-repeat center;
  background-size: cover;
}
.tz-protection .node-intro .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 40px auto 0;
}
.tz-protection .node-intro .item {
  position: relative;
  width: 580px;
  margin: 10px;
  padding: 10px 65px 10px 30px;
  border: 1px solid #fff;
  text-align: left;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
.tz-protection .node-intro .item .title {
  color: #fff;
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-bottom: 12px;
  text-align: left;
}
.tz-protection .node-intro .item .desc {
  color: #fff;
}
.tz-protection .node-intro .item .arrow-icon {
  display: inline-block;
  vertical-align: unset;
}
.tz-protection .node-intro .item .arrow-icon-active {
  display: none;
  vertical-align: unset;
}
.tz-protection .node-intro .item:hover { background: url(../image/node-bg-hover.png?8bae3604888c70e96cd127624a1aeb80) no-repeat center;
  background-size: cover;
  cursor: pointer;
}
.tz-protection .node-intro .item:hover .arrow-icon {
  display: none;
}
.tz-protection .node-intro .item:hover .arrow-icon-active {
  display: inline-block;
}
.tz-protection .client-scene {
  padding-top: 50px;
  padding-bottom: 90px;
  text-align: center; background: url(../image/client-scene-bg.png?11368e427329a83e2644ecb0bb3d4391) no-repeat center;
  background-size: cover;
}
.tz-protection .client-scene .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 25px auto 0;
}
.tz-protection .client-scene .tab-item {
  width: 381px;
  height: 60px;
  margin: 10px;
  line-height: 60px;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
.tz-protection .client-scene .tab-item.active,
.tz-protection .client-scene .tab-item:hover { background: url(../image/tab-item-bg-active.png?d3cc59eedcab440faebc41202b10b4ca) no-repeat center;
  background-size: cover;
}
.tz-protection .client-scene .tab-pane {
  max-width: 1180px;
  margin: 25px auto 0;
  text-align: left;
}
.tz-protection .client-scene .tab-pane .text {
  padding-left: 35px;
  color: #fff;
  font-family: 'pingFangHeavy';
  letter-spacing: 1.2px;
}
.tz-protection .client-scene .tab-pane .desc {
  padding-left: 35px;
  color: #fff;
  letter-spacing: 1.2px;
}
.tz-protection .client-scene .tab-pane .divider {
  height: 1px;
  border-top: 1px dashed #aaa;
  margin: 25px 0;
}
.tz-protection .customer-case {
  padding-top: 50px;
  text-align: center;
}
.tz-protection .customer-case .carousel-container {
  max-width: 1200px;
  margin: 20px auto 0;
}
.tz-protection .customer-case #carousel-customer {
  padding-bottom: 30px;
}
.tz-protection .customer-case .carousel-inner {
  height: 280px;
}
.tz-protection .customer-case .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
}
.tz-protection .customer-case .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 1px 3px;
  border-radius: 8px;
  background-color: #adb7dc;
}
.tz-protection .customer-case .carousel-indicators li.active {
  position: relative;
  width: 30px;
  margin: 1px 2px;
}
.tz-protection .customer-case .carousel-indicators li.active .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #2139b7;
  -webkit-animation: progress-active 5s ease 0s 1 normal forwards;
  animation: progress-active 5s ease 0s 1 normal forwards;
}
.tz-protection .customer-case .image-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tz-protection .customer-case .image {
  width: calc(100% / 5);
  margin: 20px 0;
  text-align: center;
}
.tz-protection .common-question {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/common-question-bg.png?609dae37ce71687bf3f44b26be984cd5) no-repeat center;
  background-size: cover;
}
.tz-protection .common-question .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 30px auto 0;
}
.tz-protection .common-question .list-group {
  width: 350px;
  text-align: center;
}
.tz-protection .common-question .list-header {
  padding: 10px 0 10px 8px;
  text-align: left;
  border-bottom: 1px solid #bdbdbd;
}
.tz-protection .common-question .list-header .icon {
  vertical-align: sub;
}
.tz-protection .common-question .list-header .title {
  display: inline-block;
  font-size: 16px;
  color: #444;
  margin: 0 0 0 5px;
  font-family: 'pingFangHeavy';
}
.tz-protection .common-question .list-header .more {
  float: right;
  color: #2139b7;
}
.tz-protection .common-question .list-item {
  display: inline-block;
  width: 100%;
  padding: 10px 0 10px 10px; background: url(../image/dot.png?2d174dca8415e230b7d1b00441a8e8c8) no-repeat 4.5% center;
  color: #666;
  font-size: 14px;
  list-style-type: none;
  border: none;
  border-radius: unset;
}
.tz-protection .common-question .list-item:not(:last-child) {
  border-bottom: 1px dashed #b4b4bf;
}
.tz-protection .common-question .list-item .text {
  float: left;
  color: inherit;
  text-indent: 1.6em;
}
.tz-protection .common-question .list-item .text:focus {
  text-decoration: none;
}
.tz-protection .common-question .list-item .date {
  float: right;
  color: inherit;
}
.tz-protection .common-question .list-item .date:focus {
  text-decoration: none;
}
.tz-protection .common-question .list-item:hover .text,
.tz-protection .common-question .list-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
.tz-protection .feature {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #fff;
}
.tz-protection .feature .cont {
  max-width: 1180px;
  margin: 15px auto 0;
  text-align: left;
}
.tz-protection .feature .cont .item-container {
  width: calc(100% - 375px);
  padding-left: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: top;
}
.tz-protection .feature .cont .item-container .item {
  width: 350px;
  height: 120px;
  margin: 10px;
  text-align: left;
}
.tz-protection .feature .cont .item-container .item-title {
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  color: #2139b7;
  margin-bottom: 15px;
}
.tz-protection .feature .cont .item-container .item-desc {
  color: #444;
  line-height: 26px;
}
.tz-protection .function {
  height: 680px;
  text-align: center;
  padding-top: 50px;
  background-size: cover;
}
.tz-protection .function .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 40px auto 0;
}
.tz-protection .function .item-container .item {
  position: relative;
  width: 580px;
  height: 130px;
  margin: 10px;
  padding: 20px 24px;
  border: 1px solid #fff;
  border-radius: 6px;
  text-align: left;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tz-protection .function .item-container .item .icon {
  display: inline-block;
  vertical-align: sub;
}
.tz-protection .function .item-container .item .text {
  width: calc(100% - 75px);
  display: inline-block;
  color: #fff;
  padding-left: 20px;
}
.tz-protection .function .item-container .item .text .title {
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
}
.tz-protection .function .item-container .item .text .desc {
  line-height: 26px;
  text-align: left;
  margin-bottom: 0;
}
.tz-protection .scenario {
  height: 880px;
  text-align: center;
  padding-top: 50px;
  background-size: cover;
}
.tz-protection .scenario .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 40px auto 0;
}
.tz-protection .scenario .card-container .card {
  position: relative;
  width: 280px;
  height: 233px;
  margin: 10px;
  text-align: left;
}
.tz-protection .scenario .card-container .card:hover .card-body {
  opacity: 0;
}
.tz-protection .scenario .card-container .card:hover .card-body-hover {
  opacity: 1;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 24px 0 rgba(32, 46, 107, 0.24);
          box-shadow: 0 5px 24px 0 rgba(32, 46, 107, 0.24);
}
.tz-protection .scenario .card-container .card .title {
  color: #333;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-bottom: 20px;
  font-family: 'pingFangHeavy';
}
.tz-protection .scenario .card-container .card .icon {
  margin-top: 20px;
  margin-bottom: 25px;
}
.tz-protection .scenario .card-container .card-body {
  width: 100%;
  height: 100%;
  padding: 30px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #d2d2d2;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.tz-protection .scenario .card-container .card-body-hover {
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 35px 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  border: 1px solid #d2d2d2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(150%, #a7bcff));
  background: linear-gradient(to bottom, #ffffff 50%, #a7bcff 150%);
  background: -webkit-linear-gradient(top, #ffffff 50%, #a7bcff 150%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-protection .scenario .card-container .card-body-hover .icon {
  margin: 0;
  vertical-align: text-bottom;
}
.tz-protection .scenario .card-container .card-body-hover .title {
  display: inline-block;
  width: calc(100% - 45px);
  text-align: left;
}
.tz-protection .scenario .step-diagram {
  display: block;
  max-width: 1240px;
  max-height: 100%;
  margin: 90px auto 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.tz-protection .consult {
  height: 192px; background: url(../image/consult-bg.png?d9feecb2ccb89f05311db6bf63e7de12) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 30px;
}
.tz-protection .consult .title {
  color: #fff;
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 20px;
  font-family: 'pingFangMedium';
}
.tz-protection .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-protection .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
#high-defense-cdn .banner { background: url(../image/cdn-banner-bg.png?add3f0e445513b09a77c712ea1e81f60) no-repeat center;
}
#high-defense-cdn .banner .title {
  text-align: left;
}
#high-defense-cdn .banner .apply-btn {
  color: #05060a;
  margin: unset;
}
#high-defense-cdn .function {
  background-image: url(/images/cdn-function-bg.png?4b0a0f70a996a4ac452d0e2d6e52d66d);
}
#high-defense-cdn .function .title {
  color: #fff;
}
#high-defense-cdn .function .item:hover {
  background-color: #8692ff;
  cursor: pointer;
}
#highDefenseProduct .highDefenseProduct {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #fff;
}
#highDefenseProduct .highDefenseProduct .title {
  color: #333;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'pingFangBold';
}
#highDefenseProduct .highDefenseProduct .sub-title {
  margin-top: 20px;
  color: #666;
  font-family: 'pingFangMedium';
}
#highDefenseProduct .highDefenseProduct .product {
  margin-top: 30px;
}
#highDefenseProduct .highDefenseProduct .product-item {
  padding-bottom: 28px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 3px 10px #ccc;
          box-shadow: 0px 3px 10px #ccc;
  background-color: #fff;
}
#highDefenseProduct .highDefenseProduct .product-item h2 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: 'pingFangBold';
  color: #333;
}
#highDefenseProduct .highDefenseProduct .product-item .config p {
  width: 80%;
  margin: 0px auto;
  margin-top: 7px;
  text-align: left;
  padding-left: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  color: #666;
}
#highDefenseProduct .highDefenseProduct .product-item .product-item-btn {
  margin-top: 20px;
}
#highDefenseProduct .highDefenseProduct .product-item .product-item-btn .btn {
  border: 1px solid #1f86ed;
  color: #666;
  border-radius: 2px;
}
#highDefenseProduct .highDefenseProduct .product-item .product-item-btn .btn:hover {
  border: 1px solid #1f86ed;
  background: #1f86ed;
  color: #fff;
}
#highDefenseProduct .highDefenseProduct .product-item .product-item-price {
  margin: 13px auto;
  font-size: 12px;
  color: #4c4c4c;
  height: 80px;
  line-height: 30px;
  position: relative;
}
#highDefenseProduct .highDefenseProduct .product-item .product-item-price span:first-of-type {
  display: inline-block;
  font-size: 20px;
  color: #f84;
  border: 1px solid #eee;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  line-height: 80px;
  text-align: center;
  margin: 0px auto;
}
#highDefenseProduct .highDefenseProduct .product-item .product-item-price span:last-of-type {
  line-height: 16px;
  font-size: 14px;
  position: relative;
  bottom: -25px;
}
#high-defense-ip .banner { background: url(../image/ip-banner-bg.png?983eeccaab9a5aecb781559649155a9c) no-repeat center;
}
#high-defense-ip .banner .title {
  text-align: left;
}
#high-defense-ip .banner .apply-btn {
  color: #05060a;
  margin: unset;
}
#high-defense-ip .feature .item-container {
  width: calc(100% - 385px);
}
#high-defense-ip .feature .item-container .item {
  width: 330px;
}
#high-defense-ip .function {
  height: 780px;
  background-image: url(/images/ip-function-bg.png?177eeeec9d62f830548ccbbb1e336028);
}
#high-defense-ip .function .item {
  height: 160px;
  border: 1px solid #cdd1dc;
}
#high-defense-ip .function .item .text {
  color: #666;
}
#high-defense-ip .function .item .icon {
  margin-bottom: 15px;
}
#high-defense-ip .function .item .title {
  color: #2139b7;
}
#high-defense-ip .scenario {
  height: 480px;
  background-image: url(/images/ip-scenario-bg.png?af609bba35b096031c9e1cd664fafe12);
}
#high-defense-ip .scenario .card {
  width: 580px;
  height: 210px;
}
#high-defense-ip .scenario .card:hover .card-body-hover {
  opacity: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  cursor: default;
}
#high-defense-ip .scenario .card-body-hover {
  opacity: 1;
}
#c-shield .banner { background: url(../image/cshield-banner-bg.png?42ce8cbd4ebbbc345696130e85c25c17) no-repeat center;
}
#c-shield .banner .title {
  text-align: left;
}
#c-shield .banner .apply-btn {
  color: #05060a;
  margin: unset;
}
#c-shield .package {
  padding-top: 50px;
  height: 1800px;
  background-image: url(/images/package-bg.png?177eeeec9d62f830548ccbbb1e336028);
  background-size: cover;
  text-align: center;
}
#c-shield .package .purchase-btn {
  padding: 10px 40px;
  color: #fffefe;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  letter-spacing: 1.2px;
  background-color: #ea0000;
}
#c-shield .package .table-container {
  max-width: 1180px;
  margin: 40px auto 0;
}
#c-shield .package .table-container th {
  text-align: center;
  vertical-align: middle;
  background: #eeeff3;
  color: #333;
  line-height: 26px;
  letter-spacing: 2.8px;
  border: 1px solid #d6d7e1;
  font-family: 'pingFangHeavy';
}
#c-shield .package .table-container tr {
  height: 50px;
}
#c-shield .package .table-container tr td {
  line-height: 26px;
  vertical-align: middle;
  border: 1px solid #d6d7e1;
}
#c-shield .package .table-container .purchase-btn {
  font-size: 12px;
  padding: 6px 22px;
}
#c-shield .package .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 0 auto;
}
#c-shield .package .card-container .card {
  width: 280px;
  text-align: center;
  border: 1px solid #d6d7e1;
  border-radius: 4px;
}
#c-shield .package .card-container .card-title {
  color: #333;
  font-family: 'pingFangHeavy';
  letter-spacing: 2.8px;
  line-height: 50px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #dfe8ff), color-stop(150%, #6d8fff));
  background: linear-gradient(to right, #dfe8ff 50%, #6d8fff 150%);
  background: -webkit-linear-gradient(left, #dfe8ff 50%, #6d8fff 150%);
  border-bottom: 1px solid #d6d7e1;
}
#c-shield .package .card-container .card-body {
  padding: 20px 27px 30px;
  color: #666;
  text-align: left;
}
#c-shield .package .card-container .card-body p {
  margin-bottom: 0;
  line-height: 26px;
}
#c-shield .package .header {
  margin-top: 40px;
  margin-bottom: 10px;
}
#c-shield .package .header .item {
  display: inline-block;
  position: relative;
}
#c-shield .package .header .item:nth-child(1) {
  left: -145px;
}
#c-shield .package .header .item:nth-child(2) {
  right: -145px;
}
#c-shield .package .header .title {
  width: 280px;
  color: #fff;
  font-size: 14px;
  font-family: 'pingFangHeavy';
  letter-spacing: 2.8px;
  margin: 0 auto;
  line-height: 50px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#3251ed), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #3251ed 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #3251ed 0%, #6d8fff 50%);
}
#c-shield .package .btn-container {
  margin-top: 30px;
}
#c-shield .package .btn-container .purchase-btn {
  display: inline-block;
  position: relative;
}
#c-shield .package .btn-container .purchase-btn:nth-child(1) {
  left: -227px;
}
#c-shield .package .btn-container .purchase-btn:nth-child(2) {
  right: -227px;
}
#c-shield .package .idc-hot-sale {
  margin-top: 75px;
}
#c-shield .package .tzclound-hot-sale {
  margin-top: 70px;
}
#c-shield .feature {
  height: 720px;
  text-align: center;
  padding-top: 50px;
  background-size: cover;
}
#c-shield .feature .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 20px auto 0;
}
#c-shield .feature .card {
  width: 360px;
  height: 250px;
  position: relative;
  margin: 10px;
}
#c-shield .feature .card-body {
  padding: 0 30px;
  border: none;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  text-align: center;
}
#c-shield .feature .card-body .title {
  color: #333;
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'pingFangHeavy';
}
#c-shield .feature .card-body .icon {
  margin-top: 20px;
  margin-bottom: 25px;
}
#c-shield .feature .card-body .desc {
  color: #666;
  line-height: 26px;
}
#c-shield .function {
  background-image: url(/images/cshield-function-bg.png?219284aa2b5539beb584c8e85890a20b);
}
#c-shield .function .title {
  color: #fff;
}
#c-shield .function .item .hover-div {
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(100% + 3px);
  border-radius: 6px;
  background-image: url(/images/cshield-hover-bg.png?bfddeed22f9f9aacfcbcdeb11ed25c18);
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
#c-shield .function .item:hover {
  cursor: pointer;
}
#c-shield .function .item:hover .hover-div {
  opacity: 1;
}
#gfPromotion { background: url(../image/gfPromotion.png?8f09c260830255a3c153c5088d3dab23) no-repeat;
  background-size: 100% 100%;
  padding-top: 680px;
}
#gfPromotion .product {
  margin: 0 auto;
  width: 1034px;
  height: 776px; background: url(../image/gfPromotion_CP_BG.png?8a89479267222d293a76303de7953636) no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
  padding: 0 66px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 100px;
}
#gfPromotion .product::after {
  content: "";
  position: absolute;
  width: 115px;
  height: 35px;
  right: 0;
  top: 40px; background: url(../image/gfPromotion_BQ_.png?addb62e0328d8ae2e02e79b9c1c00850) no-repeat;
}
#gfPromotion .product header {
  margin-bottom: 40px;
}
#gfPromotion .product footer {
  padding-top: 34px;
}
#gfPromotion .product footer h4 {
  font-size: 16px;
  margin: 0;
  color: #4f4f4f;
  margin-bottom: 12px;
}
#gfPromotion .product footer p {
  font-size: 14px;
  margin-bottom: 10px;
}
#gfPromotion .product footer p span {
  color: #ea2d2b;
}
#gfPromotion .product footer p:last-of-type {
  margin: 0;
}
#gfPromotion .product article {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 44px 0;
}
#gfPromotion .product article h4 {
  font-size: 18px;
  margin: 0;
  color: #28140b;
  margin-bottom: 30px;
}
#gfPromotion .product article .market {
  margin-top: 78px;
}
#gfPromotion .product article .market .sell .price {
  font-size: 25px;
  color: #eb2e2c;
  margin: 0;
}
#gfPromotion .product article .market .sell .price span.tip {
  margin-left: 20px;
  font-size: 16px;
}
#gfPromotion .product article .market .sell .price span.amount {
  font-size: 32px;
}
#gfPromotion .product article .market .sell .original-price {
  margin: 0;
  margin-top: 14px;
  color: #9c9c9c;
  font-size: 16px;
  text-decoration: line-through;
}
#gfPromotion .product article .market .buy a {
  display: block;
  color: #fff;
  text-decoration: none;
  width: 440px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #04cd7f;
  border-radius: 4px;
  font-size: 20px;
}
#gfPromotion .product article .config ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#gfPromotion .product article .config ul:last-of-type {
  margin-top: 40px;
}
#gfPromotion .product article .config ul:last-of-type::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#gfPromotion .product article .config ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-right: 1px solid #e6e6e6;
}
#gfPromotion .product article .config ul li:last-of-type {
  border-right: none;
}
#gfPromotion .product article .config ul li span {
  display: block;
  font-size: 16px;
  color: #4f4f4f;
}
#gfPromotion .product article .config ul li span.value {
  color: #08cc82;
  margin-top: 12px;
}
#gfPromotion .product article .config ul li:nth-of-type(3) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#gfPromotion .product h3 {
  font-size: 23px;
  margin: 0;
  padding-top: 46px;
  padding-bottom: 26px;
  color: #28140b;
  position: relative;
}
#gfPromotion .product h3::after {
  content: "";
  width: 62px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #112d42;
}
.idx_box_wp.index-partners .map-bg {
  background: #2e303f url(/images/map-bg.png?164fd788959bd8188662c8edc63fd3f2) top center no-repeat;
  width: 100%;
  min-width: 1200px;
  height: 751px;
  padding-top: 65px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .zzidc-tit h2 {
  font-size: 30px;
  line-height: 80px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 4px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .zzidc-tit h2.gfff {
  color: #fff;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .zzidc-tit .line-row {
  width: 52px;
  height: 5px;
  background: #4251b6;
  margin: 0 auto;
  margin-top: 15px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main {
  overflow: hidden;
  margin-top: 100px;
  position: relative;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox {
  position: absolute;
  z-index: 10;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .circle2 {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 9px;
  height: 9px;
  background: #ff8a00;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .pulse2 {
  display: inline-block;
  position: absolute;
  top: -28px;
  left: -28px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #ff8a00;
  opacity: 0.12;
  filter: alpha(opacity=0);
  -webkit-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .circle {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 9px;
  height: 9px;
  background: #00c0ef;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .pulse {
  display: inline-block;
  position: absolute;
  top: -28px;
  left: -28px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #00c0ef;
  opacity: 0.12;
  filter: alpha(opacity=0);
  -webkit-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .ntkj {
  width: 132px;
  height: 44px;
  position: absolute;
  z-index: 100;
  color: #fff;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left {
  float: left;
  width: 146px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .circle-tit { background: url(../image/circle.png?1d0e7fc2ab0f21d61d98c5928cd5815c) no-repeat 4px 9px;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  padding-left: 50px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .marker-tit { background: url(../image/marker.png?5463110b0654ecff57afa75103f1a227) no-repeat 3px 0;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  padding-left: 50px;
  margin-top: 20px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .dz-list {
  overflow: hidden;
  margin-top: 8px;
}
.idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .dz-list .dz-item {
  width: 146px;
  height: 40px;
  background: #4251b6;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  margin-top: 4px;
}
.idx_box_wp.index-partners .test-font .t1 {
  font-weight: 700;
}
.idx_box_wp.index-partners .test-font .t2 {
  font-weight: 400;
}
.idx_box_wp.index-partners .test-font .t3 {
  font-weight: 500;
}
@keyframes warn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.tz-cdn-content {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
.tz-cdn-content .title {
  position: relative;
  color: #333;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 20px;
}
.tz-cdn-content .title.black {
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-cdn-content .title.black:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-cdn-content .title.white {
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-cdn-content .title.white:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
}
.tz-cdn-content .sub-title {
  color: #666;
  font-size: 14px;
  font-family: 'pingFangMedium';
}
.tz-cdn-content .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/cdn-banner-bg.png?1ecbb2c98d54de3747c94849889bab80) no-repeat center;
  background-size: cover;
}
.tz-cdn-content .banner .cont {
  max-width: 1180px;
  margin: 60px auto 0;
  padding: 0 55px;
}
.tz-cdn-content .banner .cont .title {
  text-align: center;
  color: #fff;
}
.tz-cdn-content .banner .cont .title .text {
  font-size: 50px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 3.75px;
  font-family: 'pingFangBold';
}
.tz-cdn-content .banner .cont .title .sub-text {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 60px;
  letter-spacing: 0.8px;
  font-family: 'pingFangRegular';
}
.tz-cdn-content .banner .cont .apply-btn {
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2.8px;
  text-decoration: none;
  color: #043fc4;
  background: #fff;
  margin: 0 auto;
}
.tz-cdn-content .banner .tab {
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-cdn-content .banner .tab-item {
  display: inline-block;
  width: 220px;
  height: 63px;
  margin: 0 10px 18px;
  color: #fff;
  font-size: 18px;
  line-height: 63px;
  letter-spacing: 3.6px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
.tz-cdn-content .banner .tab-item.active,
.tz-cdn-content .banner .tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
.tz-cdn-content .package {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.tz-cdn-content .package .desc {
  width: 1180px;
  margin: 30px auto 0;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  background: linear-gradient(-77deg, #3251ed 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(-77deg, #3251ed 0%, #6d8fff 50%);
}
.tz-cdn-content .package .table {
  width: 1180px;
  margin: 20px auto;
  border: 1px solid #d2d2d2;
}
.tz-cdn-content .package .table th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  vertical-align: middle;
  color: #444;
  font-family: 'pingFangHeavy';
  letter-spacing: 1.2px;
  border: 1px solid #d2d2d2;
}
.tz-cdn-content .package .table tbody tr td {
  color: #666;
  padding: 10px 40px;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  line-height: 26px;
}
.tz-cdn-content .package .table .divider td {
  padding: 0;
  height: 6px;
  background-color: #eceff8;
}
.tz-cdn-content .package .price {
  font-size: 24px;
  font-weight: 600;
  font-family: 'pingFangBold';
  color: #043fc4;
  letter-spacing: 2.8px;
}
.tz-cdn-content .package .purchase-btn {
  display: block;
  width: 240px;
  margin: 15px auto 0;
  padding: 0 20px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 2.8px;
  background-color: #aaa;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-cdn-content .package .purchase-btn:hover {
  background-color: #e60012;
  color: #fff;
}
.tz-cdn-content .product-adv,
.tz-cdn-content .product-function {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px; background: url(../image/cdn-adv-bg.png?62c67d0254c3c3cfb70b19787b59cdd3) no-repeat center;
  background-size: cover;
}
.tz-cdn-content .product-adv .item-container,
.tz-cdn-content .product-function .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 40px auto 0;
}
.tz-cdn-content .product-adv .item-container .item,
.tz-cdn-content .product-function .item-container .item {
  position: relative;
  width: 580px;
  margin: 10px;
  padding: 20px 23px;
  border: 1px solid #fff;
  border-radius: 10px;
  text-align: left;
}
.tz-cdn-content .product-adv .item-container .item .icon,
.tz-cdn-content .product-function .item-container .item .icon {
  display: inline-block;
  margin-top: 3px;
  vertical-align: top;
}
.tz-cdn-content .product-adv .item-container .item .text,
.tz-cdn-content .product-function .item-container .item .text {
  width: calc(100% - 75px);
  display: inline-block;
  padding-left: 17px;
  color: #fff;
}
.tz-cdn-content .product-adv .item-container .item .text .title,
.tz-cdn-content .product-function .item-container .item .text .title {
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
  color: #fff;
}
.tz-cdn-content .product-adv .item-container .item .text .desc,
.tz-cdn-content .product-function .item-container .item .text .desc {
  line-height: 26px;
  text-align: left;
  margin-bottom: 0;
}
.tz-cdn-content .service-matrix {
  position: relative;
  padding-top: 50px;
  height: 685px;
  text-align: center;
}
.tz-cdn-content .service-matrix .item-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 1200px;
  height: 100%; background: url(../image/cdn-service-matrix-bg.png?10c13364ecbf38d4f749bae7b1723fbe) no-repeat 75% center;
  padding-left: 65px;
  padding-top: 168px;
}
.tz-cdn-content .service-matrix .item {
  width: 610px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.tz-cdn-content .service-matrix .item .title {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
  color: #333;
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
}
.tz-cdn-content .service-matrix .item .desc {
  text-align: left;
  color: #666;
  line-height: 26px;
}
.tz-cdn-content .common-question {
  padding-top: 50px;
  padding-bottom: 60px;
  text-align: center; background: url(../image/cdn-common-question-bg.png?6cda14ac10b445675ae1f55072b1904c) no-repeat center 0%;
}
.tz-cdn-content .common-question .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 30px auto 0;
}
.tz-cdn-content .common-question .list-group {
  width: 350px;
  text-align: center;
}
.tz-cdn-content .common-question .list-group-item {
  display: inline-block;
  width: 100%;
  padding: 15px 0; background: url(../image/cdn-dot.png?f515b923e04bf2bf16b91efffc84d820) no-repeat 1% center;
  color: #666;
  font-size: 14px;
  list-style-type: none;
  border: none;
  border-radius: unset;
  border-bottom: 1px solid #bdbdbd;
}
.tz-cdn-content .common-question .list-group-item .text {
  float: left;
  color: inherit;
  text-indent: 1.6em;
}
.tz-cdn-content .common-question .list-group-item .text:focus {
  text-decoration: none;
}
.tz-cdn-content .common-question .list-group-item .date {
  color: inherit;
  float: right;
}
.tz-cdn-content .common-question .list-group-item .date:focus {
  text-decoration: none;
}
.tz-cdn-content .common-question .list-group-item:hover .text,
.tz-cdn-content .common-question .list-group-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
.tz-cdn-content .usage-scenario {
  padding-top: 50px;
  padding-bottom: 60px;
  text-align: center; background: url(../image/cdn-usage-scenario-bg.png?b8db6d2037e0780ff5ba0ef13106cac3) no-repeat center 0%;
}
.tz-cdn-content .usage-scenario .customer,
.tz-cdn-content .usage-scenario .target {
  width: 1200px;
  margin: 20px auto 0;
  text-align: center;
}
.tz-cdn-content .usage-scenario .customer .title,
.tz-cdn-content .usage-scenario .target .title {
  display: inline-block;
  font-size: 18px;
  font-family: 'pingFangHeavy';
  color: #2139b7;
  line-height: 36px;
  letter-spacing: 0.8px;
  border-bottom: 1.5px solid #263cb5;
}
.tz-cdn-content .usage-scenario .customer .divider,
.tz-cdn-content .usage-scenario .target .divider {
  width: calc(100% - 20px);
  border-width: 1.5px;
  border-color: #dbdbdb;
  margin-top: -21.5px;
  margin-bottom: 30px;
}
.tz-cdn-content .usage-scenario .customer .item-container,
.tz-cdn-content .usage-scenario .target .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tz-cdn-content .usage-scenario .customer .icon,
.tz-cdn-content .usage-scenario .target .icon {
  margin-bottom: 15px;
}
.tz-cdn-content .usage-scenario .customer .text,
.tz-cdn-content .usage-scenario .target .text {
  color: #333;
  font-size: 16px;
  font-family: 'pingFangBold';
  letter-spacing: 0.7px;
}
.tz-cdn-content .consult {
  height: 192px; background: url(../image/consult-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center;
  background-size: cover;
  text-align: center;
  padding-top: 30px;
}
.tz-cdn-content .consult .title {
  color: #fff;
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 20px;
  font-family: 'pingFangMedium';
}
.tz-cdn-content .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-cdn-content .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
.tz-cdn-content.common .banner .cont {
  padding-left: 0;
}
.tz-cdn-content.common .banner .text {
  text-align: left;
}
.tz-cdn-content.common .banner .sub-text {
  text-align: left;
}
.tz-cdn-content.common .product-adv {
  background: unset;
}
.tz-cdn-content.common .product-adv .item-container {
  margin-top: 10px;
}
.tz-cdn-content.common .product-adv .item {
  margin: 0 10px;
  padding: 20px;
  border: none;
  border-radius: unset;
  text-align: center;
}
.tz-cdn-content.common .product-adv .item .icon {
  display: block;
  margin: 0 auto 20px;
}
.tz-cdn-content.common .product-adv .item .text {
  width: unset;
  display: block;
  padding-left: 0;
}
.tz-cdn-content.common .product-adv .item .text .title {
  text-align: center;
  color: #444;
}
.tz-cdn-content.common .product-adv .item .text .desc {
  text-align: center;
  color: #666;
}
#tz-sca .banner { background: url(../image/sca-banner-bg.png?5746e983cf7876da3250119d2bec42fc) no-repeat center;
}
#tz-dd .banner { background: url(../image/dda-banner-bg.png?d9374a810d4e4359c0ad06a3885ce290) no-repeat center;
}
#tz-dd .usage-scenario .item {
  width: calc(100% / 7);
}
#tz-dsa .banner { background: url(../image/dsa-banner-bg.png?4d4345b2cba09a4de03686a284c5c197) no-repeat center;
}
#tz-dsa .usage-scenario .item {
  width: calc(100% / 7);
}
#tz-voda .banner { background: url(../image/voda-banner-bg.png?384b560aa3e1d1066f7b3144c0c20d49) no-repeat center;
}
#tz-voda .product-adv .item-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tz-voda .product-adv .item {
  margin: 0;
  width: calc(100% / 3);
}
#tz-lba .banner { background: url(../image/lba-banner-bg.png?df05c6eb1b692f2a7827f94dfb84d103) no-repeat center;
}
#tz-lba .product-adv .item-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tz-lba .product-adv .item {
  margin: 0 20px;
  width: calc(100% / 3.4);
}
#tz-lba .usage-scenario .item-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tz-lba .usage-scenario .item {
  margin-bottom: 30px;
  width: calc(100% / 5);
}
#tz-lba .usage-scenario .target {
  margin-top: -10px;
}
#datacenter .banner {
  border-top: 1px solid transparent;
  height: 561px; background: url(../image/datacenter_banner.png?c3dcf62abd38f0e5a6f35df5e1ece73f) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
#datacenter .banner h2 {
  margin-top: 173px;
  margin-bottom: 25px;
  color: #fff;
  font-size: 50px;
  font-weight: normal;
}
#datacenter .banner p {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  margin: 0 auto;
  margin-bottom: 49px;
  width: 754px;
}
#datacenter .banner a {
  display: inline-block;
  height: 40px;
  width: 180px;
  text-align: center;
  line-height: 40px;
  color: #043fc4;
  text-decoration: none;
  background-color: #fff;
  border-radius: 20px;
}
#datacenter .banner nav {
  margin-top: 83px;
}
#datacenter .banner nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 880px;
  margin: 0 auto;
}
#datacenter .banner nav ul li {
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
#datacenter .banner nav ul li a {
  text-align: center;
  font-size: 18px;
  width: 280px;
  height: 64px;
  line-height: 64px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), to(#6d8fff));
  background: linear-gradient(to right, #b9ccfc, #6d8fff);
  border-radius: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#datacenter .banner nav ul li a.aticve {
  background: #fff;
  color: #043fc4;
}
#datacenter .banner nav ul li a:hover {
  background: #fff;
  color: #043fc4;
}
#datacenter .banner nav ul li:last-of-type {
  margin: 0;
}
#datacenter .main {
  padding: 80px 0 0 0;
}
#datacenter .main > h3 {
  margin: 0;
  font-size: 26px;
  color: #333333;
  padding-bottom: 33px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}
#datacenter .main > h3::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 52px;
  background-color: #2139b7;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 3px;
}
#datacenter .main > .data {
  width: 1180px;
  margin: 0 auto;
}
#datacenter .main > .data > .tz-thumbnail {
  width: 340px;
  height: 422px;
  background-color: #d9d9d9;
}
#datacenter .main > .data > .tz-thumbnail #thumbnail {
  height: 100%;
}
#datacenter .main > .data > .tz-thumbnail #thumbnail .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #979797;
}
#datacenter .main > .data > .tz-thumbnail #thumbnail .swiper-pagination-bullet-active {
  background: #fff;
}
#datacenter .main > .data > .tz-thumbnail #thumbnail img {
  width: 340px;
  height: 422px;
}
#datacenter .main > .data > .info > ul {
  list-style: none;
  margin: 0;
  margin-bottom: 28px;
  padding: 0;
  border: 1px solid #dcdcdc;
}
#datacenter .main > .data > .info > ul > li {
  border-bottom: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#datacenter .main > .data > .info > ul > li > .title {
  width: 189px;
}
#datacenter .main > .data > .info > ul > li > .value {
  width: 608px;
}
#datacenter .main > .data > .info > ul > li > span {
  height: 51px;
  line-height: 51px;
  text-align: center;
  border-right: 1px solid #dcdcdc;
  font-size: 14px;
  color: #666666;
}
#datacenter .main > .data > .info > ul > li > span:last-of-type {
  border: none;
}
#datacenter .main > .data > .info > ul > li > span strong {
  font-weight: normal;
  color: #f00101;
  margin: 0 5px;
}
#datacenter .main > .data > .info > ul > li:last-of-type {
  border: none;
}
#datacenter .main > .data > .info > nav > a {
  display: inline-block;
  text-decoration: none;
  line-height: 28px;
  height: 28px;
  border: 1px solid #2139b7;
  padding: 0 20px;
  letter-spacing: 4px;
  margin-right: 10px;
  color: #3f53c1;
  border-radius: 4px;
  font-size: 14px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#datacenter .main > .data > .info > nav > a:hover {
  background-color: #2139b7;
  color: #fff;
}
#datacenter .main > .data > .info > nav > a:last-of-type {
  margin: 0;
}
#datacenter .main > .quality {
  margin-top: 80px;
  padding-top: 70px; background: url(../image/quality.png?0cc5756d114d72cd4f4b569973c55563) no-repeat;
  background-size: 100% 70%;
  border-radius: 100px 100px 0 0;
}
#datacenter .main > .quality > h3 {
  margin: 0;
  font-size: 26px;
  color: #fff;
  padding-bottom: 33px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
}
#datacenter .main > .quality > h3::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 52px;
  background-color: #fff;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 3px;
}
#datacenter .main > .quality > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1180px;
  margin: 0 auto;
}
#datacenter .main > .quality > ul li {
  padding: 30px 0;
  float: left;
  width: 352px;
  text-align: center;
  margin-right: 62px;
}
#datacenter .main > .quality > ul li.last {
  margin: 0;
}
#datacenter .main > .quality > ul li > h4 {
  margin: 28px 0 20px 0;
  font-size: 16px;
  color: #fff;
}
#datacenter .main > .quality > ul li > p {
  color: rgba(255, 255, 255, 0.3);
  line-height: 25px;
  font-size: 14px;
}
#datacenter .main > .quality > .problem {
  padding-top: 80px;
  background-color: #fff;
  border-radius: 100px 100px 0 0;
  padding-bottom: 59px;
}
#datacenter .main > .quality > .problem > h3 {
  margin: 0;
  font-size: 26px;
  color: #333333;
  text-align: center;
  position: relative;
}
#datacenter .main > .quality > .problem > p {
  text-align: center;
  margin: 0;
  margin-top: 20px;
  color: #666666;
  font-size: 14px;
  margin-bottom: 40px;
}
#datacenter .main > .quality > .problem > .problem-list {
  width: 1180px;
  margin: 0 auto;
}
#datacenter .main > .quality > .problem > .problem-list > dl {
  float: left;
  width: 349px;
  margin-right: 66px;
}
#datacenter .main > .quality > .problem > .problem-list > dl:last-of-type {
  margin: 0;
}
#datacenter .main > .quality > .problem > .problem-list > dl > dt {
  padding: 8px 0;
  padding-left: 26px;
  border-bottom: 1px solid #bfbfbf; background: url(../image/title_icon.png?cc392e29b7fb47653ec14c2639069b9d) no-repeat 5px 12.5px;
}
#datacenter .main > .quality > .problem > .problem-list > dl > dt > span {
  font-size: 16px;
  color: #444444;
}
#datacenter .main > .quality > .problem > .problem-list > dl > dt > a {
  font-size: 14px;
  color: #2139b7;
  text-decoration: none;
}
#datacenter .main > .quality > .problem > .problem-list > dl:nth-of-type(2) > dt { background: url(../image/title_icon_2.png?acd5a6950587d609df2d92a541c77150) no-repeat 5px 12.5px;
}
#datacenter .main > .quality > .problem > .problem-list > dl:nth-of-type(3) > dt { background: url(../image/title_icon_3.png?7ccf494fbf393e195abe6bf0a165e237) no-repeat 5px 12.5px;
}
#datacenter .main > .quality > .problem > .problem-list > dl > dd {
  padding: 10px 0;
  border-bottom: 1px dashed #d2d2d2;
  padding-left: 24px; background: url(../image/list_style_type.png?53647fdc3ec4a781e499cd38ee51b718) no-repeat 12px 19px;
}
#datacenter .main > .quality > .problem > .problem-list > dl > dd:last-of-type {
  border: none;
}
#datacenter .main > .quality > .problem > .problem-list > dl > dd a {
  text-decoration: none;
  font-size: 14px;
  color: #666666;
}
#datacenter .jumbotron.footer {
  height: 193px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0; background: url(../image/productBg3.png?873be73ca8b181a461885d23307b2c61) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
#datacenter .jumbotron.footer h4 {
  margin: 0;
  padding-top: 60px;
  margin-bottom: 24px;
  font-size: 26px;
  color: #fff;
}
#datacenter .jumbotron.footer a {
  display: inline-block;
  text-decoration: none;
  width: 150px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 17px;
}
#datacenter .jumbotron {
  border-radius: 0;
}
.tz-cabinet-rent {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
.tz-cabinet-rent .title {
  position: relative;
  color: #333;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 20px;
}
.tz-cabinet-rent .title.black {
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-cabinet-rent .title.black:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-cabinet-rent .title.white {
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-cabinet-rent .title.white:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
}
.tz-cabinet-rent .sub-title {
  color: #666;
  font-size: 14px;
  font-family: 'pingFangMedium';
}
.tz-cabinet-rent .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/cr-banner-bg.png?d0ec013106f5fb84ca98054e3b77fa8e) no-repeat center;
  background-size: cover;
}
.tz-cabinet-rent .banner .cont {
  max-width: 1180px;
  margin: 60px auto 0;
  padding: 0 55px;
}
.tz-cabinet-rent .banner .cont .title {
  text-align: center;
  color: #fff;
}
.tz-cabinet-rent .banner .cont .title .text {
  font-size: 50px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 3.75px;
  font-family: 'pingFangBold';
}
.tz-cabinet-rent .banner .cont .title .sub-text {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 60px;
  letter-spacing: 0.8px;
  font-family: 'pingFangRegular';
}
.tz-cabinet-rent .banner .cont .apply-btn {
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2.8px;
  text-decoration: none;
  color: #043fc4;
  background: #fff;
  margin: 0 auto;
}
.tz-cabinet-rent .banner .tab {
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-cabinet-rent .banner .tab-item {
  display: inline-block;
  width: 380px;
  height: 63px;
  margin: 0 10px 18px;
  color: #fff;
  font-size: 18px;
  line-height: 63px;
  letter-spacing: 3.6px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
.tz-cabinet-rent .banner .tab-item.active,
.tz-cabinet-rent .banner .tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
.tz-cabinet-rent .machine-room {
  width: 1180px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
  text-align: center;
}
.tz-cabinet-rent .machine-room .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tz-cabinet-rent .machine-room #carousel-album {
  width: 340px;
  height: 425px;
}
.tz-cabinet-rent .machine-room #carousel-album:hover .mask {
  opacity: 1;
}
.tz-cabinet-rent .machine-room #carousel-album:hover .carousel-indicators {
  opacity: 1;
}
.tz-cabinet-rent .machine-room .carousel-indicators {
  bottom: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.tz-cabinet-rent .machine-room .carousel-indicators li {
  margin: 1px 4px;
  background-color: #979797;
  border: 1px solid #979797;
}
.tz-cabinet-rent .machine-room .carousel-indicators .active {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #fff;
}
.tz-cabinet-rent .machine-room .carousel-inner .item {
  height: 425px;
}
.tz-cabinet-rent .machine-room .carousel-inner img {
  height: 100%;
}
.tz-cabinet-rent .machine-room .mask {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; background: url(../image/cr-shade.png?3c0c83ed911aaadd99f7befb494de557) no-repeat center 100%;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.tz-cabinet-rent .machine-room .desc {
  width: 800px;
}
.tz-cabinet-rent .machine-room .table-bordered {
  margin: 40px 0 25px;
}
.tz-cabinet-rent .machine-room th {
  text-align: center;
  vertical-align: middle;
  background: #eeeff3;
  color: #333;
  letter-spacing: 2.8px;
  border: 1px solid #d6d7e1;
  font-family: 'pingFangHeavy';
}
.tz-cabinet-rent .machine-room tr {
  height: 50px;
}
.tz-cabinet-rent .machine-room tr td {
  line-height: 34px;
  color: #666;
  border: 1px solid #d6d7e1;
}
.tz-cabinet-rent .machine-room .btn-container {
  text-align: right;
}
.tz-cabinet-rent .machine-room .button {
  display: inline-block;
  margin-right: 20px;
  padding: 10px 35px;
  color: #2139b7;
  background-color: #fff;
  border: 1px solid #2139b7;
  border-radius: 6px;
  letter-spacing: 2.8px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-cabinet-rent .machine-room .button:hover {
  background-color: #2139b7;
  color: #fff;
}
.tz-cabinet-rent .machine-room .purchase-btn {
  padding: 8px 40px;
  color: #666;
  font-size: 12px;
  letter-spacing: 2.8px;
  background-color: #dcdcdc;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-cabinet-rent .machine-room .purchase-btn:hover {
  background-color: #ea0000;
  color: #fffefe;
}
.tz-cabinet-rent .guarantee {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/cr-guarantee-bg.png?3acb5237f731d7787573d3761471c4c0) no-repeat center;
  background-size: cover;
}
.tz-cabinet-rent .guarantee .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 10px auto 0;
}
.tz-cabinet-rent .guarantee .item-container .item {
  position: relative;
  width: calc(100% / 3.2);
  margin: 20px 12px;
  text-align: center;
}
.tz-cabinet-rent .guarantee .item-container .item .icon {
  display: block;
  margin: 0 auto 10px;
}
.tz-cabinet-rent .guarantee .item-container .item .text .title {
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-top: 0;
  margin-bottom: 12px;
  text-align: center;
  color: #fff;
}
.tz-cabinet-rent .guarantee .item-container .item .text .desc {
  margin-bottom: 0;
  line-height: 26px;
  text-align: center;
  color: #bababa;
}
.tz-cabinet-rent .certificate {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/cr-cert-bg.png?8c91195de54f9f833dd7d46fb90ddbdc) no-repeat center;
  background-size: cover;
}
.tz-cabinet-rent .certificate #carousel-cert {
  width: 1180px;
  margin: 40px auto 20px;
  padding-bottom: 45px;
}
.tz-cabinet-rent .certificate .carousel-indicators {
  bottom: 0;
}
.tz-cabinet-rent .certificate .carousel-indicators li {
  margin: 1px 4px;
}
.tz-cabinet-rent .certificate .carousel-indicators .active {
  width: 10px;
  height: 10px;
}
.tz-cabinet-rent .certificate .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tz-cabinet-rent .certificate .cert {
  width: 138px;
}
.tz-cabinet-rent .certificate .cert.horizontal {
  width: 287px;
}
.tz-cabinet-rent .certificate .cert .title {
  font-size: 14px;
  margin-top: 15px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  font-weight: normal;
}
.tz-cabinet-rent .certificate .image {
  width: 138px;
  height: 198px;
  text-align: center;
  line-height: 195px; background: url(../image/cr-v-rectangle.png?0b7ff45722f58a7a66cfc2e770564c10) no-repeat center;
}
.tz-cabinet-rent .certificate .image.horizontal {
  width: 287px;
  height: 198px; background: url(../image/cr-h-rectangle.png?7f9840e5d99d009a16814f8ec4730c85) no-repeat center;
}
.tz-cabinet-rent .common-question {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/cr-question-bg.png?3052b2837034c8473ebd6717e9bc4415) no-repeat center;
  background-size: cover;
}
.tz-cabinet-rent .common-question .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 20px auto 0;
}
.tz-cabinet-rent .common-question .list-group {
  width: 350px;
  text-align: center;
}
.tz-cabinet-rent .common-question .list-group-item {
  display: inline-block;
  width: 100%;
  padding: 15px 0; background: url(../image/cr-dot.png?b2b9e4fb720d442332e8e1f0ff022206) no-repeat 1% center;
  color: #666;
  font-size: 14px;
  list-style-type: none;
  border: none;
  border-radius: unset;
  border-bottom: 1px solid #bdbdbd;
}
.tz-cabinet-rent .common-question .list-group-item .text {
  float: left;
  color: inherit;
  text-indent: 1.6em;
}
.tz-cabinet-rent .common-question .list-group-item .text:focus {
  text-decoration: none;
}
.tz-cabinet-rent .common-question .list-group-item .date {
  color: inherit;
  float: right;
}
.tz-cabinet-rent .common-question .list-group-item .date:focus {
  text-decoration: none;
}
.tz-cabinet-rent .common-question .list-group-item:hover { background: url(../image/cr-dot-active.png?c0d2802c35a1794d9d8f519cdb8c8b7d) no-repeat 1% center;
}
.tz-cabinet-rent .common-question .list-group-item:hover .text,
.tz-cabinet-rent .common-question .list-group-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
.tz-cabinet-rent .consult {
  height: 192px; background: url(../image/cr-consult-bg.png?a1969ebe1f11504363e327805c08b8d0) no-repeat center;
  background-size: cover;
  text-align: center;
  padding-top: 30px;
}
.tz-cabinet-rent .consult .title {
  color: #fff;
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 20px;
  font-family: 'pingFangMedium';
}
.tz-cabinet-rent .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-cabinet-rent .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
.tz-bandwidth-rent {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
.tz-bandwidth-rent .title {
  position: relative;
  color: #333;
  font-size: 26px;
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'pingFangBold';
}
.tz-bandwidth-rent .title.black {
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-bandwidth-rent .title.black:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
.tz-bandwidth-rent .title.white {
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 34px;
}
.tz-bandwidth-rent .title.white:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
}
.tz-bandwidth-rent .sub-title {
  color: #666;
  font-size: 14px;
  font-family: 'pingFangMedium';
}
.tz-bandwidth-rent .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/bwr-banner-bg.png?8c2e77a3d2a775f045a893ba9436beb7) no-repeat center;
  background-size: cover;
}
.tz-bandwidth-rent .banner .cont {
  max-width: 1180px;
  margin: 60px auto 0;
  padding: 0 55px;
}
.tz-bandwidth-rent .banner .cont .title {
  text-align: center;
  color: #fff;
}
.tz-bandwidth-rent .banner .cont .title .text {
  font-size: 50px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 3.75px;
  font-family: 'pingFangBold';
}
.tz-bandwidth-rent .banner .cont .title .sub-text {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 60px;
  letter-spacing: 0.8px;
  font-family: 'pingFangRegular';
}
.tz-bandwidth-rent .banner .cont .apply-btn {
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2.8px;
  text-decoration: none;
  color: #043fc4;
  background: #fff;
  margin: 0 auto;
}
.tz-bandwidth-rent .banner .tab {
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-bandwidth-rent .banner .tab-item {
  display: inline-block;
  width: 380px;
  height: 63px;
  margin: 0 10px 18px;
  color: #fff;
  font-size: 18px;
  line-height: 63px;
  letter-spacing: 3.6px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
.tz-bandwidth-rent .banner .tab-item.active,
.tz-bandwidth-rent .banner .tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
.tz-bandwidth-rent .machine-room {
  width: 1180px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
  text-align: center;
}
.tz-bandwidth-rent .machine-room .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tz-bandwidth-rent .machine-room #carousel-album {
  width: 340px;
  height: 425px;
}
.tz-bandwidth-rent .machine-room #carousel-album:hover .mask {
  opacity: 1;
}
.tz-bandwidth-rent .machine-room #carousel-album:hover .carousel-indicators {
  opacity: 1;
}
.tz-bandwidth-rent .machine-room .carousel-indicators {
  bottom: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.tz-bandwidth-rent .machine-room .carousel-indicators li {
  margin: 1px 4px;
  background-color: #979797;
  border: 1px solid #979797;
}
.tz-bandwidth-rent .machine-room .carousel-indicators .active {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #fff;
}
.tz-bandwidth-rent .machine-room .carousel-inner .item {
  height: 425px;
}
.tz-bandwidth-rent .machine-room .carousel-inner img {
  height: 100%;
}
.tz-bandwidth-rent .machine-room .mask {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; background: url(../image/bwr-shade.png?3c0c83ed911aaadd99f7befb494de557) no-repeat center 100%;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.tz-bandwidth-rent .machine-room .desc {
  width: 800px;
}
.tz-bandwidth-rent .machine-room .table-bordered {
  margin: 40px 0 25px;
}
.tz-bandwidth-rent .machine-room th {
  text-align: center;
  vertical-align: middle;
  background: #eeeff3;
  color: #333;
  letter-spacing: 2.8px;
  border: 1px solid #d6d7e1;
  font-family: 'pingFangHeavy';
}
.tz-bandwidth-rent .machine-room tr {
  height: 50px;
}
.tz-bandwidth-rent .machine-room tr td {
  line-height: 34px;
  color: #666;
  border: 1px solid #d6d7e1;
}
.tz-bandwidth-rent .machine-room .btn-container {
  text-align: right;
}
.tz-bandwidth-rent .machine-room .button {
  display: inline-block;
  margin-right: 20px;
  padding: 10px 35px;
  color: #2139b7;
  background-color: #fff;
  border: 1px solid #2139b7;
  border-radius: 6px;
  letter-spacing: 2.8px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-bandwidth-rent .machine-room .button:hover {
  background-color: #2139b7;
  color: #fff;
}
.tz-bandwidth-rent .machine-room .purchase-btn {
  padding: 8px 40px;
  color: #666;
  font-size: 12px;
  letter-spacing: 2.8px;
  background-color: #dcdcdc;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-bandwidth-rent .machine-room .purchase-btn:hover {
  background-color: #ea0000;
  color: #fffefe;
}
.tz-bandwidth-rent .guarantee {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/bwr-guarantee-bg.png?3acb5237f731d7787573d3761471c4c0) no-repeat center;
  background-size: cover;
}
.tz-bandwidth-rent .guarantee .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 10px auto 0;
}
.tz-bandwidth-rent .guarantee .item-container .item {
  position: relative;
  width: calc(100% / 3.2);
  margin: 20px 12px;
  text-align: center;
}
.tz-bandwidth-rent .guarantee .item-container .item .icon {
  display: block;
  margin: 0 auto 10px;
}
.tz-bandwidth-rent .guarantee .item-container .item .text .title {
  font-size: 16px;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.8px;
  margin-top: 0;
  margin-bottom: 12px;
  text-align: center;
  color: #fff;
}
.tz-bandwidth-rent .guarantee .item-container .item .text .desc {
  margin-bottom: 0;
  line-height: 26px;
  text-align: center;
  color: #bababa;
}
.tz-bandwidth-rent .certificate {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/bwr-cert-bg.png?8c91195de54f9f833dd7d46fb90ddbdc) no-repeat center;
  background-size: cover;
}
.tz-bandwidth-rent .certificate #carousel-cert {
  width: 1180px;
  margin: 40px auto 20px;
  padding-bottom: 45px;
}
.tz-bandwidth-rent .certificate .carousel-indicators {
  bottom: 0;
}
.tz-bandwidth-rent .certificate .carousel-indicators li {
  margin: 1px 4px;
}
.tz-bandwidth-rent .certificate .carousel-indicators .active {
  width: 10px;
  height: 10px;
}
.tz-bandwidth-rent .certificate .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tz-bandwidth-rent .certificate .cert {
  width: 138px;
}
.tz-bandwidth-rent .certificate .cert.horizontal {
  width: 287px;
}
.tz-bandwidth-rent .certificate .cert .title {
  font-size: 14px;
  margin-top: 15px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  font-weight: normal;
}
.tz-bandwidth-rent .certificate .image {
  width: 138px;
  height: 198px;
  text-align: center;
  line-height: 195px; background: url(../image/bwr-v-rectangle.png?0b7ff45722f58a7a66cfc2e770564c10) no-repeat center;
}
.tz-bandwidth-rent .certificate .image.horizontal {
  width: 287px;
  height: 198px; background: url(../image/bwr-h-rectangle.png?7f9840e5d99d009a16814f8ec4730c85) no-repeat center;
}
.tz-bandwidth-rent .common-question {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/bwr-question-bg.png?3052b2837034c8473ebd6717e9bc4415) no-repeat center;
  background-size: cover;
}
.tz-bandwidth-rent .common-question .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1200px;
  margin: 20px auto 0;
}
.tz-bandwidth-rent .common-question .list-group {
  width: 350px;
  text-align: center;
}
.tz-bandwidth-rent .common-question .list-group-item {
  display: inline-block;
  width: 100%;
  padding: 15px 0; background: url(../image/bwr-dot.png?b2b9e4fb720d442332e8e1f0ff022206) no-repeat 1% center;
  color: #666;
  font-size: 14px;
  list-style-type: none;
  border: none;
  border-radius: unset;
  border-bottom: 1px solid #bdbdbd;
}
.tz-bandwidth-rent .common-question .list-group-item .text {
  float: left;
  color: inherit;
  text-indent: 1.6em;
}
.tz-bandwidth-rent .common-question .list-group-item .text:focus {
  text-decoration: none;
}
.tz-bandwidth-rent .common-question .list-group-item .date {
  color: inherit;
  float: right;
}
.tz-bandwidth-rent .common-question .list-group-item .date:focus {
  text-decoration: none;
}
.tz-bandwidth-rent .common-question .list-group-item:hover { background: url(../image/bwr-dot-active.png?c0d2802c35a1794d9d8f519cdb8c8b7d) no-repeat 1% center;
}
.tz-bandwidth-rent .common-question .list-group-item:hover .text,
.tz-bandwidth-rent .common-question .list-group-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
.tz-bandwidth-rent .consult {
  height: 192px; background: url(../image/bwr-consult-bg.png?a1969ebe1f11504363e327805c08b8d0) no-repeat center;
  background-size: cover;
  text-align: center;
  padding-top: 30px;
}
.tz-bandwidth-rent .consult .title {
  color: #fff;
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 20px;
  font-family: 'pingFangMedium';
}
.tz-bandwidth-rent .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-bandwidth-rent .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
.tz-latest-activity {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
.tz-latest-activity .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/activity-banner-bg.png?028bdcc9753b115c2e18af3d33986180) no-repeat center;
  background-size: cover;
}
.tz-latest-activity .banner .title {
  margin-top: 165px;
  margin-bottom: 16px;
  font-size: 50px;
  line-height: 72px;
  letter-spacing: 3.75px;
}
.tz-latest-activity .banner .sub-title {
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 30px;
}
.tz-latest-activity .activity {
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center; background: url(../image/activity-bg.png?5caf9360c817d82fd097f08533160156) no-repeat center;
  background-size: cover;
}
.tz-latest-activity .activity .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 1200px;
  margin: 0 auto;
}
.tz-latest-activity .activity .card {
  position: relative;
  width: 580px;
  margin: 20px 10px;
  text-decoration: none;
  border-radius: 6px;
  background-color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tz-latest-activity .activity .card:hover:not(.disable) {
  -webkit-box-shadow: 7.55px 9.33px 54px 0 rgba(2, 17, 91, 0.1);
          box-shadow: 7.55px 9.33px 54px 0 rgba(2, 17, 91, 0.1);
}
.tz-latest-activity .activity .card:hover:not(.disable) .title {
  color: #2139b7;
}
.tz-latest-activity .activity .card:hover:not(.disable) .desc {
  color: #7c8bd5;
}
.tz-latest-activity .activity .card-image {
  position: relative;
}
.tz-latest-activity .activity .card-body {
  padding: 15px 30px;
  text-align: left;
}
.tz-latest-activity .activity .card-body .title {
  font-size: 16px;
  color: #333;
}
.tz-latest-activity .activity .card-body .desc {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.tz-latest-activity .activity .ongoing {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  text-align: center;
  background-color: #e60012;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 1.2px;
  border-bottom-right-radius: 6px;
}
.tz-latest-activity .activity .end {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  text-align: center;
  background-color: #252525;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 1.2px;
  border-bottom-right-radius: 6px;
}
.tz-latest-activity .activity .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; background: url(../image/activity-shade.png?9f16f4d9f5f8a047baa8d3e4463cfd18) no-repeat center;
  background-size: cover;
}
#tz_yun .banner {
  height: 561px;
  text-align: center; background: url(../image/yun_banner_bg.png?42096f63b2aa1596922973faf7f167c7) no-repeat;
  background-size: 100% 100%;
  border-top: 1px solid #2a5cde;
}
#tz_yun .banner h2 {
  color: #ffffff;
  font-size: 50px;
  margin-top: 182px;
  margin-bottom: 46px;
}
#tz_yun .banner p {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  width: 810px;
  margin: 0 auto;
}
#tz_yun .banner nav {
  margin-top: 110px;
}
#tz_yun .banner nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1180px;
  margin: 0 auto;
}
#tz_yun .banner nav ul li {
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
#tz_yun .banner nav ul li a {
  text-align: center;
  font-size: 18px;
  width: 380px;
  height: 64px;
  line-height: 64px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), to(#6d8fff));
  background: linear-gradient(to right, #b9ccfc, #6d8fff);
  border-radius: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#tz_yun .banner nav ul li a.aticve {
  background: #fff;
  color: #043fc4;
}
#tz_yun .banner nav ul li a:hover {
  background: #fff;
  color: #043fc4;
}
#tz_yun .banner nav ul li:last-of-type {
  margin: 0;
}
#tz_yun .package h3 {
  font-size: 22px;
  color: #333333;
  padding-bottom: 38px;
  margin: 74px auto 46px;
  width: 100px;
  text-align: center;
  position: relative;
}
#tz_yun .package h3::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  height: 6px;
  border-radius: 3px;
  background-color: #2139b7;
}
#tz_yun .package .list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 1170px;
}
#tz_yun .package .list > li {
  float: left;
  width: 232px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding-bottom: 30px;
  margin-left: -1px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #fff;
}
#tz_yun .package .list > li:hover {
  border: 1px solid #4173f3;
  z-index: 99;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#tz_yun .package .list > li:hover header {
  background: linear-gradient(120deg, #3251ed, #6d8fff);
}
#tz_yun .package .list > li:hover header h4 {
  color: #fff;
}
#tz_yun .package .list > li:hover section ul li {
  color: #2139b7;
}
#tz_yun .package .list > li:hover a {
  background-color: #2139b7;
  color: #fff;
}
#tz_yun .package .list > li header {
  width: 100%;
  text-align: center;
  height: 63px;
  background-color: #e5e5e5;
}
#tz_yun .package .list > li header h4 {
  font-size: 18px;
  color: #222222;
  line-height: 63px;
  margin: 0;
}
#tz_yun .package .list > li section {
  padding: 30px 20px;
  padding-bottom: 0;
  height: 108px;
}
#tz_yun .package .list > li section h5 {
  font-size: 14px;
  color: #333333;
  margin: 0;
  margin-bottom: 10px;
}
#tz_yun .package .list > li section p {
  margin: 0;
  line-height: 18px;
  color: #666666;
  font-size: 12px;
}
#tz_yun .package .list > li section ul {
  list-style-type: disc;
}
#tz_yun .package .list > li section ul li {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}
#tz_yun .package .list > li section:last-of-type {
  padding-left: 0;
  padding-right: 0;
}
#tz_yun .package .list > li .price {
  text-align: center;
  font-size: 12px;
  color: #444444;
}
#tz_yun .package .list > li .price .value {
  font-size: 18px;
  color: #2139b7;
}
#tz_yun .package .list > li a {
  display: block;
  width: 134px;
  line-height: 27px;
  height: 27px;
  font-size: 12px;
  color: #2139b7;
  text-decoration: none;
  border: 1px solid #2139b7;
  border-radius: 4px;
  text-align: center;
  margin: 0 auto;
  margin-top: 14px;
}
#tz_yun .advantage {
  height: auto;
  padding: 104px 0;
  padding-bottom: 70px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #ffffff), to(rgba(1, 43, 164, 0.08)));
  background: linear-gradient(to bottom, #ffffff 60%, rgba(1, 43, 164, 0.08));
}
#tz_yun .advantage > h3 {
  font-size: 26px;
  color: #333333;
  margin: 0;
  margin-bottom: 22px;
  text-align: center;
}
#tz_yun .advantage > p {
  font-size: 14px;
  color: #666666;
  margin-bottom: 40px;
  text-align: center;
}
#tz_yun .advantage #product {
  height: 328px;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(2) ul > li:nth-of-type(1) > .icon { background: url(../image/yun_performance.png?5a2eef303ac9cb396e1f4bf75d1ed2e2) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(2) ul > li:nth-of-type(2) > .icon { background: url(../image/yun_deploy.png?0e08ceb55835925350f886227e25c774) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(2) ul > li:nth-of-type(3) > .icon { background: url(../image/yun_backup.png?7999ab13275583cce113303259ea76fc) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(2) ul > li:last-of-type > .icon { background: url(../image/yun_whole_network.png?fe846ebd8bd6f2e586b3a9c8c6d3d3f1) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(1) ul > li:nth-of-type(1) > .icon { background: url(../image/yun_migrate.png?524a3acb7d91dbf4dae0ea2b51c657f3) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(1) ul > li:nth-of-type(2) > .icon { background: url(../image/yun_adjustment.png?46f28a5650aefb7314e258fbbc339eef) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(1) ul > li:nth-of-type(3) > .icon { background: url(../image/yun_layering.png?f8ed37b266a620cb3e76474a0ba65743) no-repeat center top;
}
#tz_yun .advantage #product .swiper-slide:nth-of-type(1) ul > li:last-of-type > .icon { background: url(../image/yun_defense.png?f1262592c7cc55ddafe99e57e2a9c849) no-repeat center top;
}
#tz_yun .advantage #product > .swiper-pagination {
  bottom: 0;
}
#tz_yun .advantage #product > .swiper-pagination > span {
  width: 52px;
  height: 6px;
  border-radius: 3px;
  background-color: #b5bef0;
  margin-right: 20px;
}
#tz_yun .advantage #product > .swiper-pagination > span:last-of-type {
  margin: 0;
}
#tz_yun .advantage #product > .swiper-pagination > span.swiper-pagination-bullet-active {
  background-color: #2139b7;
}
#tz_yun .advantage #product ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 1096px;
}
#tz_yun .advantage #product ul > li {
  float: left;
  width: 259px;
  padding: 0 11px;
  margin-right: 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, #ffffff 50%, rgba(255, 255, 255, 0) 50%);
  -webkit-box-shadow: 0 -90px 40px rgba(1, 43, 164, 0.08);
          box-shadow: 0 -90px 40px rgba(1, 43, 164, 0.08);
}
#tz_yun .advantage #product ul > li:last-of-type {
  margin: 0;
}
#tz_yun .advantage #product ul > li > .icon {
  height: 124px;
}
#tz_yun .advantage #product ul > li > h4 {
  color: #2139b7;
  font-size: 16px;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
}
#tz_yun .advantage #product ul > li > p {
  font-size: 14px;
  color: #444444;
  line-height: 24px;
}
#tz_yun .features {
  padding: 70px 0; background: url(../image/features_bg.png?de1615a65471ed50282b2e4c44f8b769) no-repeat;
  background-size: 100% 100%;
}
#tz_yun .features h3 {
  color: #ffffff;
  font-size: 26px;
  margin: 0;
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 40px;
  position: relative;
}
#tz_yun .features h3::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 51px;
  height: 6px;
  background-color: #fff;
  border-radius: 3px;
}
#tz_yun .features ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 1180px;
}
#tz_yun .features ul li {
  border: 1px solid #ffffff;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 89px;
  overflow: hidden;
}
#tz_yun .features ul li:last-of-type {
  margin: 0;
}
#tz_yun .features ul li > div {
  border-right: 1px solid #fff;
  font-size: 16px;
  color: #fff;
}
#tz_yun .features ul li > div:last-of-type {
  border: none;
}
#tz_yun .features ul li .feature {
  width: 178px;
  height: 89px;
  line-height: 89px;
  letter-spacing: 15px;
  background-color: rgba(18, 34, 117, 0.5);
  text-align: center;
}
#tz_yun .features ul li .dec-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tz_yun .features ul li .dec-item p {
  width: 100%;
  margin: 0;
  padding: 0 20px;
  padding-bottom: 0;
  line-height: 25px;
  font-size: 14px;
}
#tz_yun .features ul li .dec-item p.table-item {
  padding-top: 0;
  padding-bottom: 0;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px dashed #a0a0a0;
}
#tz_yun .features ul li .dec-item p.table-item:last-of-type {
  border: none;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg {
  background: #081753 url(/images/map-bg.png?164fd788959bd8188662c8edc63fd3f2) top center no-repeat;
  width: 100%;
  min-width: 1200px;
  height: 751px;
  padding-top: 70px;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .zzidc-tit h2 {
  font-size: 30px;
  line-height: 80px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 4px;
  margin: 0;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .zzidc-tit h2.gfff {
  color: #fff;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .zzidc-tit .line-row {
  width: 52px;
  height: 5px;
  background: #ffffff;
  margin: 0 auto;
  border-radius: 3px;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main {
  overflow: hidden;
  margin-top: 57px;
  position: relative;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox {
  position: absolute;
  z-index: 10;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .circle2 {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 9px;
  height: 9px;
  background: #ffd543;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .pulse2 {
  display: inline-block;
  position: absolute;
  top: -28px;
  left: -28px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #ffd543;
  opacity: 0.12;
  filter: alpha(opacity=0);
  -webkit-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .circle {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 9px;
  height: 9px;
  background: #2069fd;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .circlebox .pulse {
  display: inline-block;
  position: absolute;
  top: -28px;
  left: -28px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #2069fd;
  opacity: 0.12;
  filter: alpha(opacity=0);
  -webkit-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .ntkj {
  width: 132px;
  height: 44px;
  position: absolute;
  z-index: 100;
  color: #fff;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left {
  float: left;
  width: 146px;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .circle-tit { background: url(../image/circle.png?1d0e7fc2ab0f21d61d98c5928cd5815c) no-repeat 4px 9px;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  padding-left: 50px;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .marker-tit { background: url(../image/marker.png?5463110b0654ecff57afa75103f1a227) no-repeat 3px 0;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
  padding-left: 50px;
  margin-top: 20px;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .dz-list {
  overflow: hidden;
  margin-top: 8px;
}
#tz_yun .yun-map .idx_box_wp.index-partners .map-bg .zzidc-auto .map-main .map-left .dz-list .dz-item {
  width: 146px;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#0d21e0), to(#4c71e7));
  background: linear-gradient(to right, #0d21e0, #4c71e7);
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  margin-top: 4px;
}
@keyframes warn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
#tz_yun .problem {
  padding: 70px 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(rgba(167, 188, 255, 0.5)));
  background: linear-gradient(to bottom, #fff 50%, rgba(167, 188, 255, 0.5));
}
#tz_yun .problem h3 {
  color: #333333;
  font-size: 26px;
  margin: 0;
  text-align: center;
  margin-bottom: 19px;
}
#tz_yun .problem p {
  color: #666666;
  font-size: 14px;
  text-align: center;
  margin-bottom: 24px;
}
#tz_yun .problem .list {
  width: 1180px;
  margin: 0 auto;
}
#tz_yun .problem ul {
  margin: 0;
  margin-right: 66px;
  width: 349px;
  float: left;
  padding: 0;
  padding-left: 20px;
}
#tz_yun .problem ul:last-of-type {
  margin: 0;
}
#tz_yun .problem ul li {
  height: 49px;
  color: #2139b7;
  line-height: 49px;
  position: relative;
}
#tz_yun .problem ul li::after {
  content: "";
  position: absolute;
  width: 349px;
  height: 1px;
  background-color: #bfbfbf;
  left: -20px;
  bottom: 0;
}
#tz_yun .problem ul li a {
  font-size: 14px;
  color: #666666;
  height: 100%;
  line-height: 49px;
}
#tz_yun .problem ul li a:hover {
  color: #3046bc;
}
#tz_yun .jumbotron.footer {
  height: 193px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0; background: url(../image/productBg3.png?873be73ca8b181a461885d23307b2c61) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
#tz_yun .jumbotron.footer h4 {
  margin: 0;
  padding-top: 60px;
  margin-bottom: 24px;
  font-size: 24px;
  color: #fff;
}
#tz_yun .jumbotron.footer h4 span {
  font-size: 26px;
}
#tz_yun .jumbotron.footer a {
  display: inline-block;
  text-decoration: none;
  width: 150px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 17px;
}
#tz_yun .jumbotron {
  border-radius: 0;
}
#tz-help-center {
  margin-left: -15px;
  margin-right: -15px;
}
#tz-help-center .banner {
  position: relative;
  height: 423px;
  padding-top: 83px;
  text-align: center;
  color: #fff; background: url(../image/help-banner-bg.png?a2e011ab08fe5d8f0f7737d30815a8a7) no-repeat center;
  background-size: cover;
}
#tz-help-center .banner .title {
  margin-top: 64px;
  font-size: 50px;
  line-height: 72px;
  letter-spacing: 3.75px;
}
#tz-help-center .banner .search-container {
  position: relative;
  width: 800px;
  margin: 28px auto 18px;
}
#tz-help-center .banner .search-input {
  width: 100%;
  height: 50px;
  border: 1px solid #9d9dfe;
  border-radius: 25px;
  background-color: transparent;
  padding: 15px 45px;
  font-size: 16px;
  color: #a1a1ff;
  caret-color: #a1a1ff;
  letter-spacing: 0.8px;
}
#tz-help-center .banner .search-input::-webkit-input-placeholder {
  color: #a1a1ff;
}
#tz-help-center .banner .search-input:focus {
  outline: unset;
}
#tz-help-center .banner .search-btn {
  position: absolute;
  top: 0;
  right: -20px;
  width: 180px;
  height: 50px;
  font-size: 16px;
  letter-spacing: 3.2px;
  border-radius: 25px;
  color: #110d40;
  background-color: #fff;
}
#tz-help-center .banner .search-btn:focus {
  outline: unset;
}
#tz-help-center .banner .search-btn:active {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
#tz-help-center .banner .popular-keyword {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  text-indent: 4.5rem;
  font-size: 0;
}
#tz-help-center .banner .keyword {
  margin: 0;
  font-size: 14px;
  color: #ffd543;
  letter-spacing: 1.05px;
}
#tz-help-center .banner .keyword:focus,
#tz-help-center .banner .keyword:hover {
  text-decoration: none;
}
#tz-help-center .banner .keyword:not(:last-child):after {
  content: "|";
  color: #9d9dfe;
  margin: 0 9px;
}
#tz-help-center .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1180px;
  margin: 0 auto;
  padding-top: 32px;
}
#tz-help-center .content-container > .category {
  margin-top: 28px;
  width: 244px;
}
#tz-help-center .content-container > .category ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#tz-help-center .content-container > .category ul li {
  height: 34px;
  line-height: 34px;
  padding-left: 20px;
  border-bottom: 1px solid #eeeeee;
}
#tz-help-center .content-container > .category ul li a {
  display: block;
  height: 34px;
  line-height: 34px;
  color: #444444;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
#tz-help-center .content-container > .category ul li a:hover {
  color: #224cae;
}
#tz-help-center .content-container > .main {
  margin-left: 50px;
}
#tz-help-center .content-container > .main > .breadcrumbs {
  font-size: 14px;
  color: #888888;
}
#tz-help-center .content-container > .main > .breadcrumbs a {
  color: #888888;
  text-decoration: none;
}
#tz-help-center .content-container > .main > .breadcrumbs .current {
  color: #666666;
}
#tz-help-center .content-container > .main > .article-content {
  margin-top: 24px;
  width: 880px;
}
#tz-help-center .content-container > .main > .article-content .article-header {
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #333333;
}
#tz-help-center .content-container > .main > .article-content .article-header h1 {
  font-size: 32px;
  color: #333333;
  margin: 0;
  margin-bottom: 17px;
  font-weight: normal;
}
#tz-help-center .content-container > .main > .article-content .article-header time {
  font-size: 14px;
  color: #666666;
}
#tz-help-center .content-container > .main > .article-content .article-article blockquote {
  padding: 20px;
  background-color: #ededed;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 38px;
}
#tz-help-center .content-container > .main > .article-content .article-article blockquote p {
  font-size: 14px;
  color: #666666;
  line-height: 25px;
}
#tz-help-center .content-container > .main > .article-content .article-footer {
  padding-top: 30px;
  border-top: 1px solid #a0a0a0;
}
#tz-help-center .content-container > .main > .article-content .article-footer p {
  font-size: 14px;
}
#tz-help-center .content-container > .main > .article-content .article-footer p a {
  color: #666666;
  text-decoration: none;
}
#tz-help-center .content-container > .main > .article-content .article-footer p:last-of-type {
  margin: 0;
}
#tz-help-center .content-container > .main > .article-content .article-footer img {
  width: 50px;
  height: 50px;
}
#tz-help-center .content-container > .main > .article-content .recommend {
  margin-top: 30px;
  border-top: 1px solid #a0a0a0;
}
#tz-help-center .content-container > .main > .article-content .recommend h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 16px;
  font-size: 16px;
  color: #444444;
}
#tz-help-center .content-container > .main > .article-content .recommend ul {
  margin: 0;
  padding: 0;
  padding-left: 16px;
  padding-bottom: 62px;
  width: 874px;
}
#tz-help-center .content-container > .main > .article-content .recommend ul li {
  float: left;
  width: 285.33333333px;
  font-size: 14px;
  color: #444444;
}
#tz-help-center .content-container > .main > .article-content .recommend ul li a {
  line-height: 24px;
  color: #444444;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
#tz-help-center .content-container > .main > .article-content .recommend ul li a:hover {
  color: #224cae;
}
#tz-help-center .content-container > .main > .list-content {
  margin-top: 24px;
  width: 880px;
}
#tz-help-center .content-container > .main > .list-content > .search-result-title {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
  font-size: 24px;
  color: #333333;
  font-weight: normal;
}
#tz-help-center .content-container > .main > .list-content > .search-result-title > span {
  color: #db0000;
}
#tz-help-center .content-container > .main > .list-content > h2 {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
  font-size: 32px;
  font-weight: normal;
}
#tz-help-center .content-container > .main > .list-content > h2 span {
  font-size: 14px;
  color: #999999;
  margin-top: 20px;
}
#tz-help-center .content-container > .main > .list-content > h2 span a {
  color: #999999;
  text-decoration: none;
}
#tz-help-center .content-container > .main > .list-content > h2 span a.active {
  color: #333333;
}
#tz-help-center .content-container > .main > .list-content > ul {
  margin: 22px 0 0 0;
  padding: 0;
  list-style: none;
}
#tz-help-center .content-container > .main > .list-content > ul li .media {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 18px 0;
  height: 100px;
  border-bottom: 1px solid #dadbe3;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-body a {
  text-decoration: none;
  display: block;
  font-size: 14px;
  color: #666666;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-body a:hover .media-heading {
  color: #0031a1;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-body a .media-heading {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-body a .media-heading .top {
  margin-right: 2px;
  display: inline-block;
  height: 18px;
  width: 34px;
  text-align: center;
  line-height: 17px;
  font-size: 12px;
  color: #043fc4;
  border: 1px solid #043fc4;
  border-radius: 4px;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-left {
  padding-bottom: 0;
  padding-right: 20px;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-left a {
  text-decoration: none;
  display: block;
  width: 100px;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-left a span.date-day {
  display: block;
  height: 66px;
  line-height: 66px;
  text-align: center;
  font-size: 48px;
  color: #4c505f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #e5e5ed;
  border-radius: 4px 4px 0 0;
}
#tz-help-center .content-container > .main > .list-content > ul li .media .media-left a span.date-years {
  display: block;
  font-size: 14px;
  color: #4c505f;
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-color: #cdd2e2;
  border-radius: 0 0 4px 4px;
}
#tz-help-center .content-container > .main > .collection {
  margin-top: 24px;
  width: 895px;
}
#tz-help-center .content-container > .main > .collection > .paper {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  width: 430px;
  height: 270px;
  padding-left: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#tz-help-center .content-container > .main > .collection > .paper:nth-of-type(2n) {
  margin-right: 15px;
}
#tz-help-center .content-container > .main > .collection > .paper:hover {
  -webkit-box-shadow: 9px 9px 18px 9px rgba(33, 34, 39, 0.11);
          box-shadow: 9px 9px 18px 9px rgba(33, 34, 39, 0.11);
  border: 1px solid #6d8fff;
}
#tz-help-center .content-container > .main > .collection > .paper:hover > a {
  background: -webkit-gradient(linear, left top, right top, from(#6d8fff), to(#3251ed));
  background: linear-gradient(to right, #6d8fff, #3251ed);
}
#tz-help-center .content-container > .main > .collection > .paper > h3 {
  margin: 0;
  padding-top: 38px;
  padding-bottom: 21px;
  padding-left: 14px;
  font-size: 18px;
  color: #0031a1;
}
#tz-help-center .content-container > .main > .collection > .paper > ul {
  margin: 0;
  padding: 0;
  padding-left: 14px;
}
#tz-help-center .content-container > .main > .collection > .paper > ul > li {
  color: #666666;
  font-size: 14px;
  line-height: 28px;
}
#tz-help-center .content-container > .main > .collection > .paper > ul > li:last-of-type {
  margin: 0;
}
#tz-help-center .content-container > .main > .collection > .paper > ul > li > a {
  color: #666666;
}
#tz-help-center .content-container > .main > .collection > .paper > ul > li > a:hover {
  color: #224cae;
}
#tz-help-center .content-container > .main > .collection > .paper > a {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 122px;
  height: 42px;
  border-radius: 40px 0.33px 0.33px 0.33px;
  text-align: center;
  line-height: 42px;
  text-decoration: none;
  background-color: #b1b3c0;
  font-size: 14px;
  color: #ffffff;
}
#tz-help-center .consult {
  height: 193px; background: url(../image/help-consult-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center;
  background-size: cover;
  text-align: center;
  padding-top: 30px;
}
#tz-help-center .consult .title {
  margin-top: 22.5px;
  color: #fff;
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 20px;
}
#tz-help-center .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#tz-help-center .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
#tz-help-center .paginate {
  text-align: right;
}
#tz-help-center .paginate ul.pagination {
  margin-top: 38px;
}
#tz-help-center .paginate ul.pagination li:last-of-type .page-link {
  margin-right: 0;
}
#tz-help-center .paginate ul.pagination li.active .page-link {
  background: -webkit-gradient(linear, left top, right top, from(#6d8fff), to(#3251ed));
  background: linear-gradient(to right, #6d8fff, #3251ed);
  color: #fff;
}
#tz-help-center .paginate ul.pagination li.disabled .page-link span.glyphicon {
  color: #dddddd;
}
#tz-help-center .paginate ul.pagination li .page-link {
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 12px;
  color: #666666;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  padding: 0;
  margin-right: 5px;
}
#souvenir { background: url(../image/souvenir_bg.png?9fec8447d2ea20354c5f1676266194ae) no-repeat #181e2d;
  background-size: 100%;
  padding-top: 830px;
}
#souvenir .container {
  width: 1200px;
}
#souvenir .product-superimposed {
  margin-top: 92px;
}
#souvenir .product-superimposed h3 {
  margin: 0 auto;
  margin-bottom: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  width: 348px;
  text-align: center;
  position: relative;
}
#souvenir .product-superimposed h3::before {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/souvenir_bt_zuo.png?870b9708ae5ec167387e79ba939881d4) no-repeat;
  left: -129px;
  top: 4px;
}
#souvenir .product-superimposed h3::after {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/souvenir_bt_you.png?29b09115a746469df4e5db0fa4ad5a9e) no-repeat;
  right: -129px;
  top: 4px;
}
#souvenir .product-superimposed > .product-content > header {
  border-radius: 2px 2px 0 0;
  height: 62px;
  padding-left: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#f3cf83), to(#f9c16a));
  background: linear-gradient(to right, #f3cf83, #f9c16a);
  font-size: 24px;
  color: #181e2d;
  line-height: 62px;
  position: relative;
}
#souvenir .product-superimposed > .product-content > header::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 10px;
  width: 158px;
  height: 37px; background: url(../image/souvenir_bq_.png?27735eb82c7a061be55eb291da09da52) no-repeat;
}
#souvenir .product-superimposed > .product-content > .content {
  border-radius: 0 0 2px 2px;
  padding-top: 40px;
  padding-bottom: 23px;
  background-color: #fff;
  text-align: center;
}
#souvenir .product-superimposed > .product-content > .content > .row > .col-md-4 {
  position: relative;
}
#souvenir .product-superimposed > .product-content > .content > .row > .col-md-4:last-of-type::after {
  display: none;
}
#souvenir .product-superimposed > .product-content > .content > .row > .col-md-4::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 168px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #e2e3e5;
}
#souvenir .product-superimposed > .product-content > .content .buy {
  display: inline-block;
  width: 112px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #e01616;
  text-decoration: none;
}
#souvenir .product-superimposed > .product-content > .content h4 {
  margin: 0;
  margin-bottom: 28px;
  font-size: 24px;
  color: #181e2d;
}
#souvenir .product-superimposed > .product-content > .content p {
  margin: 0;
  margin-bottom: 16px;
  font-size: 12px;
  color: #4e4a4a;
}
#souvenir .product-superimposed > .product-content > .content p .original {
  font-size: 12px;
  color: #a0a3a8;
  margin-right: 13px;
}
#souvenir .product-superimposed > .product-content > .content p .indulgence {
  font-size: 16px;
  font-weight: bold;
  color: #e01616;
}
#souvenir .product-superimposed > .product-content > .content p .indulgence b {
  font-size: 24px;
  font-weight: bold;
  font-family: 'pingFangHeavy';
}
#souvenir .product-remind {
  margin: 0 auto;
  margin-top: 92px;
  margin-bottom: 198px;
  width: 920px;
  padding-top: 72px;
  padding-bottom: 50px;
  background-color: #fff;
  position: relative;
  border-radius: 2px;
}
#souvenir .product-remind::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 44px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); background: url(../image/souvenir_bq_huodong.png?7b87db2232abad5cc322f5d40fe1a3a2) no-repeat;
}
#souvenir .product-remind ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 72px;
}
#souvenir .product-remind ul li {
  margin-bottom: 20px;
  color: #4e4a4a;
  font-size: 14px;
  padding-left: 23px;
  position: relative;
}
#souvenir .product-remind ul li span {
  color: #e01616;
}
#souvenir .product-remind ul li::before {
  content: attr(data-index);
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  background-color: #e01616;
  text-align: center;
  line-height: 16px;
  border-radius: 100%;
  color: #fff;
}
#souvenir .product-remind ul li:last-of-type {
  margin: 0;
}
#souvenir .product-idc h3 {
  margin: 0 auto;
  margin-bottom: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  width: 356px;
  text-align: center;
  position: relative;
}
#souvenir .product-idc h3::before {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/souvenir_bt_zuo.png?870b9708ae5ec167387e79ba939881d4) no-repeat;
  left: -129px;
  top: 4px;
}
#souvenir .product-idc h3::after {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/souvenir_bt_you.png?29b09115a746469df4e5db0fa4ad5a9e) no-repeat;
  right: -129px;
  top: 4px;
}
#souvenir .product-idc > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#souvenir .product-idc > ul > li {
  width: 564px;
  height: 368px;
}
#souvenir .product-idc > ul > li > header {
  height: 140px;
  padding-top: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#f3cf83), to(#f9c169));
  background: linear-gradient(to right, #f3cf83, #f9c169);
  position: relative;
}
#souvenir .product-idc > ul > li > header::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 10px;
  width: 158px;
  height: 37px; background: url(../image/souvenir_bq_.png?27735eb82c7a061be55eb291da09da52) no-repeat;
}
#souvenir .product-idc > ul > li > header > h4 {
  margin: 0;
  margin-bottom: 24px;
  padding-left: 20px;
  font-size: 24px;
  font-weight: normal;
  color: #181e2d;
}
#souvenir .product-idc > ul > li > header > ul {
  margin: 0;
  list-style-type: disc;
}
#souvenir .product-idc > ul > li > header > ul > li {
  color: #181e2d;
  font-size: 18px;
  line-height: 18px;
}
#souvenir .product-idc > ul > li > .content {
  padding: 36px 0;
  background-color: #fff;
}
#souvenir .product-idc > ul > li > .content .row .col-md-2 {
  width: 14.666667%;
}
#souvenir .product-idc > ul > li > .content .row .col-md-2:first-of-type {
  margin-left: 51px;
}
#souvenir .product-idc > ul > li > .content .key {
  font-size: 16px;
  margin-bottom: 10px;
  color: #a0a3a8;
}
#souvenir .product-idc > ul > li > .content .value {
  font-size: 16px;
}
#souvenir .product-idc > ul > li > .content > footer {
  width: 422px;
  margin: 0 auto;
  position: relative;
  margin-top: 44px;
}
#souvenir .product-idc > ul > li > .content > footer > .price-info {
  font-size: 18px;
  color: #4e4a4a;
}
#souvenir .product-idc > ul > li > .content > footer > .price-info > .price {
  color: #e01616;
}
#souvenir .product-idc > ul > li > .content > footer > .price-info > .price > b {
  font-size: 70px;
  line-height: 70px;
}
#souvenir .product-idc > ul > li > .content > footer > .buy {
  position: absolute;
  bottom: 4px;
  right: 0;
  width: 140px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  font-size: 16px;
  color: #ffffff;
  background-color: #e01616;
  text-decoration: none;
}
#overlayPackage {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'pingFangMedium';
}
#overlayPackage .title {
  position: relative;
  font-family: 'pingFangBold';
  color: #333;
  font-size: 26px;
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 20px;
}
#overlayPackage .title.black {
  margin-bottom: 0;
  padding-bottom: 34px;
}
#overlayPackage .title.black:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
#overlayPackage .title.white {
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 34px;
}
#overlayPackage .title.white:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
}
#overlayPackage .sub-title {
  font-size: 14px;
  color: #666;
  font-family: 'pingFangMedium';
}
#overlayPackage .banner {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/overlayPackage_bg.png?10f56935641c93dda29bde7c8134fb2e) no-repeat center;
  background-size: cover;
}
#overlayPackage .banner .cont {
  max-width: 1180px;
  margin: 60px auto 0;
}
#overlayPackage .banner .cont .title {
  text-align: left;
  color: #fff;
}
#overlayPackage .banner .cont .title .text {
  font-size: 50px;
  font-family: 'pingFangBold';
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 3.75px;
}
#overlayPackage .banner .cont .title .sub-text {
  font-size: 16px;
  font-family: 'pingFangRegular';
  letter-spacing: 0.8px;
  margin-bottom: 60px;
  line-height: 30px;
  width: 786px;
}
#overlayPackage .banner .cont .apply-btn {
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2.8px;
  text-decoration: none;
  color: #05060a;
  background: #fff;
}
#overlayPackage .banner .tab {
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#overlayPackage .banner .tab-item {
  display: inline-block;
  width: 380px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.6px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#overlayPackage .banner .tab-item.active,
#overlayPackage .banner .tab-item:hover {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#overlayPackage .main-content {
  background-color: #fff;
  padding: 70px 0;
  text-align: center;
}
#overlayPackage .main-content .title {
  color: #333333;
  font-size: 26px;
  margin-bottom: 22px;
}
#overlayPackage .main-content .sub-title {
  margin: 0;
  font-size: 14px;
  color: #666666;
}
#overlayPackage .main-content .data-table {
  margin: 0 auto;
  margin-top: 42px;
  width: 1180px;
  border-left: 1px solid #dcdeeb;
  border-top: 1px solid #dcdeeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#overlayPackage .main-content .data-table:hover {
  -webkit-box-shadow: 0 0 30px 6px rgba(85, 91, 117, 0.22);
          box-shadow: 0 0 30px 6px rgba(85, 91, 117, 0.22);
}
#overlayPackage .main-content .data-table .table-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overlayPackage .main-content .data-table .table-tr .table-th,
#overlayPackage .main-content .data-table .table-tr .table-td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-right: 1px solid #dcdeeb;
  border-bottom: 1px solid #dcdeeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#overlayPackage .main-content .data-table .table-tr .table-td {
  font-size: 14px;
  color: #6a6a77;
}
#overlayPackage .main-content .data-table .table-tr .table-td .buy {
  display: inline-block;
  width: 160px;
  height: 30px;
  border-radius: 6px;
  text-align: center;
  line-height: 30px;
  background-color: #d3d5e2;
  font-size: 14px;
  color: #6a6a77;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#overlayPackage .main-content .data-table .table-tr .table-td .buy:hover {
  background-color: #f80633;
  color: #fff;
}
#overlayPackage .main-content .data-table .table-tr:first-of-type .table-th:last-of-type {
  border-radius: 0 6px 0 0;
}
#overlayPackage .main-content .data-table .table-tr:last-of-type .table-th {
  border-radius: 0 0 0 6px;
}
#overlayPackage .main-content .data-table .table-tr:last-of-type .table-td:last-of-type {
  border-radius: 0 0 6px 0;
}
#overlayPackage .main-content .data-table .table-tr .table-th {
  font-size: 16px;
  color: #31313c;
  background-color: #ebecf2;
}
#overlayPackage .feature {
  padding-top: 70px;
  height: 630px;
  overflow: hidden; background: url(../image/feature_bg.png?07c4bea4805fe4a1e72be4f95aca3cc3) no-repeat;
}
#overlayPackage .feature .feature-title {
  color: #ffffff;
  margin-bottom: 34px;
}
#overlayPackage .feature .feature-title::after {
  background-color: #fff;
}
#overlayPackage .feature .feature-content {
  width: 1180px;
  margin: 0 auto;
}
#overlayPackage .feature .feature-content .feature-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overlayPackage .feature .feature-content .list:last-of-type .item {
  margin-left: 40px;
}
#overlayPackage .feature .feature-content .list .item {
  color: #fff;
}
#overlayPackage .feature .feature-content .list .item:first-of-type {
  margin-bottom: 90px;
}
#overlayPackage .feature .feature-content .list .item h5 {
  font-size: 16px;
  margin-top: 0;
  margin: 20px 0;
}
#overlayPackage .feature .feature-content .list .item p {
  margin: 0;
  font-size: 14px;
}
#overlayPackage .function {
  padding: 70px 0;
  background: #fff;
}
#overlayPackage .function .function-list {
  margin: 0 auto;
  margin-top: 40px;
  padding: 0;
  list-style: none;
  width: 1180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#overlayPackage .function .function-list li {
  width: 580px;
  border: 1px solid #ccd0d9;
  border-radius: 6px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 20px;
}
#overlayPackage .function .function-list li:nth-of-type(2n) {
  margin-right: 0;
}
#overlayPackage .function .function-list li:nth-of-type(3n) {
  margin-bottom: 0;
}
#overlayPackage .function .function-list li:nth-of-type(4n) {
  margin-bottom: 0;
}
#overlayPackage .function .function-list li h5 {
  font-size: 16px;
  color: #31313c;
  margin: 0;
  margin-bottom: 14px;
}
#overlayPackage .function .function-list li p {
  font-size: 14px;
  color: #60646e;
  line-height: 24px;
  width: 440px;
}
#overlayPackage .scenes {
  padding-top: 10px;
}
#overlayPackage .scenes .scenes-list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 1180px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overlayPackage .scenes .scenes-list li {
  width: 580px;
  height: 184px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(99, 135, 250, 0.3))) #fff;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 50%, rgba(99, 135, 250, 0.3)) #fff;
  -webkit-box-shadow: 0 16px 20px 8px rgba(11, 27, 96, 0.18);
          box-shadow: 0 16px 20px 8px rgba(11, 27, 96, 0.18);
  margin-right: 20px;
  position: relative;
}
#overlayPackage .scenes .scenes-list li::after {
  content: "";
  position: absolute;
  width: 39px;
  height: 35px;
  top: 29px;
  right: 30px;
}
#overlayPackage .scenes .scenes-list li:first-of-type::after { background: url(../image/scenes_item_icon_1.png?6dc2206113e3a1157e3766c36ef9ad11) no-repeat center center;
}
#overlayPackage .scenes .scenes-list li:last-of-type {
  margin: 0;
}
#overlayPackage .scenes .scenes-list li:last-of-type::after { background: url(../image/scenes_item_icon_2.png?9aa53485d32f5e98fb580a93fa42e25a) no-repeat center center;
}
#overlayPackage .scenes .scenes-list li > h5 {
  margin-top: 48px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #333333;
}
#overlayPackage .scenes .scenes-list li > span {
  font-size: 14px;
  color: #2139b7;
}
#overlayPackage .scenes .scenes-list li > p {
  margin-top: 6px;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
#overlayPackage .help {
  margin: 80px 0;
}
#overlayPackage .help .help-content {
  margin: 0 auto;
  margin-top: 42px;
  width: 1105px;
  height: 81px; background: url(../image/help.png?38f84491dcd048c869d6d5ec662bd154) no-repeat;
}
#overlayPackage .introduction-title {
  text-align: center;
  font-size: 26px;
  padding-bottom: 36px;
  color: #333333;
  position: relative;
}
#overlayPackage .introduction-title::after {
  content: "";
  position: absolute;
  width: 51px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 3px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#overlayPackage .consult {
  height: 192px; background: url(../image/bottom-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 50px;
}
#overlayPackage .consult .text {
  font-family: 'pingFangMedium';
}
#overlayPackage .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#overlayPackage .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
#armyDay { background: url(../image/armyDay_banner.png?c73137cd00da75266b8403018079f118) no-repeat #fff3e0;
  background-size: 100%;
  padding-top: 794px;
}
#armyDay .container {
  width: 1200px;
}
#armyDay .product-superimposed {
  margin-top: 98px;
}
#armyDay .product-superimposed h3 {
  margin: 0 auto;
  margin-bottom: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #870202;
  width: 348px;
  text-align: center;
  position: relative;
}
#armyDay .product-superimposed h3::before {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/armyDay_bt_zuo.png?d92e96d42b918e94e3408b72d2638f86) no-repeat;
  left: -129px;
  top: 4px;
}
#armyDay .product-superimposed h3::after {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/armyDay_bt_you.png?c48e2f89d2d5265c15b246c6561a78a0) no-repeat;
  right: -129px;
  top: 4px;
}
#armyDay .product-superimposed > .product-content > header {
  border-radius: 2px 2px 0 0;
  height: 62px;
  padding-left: 20px;
  background-color: #f6ad17;
  font-size: 24px;
  color: #181e2d;
  line-height: 62px;
  position: relative;
}
#armyDay .product-superimposed > .product-content > header::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 10px;
  width: 158px;
  height: 37px; background: url(../image/armyDay_biaoqian_1.png?aae607520782d508816f14ff89e440c3) no-repeat;
}
#armyDay .product-superimposed > .product-content > .content {
  border-radius: 0 0 2px 2px;
  text-align: center;
}
#armyDay .product-superimposed > .product-content > .content > .row > .col-md-4 .content-item {
  background-color: #fff;
  padding-bottom: 30px;
}
#armyDay .product-superimposed > .product-content > .content > .row > .col-md-4 .content-item > header {
  height: 62px;
  text-align: center;
  margin-bottom: 28px;
  background-color: #f6ad17;
  position: relative;
}
#armyDay .product-superimposed > .product-content > .content > .row > .col-md-4 .content-item > header::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 10px;
  width: 65px;
  height: 36px; background: url(../image/armyDay_biaoqian_2.png?35e66a28999abdee049195ea885f55b5) no-repeat;
}
#armyDay .product-superimposed > .product-content > .content > .row > .col-md-4 .content-item > header h4 {
  line-height: 62px;
  margin: 0;
  font-size: 24px;
  color: #181e2d;
}
#armyDay .product-superimposed > .product-content > .content .buy {
  display: inline-block;
  margin-top: 6px;
  width: 112px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #e01616;
  text-decoration: none;
}
#armyDay .product-superimposed > .product-content > .content p {
  margin: 0;
  margin-bottom: 10px;
  font-size: 12px;
  color: #4e4a4a;
}
#armyDay .product-superimposed > .product-content > .content p .original {
  font-size: 12px;
  color: #a0a3a8;
  margin-right: 13px;
}
#armyDay .product-superimposed > .product-content > .content p .indulgence {
  font-size: 16px;
  font-weight: bold;
  color: #e01616;
}
#armyDay .product-superimposed > .product-content > .content p .indulgence b {
  font-size: 24px;
  font-weight: bold;
  font-family: 'pingFangHeavy';
}
#armyDay .product-remind {
  margin: 0 auto;
  margin-top: 98px;
  margin-bottom: 198px;
  width: 920px;
  padding-top: 72px;
  padding-bottom: 50px;
  background-color: #fff;
  position: relative;
  border-radius: 2px;
}
#armyDay .product-remind::before {
  content: "\6D3B\52A8\8BF4\660E";
  text-align: center;
  line-height: 46px;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 46px;
  font-size: 18px;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#f76346), to(#d90c16));
  background: linear-gradient(to right, #f76346, #d90c16);
  font-family: "pingFangMedium", "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif;
}
#armyDay .product-remind ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 72px;
}
#armyDay .product-remind ul li {
  margin-bottom: 20px;
  color: #4e4a4a;
  font-size: 14px;
  padding-left: 23px;
  position: relative;
}
#armyDay .product-remind ul li span {
  color: #e01616;
}
#armyDay .product-remind ul li::before {
  content: attr(data-index);
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  background-color: #e01616;
  text-align: center;
  line-height: 16px;
  border-radius: 100%;
  color: #fff;
}
#armyDay .product-remind ul li:last-of-type {
  margin: 0;
}
#armyDay .product-idc h3 {
  margin: 0 auto;
  margin-bottom: 60px;
  font-size: 30px;
  font-weight: bold;
  color: #870202;
  width: 244px;
  text-align: center;
  position: relative;
}
#armyDay .product-idc h3::before {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/armyDay_bt_zuo.png?d92e96d42b918e94e3408b72d2638f86) no-repeat;
  left: -129px;
  top: 4px;
}
#armyDay .product-idc h3::after {
  content: "";
  position: absolute;
  width: 119px;
  height: 26px; background: url(../image/armyDay_bt_you.png?c48e2f89d2d5265c15b246c6561a78a0) no-repeat;
  right: -129px;
  top: 4px;
}
#armyDay .product-idc > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#armyDay .product-idc > ul > li {
  width: 564px;
  height: 368px;
}
#armyDay .product-idc > ul > li > header {
  height: 140px;
  padding-top: 40px;
  background-color: #f6ad17;
  position: relative;
}
#armyDay .product-idc > ul > li > header::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 10px;
  width: 158px;
  height: 37px; background: url(../image/armyDay_biaoqian_1.png?aae607520782d508816f14ff89e440c3) no-repeat;
}
#armyDay .product-idc > ul > li > header > h4 {
  margin: 0;
  margin-bottom: 24px;
  padding-left: 20px;
  font-size: 24px;
  font-weight: normal;
  color: #181e2d;
}
#armyDay .product-idc > ul > li > header > ul {
  margin: 0;
  list-style-type: disc;
}
#armyDay .product-idc > ul > li > header > ul > li {
  color: rgba(24, 30, 45, 0.8);
  font-size: 18px;
  line-height: 18px;
}
#armyDay .product-idc > ul > li > .content {
  padding: 36px 0;
  background-color: #fff;
}
#armyDay .product-idc > ul > li > .content .row .col-md-2 {
  width: 14.666667%;
}
#armyDay .product-idc > ul > li > .content .row .col-md-2:first-of-type {
  margin-left: 51px;
}
#armyDay .product-idc > ul > li > .content .key {
  font-size: 16px;
  margin-bottom: 14px;
  color: #a0a3a8;
}
#armyDay .product-idc > ul > li > .content .value {
  font-size: 16px;
}
#armyDay .product-idc > ul > li > .content > footer {
  width: 422px;
  margin: 0 auto;
  position: relative;
  margin-top: 44px;
}
#armyDay .product-idc > ul > li > .content > footer > .price-info {
  font-size: 18px;
  color: #4e4a4a;
}
#armyDay .product-idc > ul > li > .content > footer > .price-info > .price {
  color: #e01616;
}
#armyDay .product-idc > ul > li > .content > footer > .price-info > .price > b {
  font-size: 70px;
  line-height: 70px;
}
#armyDay .product-idc > ul > li > .content > footer > .buy {
  position: absolute;
  bottom: 4px;
  right: 0;
  width: 140px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  font-size: 16px;
  color: #ffffff;
  background-color: #e01616;
  text-decoration: none;
}
#midAutumn { background: url(../image/midAutumn_bg.png?a4f775b19bc64083b9666c9080320adc) no-repeat;
  background-size: 100% 100%;
  padding-top: 726px;
}
#midAutumn > section {
  width: 1180px;
  margin: 0 auto;
  margin-bottom: 92px;
}
#midAutumn > section:nth-of-type(1) > .container-title { background: url(../image/midAutumn_biaoti_1.png?6084f7ef729f6839b648f77c8bf0287c) no-repeat center top;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog {
  float: left;
  width: 570px;
  position: relative;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog:last-of-type {
  margin-left: 40px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog::after {
  content: "";
  position: absolute;
  width: 154px;
  height: 37px;
  right: -5px;
  top: 10px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-title {
  height: 100px;
  border-radius: 4px 4px 0 0;
  line-height: 100px;
  background-color: #162a64;
  padding-left: 30px;
  font-family: 'pingFangHeavy';
  font-size: 24px;
  color: #fed083;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content {
  padding: 0 32px;
  padding-top: 28px;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog::after { background: url(../image/midAutumn_biaoqian_maiyisongyi.png?9213a0ed8a3089db93cca51990c86c90) no-repeat;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content {
  border-radius: 0;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > ul {
  height: 38px;
  margin: 0;
  margin-bottom: 32px;
  padding-left: 22px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > ul > li {
  color: #657399;
  line-height: 38px;
  font-size: 22px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > ul > li > span {
  font-family: 'pingFangHeavy';
  font-size: 20px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > ul > li > span:first-of-type {
  color: #181818;
  margin-right: 32px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > ul > li > span:last-of-type {
  color: #cf2f06;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > .chips {
  padding: 4px 5px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #181818;
  font-family: 'pingFangBold';
  font-size: 14px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > p {
  font-family: 'pingFang';
  font-size: 16px;
  color: #a7aaaf;
  margin: 0;
  margin-bottom: 10px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > p:first-of-type {
  margin-top: 18px;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-content > p:last-of-type {
  padding-bottom: 22px;
  margin-bottom: 0;
}
#midAutumn > section:nth-of-type(1) > .container-content > .dialog > .product-operats > .buy {
  border-radius: 2px;
  display: inline-block;
  width: 570px;
  height: 52px;
  line-height: 52px;
  background-color: #fece81;
  text-decoration: none;
  font-family: 'pingFangBold';
  font-size: 18px;
  color: #103478;
  text-align: center;
  border-radius: 0 0 4px 4px;
}
#midAutumn > section:nth-of-type(2) > .container-title { background: url(../image/midAutumn_biaoti_3.png?6deeaab43e61a31155f1b5150f985726) no-repeat center top;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog {
  width: 1180px;
  position: relative;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog::after {
  content: "";
  position: absolute;
  width: 154px;
  height: 37px;
  right: -5px;
  top: 10px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-title {
  height: 91px;
  border-radius: 4px 4px 0 0;
  line-height: 91px;
  background-color: #162a64;
  padding-left: 30px;
  font-family: 'pingFangHeavy';
  font-size: 24px;
  color: #fed083;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content {
  padding: 0 32px;
  padding-top: 28px;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog::after { background: url(../image/midAutumn_biaoqian_5zhe.png?135dd0e093297a43422cb097063de91c) no-repeat;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content .chips.tip {
  padding: 4px 5px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #aeb1b5;
  font-family: 'pingFangBold';
  font-size: 14px;
  position: absolute;
  top: 28px;
  right: 12px;
  border: 1px solid #cf2f06;
  color: #d2283b;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type {
  width: 550px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .title {
  margin-bottom: 16px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .title > .chips {
  padding: 4px 5px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #aeb1b5;
  font-family: 'pingFangBold';
  font-size: 14px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .config {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .config.simple {
  width: 280px;
  margin-top: 22px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .config.simple > .config-item:nth-of-type(1) .attr {
  text-align: left;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .config.simple > .config-item:nth-of-type(2) {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .config > .config-item .attr {
  display: block;
  font-size: 16px;
  font-family: 'pingFang';
  color: #a0a3a8;
  margin-bottom: 14px;
  text-align: center;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .config > .config-item .val {
  display: block;
  font-family: 'pingFangBold';
  font-size: 18px;
  color: #4e4a4a;
  text-align: center;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > p {
  padding: 5px 0;
  color: #a0a3a8;
  font-family: 'pingFangBold';
  font-size: 20px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .h1 {
  font-family: 'pingFangBold';
  font-size: 18px;
  color: #4e4a4a;
  margin-bottom: 26px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .h2 {
  font-family: 'pingFangBold';
  font-size: 14px;
  color: #aeb1b5;
  padding-bottom: 26px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .h2 > span {
  float: left;
  line-height: 25px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:first-of-type > .h2 > span:last-of-type {
  width: 405px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:nth-of-type(2) .condition-config {
  margin-top: 40px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:nth-of-type(2) .condition-config .condition-config-item .attr {
  display: block;
  font-size: 16px;
  font-family: 'pingFang';
  color: #a0a3a8;
  margin-bottom: 14px;
  text-align: left;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:nth-of-type(2) .condition-config .condition-config-item .val {
  display: block;
  font-family: 'pingFangBold';
  font-size: 18px;
  color: #4e4a4a;
  text-align: left;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:nth-of-type(2) .condition-config .condition-config-item:last-of-type {
  margin-top: 40px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:last-of-type {
  text-align: center;
  margin-right: 7px;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:last-of-type > .price {
  margin-top: 62px;
  font-family: 'pingFang';
  font-size: 16px;
  color: #4e4a4a;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:last-of-type > .price .currency {
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 20px;
  color: #cf2f06;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:last-of-type > .price .amount {
  font-family: 'pingFangBold';
  font-size: 42px;
  color: #cf2f06;
}
#midAutumn > section:nth-of-type(2) > .container-content > .dialog > .product-content > section:last-of-type > .buy {
  border-radius: 2px;
  display: inline-block;
  width: 140px;
  height: 38px;
  line-height: 38px;
  background-color: #fece81;
  text-decoration: none;
  font-family: 'pingFangBold';
  font-size: 18px;
  color: #103478;
  text-align: center;
}
#midAutumn > section > .container-title {
  height: 51px;
  margin-bottom: 40px;
}
#double11 { background: url(../image/double11_bg.png?865e36c20749cf51053a07f597a45768) no-repeat;
  background-size: 100% 100%;
  padding-top: 724px;
}
#double11 .double11-product {
  margin-bottom: 98px;
}
#double11 .double11-product:last-of-type h2 {
  width: 448px;
}
#double11 .double11-product:last-of-type .paper > .info > .config {
  width: 640px;
}
#double11 .double11-product:last-of-type .paper > .info > .config .config-item.double {
  width: 340px;
}
#double11 .double11-product:last-of-type .paper > .info > .config .config-item.double span.attr {
  text-align: center;
}
#double11 .double11-product:last-of-type .paper > .info > .config .config-item.double span.val {
  text-indent: 30px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ff6d00;
  padding-top: 26px;
  padding-left: 40px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > h6 {
  font-size: 18px;
  font-family: "pingFangHeavy";
  margin: 0;
  margin-bottom: 12px;
  color: #fff;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > .tag {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 23px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "pingFangHeavy";
  color: #ff6d00;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > .purchas {
  width: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 16px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > .purchas > .price {
  font-family: "pingFang";
  font-size: 12px;
  color: #fff;
  margin-top: 18px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > .purchas > .price > .tag {
  display: inline-block;
  height: 22px;
  width: 82px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  background-color: #ff9f19;
  text-align: center;
  line-height: 22px;
  border-radius: 22px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > .purchas > .price > .amount {
  font-family: "pingFangHeavy";
  font-size: 40px;
  color: #fff;
  line-height: 40px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .many > .purchas > .advisory {
  font-family: "pingFangHeavy";
  font-size: 16px;
  color: #fff;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single {
  cursor: pointer;
  background-color: #ff9f19;
  padding-top: 18px;
  padding-left: 40px;
  padding-right: 22px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > h6 {
  font-size: 18px;
  font-family: "pingFangHeavy";
  margin: 0;
  margin-bottom: 12px;
  color: #fff;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > .tag {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 23px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "pingFangHeavy";
  color: #ffae50;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > .purchas {
  width: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 16px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > .purchas > .price {
  font-family: "pingFang";
  font-size: 12px;
  color: #fff;
  margin-top: 14px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > .purchas > .price > .original-price {
  text-decoration: line-through;
  margin-left: 12px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > .purchas > .price > .amount {
  font-family: "pingFangHeavy";
  font-size: 40px;
  color: #fff;
  line-height: 40px;
}
#double11 .double11-product:last-of-type .paper > .info > .buy-buttom > .single > .purchas > .advisory {
  font-family: "pingFangHeavy";
  font-size: 16px;
  color: #fff;
}
#double11 .double11-product h2 {
  width: 579px;
  text-align: center;
  margin: 0 auto;
  font-size: 30px;
  font-family: 'pingFangBold';
  color: #fff;
  position: relative;
}
#double11 .double11-product h2::before {
  content: "";
  position: absolute;
  width: 205px;
  height: 32px; background: url(../image/double11_bt_L.png?70a1e8c7f3aebb98c0137332c2bcef34) no-repeat;
  left: -205px;
  top: 0;
}
#double11 .double11-product h2::after {
  content: "";
  position: absolute;
  width: 205px;
  height: 32px; background: url(../image/double11_bt_L.png?70a1e8c7f3aebb98c0137332c2bcef34) no-repeat;
  right: -205px;
  top: 0;
}
#double11 .double11-product .paper {
  width: 1196px;
  margin: 0 auto;
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#double11 .double11-product .paper > .description {
  width: 466px;
  background-color: #252446;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 32px;
  padding-top: 72px;
  position: relative;
}
#double11 .double11-product .paper > .description::before {
  content: "";
  position: absolute;
  width: 155px;
  height: 37px; background: url(../image/double11_biaoqian.png?5af65eca063fc24331159f9e44bbe63c) no-repeat;
  top: 10px;
  right: -4px;
}
#double11 .double11-product .paper > .description h5 {
  margin: 0;
  margin-bottom: 30px;
  font-family: "pingFangHeavy";
  font-size: 16px;
  color: #ffffff;
}
#double11 .double11-product .paper > .description p {
  margin: 0;
  line-height: 24px;
  font-family: "pingFang";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}
#double11 .double11-product .paper > .info {
  background: #fff;
  width: 728px;
  padding-top: 42px;
}
#double11 .double11-product .paper > .info > h3 {
  padding-left: 40px;
  color: #4e4a4a;
  font-size: 22px;
  font-family: 'pingFangBold';
  margin-bottom: 36px;
}
#double11 .double11-product .paper > .info > h3 > .tag {
  padding: 3px 12px;
  background-color: #17c467;
  border-radius: 18px;
  font-family: 'pingFang';
  font-size: 12px;
  color: #fff;
  margin-left: 8px;
}
#double11 .double11-product .paper > .info > p {
  margin-left: 40px;
  width: 80px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border: 1px solid #e2e2e2;
  font-size: 14px;
  color: #aeb1b5;
  font-family: 'pingFang';
  border-radius: 2px;
}
#double11 .double11-product .paper > .info > .bottom {
  padding-top: 56px;
  padding-left: 40px;
  padding-bottom: 20px;
  position: relative;
}
#double11 .double11-product .paper > .info > .bottom::before {
  content: "";
  position: absolute;
  width: 593px;
  height: 1px;
  background-color: #f0f0f0;
  left: 48px;
  top: 28px;
}
#double11 .double11-product .paper > .info > .bottom > .price {
  float: left;
  margin-right: 180px;
  font-size: 16px;
  font-family: 'pingFang';
  color: #4e4a4a;
  padding-bottom: 10px;
}
#double11 .double11-product .paper > .info > .bottom > .price .currency {
  font-size: 22px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  color: #ff3300;
}
#double11 .double11-product .paper > .info > .bottom > .price .amount {
  font-size: 36px;
  font-family: 'pingFangHeavy';
  color: #ff3300;
}
#double11 .double11-product .paper > .info > .bottom > .price .original-price {
  color: #c6c8ca;
  text-decoration: line-through;
}
#double11 .double11-product .paper > .info > .bottom > a {
  text-decoration: none;
  margin-top: 10px;
  float: left;
  width: 142px;
  height: 40px;
  border-radius: 2px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#ff7100), to(#ff3000));
  background: linear-gradient(to right, #ff7100, #ff3000);
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-family: 'pingFangHeavy';
}
#double11 .double11-product .paper > .info > .config {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 40px;
}
#double11 .double11-product .paper > .info > .config .config-item {
  margin-bottom: 20px;
  width: 100px;
}
#double11 .double11-product .paper > .info > .config .config-item.double {
  width: 200px;
}
#double11 .double11-product .paper > .info > .config .config-item.double span.attr {
  text-align: center;
}
#double11 .double11-product .paper > .info > .config .config-item span {
  display: block;
}
#double11 .double11-product .paper > .info > .config .config-item span.attr {
  font-size: 16px;
  font-family: 'pingFang';
  color: #a7aaaf;
}
#double11 .double11-product .paper > .info > .config .config-item span.val {
  font-size: 18px;
  font-family: 'pingFangHeavy';
  color: #4e4a4a;
}
#overseas .version-heart {
  width: 1180px;
  margin: 0 auto;
}
#overseas .banner {
  position: relative;
  height: 560px;
  padding-top: 83px;
  color: #fff; background: url(../image/overseas_banner_bg.png?2c23ea4c1283e58877b2d88a3fa21e8f) no-repeat center;
  background-size: cover;
}
#overseas .banner h3 {
  font-size: 50px;
  font-family: 'pingFangBold';
  margin-top: 100px;
  margin-bottom: 54px;
}
#overseas .banner h3 span {
  font-size: 30px;
  font-family: 'pingFang';
  margin-left: 16px;
}
#overseas .banner .description ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#overseas .banner .description ul li {
  font-size: 16px;
  font-family: 'pingFangRegular';
  margin-bottom: 12px;
  padding-left: 22px;
  position: relative;
}
#overseas .banner .description ul li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 4px;
  left: 0; background: url(../image/overseas_banner_icon.png?f99a2c7f0bfcb580530c37eb448f840b) no-repeat;
}
#overseas .banner .bottom {
  position: absolute;
  width: 1180px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 18px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overseas .banner .bottom .btn-link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-right: 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.2px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#overseas .banner .bottom .btn-link:hover,
#overseas .banner .bottom .btn-link.active {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#overseas .title .text {
  color: #333;
  font-size: 26px;
  letter-spacing: 1.3px;
  font-family: 'pingFangBold';
}
#overseas .title .sub-text {
  color: #666;
  font-size: 14px;
  line-height: 40px;
  margin-top: -10px;
  margin-bottom: -2px;
  font-family: 'pingFangMedium';
}
#overseas .hot-product {
  padding-top: 50px;
  padding-bottom: 78px;
  text-align: center;
  background-color: #fff;
}
#overseas .hot-product .title {
  position: relative;
  color: #333;
  font-size: 26px;
  font-family: 'pingFangBold';
  letter-spacing: 1.3px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 34px;
}
#overseas .hot-product .title:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
}
#overseas .hot-product .content .d-block-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 42px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#overseas .hot-product .content .d-block-container > .item {
  width: 280px;
  -webkit-box-shadow: 0 0 57px 11px rgba(2, 17, 91, 0.1);
          box-shadow: 0 0 57px 11px rgba(2, 17, 91, 0.1);
}
#overseas .hot-product .content .d-block-container > .item > .card {
  border-radius: 4px;
  border-bottom: 6px solid #2139b7;
  height: 100%;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head {
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 22px;
  padding-right: 26px; background: url(../image/overseas_card_head_bg.png?ec9646851aabf790b587ee11e852d0b4) no-repeat;
  background-size: 100% 100%;
  text-align: left;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .card-title {
  margin: 0;
  font-size: 30px;
  font-family: 'pingFangHeavy';
  color: #fff;
  letter-spacing: 2.5px;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .card-title > span {
  display: inline-block;
  height: 23px;
  width: 104px;
  text-align: center;
  line-height: 23px;
  background-color: #ffd200;
  border-radius: 4px;
  font-size: 14px;
  font-family: 'pingFang';
  color: #ff0000;
  margin-left: 5px;
  letter-spacing: 1px;
  vertical-align: middle;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .card-title > span > em {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  vertical-align: bottom;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .price {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .price > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .price > div > .amount {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  color: #fedf33;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .price > div > .unit {
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 12px;
  color: #fedf33;
}
#overseas .hot-product .content .d-block-container > .item > .card .card-head > .price > div > .original-price {
  font-family: 'pingFangRegular';
  font-size: 12px;
  color: #d1daf8;
  margin-left: 2px;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text {
  padding: 0 30px;
  padding-top: 32px;
  padding-bottom: 42px;
  background-color: #fff;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text > .desc {
  list-style: none;
  padding: 0;
  margin: 0;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text > .desc > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text > .desc > li:last-of-type {
  display: block;
  min-height: 60px;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text > .desc > li:last-of-type > p {
  float: left;
  text-align: left;
  margin: 0;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text > .desc > li > span {
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  font-size: 14px;
  color: #444444;
}
#overseas .hot-product .content .d-block-container > .item > .card > .card-body > .card-text > .detail-link {
  margin-top: 32px;
  display: inline-block;
  height: 40px;
  width: 180px;
  text-align: center;
  line-height: 40px;
  background: #1f3bb6;
  font-family: "\5FAE\8F6F\96C5\9ED1";
  font-size: 14px;
  color: #fff;
  border-radius: 40px;
  letter-spacing: 1.5px;
  text-decoration: none;
}
#overseas .product-adv {
  height: 607px;
  padding-top: 50px;
  text-align: center; background: url(../image/overseas_adv_bg.png?ca0ddebc868e13b148facb5c15dbaee7) no-repeat center center;
  background-size: cover;
}
#overseas .product-adv .content {
  height: 100%;
  text-align: center;
}
#overseas .product-adv .content .item {
  display: inline-block;
}
#overseas .product-adv .content .item-content {
  text-align: left;
  margin-left: 18px;
  display: inline-block;
  vertical-align: text-top;
}
#overseas .product-adv .content .item-content .title {
  color: #2139b7;
  font-family: 'pingFangHeavy';
  letter-spacing: 0.9px;
  font-size: 18px;
}
#overseas .product-adv .content .item-content .desc {
  color: #666;
  font-size: 14px;
  line-height: 26px;
}
#overseas .service-support {
  height: 1010px;
  padding-top: 50px;
  text-align: center; background: url(../image/overseas_server_bg.png?887716473713e11c344f5ceb99f9bd8c) no-repeat center center;
  background-size: cover;
}
#overseas .service-support .table-container {
  margin-top: 45px;
}
#overseas .service-support .table-container .table-bordered {
  border-left: none;
  border-right: none;
}
#overseas .service-support .table-container .table-bordered tbody {
  color: #d4d4d4;
}
#overseas .service-support .table-container .table-bordered th {
  font-size: 14px;
  font-family: 'pingFangHeavy';
  letter-spacing: 2.8px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  border-bottom-width: 0;
}
#overseas .service-support .table-container .table-bordered tr {
  height: 50px;
}
#overseas .service-support .table-container .table-bordered tr th:first-child {
  border-left: none;
}
#overseas .service-support .table-container .table-bordered tr th:last-child {
  border-right: none;
}
#overseas .service-support .table-container .table-bordered tr td {
  line-height: 34px;
}
#overseas .service-support .table-container .table-bordered tr td:last-child {
  border-right: none;
}
#overseas .common-question {
  padding: 50px 0 80px;
  text-align: center; background: url(../image/common-question-bg.png?5994d19b749ba842c38ed870df4db534) no-repeat center;
  background-size: cover;
}
#overseas .common-question .list-container {
  margin-top: 40px;
  text-align: center;
}
#overseas .common-question .list-container .list-group {
  text-align: center;
  width: 1240px;
  margin: 0 auto !important;
}
#overseas .common-question .list-container .list-group .list-group-item {
  width: 350px;
  display: inline-block; background: url(../image/dot.png?bbfa5090bdd4f7b60bb7aac57cf50670) no-repeat left center;
  padding: 0 0 5px 20px;
  margin-left: 30px;
  margin-right: 30px;
  color: #666;
  font-size: 14px;
  line-height: 41px;
  border: none;
  border-bottom: 1px solid #b4b4bf;
  border-radius: unset;
}
#overseas .common-question .list-container .list-group .list-group-item .text {
  float: left;
  color: inherit;
}
#overseas .common-question .list-container .list-group .list-group-item .text:focus {
  text-decoration: none;
}
#overseas .common-question .list-container .list-group .list-group-item .date {
  float: right;
  color: inherit;
}
#overseas .common-question .list-container .list-group .list-group-item .date:focus {
  text-decoration: none;
}
#overseas .common-question .list-container .list-group .list-group-item:hover .text,
#overseas .common-question .list-container .list-group .list-group-item:hover .date {
  color: #3046bc;
  text-decoration: underline;
}
#overseas .consult {
  height: 192px; background: url(../image/bottom-bg.png?ea1b0ccf74fe5f03daa52d067e80b31c) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 50px;
}
#overseas .consult .text {
  font-family: 'pingFangMedium';
}
#overseas .consult .consult-btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 152px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2.8px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 17px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#overseas .consult .consult-btn:hover {
  background-color: #fff;
  color: #043fc4;
}
#overseas_product .version-heart {
  width: 1180px;
  margin: 0 auto;
}
#overseas_product .banner.domestic {
  position: relative;
  height: 563px;
  padding-top: 83px;
  color: #fff;
  text-align: center; background: url(../image/server-rent-banner-bg.png?b2cea809383abd135a8da87148aba511) no-repeat center;
  background-size: cover;
}
#overseas_product .banner.domestic .title {
  margin-top: 140px;
}
#overseas_product .banner.domestic .title .text {
  font-size: 60px;
  line-height: 72px;
  margin-bottom: 16px;
  letter-spacing: 4.5px;
  font-family: 'pingFangBold';
}
#overseas_product .banner.domestic .title .sub-text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.8px;
  font-family: 'pingFangRegular';
}
#overseas_product .banner.domestic .bottom {
  position: absolute;
  bottom: 18px;
  width: 1180px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overseas_product .banner.domestic .bottom .btn-link {
  display: inline-block;
  width: 220px;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-right: 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.2px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#overseas_product .banner.domestic .bottom .btn-link:hover,
#overseas_product .banner.domestic .bottom .btn-link.active {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#overseas_product .banner.default {
  position: relative;
  height: 560px;
  padding-top: 83px;
  color: #fff; background: url(../image/overseas_banner_bg.png?2c23ea4c1283e58877b2d88a3fa21e8f) no-repeat center;
  background-size: cover;
}
#overseas_product .banner.default h3 {
  font-size: 50px;
  font-family: 'pingFangBold';
  margin-top: 100px;
  margin-bottom: 54px;
}
#overseas_product .banner.default h3 span {
  font-size: 30px;
  font-family: 'pingFang';
  margin-left: 16px;
}
#overseas_product .banner.default .description ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#overseas_product .banner.default .description ul li {
  font-size: 16px;
  font-family: 'pingFangRegular';
  margin-bottom: 12px;
  padding-left: 22px;
  position: relative;
}
#overseas_product .banner.default .description ul li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 4px;
  left: 0; background: url(../image/overseas_banner_icon.png?f99a2c7f0bfcb580530c37eb448f840b) no-repeat;
}
#overseas_product .banner.default .bottom {
  position: absolute;
  width: 1180px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 18px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overseas_product .banner.default .bottom .btn-link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 63px;
  line-height: 63px;
  border-radius: 8px;
  margin-right: 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 3.2px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  background: -webkit-gradient(linear, left top, right top, from(#b9ccfc), color-stop(50%, #6d8fff));
  background: linear-gradient(to right, #b9ccfc 0%, #6d8fff 50%);
  background: -webkit-linear-gradient(left, #b9ccfc 0%, #6d8fff 50%);
}
#overseas_product .banner.default .bottom .btn-link:hover,
#overseas_product .banner.default .bottom .btn-link.active {
  background: #fff;
  color: #043fc4;
  font-family: 'pingFangHeavy';
}
#overseas_product .feature {
  height: 306px;
  background: #eceef4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#overseas_product .feature ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#overseas_product .feature ul li {
  text-align: center;
  height: 170px;
  width: 108px;
  color: #2139b7;
  font-family: 'pingFangHeavy';
  font-size: 18px;
}
#overseas_product .feature ul li:nth-of-type(1)::before {
  content: "";
  display: block;
  height: 118px; background: url(../image/overseas_feature_01.png?197c71718252c5e32384db41d6cea59f) no-repeat center top;
}
#overseas_product .feature ul li:nth-of-type(2)::before {
  content: "";
  display: block;
  height: 118px; background: url(../image/overseas_feature_02.png?6d6362db43ca03ec45cfe4e89a7758d3) no-repeat center top;
}
#overseas_product .feature ul li:nth-of-type(3)::before {
  content: "";
  display: block;
  height: 118px; background: url(../image/overseas_feature_03.png?f65c8b694b76acf4ff1d598897b33d7a) no-repeat center top;
}
#overseas_product .feature ul li:nth-of-type(4)::before {
  content: "";
  display: block;
  height: 118px; background: url(../image/overseas_feature_04.png?6507ab239fa5d9d1411adb3de1c227e1) no-repeat center top;
}
#overseas_product .feature ul li:nth-of-type(5)::before {
  content: "";
  display: block;
  height: 118px; background: url(../image/overseas_feature_05.png?19ff52db82f3f63b8c81878058270fe4) no-repeat center top;
}
#overseas_product .feature ul li:nth-of-type(6)::before {
  content: "";
  display: block;
  height: 118px; background: url(../image/overseas_feature_06.png?23e9fe1717c334cacad49b5b6ada546f) no-repeat center top;
}
#overseas_product .jumbotron.data-center {
  padding: 70px 0 37px 0;
  margin: 0;
  background-color: #ffffff;
}
#overseas_product .jumbotron.data-center h2 {
  font-size: 26px;
  color: #333333;
  text-align: center;
  margin: 0;
  font-family: 'pingFangBold';
  padding-bottom: 32px;
  position: relative;
}
#overseas_product .jumbotron.data-center h2::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 6px;
  background-color: #2139b7;
  border-radius: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
#overseas_product .jumbotron.data-center .main-content {
  margin-top: 30px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand {
  margin-top: 50px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand h3 {
  margin-bottom: 30px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand .data-table-col > .data-table-content {
  height: 110px !important;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand > .explanation {
  margin-top: 28px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand > .explanation > p {
  margin: 0;
  color: #777777;
  font-size: 14px;
  font-family: 'pingFangRegular';
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand > .explanation > p > span {
  min-width: 74px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .expand > .explanation > p > span > strong {
  color: #444444;
  font-family: 'pingFangBold';
  font-weight: normal;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane h3 {
  margin: 0;
  padding: 0;
  padding-bottom: 19px;
  border-bottom: 1px solid #333333;
  font-size: 32px;
  font-family: 'pingFangBold';
  color: #333333;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin: 18px 0;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane p .focus {
  color: #ea0000;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane p > a {
  display: block;
  background-color: #ea0000;
  width: 115px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  margin-left: 72px;
  margin-top: 7px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table {
  width: 100%;
  display: table;
  border: 1px solid #d6d7e1;
  border-radius: 4px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row {
  display: table-row;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row:last-of-type .data-table-col {
  border-bottom: none;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col {
  border-right: 1px solid #d6d7e1;
  border-bottom: 1px solid #d6d7e1;
  display: table-cell;
  font-size: 14px;
  color: #666666;
  vertical-align: middle;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .table-head-content {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .table-head-content > .label-text {
  color: #ff0000;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .table-head-content > .label-mark {
  display: inline-block;
  height: 14px;
  width: 40px;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-family: 'pingFang';
  background-color: #ff0000;
  letter-spacing: 1px;
  border-radius: 2px;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .data-table-content {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .data-table-content > p {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #d6d7e1;
  line-height: 18px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .data-table-content > p:first-of-type {
  border-top: none;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .data-table-content > p .attr {
  color: #043fc4;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .data-table-content > p > .wrap {
  width: 100%;
  display: block;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col > .data-table-content > .amount {
  color: #ff0000;
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col.thead {
  background-color: #eeeff3;
  font-size: 14px;
  color: #333333;
  font-family: 'pingFangHeavy';
}
#overseas_product .jumbotron.data-center .main-content .tab-content .tab-pane .data-table .data-table-row .data-table-col:last-of-type {
  border-right: none;
}
#overseas_product .jumbotron.data-center .main-content .nav-tabs {
  border: none;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overseas_product .jumbotron.data-center .main-content .nav-tabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #2343c0;
  margin-right: 20px;
  border-radius: 10px;
}
#overseas_product .jumbotron.data-center .main-content .nav-tabs li:last-of-type {
  margin: 0;
}
#overseas_product .jumbotron.data-center .main-content .nav-tabs li.active {
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#1730ad), to(#4274f4));
  background: linear-gradient(to right, #1730ad, #4274f4);
  -webkit-box-shadow: 0 0 29px 11px rgba(6, 43, 205, 0.25);
          box-shadow: 0 0 29px 11px rgba(6, 43, 205, 0.25);
}
#overseas_product .jumbotron.data-center .main-content .nav-tabs li.active a {
  color: #fff;
}
#overseas_product .jumbotron.data-center .main-content .nav-tabs li a {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #043fc4;
  line-height: 60px;
  height: 60px;
  border: none;
  background-color: transparent;
  font-size: 18px;
}
#overseas_product .jumbotron.footer {
  height: 196px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0; background: url(../image/productBg3.png?873be73ca8b181a461885d23307b2c61) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
#overseas_product .jumbotron.footer h4 {
  margin: 0;
  padding-top: 60px;
  margin-bottom: 24px;
  font-size: 26px;
  color: #fff;
  font-family: 'pingFangMedium';
}
#overseas_product .jumbotron.footer a {
  display: inline-block;
  text-decoration: none;
  width: 150px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 17px;
}
#overseas_product .jumbotron {
  border-radius: 0;
}