/*banner*/
/* 2.2 Page: Navbar */

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

li {
  list-style: none
}

a {
  text-decoration: none
}
.page-navbar {
  height: 96px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002;
  width: 100%;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .page-navbar {
    -webkit-transition: background .5s, padding .1s;
    -moz-transition: background .5s, padding .1s;
    -o-transition: background .5s, padding .1s;
    transition: background .5s, padding .1s;
  }
}
@media (max-width: 767px) {
  .page-navbar {
    -webkit-transition: -webkit-transform .5s .5s, background .5s, padding .1s;
    -moz-transition: -moz-transform .5s .5s, background .5s, padding .1s;
    -o-transition: -o-transform .5s .5s, background .5s, padding .1s;
    transition: transform .5s .5s, background .5s,  padding .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
}
/*Admin*/
.admin-masquerade-notice {
  position: fixed;
  bottom: 0;
  right: 10px;
    margin: 0;
    z-index: 9999;
    padding: 7px 15px;
    font-family: Tahoma;
    font-size: 0.7em;
    text-align: right;
    border-radius: 4px 4px 0 0;
}
.admin-masquerade-notice a {
    text-decoration: underline;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
.alert-danger hr {
    border-top-color: #e4b9c0; }
.alert-danger .alert-link {
    color: #843534; }



.adminreturndiv{
  display: none;
}
/* 2.2.1 Navbar: Brand */

.navbar-brand {
  height: 58px;
  width: 167px;
  background: url(../images/logo.svg) no-repeat 0 0;
  background-size: cover;
}
.no-svg .navbar-brand {
  background: url(../images/logo2.png) no-repeat center center;
}
@media (max-width: 767px) {
  .page-navbar .container {
    padding: 0 10px;
  }
  .page-navbar .navbar-header {
    position: relative;
    z-index: 2;
    padding: 0 0 0 36px;
    margin: 0;
    display: none;
    text-align: center;
  }
  .navbar-header .navbar-brand {
    display: inline-block;
    float: none;
    height: 52px;
    width: 152px;
  }
  .navbar-open .navbar-toggle span {
    background-color: #1e88e5;
  }
  .navbar-brand {
    margin: -3px 0 -11px;
  }
}

/* 2.2.2 Navbar: Toggle */

.navbar-toggle {
  position: absolute;
  z-index: 10;
  left: 10px;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-open.navbar-closing .navbar-toggle .icon-bar {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
  background-color: #fff;
}

/* 2.2.3 Navbar: Container */

@media (min-width: 767px) {
  .navbar-container {
    float: right;
  }
}
@media (max-width: 767px) {
  .navbar-container {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding-top: 25px;
    background-color: transparent;
    -webkit-transition: linear background .15s;
    transition: linear background .15s;
    visibility: hidden;
    overflow-y: auto;
  }
  .navbar-open .navbar-container {
    z-index: 3;
    background-color: rgba(255,255,255,0.95);
    visibility: visible;
  }
  .navbar-open.navbar-bgfade .navbar-container {
    background-color: transparent;
  }
}

/* 2.2.4 Navbar: Main */

.navbar-main {
  margin: 0;
  padding-top: 5px;
}
.navbar-main > li > a {
  padding: 15px 24px;
  color: rgba(196, 227, 255, 0.8);
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: ease-in color .15s;
          transition: ease-in color .15s;
}
.navbar-main > li.active > a,
.navbar-main > li.open > a,
.navbar-main > li:hover > a,
.navbar-main > li:focus > a {
  color: #fff;
  text-decoration: none;
}
.navbar-open .navbar-main > li.active > a,
.navbar-open .navbar-main > li:hover > a,
.navbar-open .navbar-main > li:focus > a {
  color: #1e88e5;
}
.page-navbar .navbar-buttons > li > a {
  font-size: 14px;
}
@media (max-width: 1199px) {
  .navbar-main > li > a {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .navbar-main > li:first-child {
    display: none;
  }
}
@media (max-width: 991px) {
  .navbar-main > li > a {
    padding-left: 16px;
    padding-right: 16px;
  }
  .navbar-main .btn {
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .page-navbar .nav {
    margin: 0 0 30px 0;
  }
  .page-navbar .nav > li {
    position: relative;
    padding-left: 65px;
    padding-right: 65px;
  }
  .navbar-main > li > a {
    color: #363b40;
    text-align: center;
  }
  .page-navbar .navbar-buttons,
  .page-navbar .navbar-main > li,
  .navbar-open.navbar-closing .page-navbar .navbar-buttons,
  .navbar-open.navbar-closing .page-navbar .navbar-main > li {
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
    transform: translate3d(-100%, 0, 0) translate3d(-2em, 0, 0) scale3d(0.5, 1, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  .navbar-open .page-navbar .nav > li,
  .navbar-open .page-navbar .navbar-buttons  {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.56, 1.19, 0.2, 1.05);
    transition-timing-function: cubic-bezier(0.56, 1.19, 0.2, 1.05);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .navbar-open.navbar-closing .page-navbar .navbar-buttons,
  .navbar-open .navbar-main > li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
  }
  .navbar-open.navbar-closing .navbar-main > li:nth-child(5),
  .navbar-open .navbar-main > li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .navbar-open.navbar-closing .navbar-main > li:nth-child(4),
  .navbar-open .navbar-main > li:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
  .navbar-open.navbar-closing .navbar-main > li:nth-child(3),
  .navbar-open .navbar-main > li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }
  .navbar-open.navbar-closing .navbar-main > li:nth-child(2),
  .navbar-open .navbar-main > li:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
  }
  .navbar-open.navbar-closing .navbar-main > li:first-child,
  .navbar-open .page-navbar .navbar-buttons {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
  }
}

/* 2.2.5 Navbar: Buttons */

.navbar-buttons {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
}
.navbar-buttons > li {
  float: left;
  margin-left: 15px;
}
.navbar-login {
  display: none;
  float: right;
}
.navbar-login.btn.btn-icon > i {
  font-size: 28px;
  color: #fff;
}
@media (min-width: 768px) {
  .navbar-login {
    display: block;
  }
}
@media (max-width: 767px) {
  .navbar-buttons {
    float: none;
    padding: 0;
  }
  .page-navbar .navbar-buttons > li {
    width: 50%;
    padding: 0 8px;
    margin: 0;
  }
  .page-navbar .navbar-buttons > li:first-child {
    padding: 0 8px 0 65px;
  }
  .page-navbar .navbar-buttons > li:last-child {
    padding: 0 65px 0 8px;
  }
  .page-navbar .navbar-buttons > li .btn {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .page-navbar .navbar-buttons > li .btn-outline {
    border-color: #1e88e5;
    color: #1e88e5;
  }
  .page-navbar .navbar-buttons > li .btn-dark {
    border-color: #1e88e5;
    background-color: #1e88e5;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-buttons li:last-child {
    display: none;
  }
}

/* 2.2.6 Page Navbar: Dropdown */

.page-navbar .navbar-main > li .dropdown-menu {
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.page-navbar .navbar-main > li .dropdown-menu:before {
    display: none;
}
@media (min-width: 768px) {
  html:not(.mobile) .page-navbar .navbar-main > li:hover .dropdown-menu,
  html:not(.mobile) .page-navbar .navbar-main > li.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
  }
}
@media (max-width: 767px) {
  .page-navbar .navbar-main > li .dropdown-menu {
    width: 100%;
    min-width: 0;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateX(0px) translateY(0);
    transform: translateX(0px) translateY(0);
  }
  .page-navbar .navbar-main > li .dropdown-menu:after {
    display: none;
  }
  .page-navbar .navbar-main > li.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .page-navbar .navbar-main > li .dropdown-menu > li {
    text-align: center;
  }
  .page-navbar .navbar-main > li .dropdown-menu > li > a {
    -webkit-transition: none;
    transition: none;
  }
}

/* 2.2.7 Page Navbar: Fixed */

.page-navbar.navbar-fixed {
  position: fixed;
  height: 76px;
  padding: 13px 0;
  background: #026FCE;
  background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  -webkit-box-shadow: 0 0 40px rgba(37,45,51, .5);
  box-shadow: 0 0 40px rgba(37,45,51, .5);
  -webkit-transition: top .1s, background .1s, padding .1s;
  transition: top .1s, background .1s, padding .1s;
}
.page-navbar.navbar-fixed.navbar-hidden {
  top: -76px;
  opacity: 0;
}
.page-navbar.navbar-fixed.navbar-visible {
  top: 0;
    opacity: 1;
}

/* 2.3 Page: BANNER */

.page-banner {
  position: relative;
  padding: 115px 0 0 0;
  color: #fff;
}
.page-banner:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  background: #026FCE;
  background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
}
.page-banner .container {
  height: 100%;
  position: relative;
  z-index: 999;
}
@media (max-width: 991px) {
  .page-banner {
    padding-top: 95px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .page-banner.page-banner-home {
    padding-bottom: 35px;
  }
}
@media (max-width: 626px) {
  .page-banner {
    padding-top: 80px;
  }
}

/* 2.3.1 Banner: Slogan */

.banner-slogan:after {
  display: block;
  content: "";
  clear: both;
}
.banner-slogan .banner-search {
  float: none;
  width: auto;
  max-width: 610px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.banner-slogan .actions {
  padding-bottom: 0;
}
.slogan-title {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-weight: 600;
  text-transform: none;
}
.slogan-desc {
  max-width: 700px;
  margin: -15px auto 0px auto;
  color: rgba(196, 227, 255, 0.8);
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  text-transform: none;
}
.slogan-desc a {
  color: #fff;
}
@media (max-width: 991px) {
  .slogan-desc {
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .banner-slogan .actions {
    padding-bottom: 0;
  }
  .slogan-title,
  .slogan-desc {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 626px) {
  .banner-slogan .register-form {
    padding-top: 18px;
  }
}

/* 2.3.2 Banner: Hero */

.banner-slogan-hero {
  padding: 25px 0 65px 0;
}
@media (max-width: 991px) {
  .banner-slogan-hero {
    padding: 25px 0 45px 0;
  }
}
@media (max-width: 767px) {
  .banner-slogan-hero {
    padding: 0;
  }
}

/* 2.3.3 Banner: Search */

.banner-search .btn > i {
  color: rgba(196, 227, 255, 0.6);
}
@media (min-width: 768px) {
  .banner-search {
    float: right;
    width: 350px;
    padding: 34px 0 0 0;
  }
  .page-banner-boxhight{
    height: 175px;
  }
}

/* 2.3.4 Banner: Image */

.banner-image {
  position: relative;
  margin: 45px 0 0 0;
  text-align: right;
}
.banner-image .image {
  display: inline-block;
}
@media (max-width: 991px) {
  .banner-image {
    margin-top: 85px;
  }
}

/* 2.3.5 Banner: Tabs */

.banner-tabs,
.banner-breadcrumbs {
  margin-top: 20px;
  text-align: left;
 }
.banner-tabs.banner-tabs-pricing {
  margin-top: 30px;
}
.banner-tabs .nav-tabs,
.banner-breadcrumbs ul {
  padding: 0;
  margin: 0 -24px;
  border: none;
}
.banner-tabs .nav-tabs:after,
.banner-breadcrumbs ul:after {
  display: block;
  content: "";
  clear: both;
}
.banner-tabs .nav-tabs > li > a,
.banner-tabs .nav-tabs > li > span,
.banner-breadcrumbs ul > li > a {
  display: block;
  height: 100%;
  padding: 30px 12px;
  margin: 0 12px;
  color: rgba(196, 227, 255, 0.6);
  font-size: 16px;
  line-height: 18px;
  white-space: normal;
  text-transform: none;
}
.banner-tabs .nav-tabs > li > a:hover,
.banner-breadcrumbs ul > li > a:hover {
  color: #fff;
}
.banner-tabs .nav-tabs > li > a,
.banner-tabs .nav-tabs > li > span {
  position: relative;
  font-weight: 500;
}
.banner-tabs .nav-tabs > li.active > a,
.banner-tabs .nav-tabs > li.active > span,
.banner-breadcrumbs ul > li.active > a {
  color: #fff;
}
.banner-tabs .nav-tabs > li.active > span:after,
.banner-tabs .nav-tabs > li.active > a:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  height: 16px;
  width: 26px;
  margin-left: -13px;
  background: transparent;
  content: "\f2f8";
  color: #fff;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 49px;
  line-height: 26px;
  text-align: center;
}
.banner-tabs .nav-tabs > li .badge {
  margin-left: 10px;
  background-color: rgba(196, 227, 255, 0.2);
  color: rgba(196, 227, 255, 0.6);
}
.banner-tabs .nav-tabs > li.active .badge {
  background-color: #fff;
  color: #1e88e5;
}

.banner-tabs.tabs-responsive {
  height: 78px;
}
.banner-tabs.tabs-responsive .nav-tabs {
  height: 96px;
}
.banner-tabs.tabs-responsive .btn {
  top: 14px;
  color: rgba(196, 227, 255, 0.6);
  font-size: 24px;
}
@media (max-width: 1199px) {
  .banner-tabs .nav-tabs > li > a {
    padding-left: 4px;
    padding-right: 4px;
  }
  .banner-tabs .nav-tabs,
  .banner-breadcrumbs ul {
    padding: 0;
    margin: 0 -16px;
  }
}

/* 2.4.6 Banner: Breadcrumbs */

.banner-breadcrumbs > ul {
  list-style: none;
}
.banner-breadcrumbs ul > li {
  float: left;
  position: relative;
}
.banner-breadcrumbs ul > li > i {
  position: absolute;
  top: 30px;
  right: -5px;
  color: rgba(196, 227, 255, 0.6);
}
@media (min-width: 768px) {
  .page-banner-breadcrumbs {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .banner-breadcrumbs {
    display: none;
  }
}

/* 2.4.7 Banner: Home */

.page-banner-home:after {
  height: 420px;
}
.page-banner-home .slogan-desc {
  font-size: 20px;
}
.page-banner-home .banner-slogan,
.page-banner-center {
  text-align: center;
}
.page-banner-home .slogan-title {
  font-size: 42px;
  font-weight: bold;
  line-height: 48px;
}
.page-banner-home .banner-image {
  margin: 35px 0 0 0;
}
@media (min-width: 768px) {
  .page-banner-home {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .page-banner-home {
    position: relative;
  }
  .banner-image {
    display: none;
  }
  .page-banner-home .slogan-desc {
    display: none;
  }
}

/* 2.3.8 Banner: Subpage */

.page-banner-subpage:after {
  height: 420px;
}
@media (min-width: 992px) {
  .page-banner-subpage .banner-image {
    padding-right: 80px;
  }
}
@media (max-width: 991px) {
  .page-banner-subpage .slogan-title {
    font-size: 30px;
    line-height: 38px;
  }
  .page-banner-subpage .banner-image {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .page-banner-subpage {
    text-align: center;
  }
}

/* 2.3.8 Banner: Hero */

.page-banner-hero .banner-tabs,
.page-banner-hero .banner-breadcrumbs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-banner-hero .banner-tabs li > a > i {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .page-banner-hero {
    height: 660px;
    padding: 150px 0 0 0;
  }
}
@media (max-width: 767px) {
  .page-banner-hero {
    padding: 100px 0;
  }
  .page-banner-hero .banner-tabs,
  .page-banner-hero .banner-breadcrumbs {
    bottom: -100px;
  }
}

/* 2.3.8 Banner: Pricing */

.banner-tabs-pricing .nav-tabs > li {
  width: 33.333%;
  text-align: center;
}
.banner-tabs-pricing .nav-tabs > li > span > span,
.banner-tabs-pricing .nav-tabs > li > a > span {
  display: block;
}
.banner-tabs-pricing .nav-tabs > li > a > i,
.banner-tabs-pricing .nav-tabs > li > span > i {
  margin: 0 0 32px 0;
}
@media (max-width: 567px) {
  .banner-tabs-pricing .nav-tabs > li .service-icon {
    display: none;
  }
}

/* 2.3.9 Banner: Info */

.banner-info {
  padding: 100px 0 130px;
}
.banner-info h1 {
  color: #fff;
  font-size: 38px;
}
.banner-info .actions .btn {
  min-width: 200px;
}


/* 3.12 Section: Register */

.register-form {
  width: 100%;
  padding: 25px 0 0 0;
}
.register-form .register-container {
  position: relative;
  width: 740px;
  margin: 0 auto 25px auto;
}
.register-form .register-container:after {
  display: block;
  content: "";
  clear: both;
}
.register-form .form-control,
.banner-search .form-control {
  width: 100%;
  border: none;
  background-color: rgba(0,0,0, 0.2);
  color: #fff;
}
.register-form .form-control:focus,
.banner-search .form-control:focus {
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0, 0.11) inset;
  box-shadow: 0 2px 6px rgba(0,0,0, 0.11) inset;
}
.register-form .form-group:first-child {
  padding-left: 0;
}
.register-form .form-control::-webkit-input-placeholder,
.banner-search .form-control::-webkit-input-placeholder {
  color: rgba(196, 227, 255, 0.8);
}
.register-form .form-control:-moz-placeholder,
.banner-search .form-control:-moz-placeholder {
  color: rgba(196, 227, 255, 0.8);
}
.register-form .form-control::-moz-placeholder,
.banner-search .form-control::-moz-placeholder {
  color: rgba(196, 227, 255, 0.8);
}
.register-form .form-control:-ms-input-placeholder,
.banner-search .form-control:-ms-input-placeholder {
  color: rgba(196, 227, 255, 0.8);
}
@media (max-width: 991px) {
  .register-form .register-container {
    width: 648px;
  }
}
@media (min-width: 768px) {
  .register-form .register-container {
    padding: 0 129px 0 0;
  }
  .register-form .form-group {
    float: left;
    width: 50%;
    padding: 0 8px;
    margin: 0;
  }
  .register-form .btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .register-form .register-container {
    width: 100%;
    max-width: 380px;
  }
  .register-form .form-group,
  .register-form .btn {
    width: 100%;
  }
}

/* 3.1 Section: General */

.page-section {
  padding-top: 48px;
  padding-bottom: 55px;
  border-bottom: 1px solid #edeff2;
}
.page-section:last-child {
  border: none;
}
.section-row {
  padding-bottom: 55px;
  margin-bottom: 48px;
  border-bottom: 1px solid #edf0f2;
}
.section-row:after,
.section-row:before {
  display: table;
  content: "";
  clear: both;
}
.section-row:first-child {
  padding-top: 0;
}
.section-row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.section-title {
  margin-left: auto;
  margin-right: auto;
}
.section-desc {
  margin-top: -4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 28px;
}
.section-center .section-desc,
.section-center .section-title {
  max-width: 700px;
}
.section-center,
.section-center .actions {
  text-align: center;
}
.section-image .image {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.section-image .browser {
  max-width: 440px;
  margin: 35px auto;
}
.section-image .image:after,
.section-image .image:before {
  display: table;
  content: "";
  clear: both;
}
.image span {
  display: block;
}
.section-image .image span {
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (min-width: 768px) {
  .section-center .section-desc,
  .section-center .section-title {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .section-image {
    padding-top: 30px;
  }
}

/* 3.2 Section: Dark */

.section-dark {
  border: none;
  background: #303C46;
  background: linear-gradient(225deg, #39444d , #22292e 88%);
  background-image: -ms-linear-gradient(225deg, #39444d , #22292e 88%);
  background-image: -moz-linear-gradient(225deg, #39444d , #22292e 88%);
  background-image: -o-linear-gradient(225deg, #39444d , #22292e 88%);
  background-image: -webkit-linear-gradient(225deg, #39444d , #22292e 88%);
  background-image: linear-gradient(225deg, #39444d , #22292e 88%);
}

/* 3.3 Section: Blue */

.section-blue {
  position: relative;
  border: none;
  overflow: hidden;
}
.section-blue .container {
  position: relative;
  z-index: 1;
}
.section-blue:before {
  position:absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  min-width: 700px;
  border: none;
  background: #026FCE;
  background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
}
.section-dark .section-title,
.section-blue .section-title {
  color: #fff;
}
.section-blue .section-desc ,
.section-blue p {
  color: rgba(196, 227, 255, 0.8);
}
.section-dark .section-desc {
  color: rgba(255, 255, 255, 0.6);
}
.section-blue .panel,
.section-dark .panel {
  border: none;
  -webkit-box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
  box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
}
.section-control-panel {
  margin-top: -160px;
  padding-top: 154px;
}
@media (max-width: 991px) {
  .page-section.section-control-panel {
    margin-top: -140px;
    padding-top: 134px;
  }
}

/*首页产品介绍*/
*,:after,:before
{
  border-width:0;
  margin:0;
  padding:0;
}

.flex-buy-now-default-container-bp{
width:100%;
margin:0 auto;
padding-bottom:60px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp{
padding-bottom:40px}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children{
margin:0 auto;
max-width:1440px;
-moz-box-sizing:border-box;
box-sizing:border-box}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children{
padding-right:0;
padding-left:0}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container{
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:row;
-moz-box-orient:horizontal;
-moz-box-direction:normal;
flex-direction:row;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-24px;
height:-webkit-fit-content;
height:-moz-fit-content;
height:fit-content;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 24px;
margin-bottom:-24px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container{
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
margin-right:0}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container{
min-width:22%;
max-width:25%;
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
margin-right:24px;
margin-bottom:24px;
position:relative;
min-height:420px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container{
min-width:100%!important;
max-width:100%!important}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list{
width:100%;
overflow:hidden;
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 0 65px;
position:relative;
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
border-radius:4px;
border:1px solid #e0e0e0;
border-top:4px solid #006eff;
background-position:100% 100%;
background-repeat:no-repeat;
background-color:#fff}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head{
height:64px;
padding:24px 24px 0;
-moz-box-sizing:content-box;
box-sizing:content-box}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head:after{
content:"";
display:block;
height:1px;
opacity:1;
background:rgba(0,0,0,.06)}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__title{
padding:0;
margin:0 0 16px;
min-height:48px;
opacity:1;
color:#000;
font-size:18px;
font-weight:700;
text-align:left;
line-height:27px;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;

  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head_gradient{
background:linear-gradient(279.77deg,rgba(155,255,153,.2),rgba(17,183,255,.2) 97.74%)!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head_gradient:after{
height:0!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text_list{
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:8px;
display:-webkit-flex;
display:-moz-box;
display:flex;
font-size:14px;
line-height:20px;
overflow:hidden;
padding-left:24px;
padding-right:24px}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text_list .list__text_list_title{
color:rgba(0,0,0,.6);
height:20px;
white-space:nowrap}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text_list .list__text_list_text{
color:#000;
padding-left:12px;
max-height:40px;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;

  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text_list .list__text_list_text.no-title{
padding-left:0}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__duration{
font-weight:400;
font-size:24px;
width: 80%;
margin: 0 auto;
text-align:left;
color:#0070F;
line-height:44px;
padding:4px 24px;
border-bottom:2px solid rgba(0,0,0,.06);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description{
color:rgba(0,0,0,.6);
font-size:14px;
font-weight:400;
text-align:left;
line-height:18px;
min-height:36px;
max-height:36px;
margin:16px 0 24px;
padding-left:24px;
padding-right:24px;
word-break:break-word}



@media screen and (min-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description{
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
transition:all .5s}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description.layout-three{
margin-bottom:42px;
margin-top:42px}
}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description{
max-height:none!important;
display:inline!important;
display:initial!important}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description a{
color:#006eff;
cursor:pointer}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content{
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
padding:12px 0 24px;
-moz-box-sizing:border-box;
box-sizing:border-box}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content a{
font-size:14px;
color:#006eff;
letter-spacing:0;
cursor:pointer}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content li{
list-style:inside;
text-indent:-20px;
padding-left:20px}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content li::marker{
font-size:14px}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
bottom:24px;
cursor:pointer;
display:-webkit-flex;
display:-moz-box;
display:flex;
height:40px;
border-radius:4px;
opacity:1;
text-underline:none;
width:100%;
text-decoration:none;
font-size:14px;
font-weight:400;
text-align:center;
line-height:40px;
word-break:break-word;
overflow:hidden;
-webkit-line-clamp:1;

  /* !autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis;
color:#fff}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a a{
color:#fff;
display:block!important;
width:100%!important;
margin:0 24px;
background:#006eff;
border-radius:4px}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a:hover .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a:hover a{
background:#004ad7}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a .but_href_a{
color:#fff;
display:block!important;
width:100%!important;
margin:0 24px;
background:#006eff;
border-radius:4px}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .special-tag{
z-index:10;
position:absolute;
width:80px;
height:85px;
right:0;
top:0;
overflow:hidden;
-webkit-font-smoothing:auto}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .special-tag .special-tag-txt{
display:block;
font-size:14px;
background:linear-gradient(90.93deg,#ff825b .17%,#ffba35);
width:118px;
height:30px;
line-height:30px;
text-align:center;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:16px;
right:-30px;
color:#fff}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .noborderTop{
border-top:0!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
z-index:9;
box-shadow:0 4px 8px rgba(0,110,255,.1)}



@media screen and (min-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
position:absolute}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__description{
-webkit-line-clamp:5!important;
max-height:120px!important}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__title{
color:#006eff}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__title--yellow{
color:#f37e11}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__title--gradient{
color:#01b457}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--yellow{
min-width:100%;
max-width:100%}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--yellow .list__duration{
color:#f37e11!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--yellow .list__a .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--yellow .list__a a{
background:#fff!important;
border:1px solid #f37e11!important;
color:#f37e11!important;
display:block!important;
width:100%!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--yellow .list__a:hover .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--yellow .list__a:hover a{
background:#fef7f0!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__duration{
color:#01b457!important;
font-weight:400!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a a{
background:linear-gradient(90.93deg,#ff825b .17%,#ffba35)!important;
display:block!important;
width:100%!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a:hover .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a:hover a{
background:#f07115!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a:active .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a:active a{
background:#d15800!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a:focus .but_href_a,.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--gradient .list__a:focus a{
background:linear-gradient(90.19deg,#ff845a .21%,#ffb937 99.88%)!important}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile{
display:none}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile{
display:none}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile--typearr{
visibility:hidden}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile--typearr{
display:none}
}



.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container--yellow{
margin-right:0;
padding:0
}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container--yellow{
padding-bottom:-40px}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children{
margin:0 auto;
max-width:1440px;
-moz-box-sizing:border-box;
box-sizing:border-box}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children{
padding-right:0;
padding-left:0}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container{
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:row;
-moz-box-orient:horizontal;
-moz-box-direction:normal;
flex-direction:row;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-24px;
height:-webkit-fit-content;
height:-moz-fit-content;
height:fit-content;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 24px;
margin-bottom:-24px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container{
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
padding:0 24px;
margin-right:0}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list{
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
min-width:22%;
max-width:25%;
margin-right:24px;
margin-bottom:24px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list{
max-width:100%!important;
min-width:100%!important;
margin-right:0}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container{
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
position:relative}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container{
min-width:100%;
max-width:100%}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list{
position:relative;
overflow:hidden;
min-width:330px;
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
-moz-box-sizing:border-box;
box-sizing:border-box}



@media screen and (max-width:1440px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list{
min-width:auto}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list2{
min-height:330px;
border-radius:4px;
border:1px solid #e0e0e0;
border-top:4px solid #006eff;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:24px 24px 200px;
background-position:100% 100%;
background-repeat:no-repeat;
background-color:#fff}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list2.layout-three{
min-height:448px;
padding-top:32px;
padding-bottom:248px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__title{
padding:0;
margin:0 0 8px;
min-height:48px;
opacity:1;
color:#000;
font-size:18px;
font-weight:700;
text-align:left;
line-height:24px;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__title.layout-three{
margin-bottom:16px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__title:hover{
color:#006eff}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__botton{
position:absolute;
bottom:24px;
left:24px;
right:24px;
height:183px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__botton.layout-three{
bottom:72px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text{
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
justify-content:space-between;
padding-bottom:16px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text.layout-three{
padding-bottom:26px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text .list__text_list .list__text_list_title{
font-size:12px;
line-height:16px;
color:rgba(0,0,0,.6);
margin-bottom:4px;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:1;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__text .list__text_list .list__text_list_text{
font-size:18px;
line-height:24px;
color:#000;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:1;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__duration{
font-size:24px;
color:#006eff;
line-height:34px;
padding-top:22px;
border-top:1px solid rgba(0,0,0,.06);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__duration.layout-three{
padding-top:36px;
font-size:32px;
line-height:44px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description{
color:rgba(0,0,0,.6);
font-size:14px;
font-weight:400;
text-align:left;
line-height:18px;
min-height:36px;
max-height:36px;
margin:0 0 24px;
transition:max-height .5s linear}



@media screen and (min-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description{
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
    /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description .list__description_three{
-webkit-line-clamp:4!important;
max-height:72px!important}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description a{
color:#006eff;
cursor:pointer}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description{
-webkit-line-clamp:initial;
max-height:none}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content{
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
padding:12px 0 24px;
-moz-box-sizing:border-box;
box-sizing:border-box}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content a{
font-size:14px;
color:#006eff;
letter-spacing:0;
cursor:pointer}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content li{
list-style:inside;
text-indent:-20px;
padding-left:20px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content li::marker{
font-size:14px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a{
position:absolute;
bottom:0;
cursor:pointer;
height:40px;
border-radius:4px;
opacity:1;
background:#006eff;
text-decoration:none;
color:#fff;
font-size:14px;
font-weight:400;
text-align:center;
line-height:40px;
width:100%;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:1;

  /* !autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a.layout-three{
bottom:-42px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a:hover{
background:#004ad7}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
max-height:800px;
z-index:9;
box-shadow:0 4px 8px rgba(0,110,255,.1)}



@media screen and (min-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
position:absolute}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__description{
-webkit-line-clamp:5;
max-height:220px}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__description_three{
-webkit-line-clamp:7!important;
max-height:220px!important}
}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
-webkit-line-clamp:initial;
max-height:none}
}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-list .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__title{
color:#006eff}



.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile{
visibility:hidden}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp2 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile{
display:none}
}



.flex-buy-now-default-container-bp-buyproduct3{
width:100%;
margin:0 auto;
padding-bottom:60px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp-buyproduct3{
padding-bottom:40px}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children{
margin:0 auto;
max-width:1440px;
-moz-box-sizing:border-box;
box-sizing:border-box}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children{
padding-right:0;
padding-left:0}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container{
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:row;
-moz-box-orient:horizontal;
-moz-box-direction:normal;
flex-direction:row;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-24px;
height:-webkit-fit-content;
height:-moz-fit-content;
height:fit-content;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 24px;
margin-bottom:-24px}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container{
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
margin-right:0}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container{
min-width:22%;
max-width:25%;
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
min-height:420px;
margin-right:24px;
margin-bottom:24px;
position:relative}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container{
min-width:100%!important;
max-width:100%!important;
min-height:0}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list{
width:100%;
overflow:hidden;
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding-bottom:65px;
position:relative;
display:-webkit-flex;
display:-moz-box;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
flex-direction:column;
border-radius:4px;
border:1px solid #e0e0e0;
border-top:4px solid #006eff;
background-position:100% 100%;
background-repeat:no-repeat;
background-color:#fff}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list{
min-height:0!important}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head{
padding:24px 24px 16px;
border-bottom:1px solid rgba(0,0,0,.06);
-moz-box-sizing:border-box;
box-sizing:border-box}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__title{
margin:0;
padding:0;
min-height:24px;
opacity:1;
color:#000;
font-size:18px;
font-weight:700;
text-align:left;
line-height:24px;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:2;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__title:hover{
color:#006eff}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__head .list__head_description{
color:rgba(0,0,0,.6);
font-size:12px;
font-weight:400;
text-align:left;
line-height:18px;
margin-top:8px;
padding:0;
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:5;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .aduiovb-head-theme{
background:linear-gradient(279.77deg,rgba(186,153,255,.2),rgba(0,110,255,.2) 97.74%)}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description_buynow{
color:rgba(0,0,0,.6);
font-size:16px;
font-weight:400;
text-align:left;
line-height:24px;
min-height:32px;
padding-left:24px;
padding-right:24px;
margin-top:16px;
word-break:break-word}



@media screen and (min-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description_buynow{
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:8;
max-height:192px;
-webkit-box-orient:vertical;
text-overflow:ellipsis;
transition:all .5s}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__description_buynow a{
color:#006eff;
cursor:pointer}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__default-hrefText{
padding-left:24px;
padding-right:24px;
font-size:16px;
color:#006eff;
letter-spacing:0;
display:block;
margin-bottom:24px;
position:relative;
top:11px}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__default-hrefText a{
word-break:break-word;
display:-webkit-box;
overflow:hidden;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .aduiovb-href-theme{
color:#0035b8}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content{
-webkit-flex:1 1;
-moz-box-flex:1;
flex:1 1;
padding:12px 0 24px;
-moz-box-sizing:border-box;
box-sizing:border-box}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content a{
font-size:14px;
color:#006eff;
letter-spacing:0;
cursor:pointer}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content li{
list-style:inside;
text-indent:-20px;
padding-left:20px}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__content li::marker{
font-size:14px}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a{
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
bottom:24px;
cursor:pointer;
display:-webkit-flex;
display:-moz-box;
display:flex;
height:40px;
opacity:1;
text-underline:none;
width:100%;
text-decoration:none;
font-size:14px;
font-weight:400;
text-align:center;
line-height:40px;
word-break:break-word;
overflow:hidden;
-webkit-line-clamp:1;
  /*!autoprefixer: ignore next */-webkit-box-orient:vertical;
text-overflow:ellipsis}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a a{
color:#fff;
display:block!important;
width:100%!important;
margin:0 24px;
background:#006eff;
border-radius:4px;
padding:0 24px}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a:hover .but_href_a,.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a:hover a{
background:#004ad7}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .list__a .but_href_a{
color:#fff;
display:block!important;
width:100%!important;
margin:0 24px;
background:#006eff;
border-radius:4px}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .aduiovb-btn-theme .but_href_a,.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .aduiovb-btn-theme a{
background:linear-gradient(279.77deg,#d796ff 1.36%,#016eff 97.74%)}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .aduiovb-btn-theme:hover a{
background:#006dff}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .flex-buy-now-default-container__children__container__list .aduiovb-btn-theme:active a{
background:#0058cc}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container .audiovb-theme{
border-top:1px solid #e0e0e0}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
z-index:9;
box-shadow:0 4px 8px rgba(0,110,255,.1)}



@media screen and (min-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list{
position:absolute}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__description_buynow{
-webkit-line-clamp:11!important;
max-height:400px!important}
}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__title{
color:#006eff}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .list__title--yellow{
color:#f37e11}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container:hover .flex-buy-now-default-container__children__container__list .audiovb-hover-color-title{
color:#0035b8!important}



.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile{
visibility:hidden}



@media screen and (max-width:768px){
.flex-buy-now-default-container-bp-buyproduct3 .flex-buy-now-default-container__children .flex-buy-now-default-container__children__container .flex-buy-now-default-container__children__container__list__container--mobile{
display:none}
}



.global-flex-title{
max-width:1440px;
width:100%;
padding:60px 24px 40px;
margin:0 auto;
-moz-box-sizing:border-box;
box-sizing:border-box}



@media screen and (max-width:768px){
.global-flex-title{
padding:48px 24px 12px}
}



.global-flex-title .span{
display:block;
color:#000;
font-weight:400;
text-align:left;
word-wrap:break-word}



.global-flex-title .span.light-theme{
color:#fff}



@media screen and (min-width:768px){
.global-flex-title .span{
font-size:40px;
line-height:56px}
}



@media screen and (max-width:768px){
.global-flex-title .span{
font-weight:700;
font-size:24px;
line-height:34px}
}



.global-flex-title .resource-desc{
display:inline-block;
margin-right:12px;
font-weight:400;
font-size:18px;
line-height:24px;
color:rgba(0,0,0,.6);
padding-top:12px;
word-break:break-word}



.global-flex-title .resource-desc p{
margin:0}



.global-flex-title .resource-desc.light-theme{
color:#fff}



@media screen and (max-width:768px){
.global-flex-title .resource-desc{
font-size:16px}
}



.global-flex-title .resource-desc a{
text-decoration:none!important;
color:#00a4ff!important}



.global-flex-title .resource-desc a:hover{
color:#40a9ff}



.global-flex-title .flex-title__modal{
display:inline-block}



.global-flex-title .flex-title__modal .item{
margin-right:12px;
display:inline-block}



.global-flex-title .flex-title__modal .item .item__href,.global-flex-title .flex-title__modal .item .item__modal{
font-size:18px;
line-height:24px;
color:#006eff;
cursor:pointer;
display:inline-block}



@media screen and (min-width:768px){
.global-flex-title .aduiovb-theme{
font-weight:400}
}



.global-flex-title.flex-default-add-small-tltle{
padding-bottom:16px}



.global-flex-title.flex-default-add-small-tltle .flex-small-title{
padding-top:40px;
font-size:24px;
line-height:34px;
color:#000}



.global-flex-title.flex-default-add-small-tltle .flex-small-title.light-theme{
color:#fff}



@media screen and (max-width:768px){
.global-flex-title.flex-default-add-small-tltle .flex-small-title{
font-weight:700;
padding-top:24px;
font-size:18px;
line-height:24px}
}




/*首页产品特性*/

.view-control .view-column{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}


.view-control .view-column.no-padding{padding-left:0;padding-right:0}


@media screen and (max-width: 768px){.view-control .view-column{padding-left:16px;padding-right:16px}
}


@media screen and (min-width: 1440px){.view-control.view-control-xl .view-column{max-width:1440px}
}


@media screen and (max-width: 768px){.view-control .mobile-hidden{display:none}
}


.tpm-section{padding:60px 20px}


.tpm-section.bg-gray{background-color:#f5f7fa}


.tpm-section.is-full{padding-left:0;padding-right:0}


.tpm-section.is-full .tpm-section__inner{max-width:100%}


.tpm-section.left .tpm-section__hd{text-align:left}


.tpm-section__inner{margin:0 auto;box-sizing:border-box;max-width:1180px}


.tpm-section__hd{margin-bottom:32px;text-align:center;-webkit-font-smoothing:antialiased}


.tpm-section__title{font-weight:500;font-size:28px;color:#000;line-height:48px}


.tpm-section__sub{margin-top:12px}


.tpm-section__desc{font-size:14px;color:#3d485d;line-height:20px}


.tpm-section__links{margin-left:12px}


.tpm-section__links .tp-link{margin-right:12px}


.tpm-section__links .tp-link:last-child{margin-right:0}



.tpm-feature{margin:0 -16px -32px}


.tpm-feature .tp-grid__col{padding:0 16px 32px}


.tpm-feature__item{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-webkit-font-smoothing:antialiased}


.tpm-feature__item-icon{display:block;width:48px;height:48px;margin-right:20px}


.tpm-feature__item-bd{-ms-flex:1;flex:1;width:1px}


.tpm-feature__item-title{margin-bottom:8px;font-weight:400;font-size:18px;color:#000;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.tpm-feature__item-desc{font-size:14px;color:#495770;line-height:22px}


.tpm-feature__item-links,.tpm-feature__item-list{margin-top:12px}


.tpm-feature__item-list-item+.tpm-feature__item-list-item{margin-top:8px}


.tpm-feature__item-list-label{color:#000;font-size:14px;line-height:22px;font-weight:500}


.tpm-feature__item-list-value{font-size:14px;color:#495770;line-height:22px}


.tpm-feature__item--vertical{display:block}


.tpm-feature__item--vertical .tpm-feature__item-icon{margin:0 auto 16px}


.tpm-feature__item--vertical .tpm-feature__item-bd{width:auto}


.tpm-feature__item--vertical .tpm-feature__item-title{margin-bottom:12px;text-align:center}


.tpm-feature--vertical{margin:0 -10px -40px}


.tpm-feature--vertical .tp-grid__col{padding:0 10px 40px}


@media screen and (max-width:768px){.tpm-feature__item-icon{position:absolute}


.tpm-feature__item-title{height:48px;margin-bottom:12px;padding:10px 0 0 68px}


.tpm-feature__item--vertical .tpm-feature__item-icon{margin:inherit}


.tpm-feature__item--vertical .tpm-feature__item-title{text-align:left}


.tpm-feature--vertical{margin:0 -10px -32px}


.tpm-feature--vertical .tp-grid__col{padding:0 10px 32px}
}



.tp-grid__layout{overflow:hidden}


.tp-grid__row{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;box-sizing:border-box;margin-right:0;margin-left:0}


.tp-grid__row--start{-ms-flex-pack:start;justify-content:flex-start}


.tp-grid__row--center{-ms-flex-pack:center;justify-content:center}


.tp-grid__row--end{-ms-flex-pack:end;justify-content:flex-end}


.tp-grid__row--space-between{-ms-flex-pack:justify;justify-content:space-between}


.tp-grid__row--space-around{-ms-flex-pack:distribute;justify-content:space-around}


.tp-grid__row--top{-ms-flex-align:start;align-items:flex-start}


.tp-grid__row--middle{-ms-flex-align:center;align-items:center}


.tp-grid__row--bottom{-ms-flex-align:end;align-items:flex-end}


.tp-grid__row--split-line .tp-grid__col{position:relative}


.tp-grid__row--split-line .tp-grid__col:before{position:absolute;top:0;bottom:0;left:0;display:block;width:1px;background-color:#e5e8ed;content:""}


.tp-grid__col{display:block;-ms-flex:1 1 auto;flex:1 1 auto;box-sizing:border-box;padding-right:0;padding-left:0;font-size:14px;-webkit-box-flex:1}


.tp-grid__col--1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;-webkit-box-flex:0}


.tp-grid__col--0{display:none}


.tp-grid__col--order-0{-ms-flex-order:0;order:0}


.tp-grid__col--1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;-webkit-box-flex:0}


.tp-grid__col--order-1{-ms-flex-order:1;order:1}


.tp-grid__col--2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;-webkit-box-flex:0}


.tp-grid__col--order-2{-ms-flex-order:2;order:2}


.tp-grid__col--3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;-webkit-box-flex:0}


.tp-grid__col--order-3{-ms-flex-order:3;order:3}


.tp-grid__col--4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;-webkit-box-flex:0}


.tp-grid__col--order-4{-ms-flex-order:4;order:4}


.tp-grid__col--5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;-webkit-box-flex:0}


.tp-grid__col--order-5{-ms-flex-order:5;order:5}


.tp-grid__col--6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;-webkit-box-flex:0}


.tp-grid__col--order-6{-ms-flex-order:6;order:6}


.tp-grid__col--7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;-webkit-box-flex:0}


.tp-grid__col--order-7{-ms-flex-order:7;order:7}


.tp-grid__col--8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;-webkit-box-flex:0}


.tp-grid__col--order-8{-ms-flex-order:8;order:8}


.tp-grid__col--9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;-webkit-box-flex:0}


.tp-grid__col--order-9{-ms-flex-order:9;order:9}


.tp-grid__col--10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;-webkit-box-flex:0}


.tp-grid__col--order-10{-ms-flex-order:10;order:10}


.tp-grid__col--11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;-webkit-box-flex:0}


.tp-grid__col--order-11{-ms-flex-order:11;order:11}


.tp-grid__col--12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;-webkit-box-flex:0}


.tp-grid__col--order-12{-ms-flex-order:12;order:12}


.tp-grid__col--13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;-webkit-box-flex:0}


.tp-grid__col--order-13{-ms-flex-order:13;order:13}


.tp-grid__col--14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;-webkit-box-flex:0}


.tp-grid__col--order-14{-ms-flex-order:14;order:14}


.tp-grid__col--15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;-webkit-box-flex:0}


.tp-grid__col--order-15{-ms-flex-order:15;order:15}


.tp-grid__col--16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;-webkit-box-flex:0}


.tp-grid__col--order-16{-ms-flex-order:16;order:16}


.tp-grid__col--17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;-webkit-box-flex:0}


.tp-grid__col--order-17{-ms-flex-order:17;order:17}


.tp-grid__col--18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;-webkit-box-flex:0}


.tp-grid__col--order-18{-ms-flex-order:18;order:18}


.tp-grid__col--19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;-webkit-box-flex:0}


.tp-grid__col--order-19{-ms-flex-order:19;order:19}


.tp-grid__col--20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;-webkit-box-flex:0}


.tp-grid__col--order-20{-ms-flex-order:20;order:20}


.tp-grid__col--21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;-webkit-box-flex:0}


.tp-grid__col--order-21{-ms-flex-order:21;order:21}


.tp-grid__col--22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;-webkit-box-flex:0}


.tp-grid__col--order-22{-ms-flex-order:22;order:22}


.tp-grid__col--23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;-webkit-box-flex:0}


.tp-grid__col--order-23{-ms-flex-order:23;order:23}


.tp-grid__col--24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;-webkit-box-flex:0}


.tp-grid__col--order-24{-ms-flex-order:24;order:24}


@media (max-width:1200px){.tp-grid__col--smallpc-1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;-webkit-box-flex:0}


.tp-grid__col--smallpc-0{display:none}


.tp-grid__col--smallpc-order-0{-ms-flex-order:0;order:0}


.tp-grid__col--smallpc-1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-1{-ms-flex-order:1;order:1}


.tp-grid__col--smallpc-2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-2{-ms-flex-order:2;order:2}


.tp-grid__col--smallpc-3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-3{-ms-flex-order:3;order:3}


.tp-grid__col--smallpc-4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-4{-ms-flex-order:4;order:4}


.tp-grid__col--smallpc-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-5{-ms-flex-order:5;order:5}


.tp-grid__col--smallpc-6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-6{-ms-flex-order:6;order:6}


.tp-grid__col--smallpc-7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-7{-ms-flex-order:7;order:7}


.tp-grid__col--smallpc-8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-8{-ms-flex-order:8;order:8}


.tp-grid__col--smallpc-9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-9{-ms-flex-order:9;order:9}


.tp-grid__col--smallpc-10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-10{-ms-flex-order:10;order:10}


.tp-grid__col--smallpc-11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-11{-ms-flex-order:11;order:11}


.tp-grid__col--smallpc-12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-12{-ms-flex-order:12;order:12}


.tp-grid__col--smallpc-13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-13{-ms-flex-order:13;order:13}


.tp-grid__col--smallpc-14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-14{-ms-flex-order:14;order:14}


.tp-grid__col--smallpc-15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-15{-ms-flex-order:15;order:15}


.tp-grid__col--smallpc-16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-16{-ms-flex-order:16;order:16}


.tp-grid__col--smallpc-17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-17{-ms-flex-order:17;order:17}


.tp-grid__col--smallpc-18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-18{-ms-flex-order:18;order:18}


.tp-grid__col--smallpc-19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-19{-ms-flex-order:19;order:19}


.tp-grid__col--smallpc-20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-20{-ms-flex-order:20;order:20}


.tp-grid__col--smallpc-21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-21{-ms-flex-order:21;order:21}


.tp-grid__col--smallpc-22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-22{-ms-flex-order:22;order:22}


.tp-grid__col--smallpc-23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-23{-ms-flex-order:23;order:23}


.tp-grid__col--smallpc-24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;-webkit-box-flex:0}


.tp-grid__col--smallpc-order-24{-ms-flex-order:24;order:24}
}


@media (max-width:1000px){.tp-grid__col--tablet-1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;-webkit-box-flex:0}


.tp-grid__col--tablet-0{display:none}


.tp-grid__col--tablet-order-0{-ms-flex-order:0;order:0}


.tp-grid__col--tablet-1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-1{-ms-flex-order:1;order:1}


.tp-grid__col--tablet-2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-2{-ms-flex-order:2;order:2}


.tp-grid__col--tablet-3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-3{-ms-flex-order:3;order:3}


.tp-grid__col--tablet-4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-4{-ms-flex-order:4;order:4}


.tp-grid__col--tablet-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-5{-ms-flex-order:5;order:5}


.tp-grid__col--tablet-6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-6{-ms-flex-order:6;order:6}


.tp-grid__col--tablet-7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-7{-ms-flex-order:7;order:7}


.tp-grid__col--tablet-8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-8{-ms-flex-order:8;order:8}


.tp-grid__col--tablet-9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-9{-ms-flex-order:9;order:9}


.tp-grid__col--tablet-10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-10{-ms-flex-order:10;order:10}


.tp-grid__col--tablet-11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-11{-ms-flex-order:11;order:11}


.tp-grid__col--tablet-12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-12{-ms-flex-order:12;order:12}


.tp-grid__col--tablet-13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-13{-ms-flex-order:13;order:13}


.tp-grid__col--tablet-14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-14{-ms-flex-order:14;order:14}


.tp-grid__col--tablet-15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-15{-ms-flex-order:15;order:15}


.tp-grid__col--tablet-16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-16{-ms-flex-order:16;order:16}


.tp-grid__col--tablet-17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-17{-ms-flex-order:17;order:17}


.tp-grid__col--tablet-18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-18{-ms-flex-order:18;order:18}


.tp-grid__col--tablet-19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-19{-ms-flex-order:19;order:19}


.tp-grid__col--tablet-20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-20{-ms-flex-order:20;order:20}


.tp-grid__col--tablet-21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-21{-ms-flex-order:21;order:21}


.tp-grid__col--tablet-22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-22{-ms-flex-order:22;order:22}


.tp-grid__col--tablet-23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-23{-ms-flex-order:23;order:23}


.tp-grid__col--tablet-24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;-webkit-box-flex:0}


.tp-grid__col--tablet-order-24{-ms-flex-order:24;order:24}
}


@media (max-width:768px){.tp-grid__col--pad-1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;-webkit-box-flex:0}


.tp-grid__col--pad-0{display:none}


.tp-grid__col--pad-order-0{-ms-flex-order:0;order:0}


.tp-grid__col--pad-1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-1{-ms-flex-order:1;order:1}


.tp-grid__col--pad-2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-2{-ms-flex-order:2;order:2}


.tp-grid__col--pad-3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;-webkit-box-flex:0}


.tp-grid__col--pad-order-3{-ms-flex-order:3;order:3}


.tp-grid__col--pad-4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-4{-ms-flex-order:4;order:4}


.tp-grid__col--pad-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-5{-ms-flex-order:5;order:5}


.tp-grid__col--pad-6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;-webkit-box-flex:0}


.tp-grid__col--pad-order-6{-ms-flex-order:6;order:6}


.tp-grid__col--pad-7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-7{-ms-flex-order:7;order:7}


.tp-grid__col--pad-8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-8{-ms-flex-order:8;order:8}


.tp-grid__col--pad-9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;-webkit-box-flex:0}


.tp-grid__col--pad-order-9{-ms-flex-order:9;order:9}


.tp-grid__col--pad-10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-10{-ms-flex-order:10;order:10}


.tp-grid__col--pad-11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-11{-ms-flex-order:11;order:11}


.tp-grid__col--pad-12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;-webkit-box-flex:0}


.tp-grid__col--pad-order-12{-ms-flex-order:12;order:12}


.tp-grid__col--pad-13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-13{-ms-flex-order:13;order:13}


.tp-grid__col--pad-14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-14{-ms-flex-order:14;order:14}


.tp-grid__col--pad-15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;-webkit-box-flex:0}


.tp-grid__col--pad-order-15{-ms-flex-order:15;order:15}


.tp-grid__col--pad-16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-16{-ms-flex-order:16;order:16}


.tp-grid__col--pad-17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-17{-ms-flex-order:17;order:17}


.tp-grid__col--pad-18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;-webkit-box-flex:0}


.tp-grid__col--pad-order-18{-ms-flex-order:18;order:18}


.tp-grid__col--pad-19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-19{-ms-flex-order:19;order:19}


.tp-grid__col--pad-20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-20{-ms-flex-order:20;order:20}


.tp-grid__col--pad-21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;-webkit-box-flex:0}


.tp-grid__col--pad-order-21{-ms-flex-order:21;order:21}


.tp-grid__col--pad-22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;-webkit-box-flex:0}


.tp-grid__col--pad-order-22{-ms-flex-order:22;order:22}


.tp-grid__col--pad-23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;-webkit-box-flex:0}


.tp-grid__col--pad-order-23{-ms-flex-order:23;order:23}


.tp-grid__col--pad-24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;-webkit-box-flex:0}


.tp-grid__col--pad-order-24{-ms-flex-order:24;order:24}
}


@media (max-width:600px){.tp-grid__col--phone-1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;-webkit-box-flex:0}


.tp-grid__col--phone-0{display:none}


.tp-grid__col--phone-order-0{-ms-flex-order:0;order:0}


.tp-grid__col--phone-1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-1{-ms-flex-order:1;order:1}


.tp-grid__col--phone-2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-2{-ms-flex-order:2;order:2}


.tp-grid__col--phone-3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;-webkit-box-flex:0}


.tp-grid__col--phone-order-3{-ms-flex-order:3;order:3}


.tp-grid__col--phone-4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-4{-ms-flex-order:4;order:4}


.tp-grid__col--phone-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-5{-ms-flex-order:5;order:5}


.tp-grid__col--phone-6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;-webkit-box-flex:0}


.tp-grid__col--phone-order-6{-ms-flex-order:6;order:6}


.tp-grid__col--phone-7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-7{-ms-flex-order:7;order:7}


.tp-grid__col--phone-8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-8{-ms-flex-order:8;order:8}


.tp-grid__col--phone-9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;-webkit-box-flex:0}


.tp-grid__col--phone-order-9{-ms-flex-order:9;order:9}


.tp-grid__col--phone-10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-10{-ms-flex-order:10;order:10}


.tp-grid__col--phone-11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-11{-ms-flex-order:11;order:11}


.tp-grid__col--phone-12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;-webkit-box-flex:0}


.tp-grid__col--phone-order-12{-ms-flex-order:12;order:12}


.tp-grid__col--phone-13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-13{-ms-flex-order:13;order:13}


.tp-grid__col--phone-14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-14{-ms-flex-order:14;order:14}


.tp-grid__col--phone-15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;-webkit-box-flex:0}


.tp-grid__col--phone-order-15{-ms-flex-order:15;order:15}


.tp-grid__col--phone-16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-16{-ms-flex-order:16;order:16}


.tp-grid__col--phone-17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-17{-ms-flex-order:17;order:17}


.tp-grid__col--phone-18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;-webkit-box-flex:0}


.tp-grid__col--phone-order-18{-ms-flex-order:18;order:18}


.tp-grid__col--phone-19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-19{-ms-flex-order:19;order:19}


.tp-grid__col--phone-20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-20{-ms-flex-order:20;order:20}


.tp-grid__col--phone-21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;-webkit-box-flex:0}


.tp-grid__col--phone-order-21{-ms-flex-order:21;order:21}


.tp-grid__col--phone-22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;-webkit-box-flex:0}


.tp-grid__col--phone-order-22{-ms-flex-order:22;order:22}


.tp-grid__col--phone-23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;-webkit-box-flex:0}


.tp-grid__col--phone-order-23{-ms-flex-order:23;order:23}


.tp-grid__col--phone-24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;-webkit-box-flex:0}


.tp-grid__col--phone-order-24{-ms-flex-order:24;order:24}
}


.tp-grid__row.tp-grid--gutter-0n{margin-right:0;margin-bottom:0;margin-left:0}


.tp-grid__row.tp-grid--gutter-0n .tp-grid__col{margin-bottom:0;padding-right:0;padding-left:0}


.tp-grid__row.tp-grid--gutter-1n{margin-right:-2px;margin-bottom:-4px;margin-left:-2px}


.tp-grid__row.tp-grid--gutter-1n .tp-grid__col{margin-bottom:4px;padding-right:2px;padding-left:2px}


.tp-grid__row.tp-grid--gutter-2n{margin-right:-4px;margin-bottom:-8px;margin-left:-4px}


.tp-grid__row.tp-grid--gutter-2n .tp-grid__col{margin-bottom:8px;padding-right:4px;padding-left:4px}


.tp-grid__row.tp-grid--gutter-3n{margin-right:-6px;margin-bottom:-12px;margin-left:-6px}


.tp-grid__row.tp-grid--gutter-3n .tp-grid__col{margin-bottom:12px;padding-right:6px;padding-left:6px}


.tp-grid__row.tp-grid--gutter-4n{margin-right:-8px;margin-bottom:-16px;margin-left:-8px}


.tp-grid__row.tp-grid--gutter-4n .tp-grid__col{margin-bottom:16px;padding-right:8px;padding-left:8px}


.tp-grid__row.tp-grid--gutter-5n{margin-right:-10px;margin-bottom:-20px;margin-left:-10px}


.tp-grid__row.tp-grid--gutter-5n .tp-grid__col{margin-bottom:20px;padding-right:10px;padding-left:10px}


.tp-grid__row.tp-grid--gutter-6n{margin-right:-12px;margin-bottom:-24px;margin-left:-12px}


.tp-grid__row.tp-grid--gutter-6n .tp-grid__col{margin-bottom:24px;padding-right:12px;padding-left:12px}


.tp-grid__row.tp-grid--gutter-7n{margin-right:-14px;margin-bottom:-28px;margin-left:-14px}


.tp-grid__row.tp-grid--gutter-7n .tp-grid__col{margin-bottom:28px;padding-right:14px;padding-left:14px}


.tp-grid__row.tp-grid--gutter-8n{margin-right:-16px;margin-bottom:-32px;margin-left:-16px}


.tp-grid__row.tp-grid--gutter-8n .tp-grid__col{margin-bottom:32px;padding-right:16px;padding-left:16px}


.tp-grid__row.tp-grid--gutter-9n{margin-right:-18px;margin-bottom:-36px;margin-left:-18px}


.tp-grid__row.tp-grid--gutter-9n .tp-grid__col{margin-bottom:36px;padding-right:18px;padding-left:18px}


.tp-grid__row.tp-grid--gutter-10n{margin-right:-20px;margin-bottom:-40px;margin-left:-20px}


.tp-grid__row.tp-grid--gutter-10n .tp-grid__col{margin-bottom:40px;padding-right:20px;padding-left:20px}


@media (max-width:1200px){.tp-grid__row.tp-grid--gutter-smallpc-0n{margin-right:0;margin-bottom:0;margin-left:0}


.tp-grid__row.tp-grid--gutter-smallpc-0n .tp-grid__col{margin-bottom:0;padding-right:0;padding-left:0}


.tp-grid__row.tp-grid--gutter-smallpc-1n{margin-right:-2px;margin-bottom:-4px;margin-left:-2px}


.tp-grid__row.tp-grid--gutter-smallpc-1n .tp-grid__col{margin-bottom:4px;padding-right:2px;padding-left:2px}


.tp-grid__row.tp-grid--gutter-smallpc-2n{margin-right:-4px;margin-bottom:-8px;margin-left:-4px}


.tp-grid__row.tp-grid--gutter-smallpc-2n .tp-grid__col{margin-bottom:8px;padding-right:4px;padding-left:4px}


.tp-grid__row.tp-grid--gutter-smallpc-3n{margin-right:-6px;margin-bottom:-12px;margin-left:-6px}


.tp-grid__row.tp-grid--gutter-smallpc-3n .tp-grid__col{margin-bottom:12px;padding-right:6px;padding-left:6px}


.tp-grid__row.tp-grid--gutter-smallpc-4n{margin-right:-8px;margin-bottom:-16px;margin-left:-8px}


.tp-grid__row.tp-grid--gutter-smallpc-4n .tp-grid__col{margin-bottom:16px;padding-right:8px;padding-left:8px}


.tp-grid__row.tp-grid--gutter-smallpc-5n{margin-right:-10px;margin-bottom:-20px;margin-left:-10px}


.tp-grid__row.tp-grid--gutter-smallpc-5n .tp-grid__col{margin-bottom:20px;padding-right:10px;padding-left:10px}


.tp-grid__row.tp-grid--gutter-smallpc-6n{margin-right:-12px;margin-bottom:-24px;margin-left:-12px}


.tp-grid__row.tp-grid--gutter-smallpc-6n .tp-grid__col{margin-bottom:24px;padding-right:12px;padding-left:12px}


.tp-grid__row.tp-grid--gutter-smallpc-7n{margin-right:-14px;margin-bottom:-28px;margin-left:-14px}


.tp-grid__row.tp-grid--gutter-smallpc-7n .tp-grid__col{margin-bottom:28px;padding-right:14px;padding-left:14px}


.tp-grid__row.tp-grid--gutter-smallpc-8n{margin-right:-16px;margin-bottom:-32px;margin-left:-16px}


.tp-grid__row.tp-grid--gutter-smallpc-8n .tp-grid__col{margin-bottom:32px;padding-right:16px;padding-left:16px}


.tp-grid__row.tp-grid--gutter-smallpc-9n{margin-right:-18px;margin-bottom:-36px;margin-left:-18px}


.tp-grid__row.tp-grid--gutter-smallpc-9n .tp-grid__col{margin-bottom:36px;padding-right:18px;padding-left:18px}


.tp-grid__row.tp-grid--gutter-smallpc-10n{margin-right:-20px;margin-bottom:-40px;margin-left:-20px}


.tp-grid__row.tp-grid--gutter-smallpc-10n .tp-grid__col{margin-bottom:40px;padding-right:20px;padding-left:20px}
}


@media (max-width:1000px){.tp-grid__row.tp-grid--gutter-tablet-0n{margin-right:0;margin-bottom:0;margin-left:0}


.tp-grid__row.tp-grid--gutter-tablet-0n .tp-grid__col{margin-bottom:0;padding-right:0;padding-left:0}


.tp-grid__row.tp-grid--gutter-tablet-1n{margin-right:-2px;margin-bottom:-4px;margin-left:-2px}


.tp-grid__row.tp-grid--gutter-tablet-1n .tp-grid__col{margin-bottom:4px;padding-right:2px;padding-left:2px}


.tp-grid__row.tp-grid--gutter-tablet-2n{margin-right:-4px;margin-bottom:-8px;margin-left:-4px}


.tp-grid__row.tp-grid--gutter-tablet-2n .tp-grid__col{margin-bottom:8px;padding-right:4px;padding-left:4px}


.tp-grid__row.tp-grid--gutter-tablet-3n{margin-right:-6px;margin-bottom:-12px;margin-left:-6px}


.tp-grid__row.tp-grid--gutter-tablet-3n .tp-grid__col{margin-bottom:12px;padding-right:6px;padding-left:6px}


.tp-grid__row.tp-grid--gutter-tablet-4n{margin-right:-8px;margin-bottom:-16px;margin-left:-8px}


.tp-grid__row.tp-grid--gutter-tablet-4n .tp-grid__col{margin-bottom:16px;padding-right:8px;padding-left:8px}


.tp-grid__row.tp-grid--gutter-tablet-5n{margin-right:-10px;margin-bottom:-20px;margin-left:-10px}


.tp-grid__row.tp-grid--gutter-tablet-5n .tp-grid__col{margin-bottom:20px;padding-right:10px;padding-left:10px}


.tp-grid__row.tp-grid--gutter-tablet-6n{margin-right:-12px;margin-bottom:-24px;margin-left:-12px}


.tp-grid__row.tp-grid--gutter-tablet-6n .tp-grid__col{margin-bottom:24px;padding-right:12px;padding-left:12px}


.tp-grid__row.tp-grid--gutter-tablet-7n{margin-right:-14px;margin-bottom:-28px;margin-left:-14px}


.tp-grid__row.tp-grid--gutter-tablet-7n .tp-grid__col{margin-bottom:28px;padding-right:14px;padding-left:14px}


.tp-grid__row.tp-grid--gutter-tablet-8n{margin-right:-16px;margin-bottom:-32px;margin-left:-16px}


.tp-grid__row.tp-grid--gutter-tablet-8n .tp-grid__col{margin-bottom:32px;padding-right:16px;padding-left:16px}


.tp-grid__row.tp-grid--gutter-tablet-9n{margin-right:-18px;margin-bottom:-36px;margin-left:-18px}


.tp-grid__row.tp-grid--gutter-tablet-9n .tp-grid__col{margin-bottom:36px;padding-right:18px;padding-left:18px}


.tp-grid__row.tp-grid--gutter-tablet-10n{margin-right:-20px;margin-bottom:-40px;margin-left:-20px}


.tp-grid__row.tp-grid--gutter-tablet-10n .tp-grid__col{margin-bottom:40px;padding-right:20px;padding-left:20px}
}


@media (max-width:768px){.tp-grid__row.tp-grid--gutter-pad-0n{margin-right:0;margin-bottom:0;margin-left:0}


.tp-grid__row.tp-grid--gutter-pad-0n .tp-grid__col{margin-bottom:0;padding-right:0;padding-left:0}


.tp-grid__row.tp-grid--gutter-pad-1n{margin-right:-2px;margin-bottom:-4px;margin-left:-2px}


.tp-grid__row.tp-grid--gutter-pad-1n .tp-grid__col{margin-bottom:4px;padding-right:2px;padding-left:2px}


.tp-grid__row.tp-grid--gutter-pad-2n{margin-right:-4px;margin-bottom:-8px;margin-left:-4px}


.tp-grid__row.tp-grid--gutter-pad-2n .tp-grid__col{margin-bottom:8px;padding-right:4px;padding-left:4px}


.tp-grid__row.tp-grid--gutter-pad-3n{margin-right:-6px;margin-bottom:-12px;margin-left:-6px}


.tp-grid__row.tp-grid--gutter-pad-3n .tp-grid__col{margin-bottom:12px;padding-right:6px;padding-left:6px}


.tp-grid__row.tp-grid--gutter-pad-4n{margin-right:-8px;margin-bottom:-16px;margin-left:-8px}


.tp-grid__row.tp-grid--gutter-pad-4n .tp-grid__col{margin-bottom:16px;padding-right:8px;padding-left:8px}


.tp-grid__row.tp-grid--gutter-pad-5n{margin-right:-10px;margin-bottom:-20px;margin-left:-10px}


.tp-grid__row.tp-grid--gutter-pad-5n .tp-grid__col{margin-bottom:20px;padding-right:10px;padding-left:10px}


.tp-grid__row.tp-grid--gutter-pad-6n{margin-right:-12px;margin-bottom:-24px;margin-left:-12px}


.tp-grid__row.tp-grid--gutter-pad-6n .tp-grid__col{margin-bottom:24px;padding-right:12px;padding-left:12px}


.tp-grid__row.tp-grid--gutter-pad-7n{margin-right:-14px;margin-bottom:-28px;margin-left:-14px}


.tp-grid__row.tp-grid--gutter-pad-7n .tp-grid__col{margin-bottom:28px;padding-right:14px;padding-left:14px}


.tp-grid__row.tp-grid--gutter-pad-8n{margin-right:-16px;margin-bottom:-32px;margin-left:-16px}


.tp-grid__row.tp-grid--gutter-pad-8n .tp-grid__col{margin-bottom:32px;padding-right:16px;padding-left:16px}


.tp-grid__row.tp-grid--gutter-pad-9n{margin-right:-18px;margin-bottom:-36px;margin-left:-18px}


.tp-grid__row.tp-grid--gutter-pad-9n .tp-grid__col{margin-bottom:36px;padding-right:18px;padding-left:18px}


.tp-grid__row.tp-grid--gutter-pad-10n{margin-right:-20px;margin-bottom:-40px;margin-left:-20px}


.tp-grid__row.tp-grid--gutter-pad-10n .tp-grid__col{margin-bottom:40px;padding-right:20px;padding-left:20px}
}


@media (max-width:600px){.tp-grid__row.tp-grid--gutter-phone-0n{margin-right:0;margin-bottom:0;margin-left:0}


.tp-grid__row.tp-grid--gutter-phone-0n .tp-grid__col{margin-bottom:0;padding-right:0;padding-left:0}


.tp-grid__row.tp-grid--gutter-phone-1n{margin-right:-2px;margin-bottom:-4px;margin-left:-2px}


.tp-grid__row.tp-grid--gutter-phone-1n .tp-grid__col{margin-bottom:4px;padding-right:2px;padding-left:2px}


.tp-grid__row.tp-grid--gutter-phone-2n{margin-right:-4px;margin-bottom:-8px;margin-left:-4px}


.tp-grid__row.tp-grid--gutter-phone-2n .tp-grid__col{margin-bottom:8px;padding-right:4px;padding-left:4px}


.tp-grid__row.tp-grid--gutter-phone-3n{margin-right:-6px;margin-bottom:-12px;margin-left:-6px}


.tp-grid__row.tp-grid--gutter-phone-3n .tp-grid__col{margin-bottom:12px;padding-right:6px;padding-left:6px}


.tp-grid__row.tp-grid--gutter-phone-4n{margin-right:-8px;margin-bottom:-16px;margin-left:-8px}


.tp-grid__row.tp-grid--gutter-phone-4n .tp-grid__col{margin-bottom:16px;padding-right:8px;padding-left:8px}


.tp-grid__row.tp-grid--gutter-phone-5n{margin-right:-10px;margin-bottom:-20px;margin-left:-10px}


.tp-grid__row.tp-grid--gutter-phone-5n .tp-grid__col{margin-bottom:20px;padding-right:10px;padding-left:10px}


.tp-grid__row.tp-grid--gutter-phone-6n{margin-right:-12px;margin-bottom:-24px;margin-left:-12px}


.tp-grid__row.tp-grid--gutter-phone-6n .tp-grid__col{margin-bottom:24px;padding-right:12px;padding-left:12px}


.tp-grid__row.tp-grid--gutter-phone-7n{margin-right:-14px;margin-bottom:-28px;margin-left:-14px}


.tp-grid__row.tp-grid--gutter-phone-7n .tp-grid__col{margin-bottom:28px;padding-right:14px;padding-left:14px}


.tp-grid__row.tp-grid--gutter-phone-8n{margin-right:-16px;margin-bottom:-32px;margin-left:-16px}


.tp-grid__row.tp-grid--gutter-phone-8n .tp-grid__col{margin-bottom:32px;padding-right:16px;padding-left:16px}


.tp-grid__row.tp-grid--gutter-phone-9n{margin-right:-18px;margin-bottom:-36px;margin-left:-18px}


.tp-grid__row.tp-grid--gutter-phone-9n .tp-grid__col{margin-bottom:36px;padding-right:18px;padding-left:18px}


.tp-grid__row.tp-grid--gutter-phone-10n{margin-right:-20px;margin-bottom:-40px;margin-left:-20px}


.tp-grid__row.tp-grid--gutter-phone-10n .tp-grid__col{margin-bottom:40px;padding-right:20px;padding-left:20px}
}


@media (max-width:768px){.tp-grid__col--pad-1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;box-flex:0}


.tp-grid__col--pad-0{display:none}


.tp-grid__col--pad-order-0{-ms-flex-order:0;order:0}


.tp-grid__col--pad-1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;box-flex:0}


.tp-grid__col--pad-order-1{-ms-flex-order:1;order:1}


.tp-grid__col--pad-2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;box-flex:0}


.tp-grid__col--pad-order-2{-ms-flex-order:2;order:2}


.tp-grid__col--pad-3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;box-flex:0}


.tp-grid__col--pad-order-3{-ms-flex-order:3;order:3}


.tp-grid__col--pad-4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;box-flex:0}


.tp-grid__col--pad-order-4{-ms-flex-order:4;order:4}


.tp-grid__col--pad-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;box-flex:0}


.tp-grid__col--pad-order-5{-ms-flex-order:5;order:5}


.tp-grid__col--pad-6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;box-flex:0}


.tp-grid__col--pad-order-6{-ms-flex-order:6;order:6}


.tp-grid__col--pad-7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;box-flex:0}


.tp-grid__col--pad-order-7{-ms-flex-order:7;order:7}


.tp-grid__col--pad-8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;box-flex:0}


.tp-grid__col--pad-order-8{-ms-flex-order:8;order:8}


.tp-grid__col--pad-9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;box-flex:0}


.tp-grid__col--pad-order-9{-ms-flex-order:9;order:9}


.tp-grid__col--pad-10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;box-flex:0}


.tp-grid__col--pad-order-10{-ms-flex-order:10;order:10}


.tp-grid__col--pad-11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;box-flex:0}


.tp-grid__col--pad-order-11{-ms-flex-order:11;order:11}


.tp-grid__col--pad-12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;box-flex:0}


.tp-grid__col--pad-order-12{-ms-flex-order:12;order:12}


.tp-grid__col--pad-13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;box-flex:0}


.tp-grid__col--pad-order-13{-ms-flex-order:13;order:13}


.tp-grid__col--pad-14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;box-flex:0}


.tp-grid__col--pad-order-14{-ms-flex-order:14;order:14}


.tp-grid__col--pad-15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;box-flex:0}


.tp-grid__col--pad-order-15{-ms-flex-order:15;order:15}


.tp-grid__col--pad-16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;box-flex:0}


.tp-grid__col--pad-order-16{-ms-flex-order:16;order:16}


.tp-grid__col--pad-17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;box-flex:0}


.tp-grid__col--pad-order-17{-ms-flex-order:17;order:17}


.tp-grid__col--pad-18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;box-flex:0}


.tp-grid__col--pad-order-18{-ms-flex-order:18;order:18}


.tp-grid__col--pad-19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;box-flex:0}


.tp-grid__col--pad-order-19{-ms-flex-order:19;order:19}


.tp-grid__col--pad-20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;box-flex:0}


.tp-grid__col--pad-order-20{-ms-flex-order:20;order:20}


.tp-grid__col--pad-21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;box-flex:0}


.tp-grid__col--pad-order-21{-ms-flex-order:21;order:21}


.tp-grid__col--pad-22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;box-flex:0}


.tp-grid__col--pad-order-22{-ms-flex-order:22;order:22}


.tp-grid__col--pad-23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;box-flex:0}


.tp-grid__col--pad-order-23{-ms-flex-order:23;order:23}


.tp-grid__col--pad-24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;box-flex:0}


.tp-grid__col--pad-order-24{-ms-flex-order:24;order:24}
}


@media (max-width:600px){.tp-grid__col--phone-1-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20%;box-flex:0}


.tp-grid__col--phone-0{display:none}


.tp-grid__col--phone-order-0{-ms-flex-order:0;order:0}


.tp-grid__col--phone-1{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:4.1666666667%;box-flex:0}


.tp-grid__col--phone-order-1{-ms-flex-order:1;order:1}


.tp-grid__col--phone-2{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:8.3333333333%;box-flex:0}


.tp-grid__col--phone-order-2{-ms-flex-order:2;order:2}


.tp-grid__col--phone-3{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:12.5%;box-flex:0}


.tp-grid__col--phone-order-3{-ms-flex-order:3;order:3}


.tp-grid__col--phone-4{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%;box-flex:0}


.tp-grid__col--phone-order-4{-ms-flex-order:4;order:4}


.tp-grid__col--phone-5{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:20.8333333333%;box-flex:0}


.tp-grid__col--phone-order-5{-ms-flex-order:5;order:5}


.tp-grid__col--phone-6{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:25%;box-flex:0}


.tp-grid__col--phone-order-6{-ms-flex-order:6;order:6}


.tp-grid__col--phone-7{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:29.1666666667%;box-flex:0}


.tp-grid__col--phone-order-7{-ms-flex-order:7;order:7}


.tp-grid__col--phone-8{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%;box-flex:0}


.tp-grid__col--phone-order-8{-ms-flex-order:8;order:8}


.tp-grid__col--phone-9{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:37.5%;box-flex:0}


.tp-grid__col--phone-order-9{-ms-flex-order:9;order:9}


.tp-grid__col--phone-10{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:41.6666666667%;box-flex:0}


.tp-grid__col--phone-order-10{-ms-flex-order:10;order:10}


.tp-grid__col--phone-11{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:45.8333333333%;box-flex:0}


.tp-grid__col--phone-order-11{-ms-flex-order:11;order:11}


.tp-grid__col--phone-12{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;box-flex:0}


.tp-grid__col--phone-order-12{-ms-flex-order:12;order:12}


.tp-grid__col--phone-13{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:54.1666666667%;box-flex:0}


.tp-grid__col--phone-order-13{-ms-flex-order:13;order:13}


.tp-grid__col--phone-14{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:58.3333333333%;box-flex:0}


.tp-grid__col--phone-order-14{-ms-flex-order:14;order:14}


.tp-grid__col--phone-15{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:62.5%;box-flex:0}


.tp-grid__col--phone-order-15{-ms-flex-order:15;order:15}


.tp-grid__col--phone-16{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:66.6666666667%;box-flex:0}


.tp-grid__col--phone-order-16{-ms-flex-order:16;order:16}


.tp-grid__col--phone-17{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:70.8333333333%;box-flex:0}


.tp-grid__col--phone-order-17{-ms-flex-order:17;order:17}


.tp-grid__col--phone-18{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:75%;box-flex:0}


.tp-grid__col--phone-order-18{-ms-flex-order:18;order:18}


.tp-grid__col--phone-19{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:79.1666666667%;box-flex:0}


.tp-grid__col--phone-order-19{-ms-flex-order:19;order:19}


.tp-grid__col--phone-20{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:83.3333333333%;box-flex:0}


.tp-grid__col--phone-order-20{-ms-flex-order:20;order:20}


.tp-grid__col--phone-21{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:87.5%;box-flex:0}


.tp-grid__col--phone-order-21{-ms-flex-order:21;order:21}


.tp-grid__col--phone-22{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:91.6666666667%;box-flex:0}


.tp-grid__col--phone-order-22{-ms-flex-order:22;order:22}


.tp-grid__col--phone-23{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:95.8333333333%;box-flex:0}


.tp-grid__col--phone-order-23{-ms-flex-order:23;order:23}


.tp-grid__col--phone-24{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;box-flex:0}


.tp-grid__col--phone-order-24{-ms-flex-order:24;order:24}
}



* {
  outline: none
}



@media screen and (min-width: 768px) {
  .bg-gray {
    background-color: #f5f7fa
  }
}



@media screen and (max-width: 767px) {
  .with-gap::before {
    display: block;
    content: "";
    height: 16px;
    background: #f3f5f8;
    box-shadow: inset 0 2px 5px 0 #c6ccd7
  }



  .clear-gap+.with-gap::before {
    display: none;
    content: "";
    height: 16px;
    background: #f3f5f8;
    box-shadow: inset 0 2px 5px 0 #c6ccd7
  }
}



.view-control .view-column{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}


.view-control .view-column.no-padding{padding-left:0;padding-right:0}


@media screen and (max-width: 768px){.view-control .view-column{padding-left:16px;padding-right:16px}
}


@media screen and (min-width: 1440px){.view-control.view-control-xl .view-column{max-width:1440px}
}


@media screen and (max-width: 768px){.view-control .mobile-hidden{display:none}
}



.tpm-rich-text{line-height:24px;font-size:14px;color:#495770;-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word}


.tpm-rich-text>:first-child{margin-top:0 !important}


.tpm-rich-text>:last-child{margin-bottom:0 !important}


.tpm-rich-text .ts-link{color:#0052d9;text-decoration:none}


.tpm-rich-text .ts-link:hover{text-decoration:underline}


.tpm-rich-text .ts-link:not([href]){color:inherit;text-decoration:none}


.tpm-rich-text .ts-h3{line-height:26px;font-size:16px;margin-bottom:12px;color:#000}


.tpm-rich-text *+.ts-h3{margin-top:28px}


.tpm-rich-text .ts-p{line-height:24px;font-size:14px}


.tpm-rich-text *+.ts-p{margin-top:8px}


.tpm-rich-text .ts-uli{position:relative;padding-left:18px}


.tpm-rich-text .ts-uli:before{content:"";display:block;position:absolute;box-sizing:border-box;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#9ba6b7}


.tpm-rich-text .ts-uli[data-indent]{margin-left:18px}


.tpm-rich-text .ts-uli[data-indent]:before{width:7px;height:7px;border:1px solid #99a7b9;background-color:transparent}


.tpm-rich-text .ts-uli[data-indent="2"]{margin-left:36px}


.tpm-rich-text .ts-uli+.ts-uli{margin-top:4px}


.tpm-rich-text .ts-image{display:block;margin:0 auto;max-width:100%;max-height:100%;border:0}


.tpm-rich-text *+.ts-image{margin-top:32px;margin-bottom:32px}


.tpm-rich-text .ts-video iframe,.tpm-rich-text .ts-video video{display:block;margin:0 auto;width:100%;max-width:860px;max-height:100%;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px}


.tpm-rich-text .ts-video iframe{height:450px}


@media screen and (max-width: 768px){.tpm-rich-text .ts-video iframe{height:520px}
}


@media screen and (max-width: 600px){.tpm-rich-text .ts-video iframe{height:230px}
}


.tpm-rich-text *+.ts-video{margin-top:32px}


@media screen and (max-width: 768px){.tpm-rich-text .ts-image{max-width:100%}


.tpm-rich-text *+.ts-image{margin-top:24px;margin-bottom:24px}
}


.tpm-rich-text .ts-module-button-group{margin-top:28px;margin-bottom:28px}


.tpm-rich-text .ts-module-button-group button:first-child{margin-left:0}


.tpm-rich-text .ts-module-button-group button+button{margin-left:20px}


.tpm-rich-text .ts-module-products{margin:20px 0}


.tpm-rich-text .ts-module-products .tp-grid__col{display:block;flex:0 0 auto;-webkit-box-flex:0;padding-bottom:0}


.tpm-rich-text .ts-module-products .tpm-product-recommend__item{padding:12px 4px;border-radius:4px;height:100%;align-items:center;color:#3d485d}


.tpm-rich-text .ts-module-products .tpm-product-recommend__item .tpm-product-recommend__item-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;line-height:18px;overflow:hidden;font-size:12px}


@media screen and (min-width: 769px){.tpm-rich-text .ts-module-products .tpm-product-recommend__item{background-color:#fff;width:100px}
}


.tpm-rich-text .ts-module-customers{margin:20px 0}


.tpm-rich-text .ts-module-customers.tpm-logo-card__wrap{padding:0}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list{margin:0 -10px;padding:0}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list>div{display:inline-block;padding:0 10px}


.tpm-rich-text .ts-module-customers .tpm-logo-card{box-shadow:none}


@media screen and (max-width: 600px){.tpm-rich-text .ts-module-customers.tpm-logo-card__wrap{padding:0}
}


@media screen and (max-width: 768px){.tpm-rich-text .ts-module-customers .tpm-logo-card__list{margin:0 -4px;padding:0}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list>div{display:inline-block;padding:0 4px 8px}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list .tpm-logo-card{padding:4px;height:56px}
}



.tl-logos .tpm-logo-card__wrap{padding:0}


.tl-logos .tpm-logo-card__wrap{margin-bottom:-12px}


@media screen and (max-width: 768px){.tl-logos .tpm-logo-card__wrap{margin-bottom:-8px}
}


/*首页应用场景*/

.tpm-rich-text{line-height:24px;font-size:14px;color:#495770;-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word}


.tpm-rich-text>:first-child{margin-top:0 !important}


.tpm-rich-text>:last-child{margin-bottom:0 !important}


.tpm-rich-text .ts-link{color:#0052d9;text-decoration:none}


.tpm-rich-text .ts-link:hover{text-decoration:underline}


.tpm-rich-text .ts-link:not([href]){color:inherit;text-decoration:none}


.tpm-rich-text .ts-h3{line-height:26px;font-size:16px;margin-bottom:12px;color:#000}


.tpm-rich-text *+.ts-h3{margin-top:28px}


.tpm-rich-text .ts-p{line-height:24px;font-size:14px}


.tpm-rich-text *+.ts-p{margin-top:8px}


.tpm-rich-text .ts-uli{position:relative;padding-left:18px}


.tpm-rich-text .ts-uli:before{content:"";display:block;position:absolute;box-sizing:border-box;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#9ba6b7}


.tpm-rich-text .ts-uli[data-indent]{margin-left:18px}


.tpm-rich-text .ts-uli[data-indent]:before{width:7px;height:7px;border:1px solid #99a7b9;background-color:transparent}


.tpm-rich-text .ts-uli[data-indent="2"]{margin-left:36px}


.tpm-rich-text .ts-uli+.ts-uli{margin-top:4px}


.tpm-rich-text .ts-image{display:block;margin:0 auto;max-width:100%;max-height:100%;border:0}


.tpm-rich-text *+.ts-image{margin-top:32px;margin-bottom:32px}


.tpm-rich-text .ts-video iframe,.tpm-rich-text .ts-video video{display:block;margin:0 auto;width:100%;max-width:860px;max-height:100%;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px}


.tpm-rich-text .ts-video iframe{height:450px}


@media screen and (max-width: 768px){.tpm-rich-text .ts-video iframe{height:520px}
}


@media screen and (max-width: 600px){.tpm-rich-text .ts-video iframe{height:230px}
}


.tpm-rich-text *+.ts-video{margin-top:32px}


@media screen and (max-width: 768px){.tpm-rich-text .ts-image{max-width:100%}


.tpm-rich-text *+.ts-image{margin-top:24px;margin-bottom:24px}
}


.tpm-rich-text .ts-module-button-group{margin-top:28px;margin-bottom:28px}


.tpm-rich-text .ts-module-button-group button:first-child{margin-left:0}


.tpm-rich-text .ts-module-button-group button+button{margin-left:20px}


.tpm-rich-text .ts-module-products{margin:20px 0}


.tpm-rich-text .ts-module-products .tp-grid__col{display:block;flex:0 0 auto;-webkit-box-flex:0;padding-bottom:0}


.tpm-rich-text .ts-module-products .tpm-product-recommend__item{padding:12px 4px;border-radius:4px;height:100%;align-items:center;color:#3d485d}


.tpm-rich-text .ts-module-products .tpm-product-recommend__item .tpm-product-recommend__item-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;line-height:18px;overflow:hidden;font-size:12px}


@media screen and (min-width: 769px){.tpm-rich-text .ts-module-products .tpm-product-recommend__item{background-color:#fff;width:100px}
}


.tpm-rich-text .ts-module-customers{margin:20px 0}


.tpm-rich-text .ts-module-customers.tpm-logo-card__wrap{padding:0}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list{margin:0 -10px;padding:0}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list>div{display:inline-block;padding:0 10px}


.tpm-rich-text .ts-module-customers .tpm-logo-card{box-shadow:none}


@media screen and (max-width: 600px){.tpm-rich-text .ts-module-customers.tpm-logo-card__wrap{padding:0}
}


@media screen and (max-width: 768px){.tpm-rich-text .ts-module-customers .tpm-logo-card__list{margin:0 -4px;padding:0}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list>div{display:inline-block;padding:0 4px 8px}


.tpm-rich-text .ts-module-customers .tpm-logo-card__list .tpm-logo-card{padding:4px;height:56px}
}



.tl-logos .tpm-logo-card__wrap{padding:0}


.tl-logos .tpm-logo-card__wrap{margin-bottom:-12px}


@media screen and (max-width: 768px){.tl-logos .tpm-logo-card__wrap{margin-bottom:-8px}
}



.tl-tabs{box-sizing:border-box;-webkit-font-smoothing:antialiased}


.tl-tabs__bar{position:relative;overflow:hidden;white-space:nowrap;text-align:center;max-width:1180px;margin:0 auto}


.tl-tabs__bar.is-scrolling .tl-tabs__backward{display:block}


.tl-tabs__bar.is-scrolling .tl-tabs__forward{display:block}


.tl-tabs__bar.is-scrolling .tl-tabs__list{padding:0 36px}


.tl-tabs__list{position:relative;display:inline-block;min-width:100%;font-size:0;list-style:none;text-align:center;vertical-align:top}


.tl-tabs__backward{position:absolute;top:0;bottom:4px;left:0;display:none;width:36px;background-color:#fff;cursor:pointer}


.tl-tabs__backward::before{position:absolute;top:50%;left:12px;width:16px;height:16px;margin-top:-8px;background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-left.a2ce6aff.svg);background-repeat:no-repeat;background-position:inherit;content:""}


.tl-tabs__backward:hover::before{background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-left-hover.8f0c5c83.svg)}


.tl-tabs__backward--disabled{cursor:default}


.tl-tabs__backward--disabled::before{background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-left-disabled.b348007c.svg)}


.tl-tabs__backward--disabled:hover::before{background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-left-disabled.b348007c.svg)}


.tl-tabs__forward{position:absolute;top:0;right:0;bottom:4px;display:none;width:36px;background-color:#fff;cursor:pointer}


.tl-tabs__forward::before{position:absolute;top:50%;margin-top:-8px;right:12px;width:16px;height:16px;background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-right.273ded81.svg);background-repeat:no-repeat;background-position:inherit;content:""}


.tl-tabs__forward:hover::before{background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-right-hover.11220169.svg)}


.tl-tabs__forward--disabled{cursor:default}


.tl-tabs__forward--disabled::before{background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-right-disabled.278f17e2.svg)}


.tl-tabs__forward--disabled:hover::before{background-image:url(qcloud/trisys-landing/materials/images/icon-arrow-right-disabled.278f17e2.svg)}


.tl-tabs__cont{background:#f3f5f8;box-shadow:inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;padding:40px 20px}


.tl-tabs--inset .tl-tabs__cont{padding:20px;border-radius:8px}


.tl-tabs--blank .tl-tabs__cont{padding:0px;background:initial;box-shadow:none}


.tl-tabs__item{display:inline-block;vertical-align:top}


.tl-tabs__item:hover .tl-tabs__item-cont{color:#0052d9}


.tl-tabs__item:hover .tl-tabs__item-cont::before{position:absolute;right:0;bottom:0;left:0;content:""}


.tl-tabs__item.is-active .tl-tabs__item-cont{color:#0052d9}


.tl-tabs__item.is-active .tl-tabs__item-cont::before{position:absolute;right:0;bottom:0;left:0;border-bottom:4px solid #0052d9;content:""}


.tl-tabs__item.is-disabled .tl-tabs__item-cont{color:#999;cursor:default}


.tl-tabs__item.is-disabled .tl-tabs__item-cont::before{content:none}


.tl-tabs__item-cont{position:relative;cursor:pointer;padding:0 20px 20px;text-align:center;font-size:16px;color:#495770;line-height:24px}


.tl-tabs__item-icon{display:block;width:48px;height:48px;margin:0 auto 12px;background-repeat:no-repeat;background-size:100% auto;background-position:top center}


.tl-tabs.is-full .tl-tabs__cont{border-radius:0}


.tl-tabs.is-full .tl-tabs__panel{margin:0 auto}


.tl-tabs--equal .tl-tabs__list{display:flex}


.tl-tabs--equal .tl-tabs__item{flex:1;min-width:0;width:1px;max-width:33.33%}


.tl-tabs--vertical{display:flex}


.tl-tabs--vertical .tl-tabs__bar{position:relative;margin-right:-2px;padding:0;width:200px;box-sizing:border-box;white-space:normal}


.tl-tabs--vertical .tl-tabs__item{display:block;min-width:0;margin-bottom:20px;padding-right:18px}


.tl-tabs--vertical .tl-tabs__item:hover .tl-tabs__item-cont{color:#495770}


.tl-tabs--vertical .tl-tabs__item.is-active{padding-right:0}


.tl-tabs--vertical .tl-tabs__item.is-active .tl-tabs__item-cont{padding-right:30px;background-image:linear-gradient(0deg, #f4f6f9, #f3f5f8);border:2px solid #fff;border-right:none;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;font-weight:400;color:#495770}


.tl-tabs--vertical .tl-tabs__item:hover .tl-tabs__item-cont:before,.tl-tabs--vertical .tl-tabs__item.is-active .tl-tabs__item-cont:before{display:none}


.tl-tabs--vertical .tl-tabs__item-cont{padding:12px;background:#f3f5f8;box-shadow:inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;border-radius:4px;font-size:16px;line-height:24px;color:#495770;text-align:center;border:2px solid transparent;transition:background .3s linear}


.tl-tabs--vertical .tl-tabs__cont{padding:40px;background-image:linear-gradient(0deg, #fff, #f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;flex:1;width:1px}


.tl-tabs.theme-dark{background-color:#242933;color:#fff}


.tl-tabs.theme-dark .tl-tabs__item-cont{color:#fff}


.tl-tabs.theme-dark .tl-tabs__item:hover .tl-tabs__item-cont,.tl-tabs.theme-dark .tl-tabs__item.is-active .tl-tabs__item-cont{color:#fff}


.tl-tabs.theme-dark .tl-tabs__cont{background:#242933;border:2px solid #242933;box-shadow:inset 8px 8px 20px 0 rgba(18,21,26,.6),inset -8px -8px 20px 0 rgba(54,62,77,.5)}


.tl-tabs--ani .tl-tabs__item-icon{width:60px;height:60px;margin-bottom:6px;margin-top:-6px}


.tl-tabs--ani .tl-tabs__item-icon.is-enter{animation:tl-tabs__item-icon-enter .3s steps(16) forwards}


.tl-tabs--ani .tl-tabs__item-icon.is-leave{animation:tl-tabs__item-icon-leave .3s steps(16) forwards}


@keyframes tl-tabs__item-icon-enter{0%{background-position:0 0}


100%{background-position:0 -960px}
}


@keyframes tl-tabs__item-icon-leave{0%{background-position:0 -960px}


100%{background-position:0 0}
}



@media screen and (min-width: 769px){.tl-framework.tpm-media-section .tpm-media.standalone{justify-content:center}


.tl-framework.tpm-media-section .tpm-media__object{width:860px}


.tl-framework.tpm-media-section .tpm-media__content{padding-left:30px}
}



.tl-media-content .tl-media-content__media.has-shadow img{background:linear-gradient(0deg, #fff, #f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:8px}



.tl-media-object{display:flex;flex-wrap:wrap;row-gap:24px}


.tl-media-object--middle{align-items:center}


.tl-media-object--bottom{align-items:flex-end}


.tl-media-object--reverse{flex-direction:row-reverse}


@media screen and (min-width: 769px){.tl-media-object__content{width:1px;flex-grow:1}


.tl-media-object__media{width:1px}
}


@media screen and (max-width: 768px){.tl-media-object__content{width:100%}


.tl-media-object__media{width:100%}
}



.tl-scene-media .tpm-media__object{display:flex;flex-grow:0;align-items:center;align-self:flex-start;justify-content:center;background-image:linear-gradient(0deg, #fff, #f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:8px;width:52.8%;padding:0;margin-left:60px;overflow:hidden;justify-content:center}


.tl-scene-media .tpm-media__object img{max-width:100%}


@media screen and (max-width: 768px){.tl-scene-media .tpm-media.right-img{flex-direction:column-reverse}


.tl-scene-media .tpm-media.right-img .tpm-media__content{margin-top:24px}


.tl-scene-media .tpm-media.right-img .tpm-media__content .tpm-group:first-child .tpm-group__tit{display:none}


.tl-scene-media .tpm-media__object{width:100%;margin-left:0}
}



@media screen and (min-width: 769px){.tl-sale-list .tpm-list__item{text-overflow:initial;white-space:initial}
}



.tl-scene-frameworks .content-box h3{line-height:26px;font-size:16px;margin-bottom:12px}


.tl-scene-frameworks .content-box p{line-height:24px;font-size:14px;color:#495770;-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word}


.tl-scene-frameworks .content-box+.content-box{margin-top:36px}


.tl-scene-frameworks .content-box .tpm-product-recommend__item{font-size:12px}


@media screen and (max-width: 768px){.tl-scene-frameworks .content-box+.content-box{margin-top:16px}


.tl-scene-frameworks .content-box h3{margin-bottom:12px}
}


@media screen and (min-width: 769px){.tl-scene-frameworks .tpm-media__object{width:70%;display:flex;align-items:center;justify-content:center}


.tl-scene-frameworks .tpm-media__content{padding-left:20px}


.tl-scene-frameworks .tpm-product-recommend__item{background-color:#fff;padding:12px 4px;border-radius:4px;height:100%}


.tl-scene-frameworks .tpm-product-recommend__item .tpm-product-recommend__item-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;line-height:18px;overflow:hidden}
}



.tl-scene-media .tpm-media__object{display:flex;flex-grow:0;align-items:center;align-self:flex-start;justify-content:center;background-image:linear-gradient(0deg, #fff, #f3f5f8);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:8px;width:52.8%;padding:0;margin-left:60px;overflow:hidden;justify-content:center}


.tl-scene-media .tpm-media__object img{max-width:100%}


@media screen and (max-width: 768px){.tl-scene-media .tpm-media.right-img{flex-direction:column-reverse}


.tl-scene-media .tpm-media.right-img .tpm-media__content{margin-top:24px}


.tl-scene-media .tpm-media.right-img .tpm-media__content .tpm-group:first-child .tpm-group__tit{display:none}


.tl-scene-media .tpm-media__object{width:100%;margin-left:0}
}



.tl-cutoff__trigger{margin-top:-48px;position:relative;z-index:2;padding-top:53px;text-align:center;box-sizing:border-box}


.tl-cutoff__trigger::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg, rgba(245, 247, 250, 0) 0, #f5f7fa 65%)}


.tl-cutoff__trigger .tp-link{line-height:24px;position:relative;display:block;padding:4px}


.tl-cutoff__trigger .tp-link--arrow-bottom{background-color:#fff}


.tl-cutoff__trigger.is-expanded::before{background-image:none}



.tl-scene-nested-content .tl-collapse__panel-bd .content-container+.content-container{margin-top:32px}


.tl-scene-nested-content .tl-collapse__panel-bd h2{font-size:20px;margin-bottom:24px;color:#495770;font-weight:400}


.tl-scene-nested-content .tpm-logo-card{box-shadow:none;background:none}


.tl-scene-nested-content .tpm-logo-card__wrap{margin-top:20px}


@media screen and (max-width: 768px){.tl-scene-nested-content .tpm-logo-card__wrap{margin-top:12px}
}



@media screen and (max-width: 769px){.tpm-anchor-widget.mb-hidden{display:none}
}




.tpm-draft{line-height:24px;font-size:14px;color:#3d485d;-webkit-font-smoothing:antialiased;word-wrap:break-word;overflow-wrap:break-word}


.tpm-draft a{color:#0052d9;text-decoration:none}


.tpm-draft a:hover{text-decoration:underline}


.tpm-draft a:not([href]){color:inherit;text-decoration:none}


.tpm-draft strong{font-weight:500}


.tpm-draft hr{margin-top:20px;margin-bottom:20px;width:100%;height:1px;background-color:#999;border-width:0;overflow:hidden;opacity:.24}


.tpm-draft img{display:block;margin:16px auto;max-width:100%;max-height:100%;border:0}


.tpm-draft .tpm-qrcode__img img{margin:0}


.tpm-draft figure{margin:16px 0;display:block}


.tpm-draft figure img{margin:0 auto;display:block}


.tpm-draft .figure-desc{margin-top:5px;margin-bottom:16px;font-size:14px;text-align:center;color:#666}


.tpm-draft video{display:block;margin:40px auto;width:100%;max-width:100%;max-height:100%;background-image:linear-gradient(0deg,#fff,#f3f5f8);box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;border-radius:4px}


.tpm-draft video:last-child{margin-bottom:0}


.tpm-draft h1,.tpm-draft h2,.tpm-draft h3,.tpm-draft h4,.tpm-draft h5,.tpm-draft h6{color:#000;font-weight:500}


.tpm-draft h1:first-child,.tpm-draft h2:first-child,.tpm-draft h3:first-child,.tpm-draft h4:first-child,.tpm-draft h5:first-child,.tpm-draft h6:first-child{margin-top:0}


.tpm-draft h2{line-height:28px;font-size:20px}


.tpm-draft h2,.tpm-draft h3{margin-top:16px;margin-bottom:12px}


.tpm-draft h3{line-height:26px;font-size:16px}


.tpm-draft h4{margin-top:16px;margin-bottom:8px;line-height:24px;font-size:14px}


.tpm-draft h2+h3,.tpm-draft h2+h4,.tpm-draft h3+h4{margin-top:12px}


.tpm-draft p{margin-top:0;margin-bottom:8px}


.tpm-draft ul{margin-top:0;margin-bottom:16px;padding:0}


.tpm-draft ul>li{position:relative;margin-bottom:4px;padding-left:18px;list-style:none}


.tpm-draft ul>li:before{content:"";display:block;position:absolute;box-sizing:border-box;left:0;top:9px;width:6px;height:6px;border-radius:50%;background-color:#9ba6b7}


.tpm-draft ol{margin-top:0;margin-bottom:16px;padding:0 0 0 18px;list-style-type:decimal}


.tpm-draft ol ol,.tpm-draft ul ol{list-style-type:lower-roman}


.tpm-draft ol ol ol,.tpm-draft ol ul ol,.tpm-draft ul ol ol,.tpm-draft ul ul ol{list-style-type:lower-alpha}


.tpm-draft ol>li{margin-bottom:4px;list-style:inherit}


.tpm-draft ol ol,.tpm-draft ol ul,.tpm-draft ul ol,.tpm-draft ul ul{margin-top:0;margin-bottom:0}


.tpm-draft ol ul,.tpm-draft ul ul{color:#666}


.tpm-draft ol ul>li:before,.tpm-draft ul ul>li:before{width:7px;height:7px;border:1px solid #99a7b9;background-color:transparent}


.tpm-draft table{border-collapse:collapse;width:100%;margin-top:12px;margin-bottom:12px}


.tpm-draft th{background-color:#f5f7fa;color:#677489;text-align:left;font-weight:400;word-break:keep-all}


.tpm-draft td,.tpm-draft th{padding:12px 16px;border:1px solid #e1e6f0}


.tpm-draft-table-wrap{margin-top:12px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}


.tpm-draft-table-wrap table{margin:0}


.tpm-draft code{display:inline-block;margin-left:10px;margin-right:10px;background-color:#f3f5f9;border-radius:0;padding:0 12px;color:#0abf5b;font-family:Consolas,Liberation Mono,Menlo,Courier,Microsoft Yahei,monospace;line-height:20px}


.tpm-draft em,.tpm-draft i{font-style:italic;font-weight:inherit}


.tpm-draft dd{margin-left:0}


.tpm-draft dl{margin-top:0;margin-bottom:24px;padding:0}


.tpm-draft dl dt{padding:0;margin-top:24px;font-size:1em;font-style:italic;font-weight:500}


.tpm-draft dl dd{padding:0 16px;margin-bottom:24px}


.tpm-draft blockquote{margin:0 0 24px;padding:0 15px;color:#777;border-left:4px solid #ddd}


.tpm-draft blockquote>:first-child{margin-top:0}


.tpm-draft blockquote>:last-child{margin-bottom:0}


.tpm-draft pre{margin:12px 0;padding:16px 20px;color:#fff;background-color:#50556b;border-radius:3px;overflow:auto;-webkit-overflow-scrolling:touch;font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;word-wrap:normal}


.tpm-draft pre code{position:static;padding:0;display:inline;vertical-align:baseline;color:inherit;background:transparent}


.tpm-draft .tpm-list>li{padding-left:24px}


.tpm-draft .tpm-list>li:before{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:0;background-color:transparent}


.tpm-draft .tpm-product-recommend__title{margin-bottom:36px}


.tpm-draft .tpm-product-recommend__item{color:#3d485d}


.tpm-draft .tpm-product-recommend__item:hover{color:#0052d9;text-decoration:none}


.tpm-draft .tpm-product-recommend__item-icon{margin:0 auto 8px}


.tpm-draft .tpm-qrcode{display:inline-block;vertical-align:top}


.tpm-draft__logo-content{display:-ms-flexbox;display:flex}


.tpm-draft__logo-content img.tpm-draft__logo-content-logo{width:40px;height:40px;margin:0 20px 0 0;border-radius:4px}


.tpm-draft__logo-content-cnt{-ms-flex:1;flex:1}


@media screen and (max-width:768px){.tpm-draft .tpm-product-recommend__item-icon{display:inline-block;margin:0 8px 0 0}


.tpm-draft__logo-content{-ms-flex-direction:column;flex-direction:column}


.tpm-draft__logo-content img.tpm-draft__logo-content-logo{width:40px;height:40px;margin:0 0 16px}
}


@media screen and (max-width:768px){.tpm-draft video{margin:24px auto}


.tpm-draft .tpm-product-recommend__title{margin-bottom:12px}


.tpm-draft .tpm-product-recommend__item-icon{display:inline-block;margin:0 8px 0 0}
}


.tpm-media-section__content{margin:0 auto;max-width:990px}


.tpm-media-section .tpm-media{margin:32px auto 0;max-width:990px}


.tpm-media-section .tpm-media__object{width:75.7575757576%}


.tpm-media-section .tpm-media__content{text-align:right}


.tpm-media-section .tpm-product-recommend{display:inline-block;vertical-align:top;max-width:100%;text-align:left;margin-top:0}


.tpm-media-section .tpm-product-recommend .tp-grid__col,.tpm-media-section .tpm-product-recommend .tp-grid__row{display:block}


@media screen and (max-width:1200px){.tpm-media-section .tpm-media__content{text-align:left;padding-left:100px}
}


@media screen and (max-width:768px){.tpm-media-section .tpm-media{margin:24px auto 0}


.tpm-media-section .tpm-media__object{width:100%}


.tpm-media-section .tpm-media__content{text-align:left;padding-left:0}


.tpm-media-section .tpm-media .tpm-product-recommend .tp-grid__row{display:-ms-flexbox;display:flex}
}


/*应用场景分辨率*/
@media screen and (min-width: 768px){.tl-collapse{display:none}
}


@media screen and (max-width: 768px){
  .tl-tabs{display:none}
}

 
.tl-collapse__panel-hd{position:relative;padding:13px 38px 13px 16px;background-image:linear-gradient(0deg,#fff 0%,#f3f5f8 100%);border:2px solid #fff;border-bottom:none;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;display:flex;align-items:flex-start;cursor:pointer}


.tl-collapse__panel-hd:after{content:"";position:absolute;right:16px;top:50%;margin-top:-4px;width:12px;height:8px;background-image:url(../images/isopen.svg);background-repeat:no-repeat}


.tl-collapse__panel-icon{display:block;width:32px;height:32px;background-position:top center;background-repeat:no-repeat;background-size:100% auto;margin-right:12px}


.tl-collapse__panel-title{flex:1;width:1px;padding:3px 0;font-weight:normal;font-size:16px;color:#000;line-height:26px}


.tl-collapse__panel-bd{position:relative;z-index:2;background:#f5f7fa;padding:24px 16px 32px;display: none}


.tl-collapse__panel-bd.is-open{display: block;}


.tl-collapse__panel.is-open>.tl-collapse__panel-hd .tl-collapse__panel-title{color:#0052d9}


.tl-collapse__panel.is-open>.tl-collapse__panel-hd:after{background-image:url(../images/isopen.svg);transform:rotate(180deg);transition:all .3s ease-in-out}


.tl-collapse--ani .tl-collapse__panel-icon{width:40px;height:40px;margin-right:8px;margin-left:-4px;margin-top:-4px}


.tl-collapse.theme-dark{color:#fff}


.tl-collapse.theme-dark .tl-collapse__panel-hd{position:relative;padding:13px 38px 13px 16px;border-bottom:none;background-image:linear-gradient(179deg,#292f3b 2%,#242933);border:1px solid #1f252f;box-shadow:8px 8px 20px 0 rgba(18,21,26,.6),-8px -8px 20px 0 rgba(54,62,77,.5);display:flex;align-items:flex-start;cursor:pointer}


.tl-collapse.theme-dark .tl-collapse__panel-hd .tl-collapse__panel-title{color:#fff}


.tl-collapse.theme-dark .tl-collapse__panel-bd{background-color:#242933}


.tl-collapse.theme-dark .tl-collapse__panel:last-child .tl-collapse__panel-hd{box-shadow:none}


@media screen and (min-width:768px){.tl-collapse .tl-collapse__panel-bd{padding:24px 24px 32px}
}


/*tcfooter*/
.pls-footer {
  min-width: 320px;
  background: #f5f7fa
}

.pls-footer-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1180px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(73,87,112,.2);
  -webkit-font-smoothing: antialiased
}

.pls-footer-service .pls-footer-inner {
  font-size: 0;
  text-align: center;
  padding: 24px 36px
}

.pls-footer-service-list {
  box-sizing: border-box;
  display: table;
  width: 100%
}

.pls-footer-service-list>li {
  display: table-cell;
  width: 25.5%;
  vertical-align: top;
  text-align: left;
  white-space: nowrap
}

.pls-footer-service-list>li:last-child {
  width: 13.5%
}

.pls-footer-service-item {
  display: block;
  font-size: 16px;
  color: #000
}

.pls-footer-service-item:hover {
  text-decoration: none;
  color: #0052d9
}

.pls-footer-service-item .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  margin-right: 4px;
  margin-left: -6px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  -webkit-animation: plsFooterLeave .3s steps(16) forwards;
  animation: plsFooterLeave .3s steps(16) forwards
}

@-webkit-keyframes plsFooterEnter {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 0 -960px
  }
}

@keyframes plsFooterEnter {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 0 -960px
  }
}

@-webkit-keyframes plsFooterLeave {
  0% {
    background-position: 0 -960px
  }

  100% {
    background-position: 0 0
  }
}

@keyframes plsFooterLeave {
  0% {
    background-position: 0 -960px
  }

  100% {
    background-position: 0 0
  }
}

.pls-footer-service-item:hover .icon {
  -webkit-animation: plsFooterEnter .3s steps(16) forwards;
  animation: plsFooterEnter .3s steps(16) forwards
}

.pls-footer-service-item .icon-1 {
  background-image:url(../images/ani-5day.png)
}
.pls-footer-service-item .icon-2 {
  background-image:url(../images/ani-free.png)
}
.pls-footer-service-item .icon-3 {
  background-image:url(../images/ani-service.png)
}
.pls-footer-service-item .icon-4 {
  background-image:url(../images/ani-time.png)
}
.pls-footer-website .pls-footer-inner {
  position: relative;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px
}

.pls-footer-website-columns {
  margin-left: 0;
  flex: 1;
  width: 1px;
  padding: 0
}

.pls-footer-website-title {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #000
}

.pls-footer-website-title a,.pls-footer-website-title a:hover {
  display: block;
  color: inherit;
  cursor: default;
  text-decoration: none
}

.pls-footer-website-list a {
  display: block;
  padding: 4px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #495770
}

.pls-footer-website-list a:hover {
  text-decoration: none
}

.pls-footer-copyright {
  position: absolute;
  right: 0;
  top: 30px;
  width: 190px
}

.pls-footer-share-links {
  margin-bottom: 24px;
  font-size: 0
}

.pls-footer-share-links>li {
  display: inline-block;
  vertical-align: middle;
  width: 20%
}

.pls-footer-website-contact {
  width: 346px
}

.pls-footer-website-contact-title {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  line-height: 22px
}

.pls-footer-website-contact-text {
  font-size: 12px;
  color: #495770;
  line-height: 24px;
  margin-top: 16px
}

.pls-footer-website-contact-view {
  margin-top: 16px
}

.pls-footer-website-contact-view-box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 74px;
  padding: 2px;
  height: 74px;
  background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
  border-radius: 4px
}

.pls-footer-website-contact-view-box img {
  width: 100%;
  height: 100%
}

.pls-footer-website-contact-view-box:first-child {
  margin-right: 20px
}

.pls-footer-website-hotline {
  margin-top: 20px
}

.pls-footer-website-hotline-title {
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
  display: inline;
  margin-right: 8px;
  color: #495770
}

.pls-footer-website-hotline-phone {
  display: inline
}

.pls-footer-website-hotline-phone span {
  font-size: 16px;
  color: #495770;
  line-height: 24px;
  font-weight: 500
}

.pls-footer-website-hotline-phone i {
  font-size: 12px;
  margin-left: 4px;
  margin-right: 4px
}

.pls-footer-website-btn {
  margin-top: 12px;
  display: block;
  width: 100%;
  max-width: 194px;
  height: 34px;
  line-height: 34px;
  background: #0052d9;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
  color: #fff;
  text-align: center
}

.pls-footer-website-btn:hover {
  background-color: #2670e8;
  transition: all .3s ease-in-out
}

.pls-footer-blogroll .pls-footer-inner {
  position: relative;
  min-height: 35px;
  border-bottom: none;
  padding-top: 40px;
  padding-bottom: 66px
}

.pls-footer-blogroll-main {
  margin-right: 190px
}

.pls-footer-blogroll-links {
  font-size: 0
}

.pls-footer-blogroll-links .slide {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-size: 12px;
  line-height: 22px;
  color: #495770;
  white-space: nowrap
}

.pls-footer-blogroll-links.copyright .slide:first-child {
  white-space: normal
}

.pls-footer-blogroll-links.copyright .slide:first-child span {
  white-space: nowrap
}

.pls-footer-blogroll-text {
  font-size: 12px;
  color: #495770;
  line-height: 18px;
  margin-top: 20px
}

.pls-footer-blogroll-links-separate {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border: none
}

.pls-footer-blogroll-extra {
  float: left;
  margin-top: 7px;
  margin-left: 15px;
  width: 110px
}

.pls-footer-lang-switch {
  display: none;
  text-align: center;
  margin-top: 15px
}

.pls-footer-lang-switch a {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 24px;
  color: #ccc;
  min-width: 70px;
  text-align: left
}

.pls-footer-lang-switch a:first-child {
  text-align: right
}

.pls-footer-lang-switch a:active {
  color: #0052d9
}

.pls-footer-lang-switch .split {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
  width: 1px;
  height: 15px;
  background-color: #666
}

.pls-footer-select {
  position: relative
}

.pls-footer-select-trigger {
  box-sizing: border-box;
  display: block;
  padding: 0 10px 0 12px;
  height: 36px;
  border: 2px solid #fff;
  background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 32px;
  color: #495770;
  cursor: pointer;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.pls-footer-select-trigger:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0;
  border-color: #ccc transparent;
  transition: transform .2s ease,-webkit-transform .2s ease;
  transition: transform .2s ease,-webkit-transform .2s ease
}

.pls-footer-website-title .icon-earth,.pls-footer-select-trigger .icon-earth {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon-earth.280cbaec.svg)
}

.pls-footer-website-group.actived .pls-footer-website-title .icon-earth {
  background-image: url(../images/icon-earth-active.7ecfb915.svg)
}

.pls-footer-select .pls-footer-dropdown {
  display: none
}

.pls-footer-select:hover .pls-footer-dropdown,.pls-footer-select.hover .pls-footer-dropdown {
  display: block
}

.pls-footer-select:hover .pls-footer-select-trigger:after,.pls-footer-select.hover .pls-footer-select-trigger:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.pls-footer-dropdown {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 999;
  padding-bottom: 4px;
  width: 100%
}

.pls-footer-dropdown-menu {
  position: relative;
  background-color: #f5f7fa;
  padding: 7px 2px
}

.pls-footer-dropdown-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  background: #e8e8e8;
  border: 2px solid #d2d6de;
  box-shadow: inset 8px 8px 6px 0 rgba(55,99,170,.11);
  box-sizing: border-box
}

.pls-footer-dropdown-menu a {
  position: relative;
  display: block;
  padding: 0 10px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  color: #495770
}

.pls-footer-dropdown-menu a:hover {
  color: #0052d9;
  text-decoration: none
}

.pls-footer-dropdown-menu .actived a,.pls-footer-dropdown-menu .actived a:hover {
  color: #0052d9;
  cursor: default
}

.pls-footer-website-international-list {
  display: none
}

.pls-footer-website-hotline-phon-m,.pls-footer-website-rss,.pls-footer-website-copyright,.pls-footer-dialog-phone {
  display: none
}

.pls-footer-short .pls-footer-website-group {
  display: none
}

.pls-footer-bubble {
  position: absolute;
  z-index: 300;
  width: 200px;
  text-align: center
}

.pls-footer-bubble-wrap {
  position: relative
}

.pls-footer-bubble-wrap .pls-footer-bubble {
  visibility: hidden;
  transition: all .3s ease-in-out
}

.pls-footer-bubble-wrap .pls-footer-bubble--bottom {
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
  opacity: 0
}

.pls-footer-bubble-wrap:hover .pls-footer-bubble--bottom {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible
}

.pls-footer-bubble__inner {
  position: static !important;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  padding: 4px;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: 1px 1.73px 3px 0 rgba(0,0,0,.1)
}

.pls-footer-bubble__inner:after,.pls-footer-bubble__inner:before {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  border: 6px solid transparent;
  content: ""
}

.pls-footer-bubble--top .pls-footer-bubble__inner {
  bottom: 100%;
  left: 50%
}

.pls-footer-bubble--top .pls-footer-bubble__inner:before {
  right: inherit;
  bottom: inherit;
  left: inherit;
  margin-left: -6px;
  border-bottom-color: #ddd
}

.pls-footer-bubble--top .pls-footer-bubble__inner:after {
  right: inherit;
  bottom: inherit;
  left: inherit;
  margin-bottom: -1px;
  margin-left: -6px;
  border-bottom-color: #fff
}

.pls-footer-bubble--top.pls-footer-bubble--start .pls-footer-bubble__inner {
  left: 15px
}

.pls-footer-bubble--top.pls-footer-bubble--end .pls-footer-bubble__inner {
  right: 15px;
  left: auto
}

.pls-footer-bubble--top.pls-footer-bubble--end .pls-footer-bubble__inner:after,.pls-footer-bubble--top.pls-footer-bubble--end .pls-footer-bubble__inner:before,.pls-footer-bubble--top.pls-footer-bubble--start .pls-footer-bubble__inner:after,.pls-footer-bubble--top.pls-footer-bubble--start .pls-footer-bubble__inner:before {
  margin-left: 0
}

.pls-footer-bubble--bottom {
  left: 50%;
  bottom: 100%;
  margin-left: -100px;
  margin-bottom: 6px
}

.pls-footer-bubble--bottom .pls-footer-bubble__inner {
  top: 100%;
  left: 50%
}

.pls-footer-bubble--bottom .pls-footer-bubble__inner:before {
  top: inherit;
  right: inherit;
  left: inherit;
  margin-left: -6px;
  border-top-color: #ddd
}

.pls-footer-bubble--bottom .pls-footer-bubble__inner:after {
  top: inherit;
  right: inherit;
  left: inherit;
  margin-top: -1px;
  margin-left: -6px;
  border-top-color: #fff
}

.pls-footer-bubble--bottom.pls-footer-bubble--start .pls-footer-bubble__inner {
  left: 15px
}

.pls-footer-bubble--bottom.pls-footer-bubble--end .pls-footer-bubble__inner {
  right: 15px;
  left: auto
}

.pls-footer-bubble--bottom.pls-footer-bubble--end .pls-footer-bubble__inner:after,.pls-footer-bubble--bottom.pls-footer-bubble--end .pls-footer-bubble__inner:before,.pls-footer-bubble--bottom.pls-footer-bubble--start .pls-footer-bubble__inner:after,.pls-footer-bubble--bottom.pls-footer-bubble--start .pls-footer-bubble__inner:before {
  margin-left: 0
}

.pls-footer-bubble--left .pls-footer-bubble__inner {
  top: 50%;
  right: 100%
}

.pls-footer-bubble--left .pls-footer-bubble__inner:before {
  top: inherit;
  right: inherit;
  bottom: inherit;
  margin-top: -6px;
  border-right-color: #ddd
}

.pls-footer-bubble--left .pls-footer-bubble__inner:after {
  top: inherit;
  right: inherit;
  bottom: inherit;
  margin-top: -6px;
  margin-right: -1px;
  border-right-color: #fff
}

.pls-footer-bubble--left.pls-footer-bubble--start .pls-footer-bubble__inner {
  top: 15px
}

.pls-footer-bubble--left.pls-footer-bubble--end .pls-footer-bubble__inner {
  top: auto;
  bottom: 15px
}

.pls-footer-bubble--left.pls-footer-bubble--end .pls-footer-bubble__inner:after,.pls-footer-bubble--left.pls-footer-bubble--end .pls-footer-bubble__inner:before,.pls-footer-bubble--left.pls-footer-bubble--start .pls-footer-bubble__inner:after,.pls-footer-bubble--left.pls-footer-bubble--start .pls-footer-bubble__inner:before {
  margin-top: 0
}

.pls-footer-bubble--right .pls-footer-bubble__inner {
  top: 50%;
  left: 100%
}

.pls-footer-bubble--right .pls-footer-bubble__inner:before {
  top: inherit;
  bottom: inherit;
  left: inherit;
  margin-top: -6px;
  border-left-color: #ddd
}

.pls-footer-bubble--right .pls-footer-bubble__inner:after {
  top: inherit;
  bottom: inherit;
  left: inherit;
  margin-top: -6px;
  margin-left: -1px;
  border-left-color: #fff
}

.pls-footer-bubble--right.pls-footer-bubble--start .pls-footer-bubble__inner {
  top: 15px
}

.pls-footer-bubble--right.pls-footer-bubble--end .pls-footer-bubble__inner {
  top: auto;
  bottom: 15px
}

.pls-footer-bubble--right.pls-footer-bubble--end .pls-footer-bubble__inner:after,.pls-footer-bubble--right.pls-footer-bubble--end .pls-footer-bubble__inner:before,.pls-footer-bubble--right.pls-footer-bubble--start .pls-footer-bubble__inner:after,.pls-footer-bubble--right.pls-footer-bubble--start .pls-footer-bubble__inner:before {
  margin-top: 0
}

@media screen and (min-width: 1440px) {
  .tpm-view-l .pls-footer-inner {
    max-width: 1420px
  }
}

@media screen and (max-width: 1200px) {
  .pls-footer-inner {
    margin-left: 10px;
    margin-right: 10px
  }
}

@media screen and (min-width: 1024px) {
  .pls-footer-website-list a:hover {
    color: #0052d9
  }

  .pls-footer-blogroll-links a.slide:hover {
    color: #0052d9;
    text-decoration: none
  }
}

@media screen and (max-width: 1023px) {
  .pls-footer-website-list a:active {
    color: #0052d9
  }

  .pls-footer-short .mobile-part {
    margin-bottom: 0
  }

  .pls-footer-blogroll-links a.slide:active {
    color: #0052d9
  }

  .pls-footer-blogroll-links a.slide-ct {
    margin-right: 15px
  }

  .pls-footer-service {
    display: none
  }

  .pls-footer-blogroll-main {
    margin-right: 0;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
  }

  .pls-footer-blogroll-extra {
    margin: 0 auto;
    float: none;
    margin-top: 60px;
  }

  .pls-footer-lang-switch {
    display: block
  }

  .pls-footer-website-contact {
    width: 240px
  }

  .pls-footer-website-hotline-title {
    display: block;
    margin-bottom: 4px
  }
}

@media screen and (min-width: 768px) {
  .pls-footer {
    padding-left: 10px;
    padding-right: 10px
  }

  .pls-footer-website-columns {
    margin-left: -10px;
    display: flex;
    align-items: flex-start
  }

  .pls-footer-website-columns>li {
    flex: 1;
    width: 1px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px
  }

  .pls-footer-website-columns>.pls-footer-website-international-list {
    display: none
  }
}

@media screen and (max-width: 767px) {
  .pls-footer-inner {
    margin-left: 0;
    margin-right: 0;
    padding: 0
  }

  .pls-footer-website .pls-footer-inner {
    display: block;
    border-bottom: none;
    padding-bottom: 0;
    min-height: 0;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0
  }

  .pls-footer-website-columns {
    width: auto;
    margin-right: 0
  }

  .pls-footer-website-title {
    position: relative;
    margin-bottom: 0
  }

  .pls-footer-website-title a {
    position: relative;
    padding: 0 15px;
    height: 54px;
    font-size: 16px;
    line-height: 54px;
    background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
  }

  .pls-footer-website-columns>li:first-child .pls-footer-website-title a {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
  }

  .pls-footer-website-title a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
  }

  .pls-footer-website-list {
    position: relative;
    display: none;
    padding-top: 24px;
    padding-bottom: 24px
  }

  .pls-footer-website-list a {
    padding: 0 35px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px
  }

  .pls-footer-website-list li:last-child a {
    margin-bottom: 0
  }

  .pls-footer-website-group.actived .pls-footer-website-title a:after {
    margin-top: -2px;
    -webkit-transform: rotate3d(0, 0, 1, -135deg);
    transform: rotate3d(0, 0, 1, -135deg)
  }

  .pls-footer-website-group.actived .pls-footer-website-list {
    display: block
  }

  .pls-footer-website-group.actived .pls-footer-website-title a {
    color: #0052d9
  }

  .pls-footer-website-group.actived .pls-footer-website-title a:after {
    border-right: 2px solid #0052d9;
    border-bottom: 2px solid #0052d9
  }

  .pls-footer-copyright {
    position: static;
    margin-top: 20px;
    padding: 0 15px 1px;
    width: auto;
    text-align: center
  }

  .pls-footer-share-links {
    margin-bottom: 14px
  }

  .pls-footer-share-links>li {
    width: auto
  }

  .pls-footer-share-links a {
    padding: 10px
  }

  .pls-footer-website .mobile-part,.pls-footer-website .mobile-part .c-btn {
    margin-bottom: 20px
  }


  .pls-footer-select:hover .pls-footer-select-trigger:after,.pls-footer-select.hover .pls-footer-select-trigger:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  .pls-footer-select.show .pls-footer-dropdown {
    display: block
  }

  .pls-footer-select.show .pls-footer-select-trigger:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .pls-footer-copyright-text {
    margin-bottom: 14px
  }

  .pls-footer-copyright-text span {
    display: inline
  }

  .pls-footer-copyright .c-btn {
    height: 40px;
    line-height: 40px
  }

  .pls-footer-copyright .c-btn-weak {
    margin-bottom: 15px;
    border: 1px solid rgba(255,255,255,.3);
    background: transparent;
    color: #ccc
  }

  .pls-footer-blogroll {
  }

  .pls-footer-lang-switch {
    margin-top: 0;
    padding: 24px 0
  }

  .pls-footer-short .pls-footer-blogroll-links .icon-tc,.pls-footer-short .pls-footer-blogroll-links .slide,.pls-footer-short .pls-footer-blogroll-text {
    display: none
  }

  .pls-footer-short .pls-footer-website-group,.pls-footer-short .pls-footer-blogroll {
    display: block
  }

  .pls-footer-short .pls-footer-blogroll-links .slide-ct {
    display: block;
    line-height: 26px;
    white-space: normal
  }

  .pls-footer-short .pls-footer-blogroll-text {
    margin-top: 0;
    line-height: 26px
  }

  .pls-footer-short .pls-footer-blogroll-text>span {
    display: block
  }

  .pls-footer-short .pls-footer-blogroll-text .pc-part {
    display: none
  }

  .pls-footer-short .pls-footer-blogroll .pls-footer-inner {
    padding: 16px 16px 32px
  }

  .pls-footer-short .pls-footer-website-title a {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
  }
}

@media screen and (max-width: 400px) {
  .pls-footer-copyright-text span {
    display: block
  }
}

@media screen and (max-width: 767px) {
  .pls-footer-website-contact {
    position: static;
    width: calc(100% - 32px);
    padding-left: 16px;
    padding-right: 16px
  }

  .pls-footer-website-contact-title,.pls-footer-website-contact-text,.pls-footer-website-contact-view {
    display: none
  }

  .pls-footer-website-hotline-title,.pls-footer-website-hotline-phone {
    display: none
  }

  .pls-footer-website-hotline-phon-m {
    display: block;
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: #0052d9;
    font-size: 16px;
    box-shadow: 2px 4px 10px 0 rgba(27,51,95,.2)
  }

  .pls-footer-website-btn {
    max-width: none;
    line-height: 40px;
    width: auto;
    height: 40px;
    font-size: 16px;
    color: #000;
    background-color: inherit;
    background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 rgba(255,255,255,.43),inset 0 4px 20px 0 rgba(255,255,255,.5)
  }

  .pls-footer-website-copyright {
    display: block;
    text-align: center;
    margin-top: 24px;
    padding-bottom: 32px
  }

  .pls-footer-website-copyright p {
    line-height: 20px;
    font-size: 12px;
    color: #495770
  }

  .pls-footer-website-rss {
    display: block;
    text-align: center;
    margin-top: 32px;
    display: none
  }

  .pls-footer-website-rss-title {
    font-size: 12px;
    color: rgba(73,87,112,.6);
    letter-spacing: 0;
    line-height: 20px
  }

  .pls-footer-website-rss-search {
    width: 100%;
    display: table;
    margin-top: 8px
  }

  .pls-footer-website-rss-mod {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    line-height: 44px;
    height: 44px;
    text-align: center
  }

  .pls-footer-website-rss-mod:first-child {
    background: #f3f5f8;
    border: 2px solid #fff;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.2),inset -8px -8px 20px 0 #fff;
    text-align: left;
    padding-left: 16px
  }

  .pls-footer-website-rss-meeting,.pls-footer-website-rss-vx {
    display: inline-block;
    vertical-align: middle
  }

  .pls-footer-website-international-list {
    display: block
  }

  .pls-footer-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(20,23,29,.66);
    z-index: 99
  }

  .pls-footer-dialog-phone {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: calc(100% - 32px);
    z-index: 150;
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px
  }

  .pls-footer-dialog-phone-item {
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 rgba(255,255,255,.5)
  }

  .pls-footer-dialog-phone-btn {
    margin-top: 12px;
    display: block;
    text-align: center;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: #0052d9;
    box-shadow: 2px 4px 10px 0 rgba(27,51,95,.2)
  }
}

.pls-footer-hidden {
  display: none !important
}

@media(max-width: 1200px) {
  .pls-footer-hidden-l {
    display: none !important
  }

  .pls-footer-visible-l {
    display: block !important
  }

  .pls-footer-visible-l-inline {
    display: inline !important
  }

  .pls-footer-visible-l-inline-block {
    display: inline-block !important
  }
}

@media(max-width: 1000px) {
  .pls-footer-hidden-m {
    display: none !important
  }

  .pls-footer-visible-m {
    display: block !important
  }

  .pls-footer-visible-m-inline {
    display: inline !important
  }

  .pls-footer-visible-m-inline-block {
    display: inline-block !important
  }
}

@media(max-width: 768px) {
  .pls-footer-hidden-s {
    display: none !important
  }

  .pls-footer-visible-s {
    display: block !important
  }

  .pls-footer-visible-s-inline {
    display: inline !important
  }

  .pls-footer-visible-s-inline-block {
    display: inline-block !important
  }
}

@media(max-width: 600px) {
  .pls-footer-hidden-xs {
    display: none !important
  }

  .pls-footer-visible-xs {
    display: block !important
  }

  .pls-footer-visible-xs-inline {
    display: inline !important
  }

  .pls-footer-visible-xs-inline-block {
    display: inline-block !important
  }
}

/*帮助中心*/
.page-navbar-homeless {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background: #026FCE;
    background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  }

@media screen and (min-height: 768px){.page-navbar-homeless{ padding: 60px 0 60px; height: 420px;}
}

.page-navbar-homelesss {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background: #026FCE;
    background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -ms-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -moz-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -o-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: -webkit-linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
    background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);
  }

@media screen and (min-height: 768px){.page-navbar-homelesss{ padding: 60px 0 60px; height: 420px;}
}

.c-section.c-p-y-tall.hero-eventblock {
  padding-bottom:5px
}
.com-hero-event {
  display:block;
  box-sizing:border-box;
  padding:10px 20px;
  margin-left:-1px;
  margin-right:-1px;
  height:134px;
  text-align:center;
  background-color:#fff;
  transition:box-shadow .3s linear
}
.com-hero-event-img {
  display:block;
  margin:0 auto;
  width:44px;
  height:44px
}
.com-hero-event-title {
  display:inline-block;
  vertical-align:middle;
  padding-bottom:2px;
  max-width:100%;
  margin-top:10px;
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:#333;
  border-bottom:1px solid #00a4ff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.com-hero-event-title em {
  color:#00a4ff;
  font-weight:500
}
.com-hero-event-title .tag {
  position:relative;
  top:-2px;
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box;
  margin-right:5px;
  padding:0 8px;
  height:20px;
  border-radius:2px;
  border:1px solid #FF7200;
  font-size:12px;
  line-height:18px;
  color:#FF7200
}
.com-hero-event-desc {
  margin-top:6px;
  font-size:12px;
  line-height:21px;
  color:#666;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.com-hero-event:hover {
  position:relative;
  z-index:2;
  box-shadow:0 0 6px rgba(207,216,221,.63),0 4px 6px rgba(207,216,221,.63)
}
.com-hero-events {
  display:table;
  table-layout:fixed;
  width:100%
}
.com-hero-events>.event-cell {
  position:relative;
  display:table-cell;
  vertical-align:top
}
.com-hero-events>.event-cell:first-child {
  padding-left:0
}
.com-hero-events>.event-cell:last-child {
  padding-right:0
}
.com-hero-events>.event-cell:before {
  content:'';
  position:absolute;
  left:0;
  top:50%;
  margin-top:-40px;
  width:1px;
  height:80px;
  background-color:#E1E3E9
}
.com-hero-events>.event-cell:first-child:before {
  display:none
}

.c-hero-bar {
  margin-top: 50px;
  background-image:url(../images/banner_pc.png)
}

@media screen and (min-width: 768px){
  .c-hero-bar .doc-page-bar {
    width:650px;
    max-width:650px;
  }
}


@media screen and (max-width: 768px){
  .c-hero-bar .doc-page-bar {
    width:350px;
    max-width:350px;
  }
}

.c-hero-bar .p-all-bar .c-search-input {
  height:45px;
  line-height:25px;
  font-size:16px;
  border:none;
  padding:10px 15px
}
.c-hero-bar .p-all-search-list {
  top:50px;
  background:#fff;
  -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);
  -moz-box-shadow:0 0 6px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);
  box-shadow:0 0 6px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  font-size:14px;
  text-align:left
}


.p-all-search-list {
  overflow-x:hidden
}

.p-all-bar .p-all-search-list .p-all-search-none-about:hover {
  background-color:inherit;
  cursor:default
}
.c-hero-bar .p-all-bar .c-search-btn {
  height:45px;
  border:none
}
.c-hero-bar .c-search-tip {
  font-size:14px;
  padding:15px 0;
  text-align:left
}
.c-hero-bar .c-search-tip>span {
  color:#ccc
}
.c-hero-bar .c-search-tip>a {
  color:#fff
}
.c-hero-bar .c-search-tip>a:hover {
  color:#00a4ff
}
.c-hero-bar .c-search-tip>a+a {
  margin-left:10px
}
.c-hero-bar .search-result-title {
  font-size:12px;
  color:#999;
  line-height:14px;
  padding:0 5px
}
.c-hero-bar .doc-page-bar .p-all-search-item a {
  padding:10px 25px;
  line-height:1
}
.c-hero-bar .p-all-search-con {
  color:#333;
  font-size:14px;
  line-height:1
}
.c-hero-bar .p-all-search-item:hover .p-all-search-con {
  color:#00a4ff
}
.c-hero-bar .search-no-result {
  padding:10px 5px 50px;
  font-size:14px;
  line-height:1;
  color:#999
}
.c-hero-bar .p-all-search-item.actived {
  background-color:#f5f5f5
}
.c-hero-bar .p-all-bar .c-search-btn:after {
  background-image:url(../images/faq-202001081052.svg);
  background-position:98.44000000000001% 56.45%;
  background-size:500% 487.5%;
  background-repeat:no-repeat
}
.c-hero-bar .doc-page-bar .p-all-search-item:hover {
  background-color:#f5f5f5
}
.hide {
  display:none
}


.c-section.c-p-y-tall {
  padding:70px 0 80px
}
.c-section.c-p-y-short {
  padding:45px 0 50px
}
.c-section.bg-color {
  background:#f7f8fa
}
.c-section-inner {
  margin:0 auto;
  width:100%;
  max-width:1200px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:0 10px
}
.c-section-hd {
  margin-bottom:55px
}
.c-section.c-p-y-short .c-section-hd {
  margin-bottom:35px
}
.c-section-tit {
  text-align:center;
  text-align:center;
  font-size:32px;
  color:#000;
  font-weight:400;
  line-height:46px
}
.c-section-des {
  text-align:center;
  text-align:center;
  font-size:16px;
  color:#666;
  margin:16px 0 0;
  line-height:28px
}
.c-section-des a {
  color:#00a4ff
}
.c-section-des a:hover {
  text-decoration:underline
}
.c-section-hd-align-left,.c-section-hd-align-left .c-section-des,.c-section-hd-align-left .c-section-tit {
  text-align:left
}

.c-hero-bar .mod-hero {
  background-color:#0c1328
}
.c-hero-bar .img-item {
  background-position:center;
  background-repeat:no-repeat;
  text-align:center
}
.c-hero-bar .img-item:after {
  content:'';
  display:inline-block;
  width:0;
  height:255px;
  vertical-align:middle;
  overflow:hidden
}
.c-hero-bar .hero-text {
  color:#fff;
  font-size:34px;
  vertical-align:middle;
  display:inline-block
}
.c-hero-bar .hero-text h1 {
  font-weight:400
}
.c-hero-bar .hero-text p {
  font-size:16px;
  margin-top:10px
}
.c-hero-bar {
  min-width:320px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#61697c;
  -webkit-font-smoothing:antialiased
}
.c-hero-bar-inner {
  box-sizing:border-box;
  margin:0 auto;
  padding:0 10px;
  max-width:1200px;
  height:380px;
  color:#fff;
  line-height:1.5;
  font-size:0;
  text-align:center
}
.c-hero-bar-inner:before {
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:0;
  height:100%
}
.c-hero-bar-ct {
  display:inline-block;
  vertical-align:middle;
  max-width:99%
}
.c-hero-bar-tit {
  margin-bottom:16px;
  color: #fff;
  font-size:40px;
  line-height:56px;
  font-weight:400
}
.c-hero-bar-desc {
  font-size:16px;
  line-height:28px
}

.c-search-input {
  padding-right:50px
}

.c-search-with-select .c-search-input {
  padding-right:150px
}

.c-search-input {
  display:block;
  height:50px;
  width:100%;
  padding:4px 140px 4px 20px;
  font-size:16px;
  line-height:40px;
  border:1px solid #c2c2c2;
  border-radius:0;
  -webkit-appearance:none
}
.c-search-input:focus {
  border-color:#00a4ff;
  outline:0;
  box-shadow:0 0 2px rgba(34,119,218,.3)
}
.c-search-btn {
  position:absolute;
  right:0;
  top:0;
  width:120px;
  height:50px;
  box-sizing:border-box;
  transition:background .2s ease;
  -webkit-transition:background .2s ease;
  background:#00a4ff;
  border:none;
  line-height:250px;
  overflow:hidden;
  outline:0
}
.c-search-btn:after {
  position:absolute;
  content:"";
  display:inline-block;
  background-image:url(../images/global-20209142343.svg);
  width:24px;
  height:24px;
  top:13px;
  left:50%;
  margin-left:-12px;
  background-position:31% 43.43%;
  background-size:1350% 1241.6666666666665%;
  background-repeat:no-repeat
}
.c-search-btn:hover {
  background:#0070cc
}
.c-search-dropdown {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  z-index:300;
  box-sizing:border-box;
  width:100%;
  max-height:150px;
  border:1px solid #D1D2D3;
  overflow-y:scroll;
  background-color:#fff
}
.c-search-dropdown-visible {
  display:block
}
.c-search-dropdown-item {
  display:block;
  margin-bottom:1px;
  padding:0 20px;
  font-size:14px;
  text-align:left;
  line-height:30px;
  color:#333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer
}
.c-search-dropdown-item-actived,.c-search-dropdown-item:hover {
  background:#f2f2f2
}
.p-all-bar .c-search-btn {
  position:relative;
  line-height:36px;
  border:1px solid #e5e5e5;
  border-left:none;
  height:36px;
  width:35px;
  vertical-align:middle;
  text-indent:-10000px;
  border-radius:0
}
.p-all-bar .c-search-btn:after {
  background-image:url(../images/global-20209142343.svg);
  width:16px;
  height:16px;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  background-position:70.45% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn:after {
  background-image:url(../images/global-20209142343.svg);
  background-position:76.3% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn {
  border-color:#00a4ff
}
.p-all-bar .c-search-btn,.p-all-bar .c-search-btn:hover {
  background-color:#fff
}

.p-all-search-list {
  position:absolute;
  top:40px;
  left:0;
  border:1px solid #e5e5e5;
  width:calc(100% - 1px);
  max-height:380px;
  box-sizing:border-box;
  background-color:#fff;
  box-shadow:#eee 2px 2px 0;
  overflow:auto;
  z-index:1
}
.p-all-search-item {
  white-space:nowrap;
  box-sizing:border-box;
  cursor:pointer
}
.p-all-search-item>.p-all-search-item-inner {
  padding:10px
}
.p-all-search-item a {
  padding:10px;
  display:block
}
.p-all-search-item-inner {
  display:inline-block;
  vertical-align:middle
}
.p-all-search-tit {
  font-size:14px;
  color:#000;
  font-weight:400;
  margin-bottom:3px
}
.p-all-search-con {
  color:#666;
  font-size:12px;
  white-space:normal
}
.p-all-search-item.actived {
  background-color:#f7f8fa
}
.p-all-search-item.actived .p-all-search-tit {
  color:#00a4ff
}
.p-all-search-item.disabled:hover {
  background-color:#fff;
  cursor:default
}
.p-all-search-item.disabled:hover .p-all-search-tit {
  color:#000
}
.p-all-bar .c-search-input {
  line-height:1;
  border-color:#e5e5e5;
  border-right:0;
  box-shadow:none;
  display:inline-block;
  vertical-align:middle;
  width:calc(100% - 35px);
  font-size:14px;
  padding-right:20px;
  padding-left:10px
}
.p-all-bar .c-search-btn {
  line-height:35px;
  border:1px solid #e5e5e5;
  border-left:none;
  height:35px;
  width:35px;
  vertical-align:middle;
  text-indent:-10000px;
  border-radius:0
}


.p-all-bar .c-search-btn {
  position:relative;
  line-height:36px;
  border:1px solid #e5e5e5;
  border-left:none;
  height:36px;
  width:35px;
  vertical-align:middle;
  text-indent:-10000px;
  border-radius:0
}
.p-all-bar .c-search-btn:after {
  background-image:url(../images/global-20209142343.svg);
  width:16px;
  height:16px;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  background-position:70.45% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn:after {
  background-image:url(../images/global-20209142343.svg);
  background-position:76.3% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn {
  border-color:#00a4ff
}
.p-all-bar .c-search-btn,.p-all-bar .c-search-btn:hover {
  background-color:#fff
}



























































/*常见问题栏*/
.normal-faq-card {
  padding:40px 50px 40px 10px;
  border:1px solid #e5e5e5
}
.normal-card-list .c-media-horiz {
  padding:0 0 0 135px
}
.normal-faq-card .c-media-aline .c-media-img {
  top:0;
  left:0;
  display:block;
  width:112px
}
.normal-faq-card .ico32 {
  display:inline-block
}
.normal-faq-card .ico-view {
  display:inline-block;
  width:48px;
  height:48px
}
.normal-faq-card .c-media-horiz .c-media-body {
  display:block
}
.normal-faq-card .c-media-aline .c-media-heading {
  margin-left:0;
  text-align:center
}
.normal-faq-card .c-media-info {
  margin-top:0
}
.normal-faq-card .c-media-info>li {
  line-height:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.normal-faq-card .c-media-info>li:before {
  content:'';
  display:inline-block;
  width:4px;
  height:4px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background-color:#999;
  vertical-align:4px;
  margin-right:6px
}
.normal-faq-card .c-media-info>li+li {
  margin-top:0px
}
.normal-faq-card .c-media-info>li>a {
  font-size:14px;
  color:#666
}
.normal-faq-card .c-media-info>li>a:hover {
  color:#00a4ff
}
.c-media {
  line-height:1.5;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:#fff;
  padding:20px;
  display:block
}
.c-media-img {
  width:100%;
  text-align:center
}
.c-media-body {
  margin-top:20px
}
.c-media-heading {
  text-align:center;
  font-size:18px;
  color:#333;
  margin:0;
  padding:0;
  font-weight:400;
  line-height:1.5
}
.c-media-info {
  font-size:14px;
  color:#666;
  margin-top:10px;
  line-height:1.7;
  word-wrap:break-word
}
.c-media-link {
  color:#00a4ff;
  text-decoration:none;
  margin-right:10px
}
.c-media-link:hover {
  text-decoration:underline
}
.c-media-linkmore {
  color:#00a4ff;
  text-decoration:none;
  margin-right:10px;
  display:inline-block;
  margin-top:10px
}
.c-media-linkmore:hover {
  text-decoration:underline
}
.c-media-link-center {
  margin-top:10px;
  text-align:center
}
.c-media-link-center .c-media-linkmore {
  margin:0
}
.c-media-link-arrow {
  color:#00a4ff;
  text-decoration:none
}
.c-media-link-arrow:after {
  content:'';
  position:relative;
  top:-1px;
  display:inline-block;
  vertical-align:middle;
  margin-left:5px;
  width:5px;
  height:8px;
  background-image:url(../images/global-20209142343.svg);
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  background-position:99.69% 11.379999999999999%;
  background-size:6480% 3725%;
  background-repeat:no-repeat
}
.c-media-link-arrow:hover:after {
  -webkit-transform:translateX(3px);
  transform:translateX(3px)
}
.c-media-bg32 {
  height:32px
}
.c-media-bg48 {
  height:48px
}
.c-media-bg64 {
  height:64px
}
.c-media-bg144 {
  height:144px
}
.c-media-motion {
  cursor:pointer;
  -webkit-transition:box-shadow .2s linear;
  -webkit-transition:transform .2s linear;
  transition:box-shadow .2s linear;
  transition:transform .2s linear
}
.c-media-motion:hover {
  box-shadow:0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);
  -webkit-transform:translate3d(0,-3px,0);
  transform:translate3d(0,-3px,0)
}
.c-media-circle .c-media-img {
  border:1px solid #ddd;
  border-radius:50%;
  width:100px;
  height:100px;
  display:block;
  padding:18px;
  box-sizing:border-box;
  margin:0 auto
}
.c-media-bor {
  border:1px solid #e5e5e5
}
.c-media-horiz {
  position:relative;
  line-height:1.5;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:#fff;
  padding:20px;
  display:block
}
.c-media-horiz:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.c-media-horiz .c-media-img {
  display:table-cell;
  vertical-align:top;
  width:inherit;
  padding:0 15px 0 0
}
.c-media-horiz .c-media-body {
  display:table-cell;
  vertical-align:top;
  margin-top:0
}
.c-media-horiz .c-media-heading {
  text-align:left
}
.c-media-watermark {
  overflow:hidden;
  position:relative
}
.c-media-watermark .c-media-body {
  margin-top:0
}
.c-media-watermark .c-media-img {
  padding:0;
  width:144px;
  height:144px;
  display:inline-block;
  position:absolute;
  bottom:-40px;
  right:-40px
}
.c-media-aline {
  position:relative
}
.c-media-aline .c-media-img {
  position:absolute;
  left:20px;
  top:20px
}
.c-media-aline .c-media-heading {
  margin-left:40px
}
.c-media-expand {
  padding:0
}
.c-media-expand .c-media-body {
  padding:0 20px 20px
}
.c-media-expand.c-media-horiz .c-media-body {
  padding:20px 20px 20px 0
}
.c-media-para {
  padding:25px 20px;
  border-bottom:#e5e5e5 1px solid
}
.c-media-para .c-media-head {
  position:relative
}
.c-media-para .c-media-para-tit {
  font-size:18px;
  font-weight:400;
  color:#333
}
.c-media-para .c-media-body {
  margin-top:15px
}
.c-media-para-tit-aside {
  position:absolute;
  right:0;
  top:5px;
  color:#999
}
.c-media-para-tit-aside span {
  margin-right:10px
}
.c-media-para-txt {
  max-width:670px;
  color:#666;
  transition:all .2s linear;
  max-height:100px;
  overflow:hidden
}
.c-media-para-txt.close {
  max-height:22px;
  overflow:hidden;
  transition:all .2s linear
}
.c-media-para-links {
  padding-top:15px
}
.c-media-para-links a {
  color:#999;
  display:inline-block;
  padding:0 15px;
  position:relative
}
.c-media-para-links a:hover {
  text-decoration:underline
}
.c-media-para-links a:after {
  content:'';
  position:absolute;
  width:1px;
  height:14px;
  background-color:#999;
  right:0;
  top:3px
}
.c-media-para-links a:first-child {
  padding-left:0
}
.c-media-para-links a:last-child:after {
  display:none
}
.c-align-left {
  text-align:left
}
.c-media-heading-weak {
  color:#999
}
.c-media-topicon-alignleft .c-media-img {
  text-align:left;
  margin-bottom:10px
}
.c-media-topicon-alignleft .c-media-img img {
  margin:0
}
.c-media-topicon-alignleft .c-media-heading {
  text-align:left
}
.c-media-topicon-alignleft [class*=' c-media-bg'],.c-media-topicon-alignleft [class^=c-media-bg] {
  background-position:left center
}
.c-grid-nocard-expand {
  margin-left:-30px;
  margin-right:-30px
}
.c-grid-nocard-expand .c-media {
  background:0 0
}
.c-media-shadow {
  border:none;
  box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);
  cursor:pointer;
  -webkit-transition:box-shadow .2s linear;
  -webkit-transition:transform .2s linear;
  transition:box-shadow .2s linear;
  transition:transform .2s linear
}
.c-media-shadow:hover {
  box-shadow:0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);
  -webkit-transform:translate3d(0,-3px,0);
  transform:translate3d(0,-3px,0)
}
.c-media-extra-infos {
  margin-bottom:-20px;
  border-top:1px solid #e5e5e5;
  font-size:0;
  height:54px;
  line-height:54px
}
.c-media-extra-info {
  display:inline-block;
  margin-left:20px;
  color:#666;
  font-size:14px
}
.c-media-extra-info:first-child {
  margin-left:0
}
.c-media-extra-info .icon {
  position:relative;
  top:-1px;
  display:inline-block;
  vertical-align:middle;
  margin-right:8px;
  width:16px;
  height:16px
}
.c-media-skin-scene {
  padding:30px
}
.c-media-skin-scene .c-media-body {
  box-sizing:border-box;
  margin-top:0;
  height:140px
}
.c-media-skin-scene:hover .c-media-heading {
  color:#00a4ff
}
.c-media-skin-scene .c-media-extra-infos {
  margin-bottom:-30px
}
.c-media-skin-lab {
  padding:30px
}
.c-media-skin-lab .c-media-body {
  height:118px
}
.c-media-skin-lab:hover .c-media-heading {
  color:#00a4ff
}
.c-media-skin-lab .c-media-info {
  -webkit-line-clamp:2;
  max-height:3em
}
.c-media-skin-lab .c-media-extra-infos {
  margin-bottom:-30px
}
.c-media-skin-resource {
  position:relative;
  padding:30px;
  height:143px;
  overflow:hidden
}
.c-media-skin-resource .c-media-body {
  margin-top:0
}
.c-media-skin-resource .c-media-heading {
  text-align:left
}
.c-media-skin-resource .c-media-info {
  margin-top:10px
}
.c-media-skin-resource:hover .c-media-heading {
  color:#00a4ff
}
.c-media-skin-resource.c-media-watermark .c-media-img {
  position:absolute;
  right:-28px;
  bottom:-26px;
  width:auto;
  filter:grayscale(100%)
}
.c-media-skin-resource.c-media-watermark:hover .c-media-img {
  filter:grayscale(0)
}
.c-media-skin-resource.c-media-watermark .c-media-img img {
  display:block
}
.c-media-skin-resource.c-media-watermark .c-media-body {
  position:relative;
  max-width:234px
}
.c-media-skin-resource.c-media-watermark .c-media-info {
  margin-top:0;
  margin-bottom:5px;
  color:#999;
  line-height:24px
}
.c-media-nomotion {
  cursor:default;
  transition:none;
  -webkit-transition:none
}
.c-media-nomotion:hover {
  box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);
  transition:none;
  -webkit-transition:none;
  transform:none;
  -webkit-transform:none
}

.c-grid {
  font-size:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.c-grid [class*=c-g-] {
  display:inline-block;
  zoom:1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:14px;
  padding-left:10px;
  padding-right:10px;
  vertical-align:top
}
.c-grid-expand {
  margin-right:-10px;
  margin-left:-10px
}
.c-grid-inner {
  font-size:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-right:-10px;
  margin-left:-10px
}
.c-grid-inner [class*=c-g-] {
  display:inline-block;
  zoom:1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:14px;
  padding-left:10px;
  padding-right:10px;
  vertical-align:top
}
.c-g-1 {
  width:4.1667%
}
.c-g-2 {
  width:8.3333%
}
.c-g-3 {
  width:12.5%
}
.c-g-4 {
  width:16.6667%
}
.c-g-5 {
  width:20%
}
.c-g-6 {
  width:25%
}
.c-g-7 {
  width:29.1667%
}
.c-g-8 {
  width:33.3333%
}
.c-g-9 {
  width:37.5%
}
.c-g-10 {
  width:41.6667%
}
.c-g-11 {
  width:45.8333%
}
.c-g-12 {
  width:50%
}
.c-g-13 {
  width:54.1667%
}
.c-g-14 {
  width:58.3333%
}
.c-g-15 {
  width:62.5%
}
.c-g-16 {
  width:66.6667%
}
.c-g-17 {
  width:70.8333%
}
.c-g-18 {
  width:75%
}
.c-g-19 {
  width:79.1667%
}
.c-g-20 {
  width:83.3333%
}
.c-g-21 {
  width:87.5%
}
.c-g-22 {
  width:91.6667%
}
.c-g-23 {
  width:95.8333%
}
.c-g-24 {
  width:100%
}
.c-hidden {
  display:none !important
}
/*帮助中心列表分辨率*/
@media screen and (min-width: 768px){
  .c-list {
    width:33.3333%;
    float: left;
     padding: 10px 0 0;
  }
}
@media screen and (max-width: 768px){

  .doc-column-aside{
    width: 100%;
  }
}

@media screen and (max-width: 768px){
  .c-list {
     width:83.3333%;
     padding: 10px 0 0;
  }
  .J-docMediaPanel2{
    display: none;
  }
}
.c-p-y-tall.home-footer-mod {
  background-size:cover
}
.c-section.c-p-y-tall {
  padding:70px 0 80px
}
.c-section.c-p-y-short {
  padding:45px 0 50px
}
.c-section.bg-color {
  background:#f7f8fa
}
.c-section-inner {
  margin:0 auto;
  width:100%;
  max-width:1200px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:0 10px
}
.c-section-hd {
  margin-bottom:55px
}
.c-section.c-p-y-short .c-section-hd {
  margin-bottom:35px
}
.c-section-tit {
  text-align:center;
  text-align:center;
  font-size:32px;
  color:#000;
  font-weight:400;
  line-height:46px
}
.c-section-des {
  text-align:center;
  text-align:center;
  font-size:16px;
  color:#666;
  margin:16px 0 0;
  line-height:28px
}
.c-section-des a {
  color:#00a4ff
}
.c-section-des a:hover {
  text-decoration:underline
}
.c-section-hd-align-left,.c-section-hd-align-left .c-section-des,.c-section-hd-align-left .c-section-tit {
  text-align:left
}





 
.truncate{
    display: inline-block
  }
.badge{
    display: inline-block
  }

.doc-media-panel {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.doc-media-panel+.doc-media-panel:after {
    content: "";
    position: absolute;
    left: 200px;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #E5E5E5
}

.doc-media-panel-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px;
    box-sizing: border-box
}

.doc-media-panel-cell {
    display: table-cell;
    vertical-align: middle
}

.doc-media-panel-hd {
    padding-right: 62px;
    width: 200px;
    box-sizing: border-box
}

.doc-media-panel-hd-inner {
    position: relative;
    padding-left: 42px;
    min-height: 32px;
    box-sizing: border-box
}

.doc-media-panel-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px
}

.doc-media-panel-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.doc-media-panel-tit {
    padding: 5px 0;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-weight: 400
}

.doc-media-panel-main-inner {
    width: 100%;
    overflow: hidden
}

.doc-media-panel-list {
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    font-size: 0
}

.doc-media-panel-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    width: 20%;
    box-sizing: border-box
}

.doc-media-panel-item-link {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    vertical-align: 1px
}

.doc-media-panel-item-link:hover {
    color: #00a4ff
}

.doc-media-panel-item-status {
    margin-left: 5px;
    font-size: 12px;
    color: #ed702e;
    vertical-align: 1px
}

.doc-media-panel-item:nth-child(5) {
    margin-right: 0
}

.doc-media-panel.vertical {
    padding: 20px;
    border: 1px solid #E5E5E5
}

.doc-media-panel.vertical+.doc-media-panel.vertical {
    margin-top: 30px
}

.doc-media-panel.vertical+.doc-media-panel.vertical:after {
    display: none
}

.doc-media-panel.vertical .doc-media-panel-list {
    margin-left: -5px;
    margin-right: -5px
}

.doc-media-panel.vertical .doc-media-panel-item {
    padding-left: 5px;
    padding-right: 5px
}

.doc-media-panel.vertical .doc-media-panel-hd {
    margin-bottom: 16px;
    padding: 0;
    width: auto
}

.doc-media-panel.vertical .doc-media-panel-hd-inner {
    padding-left: 26px;
    min-height: 24px
}

.doc-media-panel.vertical .doc-media-panel-icon {
    top: 3px;
    width: 16px;
    height: 16px
}

.doc-media-panel.vertical .doc-media-panel-tit {
    padding: 0;
    line-height: 22px;
    font-size: 16px;
    color: #000
}
.doc-column-layout {
    position: relative
}

.doc-column-ctn {
    position: relative;
    min-height: 500px;
    zoom:1}

.doc-column-ctn::after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
@media screen and (max-width:768px) {    
  .doc-column-aside{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin:0 auto;
  }
  .doc-column-aside-inner{
    margin:0 15px;
    padding:0 22px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #E5E5E5;
  }
  .doc-column-aside-bd {
    height: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width:769px) {    
  .doc-column-aside {
    position: relative;
    padding-right: 30px;
    width: 250px;
    float: left;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden
  }
.doc-column-aside-bd {
    margin-top: -97px;
    padding-top: 97px;
    height: 100%;
    box-sizing: border-box
  }
.doc-column-aside-inner {
    margin-right: -22px;
    padding-right: 22px;
    height: 100%;
    overflow: hidden
}
}
.doc-column-aside.fixed {
    position: fixed;
    top: 0;
    z-index: 9
}


.doc-column-aside-hd {
    position: relative;
    margin-bottom: 20px;
    z-index: 2
}

.doc-column-aside-tit {
    line-height: 22px;
    font-size: 16px;
    color: #000;
    font-weight: 400
}

.doc-column-aside .doc-aside-search {
    margin-top: 20px
}
.doc-column-aside-menu {
    margin-right: -22px;
    padding-right: 22px;
    max-height: 100%;
    box-sizing: border-box;
    overflow-y: auto
}

.doc-column-aside-menu::-webkit-scrollbar {
    width: 6px;
    height: 17px;
    background: 0 0;
    border-radius: 9px
}

.doc-column-aside-menu::-webkit-scrollbar-thumb {
    background: 0 0
}

.doc-column-aside-menu:hover::-webkit-scrollbar-thumb {
    background: #DDD;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.doc-column-aside-menu-item+.doc-column-aside-menu-item {
    margin-top: 10px
}

.doc-column-aside-menu-link {
    position: relative;
    display: block;
    padding-left: 12px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box
}

.doc-column-aside-menu-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%
}

.doc-column-aside-menu-item.actived .doc-column-aside-menu-link,.doc-column-aside-menu-link:hover {
    color: #00a4ff
}

.doc-column-aside-menu-item.actived .doc-column-aside-menu-link::before,.doc-column-aside-menu-link:hover::before {
    background-color: #00a4ff
}

.doc-column-main {
    float: right;
    width: calc(100% - 200px);
    box-sizing: border-box
}


.rno-document-content-product-mark {
  width: calc(100% - 125px);
  box-sizing: border-box
}

.rno-document-content-box {
  background-color: #fff
}

.rno-document-content-box-content {
  padding-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  max-width: 1180px
}

.rno-document-content-box-side {
  background-color: #fff;
  width: 212px;
  display: inline-block;
  vertical-align: top
}

.rno-document-content-box-main {
  -ms-flex: 1;
  flex: 1;
  width: 1px
}

.rno-document-content-card {
  width: 100%;
  position: relative
}

.rno-document-content-mobile-all {
  font-size: 0;
  display: none
}

.rno-document-content-tab {
  margin-bottom: 12px
}

.rno-document-content-tab-tit {
  height: 46px;
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 14px;
  color: #495770;
  letter-spacing: 0;
  text-align: center;
  padding: 12px 32px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 12px;
  background-image: linear-gradient(0deg,#fff,#f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
  box-sizing: border-box
}

.rno-document-content-tab-tit:first-child {
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
  background: #f3f5f8;
  border: none
}

.rno-document-content-tab-link:hover {
  color: #0052d9
}

.rno-document-content-tab-link {
  color: #495770
}

.rno-document-content-tab-active {
  color: #0052d9
}

.rno-document-content-tab-list {
  display: none
}

.rno-document-content-tab-content {
  position: relative;
  height: auto;
  background: linear-gradient(180deg,#f3f5f8,#fff);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
  border-radius: 4px;
  height: 100%
}

.rno-document-content-tab-content-link {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block
}

.rno-document-content-tab-content-box {
  position: relative;
  top: 0;
  padding: 24px;
  width: 100%;
  background: url(../css/images/bg_82b.jpeg) 100% 0 no-repeat;
  background-size: 340px auto
}

.rno-document-content-text {
  margin-top: 20px
}

@media screen and (min-width:769px) {
  .rno-document-content-box-main .rno-document-content-text:first-child {
    margin-top: 8px
  }
}

.rno-document-content-feedback {
  color: #666;
  line-height: 1.84;
  padding: 20px 150px;
  background-color: #f1f2f5;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  border-radius: 4px
}

.rno-document-content-result {
  color: #4c5b76;
  line-height: 1.84;
  padding: 25px 0;
  background-color: #f5f7fa;
  box-sizing: border-box;
  margin-top: 40px;
  font-size: 16px
}

.rno-document-content-result-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.rno-document-content-success {
  height: 26px;
  line-height: 26px;
  background-image: url(../css/images/btn-ok_154.svg);
  background-repeat: no-repeat;
  padding-left: 48px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased
}

.rno-document-content-success-m {
  display: none
}

.rno-document-search-relations {
  margin-bottom: 20px
}

.rno-document-search-relations .relations-list {
  display: -ms-flexbox;
  display: flex
}

.rno-document-search-relations .rno-document-content-card {
  -ms-flex: 1;
  flex: 1;
  width: 1px;
  margin-right: 20px;
  margin-bottom: 0
}

.rno-document-search-relations .rno-document-content-card:last-child {
  margin-right: 0
}

.rno-document-search-relations .rno-document-content-tab-content-box {
  padding-left: 16px;
  padding-right: 16px
}

@media screen and (max-width:768px) {
  .rno-document-content-result {
    position: relative;
    padding: 20px 16px;
    margin: 0 -16px -1px
  }

  .rno-document-content-success {
    padding-left: 0;
    padding-top: 40px;
    background-position: top;
    text-align: center;
    height: auto;
    line-height: 24px
  }
}

.rno-document-content-question {
  width: calc(100% - 312px);
  box-sizing: border-box;
  font-size: 16px;
  color: #4b5b76;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased
}

.rno-document-content-answer {
  padding-left: 20px;
  font-size: 0;
  display: -ms-flexbox;
  display: flex
}

.rno-document-content-answer-m {
  display: none
}

.rno-document-content-answer-btn {
  color: #0052d9;
  vertical-align: top;
  min-width: 126px;
  padding: 6px 12px;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
  box-sizing: border-box;
  margin-left: 20px;
  border: 1px solid transparent
}

.rno-document-content-answer-btn:hover {
  border-color: #2670e8;
  background-color: #ecf2fe;
  box-shadow: none;
  color: #0052d9;
  transition: all .3s ease-in-out
}

.rno-document-content-answer-smile {
  height: 26px;
  line-height: 28px;
  background-image: url(../css/images/btn-ok_154.svg)
}

.rno-document-content-answer-sad,.rno-document-content-answer-smile {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  background-size: cover
}

.rno-document-content-answer-sad {
  height: 28px;
  background-image: url(../css/images/btn-no_82a.svg)
}

.rno-document-content-answer-btn>span {
  display: inline-block;
  vertical-align: middle
}

.rno-document-content-answer-btn>i~span {
  margin-left: 12px
}

.rno-document-content-first-text {
  margin-top: 0
}

.rno-document-content-text em {
  color: #f64041
}

.rno-document-content-text-tit {
  font-weight: 500;
  font-size: 0;
  margin-bottom: 8px
}

.rno-document-content-text-tag {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px
}

.rno-document-content-text-tag img {
  display: block;
  width: 100%;
  height: 100%
}

.rno-document-content-text-tit-link {
  color: #333;
  font-size: 16px;
  line-height: 24px
}

.rno-document-content-text-tit-link:hover {
  color: #0052d9
}

.rno-document-content-text-desc {
  padding: 8px 20px;
  background: #f1f2f5
}

.rno-document-content-text-con,.rno-document-content-text-desc {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
}

.rno-document-content-text-con {
  letter-spacing: 0
}

.rno-document-content-text-source {
  font-size: 12px;
  color: #4b5b76;
  letter-spacing: 0;
  line-height: 20px
}

.rno-document-content-page-views {
  font-size: 14px;
  color: #333;
  margin-left: 30px
}

.rno-document-content-price {
  height: calc(100% - 43px);
  border-left: 1px solid #e5e5e5;
  font-size: 18px;
  color: #ff7200;
  line-height: 25px;
  margin-left: 20px;
  width: 105px;
  padding: 21px 0 21px 20px;
  text-align: left;
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all
}

.rno-document-content-price-mobile {
  font-size: 14px;
  color: #ff7200;
  line-height: 21px;
  margin: 0;
  display: none
}

.rno-document-content-more {
  background-color: rgba(241,242,245,.5);
  border-radius: 20px;
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 14px;
  color: #0052d9;
  letter-spacing: 0;
  line-height: 24px;
  padding: 8px 58px;
  margin: 40px auto 0;
  width: 200px
}

.rno-document-more-loading {
  padding: 0
}

.rno-document-content-about {
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 60px;
  margin-top: 40px
}

.rno-document-content-about,.rno-document-content-background {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.rno-document-content-background {
  width: 100%;
  -ms-flex-flow: row;
  flex-flow: row
}

.rno-document-content-about-item {
  width: 282px;
  height: 200px;
  background-image: linear-gradient(0deg,#fff,#f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
  border-radius: 8px;
  padding: 20px 28px;
  position: relative;
  overflow: hidden;
  background-image: url(../css/images/more-background_214.svg);
  background-repeat: no-repeat;
  background-position: 100% 10px
}

.rno-document-content-about-item:nth-child(2) {
  margin-right: 20px;
  margin-left: 20px
}

.rno-document-content-about-item img {
  position: absolute;
  bottom: -2px;
  right: 0
}

.rno-document-content-about-tit {
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 12px
}

.rno-document-content-about-list {
  list-style: disc
}

.rno-document-content-about-list li {
  margin-bottom: 8px
}

.rno-document-content-about-list li:last-child {
  margin: 0
}

.rno-document-content-about-link {
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  color: #495770
}

.rno-document-content-about-link:hover {
  color: #0052d9
}


@media screen and (max-width:1164px) and (min-width:769px) {
  .rno-document-top-search {
    padding: 32px 20px 0
  }

  .rno-document-content-box-content,.rno-document-search-up-pc .rno-document-top-search-content {
    width: 100%
  }

  .rno-document-search-up-pc .rno-document-search-input {
    width: calc(100% - 280px)
  }

  .rno-document-content-box-side {
    background-color: #fff;
    width: 252px;
    padding-left: 40px;
    box-sizing: border-box
  }

  .rno-document-content-box-main {
    box-sizing: border-box
  }
}

@media screen and (max-width:768px) {
  .rno-document-content-mobile-all {
    display: none;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 0;
    font-family: PingFangSC-Regular,sans-serif;
    font-size: 14px;
    color: #0052d9;
    line-height: 22px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .rno-document-content-tab-mark {
    z-index: 990;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,.6)
  }

  .rno-document-content-tab-list {
    z-index: 999;
    width: 100%;
    background-color: #fff;
    padding-top: 10px;
    display: block;
    position: fixed;
    bottom: 0
  }

  .rno-document-content-tab-list ul {
    max-height: 371px;
    overflow-y: auto
  }

  .rno-document-content-feedback {
    padding: 20px 16px;
    margin: 0 -16px -1px;
    box-sizing: border-box;
    width: auto;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative
  }

  .rno-document-content-question {
    width: auto;
    margin-bottom: 12px
  }

  .rno-document-content-answer {
    padding-left: 0;
    padding-right: 0
  }

  .rno-document-content-box-content {
    display: block;
    padding: 0
  }

  .rno-document-content-box-side {
    padding-left: 16px;
    width: 100%
  }

  .rno-document-content-box-main {
    width: 100%;
    margin-left: 0;
    padding: 20px 16px
  }

  .rno-document-content-tab,.rno-document-content-tab-content {
    width: 100%
  }

  .rno-document-content-card {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center
  }

  .rno-document-search-relations .relations-list.is-multi .rno-document-content-tab-content {
    height: 100%
  }

  .rno-document-search-relations .relations-list.is-multi .rno-document-content-tab-content-box {
    background: none;
    min-height: 100px;
    height: 100%;
    padding-top: 30px
  }

  .rno-document-content-text {
    margin-top: 0;
    width: 100%;
    padding: 20px 16px;
    border-top: 1px solid #d6dbe3
  }

  .rno-document-content-text .rno-document-content-product {
    width: auto;
    margin: 0 -16px
  }

  .rno-document-content-text-tit {
    height: 24px;
    overflow: hidden
  }

  .rno-document-content-text-tit-link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #181818
  }

  .rno-document-content-text-con {
    line-height: 20px;
    margin: 8px 0 4px
  }

  .rno-document-content-text-con-link {
    color: #666
  }

  .rno-document-content-text-source {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
  }

  .rno-document-content-more {
    padding: 8px 58px;
    margin: 32px auto 20px;
    text-align: center
  }

  .rno-document-content-about {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 16px
  }

  .rno-document-content-background {
    margin-right: -10px;
    margin-left: -10px
  }

  .rno-document-content-about-item {
    width: calc(33.3% - 10.3px);
    height: 200px;
    margin-bottom: 24px;
    margin-right: 10px;
    margin-left: 10px;
    background-image: url(../css/images/more-background_214.svg);
    background-repeat: no-repeat;
    background-position: 100% 10px
  }

  .rno-document-content-about-tit {
    margin-bottom: 8px
  }

  .rno-document-content-about-list li {
    margin-bottom: 4px
  }

  .rno-document-content-about-list li:last-child {
    margin: 0
  }

  .rno-document-content-about-link {
    font-family: PingFangSC-Regular,sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    color: #495770
  } 
}

@media screen and (max-width:500px) {
  .rno-document-top-search {
    padding: 20px 16px
  }

  .rno-document-content-card {
    background-color: #f5f7fa
  }

  .rno-document-content-swiper {
    display: block;
    width: 100%;
    margin-bottom: 28px
  }

  .rno-document-content-swiper-list {
    margin: 0 auto;
    font-size: 0;
    text-align: center
  }

  .rno-document-content-swiper-item {
    display: inline-block;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 8px
  }

  .rno-document-content-swiper-active {
    background-color: #0053d9
  }

  .rno-document-tab-tit-img {
    width: 24px;
    height: 24px;
    position: relative;
    left: 0;
    margin-right: 12px;
    top: -2px
  }

  .rno-document-content-price {
    display: none
  }

  .rno-document-content-price-mobile {
    display: block
  }

  .rno-document-content-tab {
    margin-bottom: 0
  }

  .rno-document-content-tab-tit {
    display: none
  }

  .rno-document-content-tab-content-box {
    width: 100%;
    padding: 20px 16px;
    background: #f5f7fa;
    box-shadow: none;
    border-radius: 0
  }

  .rno-document-tab-card-tit .rno-document-text-truncate {
    font-size: 16px
  }

  .rno-document-search-relations .rno-document-content-card {
    margin-right: 12px
  }

  .rno-document-search-relations .rno-document-content-card:last-child {
    margin-right: 0
  }

  .rno-document-content-card.main .rno-document-content-tab-content-box {
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 20px 16px
  }

  .rno-document-content-card.main .rno-document-tab-card-tit .rno-document-text-truncate {
    color: #181818
  }

  .rno-document-content-card.main .rno-document-tab-card-tip {
    margin-top: 8px
  }

  .rno-document-content-card.main .rno-document-tab-card-hot {
    margin-top: 16px;
    margin-bottom: -8px
  }

  .rno-document-tab-card-tip p {
    margin-bottom: 16px
  }

  .rno-document-content-card.main .rno-document-text-truncate {
    padding-right: 0;
    color: #4c5b76
  }

  .rno-document-content-card.main .rno-document-card-hot-text {
    color: #0052d9
  }


  .rno-document-tab-card-btn {
    margin: 0 -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .rno-document-tab-card-btn .rno-document-content-tab-content-link {
    display: none
  }

  .rno-document-content-box-content {
    padding-top: 0;
    width: 100%
  }

  .rno-document-content-product,.rno-document-content-product-mark {
    width: 100%
  }

  .rno-document-content-background {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 28px 0;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 8px
  }

  .rno-document-content-about-item {
    background-image: none;
    width: 100%;
    height: auto;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    overflow: hidden
  }

  .rno-document-content-about-list li {
    width: calc(50% - 5px);
    margin-bottom: 4px;
    display: inline-block
  }

  .rno-document-content-about-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .rno-document-side-list {
    max-height: 34px;
    overflow-x: auto;
    white-space: nowrap;
    padding-right: 35px
  }

  .rno-document-content-box-side {
    position: relative;
    padding-top: 16px;
    height: 50px
  }

  .rno-document-side-list::-webkit-scrollbar {
    width: 8px;
    height: 0;
    background-color: #d8d8d8;
    border-radius: 4px
  }

  .rno-document-content-mobile,.rno-document-content-mobile-left {
    width: 32px;
    height: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    position: absolute;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .rno-document-content-mobile-btn,.rno-document-content-mobile-btn-left {
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-left: 2px solid #999;
    border-bottom: 2px solid #999
  }

  .rno-document-content-mobile-left {
    left: 0;
    display: none
  }

  .rno-document-content-mobile-btn-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

}

.rno-document-content-box-side-about {
  width: 240px;
  margin-left: 50px;
  padding-bottom: 34px;
  position: relative
}

.rno-document-content-box-side-about-dl {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6dbe3;
  position: relative;
  font-size: 0
}

.rno-document-content-box-side-about-dl dt {
  font-size: 16px;
  color: #181818;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 500
}

.rno-document-content-box-side-about-dl dd {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px
}

.rno-document-content-box-side-about-dl dd:last-child {
  margin-bottom: 0
}

.rno-document-content-box-side-about-dl dd a {
  display: block;
  color: #4b5b76
}

.rno-document-content-box-side-about-dl dd a:hover {
  color: #0052d9
}

.rno-document-content-box-side-about-link .rno-document-content-box-side-about-dl {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0
}

.rno-document-content-top-tabs {
  margin-bottom: 12px;
  font-size: 0;
  max-width: 890px
}

.rno-document-content-top-tabs-inner {
  border-bottom: 1px solid #ddd
}

.rno-document-content-top-tabs-inner a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #4c5b76;
  line-height: 22px;
  position: relative;
  min-width: 128px;
  text-align: center;
  padding: 0 16px 14px;
  font-weight: 500
}

.rno-document-content-top-tabs-inner a.cur,.rno-document-content-top-tabs-inner a:hover {
  color: #0052d9
}

.rno-document-content-top-tabs-inner a.cur:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #0052d9
}

.rno-document-content-top-tabs-mobile {
  display: none
}

.rno-document-content-feedback.another .rno-document-content-question {
  width: calc(100% - 162px)
}

.rno-document-content-tab-content-classify-m-head {
  display: none
}

.rno-document-content-tab-content-classify {
  padding: 16px 78px;
  position: relative
}

.rno-document-content-tab-content-classify.show .rno-document-content-tab-content-classify-ul {
  max-height: inherit
}

.rno-document-content-tab-content-classify-title {
  position: absolute;
  left: 24px;
  top: 15px;
  color: #97a3b7;
  font-size: 14px;
  line-height: 22px
}

.rno-document-content-tab-content-classify-ul {
  font-size: 0;
  max-height: 36px;
  overflow: hidden;
  margin-top: -16px
}

.rno-document-content-tab-content-classify-ul li {
  display: inline-block;
  vertical-align: top;
  margin-top: 16px;
  margin-right: 24px
}

.rno-document-content-tab-content-classify-ul li a {
  display: block;
  color: #181818;
  font-size: 12px;
  line-height: 20px
}

.rno-document-content-tab-content-classify-ul li.cur a,.rno-document-content-tab-content-classify-ul li:hover a {
  color: #0052d9
}

.rno-document-content-tab-content-classify-btn {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  font-size: 0;
  background-image: url(../css/images/rno-document-content-tab-content-classify-btn_556.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.rno-document-content-tab-content-classify-btn.cur,.rno-document-content-tab-content-classify.show .rno-document-content-tab-content-classify-btn {
  background-image: url(../css/images/rno-document-content-tab-content-classify-btn-cur_4b1.svg)
}

.rno-document-content-text-links {
  font-size: 0;
  margin-bottom: 4px
}

.rno-document-content-text-links a {
  font-size: 14px;
  color: #0052d9;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle
}

.rno-document-content-text-links i {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background-color: #0052d9;
  margin-left: 8px;
  margin-right: 8px
}

.rno-document-content-text-links .link-underline-group {
  margin-left: 20px
}

.rno-document-content-text-links .link-underline {
  font-size: 14px;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #0052d9
}

.rno-document-content-text-links .link-underline+.link-underline {
  margin-left: 12px
}

@media screen and (max-width:768px) {
  .rno-document-content-feedback.another .rno-document-content-question {
    width: auto;
    text-align: center
  }

  .rno-document-top-box {
    height: auto
  }

  .rno-document-search-up-pc {
    box-shadow: none;
    background-color: #f1f2f5;
    position: relative
  }

  .rno-document-content-top-tabs {
    position: relative;
    padding-top: 16px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 0;
    max-width: none
  }

  .rno-document-content-top-tabs~.rno-document-content-box-main {
    border-top: 1px solid #ddd
  }

  .rno-document-content-top-tabs-inner {
    overflow-x: auto;
    white-space: nowrap;
    padding-right: 35px;
    width: 100%;
    font-size: 0;
    position: relative;
    padding-bottom: 16px;
    border-bottom: none
  }

  .rno-document-content-top-tabs-inner a {
    display: inline-block;
    min-width: auto;
    padding: 0;
    margin-right: 45px
  }

  .rno-document-content-top-tabs-inner a.cur:before {
    display: none
  }

  .rno-document-content-box-side-about {
    box-sizing: border-box;
    width: auto;
    padding: 20px 16px;
    margin: 0;
    background: #f1f2f5
  }

  .rno-document-content-box-side-about-dl {
    margin-left: -10px;
    margin-right: -10px
  }

  .rno-document-content-box-side-about-dl dt {
    margin-left: 10px
  }

  .rno-document-content-box-side-about-dl dd {
    width: calc(50% - 30px);
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .rno-document-content-box-side-about-inner div:last-child .rno-document-content-box-side-about-dl {
    margin-bottom: 0
  }

  .mobile-ceiling {
    padding-top: 80px
  }

  .mobile-ceiling .rno-document-top-box {
    left: 0;
    right: 0;
    top: 0;
    z-index: 500;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
  }

  .mobile-ceiling .rno-document-top-search {
    padding: 12px 16px
  }

  .rno-document-content-tab-content-classify.show .rno-document-content-tab-content-classify-ul {
    max-height: 210px;
    overflow-y: auto
  }

  .rno-document-top-box.simple {
    height: auto
  }

  .rno-document-content-text-tag {
    width: 24px;
    height: 24px;
    margin-right: 8px
  }

  .rno-document-content-text-desc {
    padding: 8px 16px
  }

  .rno-document-content-text-links .link-underline-group {
    display: none
  }

  .rno-document-content-box-side-about {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .rno-document-content-top-tabs-mobile-next {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 32px;
    height: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    z-index: 20;
    font-size: 0
  }

  .rno-document-content-top-tabs-mobile-next:before {
    content: "";
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-left: 2px solid #999;
    border-bottom: 2px solid #999
  }

  .rno-document-content-top-tabs-mobile-prev {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 32px;
    height: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    z-index: 20;
    font-size: 0
  }

  .rno-document-content-top-tabs-mobile-prev:before {
    content: "";
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-right: 2px solid #999;
    border-top: 2px solid #999
  }
}

@media screen and (max-width:500px) {
  .rno-document-content-tab-content-classify {
    padding: 8px 40px 8px 60px
  }

  .rno-document-content-tab-content-classify-title {
    left: 16px;
    top: 8px;
    font-size: 12px;
    line-height: 20px
  }

  .rno-document-content-tab-content-classify-ul {
    margin-top: -8px;
    max-height: 28px
  }

  .rno-document-content-tab-content-classify-ul li {
    margin-top: 8px;
    margin-right: 16px
  }

  .rno-document-content-tab-content-classify-btn {
    top: 6px;
    right: 12px
  }

  .rno-document-content-box-side-about-dl {
    margin: 0 -6px 16px;
    padding-bottom: 16px
  }

  .rno-document-content-box-side-about-dl dd {
    margin: 0 6px 6px;
    width: auto
  }

  .rno-document-content-box-side-about-dl dt {
    margin-left: 6px
  }
  
  .rno-document-none {
    padding: 20px 0
  }

  .rno-document-none-text {
    font-size: 16px;
    line-height: 24px
  }

  .rno-document-none-recom {
    margin-top: 20px
  }

  .rno-document-none-recom-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px
  }

  .rno-document-none-tag {
    margin: 0 4px 8px
  }
}


.csh-footer-ask {
  border-top: 1px solid #D9E1E8;
  border-bottom: 1px solid rgba(217,225,232,.5);
  padding: 28px 0 40px
}

.csh-footer-ask .csh-footer-ask-title {
  font-size: 17.1px;
  line-height: 26px;
  margin: 8px 0
}

.csh-footer-ask .csh-footer-ask-label {
  color: #5B6F83;
  font-size: 14.4px
}

.csh-footer-ask .csh-footer-ask-buttons {
  margin-top: 15px
}

.csh-footer-ask .csh-footer-ask-buttons li {
  margin-top: 12px;
  display: inline-block
}

.csh-footer-ask .csh-footer-ask-buttons li[data-type=chat] a:before {
  background-image: url(../images/chat.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 21px;
  height: 18px
}

.csh-footer-ask .csh-footer-ask-buttons li[data-type=email] a:before {
  background-image: url(../images/email.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 18px;
  height: 14px
}

.csh-footer-ask .csh-footer-ask-buttons li .csh-button:before {
  margin-top: -3px;
  margin-right: 12px
}

.csh-footer-ask .csh-footer-ask-buttons li .csh-button:before {
  margin-left: 12px;
  margin-right: 0
}

.csh-button {
  font-size: 13.5px;
  line-height: 38px;
  overflow: hidden;
  height: 39px;
  margin: 0 6px;
  padding: 0 20px
}

.csh-button.csh-button-has-icon {
  padding-right: 23px
}

.csh-button.csh-button-has-icon:before {
  content: "";
  vertical-align: middle
}
.csh-button.csh-button-has-icon {
  padding-left: 10px;
  padding-right: 20px
}

.csh-wrapper {
  width: 400px;
  max-width: 860px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.csh-wrapper.csh-wrapper-large {
  width: 1040px;
  max-width: 1040px
}

.csh-wrapper.csh-wrapper-tight {
  width: calc(100% - 24px)
}

@media screen and (max-width:1080px) {
  .csh-wrapper.csh-wrapper-large {
    width: 860px;
    max-width: 860px
  }
}

@media screen and (max-width:900px) {
  .csh-wrapper,.csh-wrapper.csh-wrapper-large {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px)
  }
}

@media screen and (max-width:480px) {
  .csh-wrapper {
    width: calc(100% - 18px);
    max-width: calc(100% - 18px)
  }

  .csh-wrapper.csh-wrapper-full,.csh-wrapper.csh-wrapper-full.csh-wrapper-large {
    width: 100%;
    max-width: 100%
  }
}

.csh-text-wrap {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word
}

.csh-text-wrap.csh-text-wrap-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word
}

.csh-font-sans-light {
  font-family: "Crisp Proxima Nova Light",sans-serif;
  font-weight: 100!important
}

.csh-box {
  background: #fff;
  border: 1px solid #BCC6D0;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.03);
  -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,.03);
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.03)
}

.csh-box.csh-box-light {
  border-color: rgba(188,198,208,.75)
}

.csh-box.csh-box-stealth {
  background: 0 0
}

.csh-box.csh-box-link {
  color: #5B6F83;
  border-color: rgba(188,198,208,.7);
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
  -webkit-transition-property: border-color,box-shadow,-webkit-transform;
  -moz-transition-property: border-color,box-shadow,-moz-transform;
  -o-transition-property: border-color,box-shadow,-o-transform;
  transition-property: border-color,box-shadow,transform
}

.csh-box.csh-box-link:hover {
  border-color: #BCC6D0;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0,0,0,.07);
  -moz-box-shadow: 0 4px 14px 0 rgba(0,0,0,.07);
  box-shadow: 0 4px 14px 0 rgba(0,0,0,.07)
}

.csh-box.csh-box-link:active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}

.csh-font-sans-semibold {
  font-family: "Crisp Proxima Nova Semibold",sans-serif;
  font-weight: 600!important
}



.tpm-infrastructure {
  height: 435px;
  -webkit-font-smoothing: antialiased
}

.tpm-infrastructure__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 1920px auto;
      background-image: url(../images/earth.png);

  background-position: bottom;
  background-repeat: no-repeat
}

.tpm-infrastructure__main {
  position: relative;
  height: 340px;
  z-index: 5;
  pointer-events: none
}

.tpm-infrastructure__tab {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  pointer-events: auto
}

.tpm-infrastructure__tab-list {
  font-size: 0;
  margin-bottom: -2px
}

.tpm-infrastructure__tab-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 32px
}

.tpm-infrastructure__tab-item-link {
  box-sizing: border-box;
  border: 2px solid transparent;
  background: #f3f5f8;
  box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
  border-radius: 6px;
  font-size: 14px;
  color: #3d485d;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  padding: 0 12px;
  min-width: 64px
}

.tpm-infrastructure__tab-item-link:hover {
  color: #0052d9
}

.tpm-infrastructure__tab-item.is-active {
  position: relative;
  z-index: 2
}

.tpm-infrastructure__tab-item.is-active .tpm-infrastructure__tab-item-link {
  border-color: #fff #fff transparent;
  background: linear-gradient(180deg,#f4f6f8 0,#f5f7f9);
  padding-bottom: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #0052d9;
  cursor: default;
  box-shadow: none
}

.tpm-infrastructure__tab-item:first-child.is-active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  border-left: 2px solid #fff;
  background-color: #f5f7f9;
  width: 6px;
  height: 8px;
  pointer-events: none
}

.tpm-infrastructure__tab-bd {
  background: linear-gradient(180deg,#f5f7f9 0,#fff);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
  border-radius: 6px;
  box-sizing: border-box;
  min-height: 220px;
  padding: 24px 8px 24px 30px;
  display: inline-block;
  vertical-align: top;
  min-width: 636px
}

.tpm-infrastructure__region {
  position: relative;
  min-height: 216px
}

.tpm-infrastructure__region-all {
  position: relative;
  z-index: 2;
  font-size: 0;
  padding-right: 320px
}

.tpm-infrastructure__region-list {
  display: inline-table;
  margin-right: 60px;
  white-space: nowrap;
  margin-bottom: -8px
}

.tpm-infrastructure__region-item {
  display: table-row;
  font-size: 14px;
  color: #000;
  line-height: 24px
}

.tpm-infrastructure__region-item-label {
  display: table-cell;
  padding-bottom: 8px
}

.tpm-infrastructure__region-item-label:after {
  content: "："
}

.tpm-infrastructure__region-item-text {
  display: table-cell;
  padding-bottom: 8px
}

.tpm-infrastructure__region-map {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -100px;
  width: 400px;
  height: 200px
}

.tpm-infrastructure__region-map img {
  display: block;
  width: 100%;
  height: 100%
}

.tpm-infrastructure .tpm-earth-canvas {
  width: 1152px!important;
  height: 900px!important;
  margin-left: 200px;
  top: 80px
}

.tpm-infrastructure__pc-metrics {
  margin-bottom: 40px
}

.tpm-infrastructure__pc-metrics:last-child {
  margin-bottom: 0
}

.tpm-infrastructure__pc-metrics-title {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #495770
}

.tpm-infrastructure__pc-metrics-title em {
  margin: 0 4px;
  font-size: 32px;
  line-height: 40px;
  color: #0052d9
}

.tpm-infrastructure__pc-metrics-desc {
  font-size: 14px;
  line-height: 22px;
  color: #495770
}

.tpm-infrastructure__pc-metrics-list {
  margin-top: 63px;
  margin-left: 40px
}

.tpm-infrastructure__metrics {
  margin-bottom: 50px
}

.tpm-infrastructure__metrics-num {
  margin-bottom: 6px;
  font-size: 40px;
  line-height: 40px;
  color: #3d485d
}

.tpm-infrastructure__metrics-label {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  box-sizing: border-box;
  border: 1px solid #798496;
  border-radius: 2px;
  font-size: 12px;
  color: #3d485d;
  text-align: center;
  line-height: 20px;
  padding: 0 8px
}

.tpm-infrastructure__metrics-list {
  display: none;
  position: absolute;
  top: 0;
  right: 28px;
  white-space: nowrap
}

.tpm-infrastructure__cert {
  position: relative;
  z-index: 5;
  background-image: linear-gradient(0deg,#fff,#f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
  border-radius: 4px;
  padding: 0 28px
}

.tpm-infrastructure__cert-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tpm-infrastructure__cert-item:nth-last-child(2) {
  display: none
}

.tpm-infrastructure__cert-item-link {
  display: block;
  padding: 20px 8px 22px;
  font-size: 14px;
  color: #3d485d;
  text-align: center;
  line-height: 20px
}

.tpm-infrastructure__cert-item-logo {
  width: 80px;
  height: 80px;
  background: #fff;
  border: 1px solid #e5e8ed;
  border-radius: 50%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 6px;
  overflow: hidden;
  transition: box-shadow .3s ease-in-out,background .3s ease-in-out;
  padding: 15px
}

.tpm-infrastructure__cert-item-logo img {
  display: block;
  width: 100%;
  height: 100%
}

.tpm-infrastructure__cert-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.tpm-infrastructure__cert-item-link:hover {
  color: #0052d9
}

.tpm-infrastructure__cert-item-link:hover .tpm-infrastructure__cert-item-logo {
  padding: 14px;
  background-image: linear-gradient(0deg,#fff,#f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
}

.tpm-infrastructure__cert-item--more .tpm-infrastructure__cert-item-logo:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(images/more_2b2.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

.tpm-infrastructure__cert-entry {
  display: none
}

.tpm-infrastructure__section {
  position: relative;
  padding-bottom: 0
}

.tpm-infrastructure__section .tpm-section__hd {
  position: relative;
  z-index: 2
}

@media screen and (min-width:1440px) {
  .tpm-view-l .tpm-infrastructure__cert {
    padding: 0 68px
  }

  .tpm-view-l .tpm-infrastructure__pc-metrics-list {
    margin-left: 104px
  }

  .tpm-view-l .tpm-infrastructure .tpm-earth-canvas {
    width: 1440px!important;
    height: 1125px!important;
    margin-left: 250px;
    top: 70px
  }
}

.tpm-earth-canvas {
  top: 54px
}

.tpm-earth-canvas,.tpm-earth-trigger {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.tpm-earth-trigger {
  display: block;
  z-index: 1;
  width: 1325px;
  height: 100%;
  top: 10px;
  cursor: pointer
}

.tpm-infrastructure .tpm-earth-canvas {
  width: 1152px!important;
  height: 900px!important;
  margin-left: 200px;
  top: 80px
}


@media screen and (max-width:1200px) {
  .tpm-infrastructure__cert-item-text,.tpm-infrastructure__cert-item .tp-link {
    display: none
  }
}
@media screen and (max-width:768px) {
  .tpm-infrastructure {
    height: auto
  }

  .tpm-infrastructure .tpm-earth {
    display: none
  }

  .tpm-infrastructure__bg {
    background-image: url(../images/bg-mobile_dae.jpg);
    background-size: 100% auto;
    height: auto;
    bottom: 0;
    background-position: top -110px center
  }

  .tpm-infrastructure__main {
    height: auto;
    margin-top: 60px
  }

  .tpm-infrastructure__pc-metrics,.tpm-infrastructure__tab {
    display: none
  }

  .tpm-infrastructure__metrics {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px;
    text-align: left
  }

  .tpm-infrastructure__metrics-num {
    margin-bottom: 4px;
    font-size: 28px;
    color: #3d485d;
    line-height: 36px
  }

  .tpm-infrastructure__metrics-list {
    display: block;
    margin-bottom: 40px;
    position: static;
    text-align: center
  }

  .tpm-infrastructure__cert {
    padding: 20px 28px
  }

  .tpm-infrastructure__cert-list {
    -ms-flex-pack: initial;
    justify-content: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px -16px
  }

  .tpm-infrastructure__cert-item {
    padding: 0 10px 16px;
    width: 20%;
    max-width: none;
    text-align: center;
    box-sizing: border-box
  }

  .tpm-infrastructure__cert-item-link {
    padding: 0
  }

  .tpm-infrastructure__cert-item-logo {
    width: 60px;
    height: 60px;
    padding: 10px
  }

  .tpm-infrastructure__cert-item-link:hover .tpm-infrastructure__cert-item-logo {
    padding: 9px
  }

  .tpm-infrastructure__cert-item-text,.tpm-infrastructure__cert-item .tp-link {
    display: block;
    font-size: 12px
  }

  .tpm-infrastructure__cert-item:nth-last-child(2) {
    display: block
  }
}

@media screen and (max-width:600px) {
  .tpm-infrastructure__bg {
    background-image: url(../images/bg-mobile_dae.jpg);
    background-position: top
  }

  .tpm-infrastructure__cert-item {
    width: 33.33%
  }

  .tpm-infrastructure__cert-item-text {
    white-space: normal
  }

  .tpm-infrastructure__cert-item:last-child {
    display: none
  }

  .tpm-infrastructure__cert-entry {
    display: block;
    margin-top: 24px;
    text-align: center
  }
}