.Nav {
  position: relative;
  height: 60px;
  background-color: #fff;
}
.Nav .nav-banner-type {
  padding: 24px 20px;
  text-align: center;
  color: #ffffff !important;
}
.Nav .nav-banner-type:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.Nav .nav-banner-login {
  color: #ffffff !important;
}
.Nav .nav-banner-login:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.Nav .nav-banner-login:hover a {
  color: #ffffff !important;
}
.Nav .Nav-container {
  position: relative;
  min-width: 10.8rem;
  height: 100%;
  padding: 0 0 0 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-left;
  align-items: center;
}
.Nav .Nav-container .Nav-logo {
  width: 120px;
  margin-right: 27.5px;
  cursor: pointer;
}
.Nav .Nav-container .Nav-logo .logo-bak {
  position: absolute;
  display: none;
}
.Nav .Nav-container .Nav-logo img {
  width: 120px;
}
.Nav .Nav-container .common-menu-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 750px);
  overflow: hidden;
}
.Nav .Nav-container .common-menu-inner .scroll-left-arrow {
  width: 23px;
  height: 60px;
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl7WARbFZAAACezzCZOw039.png) no-repeat center;
  background-size: 16px 16px;
  cursor: pointer;
  display: none;
}
.Nav .Nav-container .common-menu-inner .scroll-left-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl9yAU7XiAAAC0g9o1IA826.png) no-repeat center;
  background-size: 16px 16px;
}
.Nav .Nav-container .common-menu-inner .scroll-right-arrow {
  width: 23px;
  height: 60px;
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2Vkl7qACcDEAAACmI-2UfM938.png) no-repeat center;
  background-size: 16px 16px;
  cursor: pointer;
  display: none;
}
.Nav .Nav-container .common-menu-inner .scroll-right-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VkmAmAGXD1AAACmfV4OKw652.png) no-repeat center;
  background-size: 16px 16px;
}
.Nav .Nav-container .common-menu-inner .common-menu-scroll-bar {
  overflow: hidden;
}
.Nav .Nav-container .common-menu-inner.scrollRight .scroll-left-arrow {
  display: none;
}
.Nav .Nav-container .common-menu-inner.scrollRight .scroll-right-arrow {
  display: block;
}
.Nav .Nav-container .common-menu-inner.scrollRight .common-menu-scroll-bar {
  margin-left: 0;
  width: calc(100% - 23px);
}
.Nav .Nav-container .common-menu-inner.scrollLeft .scroll-left-arrow {
  display: block;
}
.Nav .Nav-container .common-menu-inner.scrollLeft .scroll-right-arrow {
  display: none;
}
.Nav .Nav-container .common-menu-inner.scrollLeft .common-menu-scroll-bar {
  margin-right: 0;
  width: calc(100% - 23px);
}
.Nav .Nav-container .common-menu-inner.scrollAll .scroll-left-arrow {
  display: block;
}
.Nav .Nav-container .common-menu-inner.scrollAll .scroll-right-arrow {
  display: block;
}
.Nav .Nav-container .common-menu-inner.scrollAll .common-menu-scroll-bar {
  width: calc(100% - 46px);
}
.Nav .Nav-container .Nav-items-contianer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  transition: all .5s ease 0s;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  letter-spacing: 1.56px;
  white-space: nowrap;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink a {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  letter-spacing: 1.56px;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-wrap {
  font-size: 8px;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 16px;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-down {
  display: inline-block;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-label {
  color: #262626;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-img {
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-img + .nav-icon-label {
  margin-left: 8px;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-img + .nav-icon-label:empty {
  display: none;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-up {
  display: none;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink:hover {
  color: #407AFF !important;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink:hover .nav-icon-label {
  color: #407AFF !important;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink:hover .nav-icon-down {
  display: none;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink:hover .nav-icon-up {
  color: #407AFF !important;
  display: inline-block;
  margin-top: 2px;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink.selected {
  color: #407AFF;
}
.Nav .Nav-container .Nav-items-contianer .Nav-NavMainLink.selected a {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  letter-spacing: 1.56px;
}
.Nav .Nav-container .Nav-right-container {
  position: absolute;
  top: 0;
  right: 20px;
  width: 190px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.Nav .Nav-container .Nav-right-container .logout-item {
  margin-left: 10px;
}
.Nav .Nav-container .Nav-right-container .logout-item a {
  font-size: 10px;
  color: #333333;
  letter-spacing: 0;
  text-align: right;
}
.Nav .login-container {
  position: absolute;
  top: 0;
  right: 0px;
  height: 60px;
  line-height: 42px;
  text-align: center;
  display: flex;
}
.Nav .login-container .login-divider {
  color: #DEDEDE;
}
.Nav .login-container .red-dot {
  position: relative;
}
.Nav .login-container .red-dot::before {
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #FF4D4F;
  position: absolute;
  right: 8px;
  top: 18px;
}
.Nav .login-container .login-item {
  display: inline-block;
  padding: 9px 12.5px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 1.56px;
  cursor: pointer;
}
.Nav .login-container .login-item .icon {
  line-height: 16px;
  vertical-align: middle;
}
.Nav .login-container .login-item .anticon {
  font-size: 8px;
  vertical-align: 0.125em;
}
.Nav .login-container .login-item.login-item-register {
  background: #407AFF !important;
}
.Nav .login-container .login-item.login-item-register a {
  color: #fff;
}
.Nav .login-container .login-item a {
  color: #333333;
}
.Nav .login-container .login-item .Nav-SelectLink .Nav-SelectLink-href {
  color: #262626 !important;
}
.Nav .login-container .login-item .Nav-SelectLink .Nav-SelectLink-href:hover {
  color: #407AFF !important;
}
.Nav .userinfo-wrap {
  display: flex !important;
  align-items: center;
}
.Nav .userinfo-wrap .ezd-badge {
  margin-right: 7px;
}
.Nav .userinfo-wrap .ezd-badge .ezd-badge-multiple-words {
  padding: 1px 3px;
  height: 16px !important;
}
.Nav .userinfo-wrap .ezd-badge-count {
  box-shadow: none;
}
.Nav .userinfo-wrap .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeAyqAHPW7AAAItizKSYQ982.png);
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}
.Nav .userinfo-wrap .nav-userinfo-username-label {
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.Nav .userinfo-wrap:hover .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2Vev9WAXrlTAAAJJwREcU4747.png);
}
.Nav .userinfo-wrap:hover .nav-userinfo-menu {
  display: block;
}
.Nav .userinfo-wrap .nav-userinfo-menu {
  padding: 20px;
  display: none;
  width: 220px;
  height: 248px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  position: absolute;
  right: 0;
  top: 60px;
}
.Nav .userinfo-wrap .nav-userinfo-menu .nav-userinfo-username {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 14.5px;
  margin-bottom: 4.5px;
  border-bottom: 1px solid rgba(201, 208, 220, 0.5);
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 20px;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItem-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem:hover .titleItemTxt {
  color: #407AFF;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem:hover .titleItem-icon.user {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2Vev9WAXrlTAAAJJwREcU4747.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem:hover .titleItem-icon.application {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVev_yAAHq-AAAIOMStJJI650.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem:hover .titleItem-icon.workorder {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVewA2AcxtpAAAC12uBDC8168.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem:hover .titleItem-icon.cost {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2VewAeAaMbHAAAIli-uyM0641.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItemTxt {
  height: 20px;
  font-size: 14px;
  color: #000000;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 400;
  margin-left: 8px;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .workorder-num {
  height: 24px;
  background: #FFF1F0;
  border-radius: 2px;
  font-size: 12px;
  color: #FF4D4F;
  line-height: 20px;
  font-weight: 400;
  padding: 2px 8px;
  text-align: center;
  letter-spacing: 0;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItem-icon {
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItem-icon.user {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeAyqAHPW7AAAItizKSYQ982.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItem-icon.application {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeAzuAYBU2AAAH2_FsJr4547.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItem-icon.workorder {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeA1SAXQMiAAACwt0Rqp4935.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleItem .titleItem-icon.cost {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeA0qAWin3AAAIMxhap14012.png);
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleBotton {
  width: 100%;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 12px;
  color: #595959;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
  margin-top: 20px;
  box-sizing: border-box;
}
.Nav .userinfo-wrap .nav-userinfo-menu .titleBotton:hover {
  color: #407AFF;
  border: 1px solid #407AFF;
}
.Nav.white {
  margin-bottom: -60px;
  z-index: 999;
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 0.5px solid #c9d0dc;
  backdrop-filter: blur(5px);
  border: 1px solid rgba(61, 61, 61, 0.15);
  border-top: none;
}
.Nav.white .search-input {
  color: #262626;
}
.Nav.white .search-input::placeholder {
  color: #8c8c8c;
}
.Nav.white.navType:hover .logo-bak {
  display: block;
  background: #fff;
}
.Nav.white.navType:hover .search-input-icon {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWKSAahpuAAAG-eBXIPw200.png) no-repeat center;
  background-size: 100%;
}
.Nav.white.navType:hover .search-input-icon:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWKyAZZFoAAAHNQ2e1iM650.png) no-repeat center;
  background-size: 100%;
}
.Nav.white.navType:hover .search-input-clear {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWMuAQ274AAAHl6nbeD8813.png) no-repeat center;
  background-size: 100%;
}
.Nav.white.navType:hover .search-input-clear:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWNGAL3IzAAAHIP8Htqg704.png);
  background-size: 100%;
}
.Nav.white.navType:hover .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeAyqAHPW7AAAItizKSYQ982.png);
  background-size: 20px;
}
.Nav.white.navType:hover .user-icon:hover {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2Vev9WAXrlTAAAJJwREcU4747.png);
  background-size: 20px;
}
.Nav.white.navType .search-input-icon {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWDeAc4DSAAAEyfkoYzI598.png) no-repeat center;
  background-size: 100%;
}
.Nav.white.navType .search-input-icon:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWKyAZZFoAAAHNQ2e1iM650.png) no-repeat center;
  background-size: 100%;
}
.Nav.white.navType .search-input-clear {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWOSAaOH3AAAEjqhwNHc615.png) no-repeat center;
  background-size: 100%;
}
.Nav.white.navType .search-input-clear:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWNGAL3IzAAAHIP8Htqg704.png);
  background-size: 100%;
}
.Nav.white.navType .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlUySALxKtAAAF_SlA4yE897.png);
  background-size: 20px;
}
.Nav.white.navType .user-icon:hover {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2Vev9WAXrlTAAAJJwREcU4747.png);
  background-size: 20px;
}
.Nav.white.navType .search-input {
  color: #fff;
}
.Nav.white.navType .search-input::placeholder {
  color: #fff;
}
.Nav.white.navType .common-menu-inner .scroll-left-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlUmaAfLcBAAACbJaxJ34386.png) no-repeat center;
  background-size: 16px 16px;
}
.Nav.white.navType .common-menu-inner .scroll-left-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl9yAU7XiAAAC0g9o1IA826.png) no-repeat center;
  background-size: 16px;
}
.Nav.white.navType .common-menu-inner .scroll-right-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlUleAXWPmAAACQchKf1E174.png) no-repeat center;
  background-size: 16px 16px;
}
.Nav.white.navType .common-menu-inner .scroll-right-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VkmAmAGXD1AAACmfV4OKw652.png) no-repeat center;
  background-size: 16px;
}
.Nav-container .Nav-items-contianer .Nav-NavMainLink.Nav.white.navType.nav-banner-type .cloud:hover .cloud-label {
  color: #407AFF !important;
}
.Nav.white:hover {
  background: #fff;
}
.Nav.white:hover .search-input {
  color: #262626;
}
.Nav.white:hover .search-input::placeholder {
  color: #8c8c8c;
}
.Nav.white:hover .common-menu-inner .scroll-left-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl7WARbFZAAACezzCZOw039.png) no-repeat center;
  background-size: 16px;
}
.Nav.white:hover .common-menu-inner .scroll-left-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl9yAU7XiAAAC0g9o1IA826.png) no-repeat center;
  background-size: 16px;
}
.Nav.white:hover .common-menu-inner .scroll-right-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2Vkl7qACcDEAAACmI-2UfM938.png) no-repeat center;
  background-size: 16px;
}
.Nav.white:hover .common-menu-inner .scroll-right-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VkmAmAGXD1AAACmfV4OKw652.png) no-repeat center;
  background-size: 16px;
}
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  color: #333333;
}
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type .nav-icon-label,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type a,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type span,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type i {
  color: #262626 !important;
}
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type .nav-icon-label.product-item:hover,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type a.product-item:hover,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type span.product-item:hover,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type i.product-item:hover {
  color: #407AFF !important;
}
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type .nav-icon-label.product-item:hover.product-item-txt,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type a.product-item:hover.product-item-txt,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type span.product-item:hover.product-item-txt,
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type i.product-item:hover.product-item-txt {
  color: #407AFF !important;
}
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type .Nav-SelectLink .Nav-SelectLink-href {
  color: #262626 !important;
}
.Nav.white:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type .Nav-SelectLink .Nav-SelectLink-href:hover {
  color: #407AFF !important;
}
.Nav.white:hover .nav-banner-login {
  color: #262626 !important;
}
.Nav.white:hover .nav-banner-login * {
  color: #262626 !important;
}
.Nav.white:hover .nav-banner-login .ezd-scroll-number-only-unit,
.Nav.white:hover .nav-banner-login .ezd-badge-count {
  color: #fff !important;
}
.Nav.white:hover .nav-banner-login .workorder-num {
  color: #FF4D4F !important;
}
.Nav.white:hover .nav-banner-login:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #407AFF !important;
}
.Nav.white:hover .nav-banner-login:hover a,
.Nav.white:hover .nav-banner-login:hover i,
.Nav.white:hover .nav-banner-login:hover .nav-userinfo-username-label,
.Nav.white:hover .nav-banner-login:hover .login-item-console {
  color: #407AFF !important;
}
.Nav.white:hover .nav-banner-login:hover a .titleItemTxt:hover,
.Nav.white:hover .nav-banner-login:hover i .titleItemTxt:hover,
.Nav.white:hover .nav-banner-login:hover .nav-userinfo-username-label .titleItemTxt:hover,
.Nav.white:hover .nav-banner-login:hover .login-item-console .titleItemTxt:hover {
  color: #407AFF !important;
}
.Nav.white:hover .nav-banner-login:hover .Nav-SelectLink .Nav-SelectLink-href {
  color: #262626 !important;
}
.Nav.white:hover .nav-banner-login:hover .Nav-SelectLink .Nav-SelectLink-href:hover {
  color: #407AFF !important;
}
.Nav.white:hover .nav-banner-login:hover .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2Vev9WAXrlTAAAJJwREcU4747.png);
  background-size: 20px;
}
.Nav.white:hover .nav-banner-login:hover .titleBotton:hover {
  color: #407AFF !important;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  color: #262626;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type:hover .nav-icon-label,
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type:hover i,
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type:hover .nav-icon-up {
  color: #407AFF !important;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type .nav-icon-label,
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink.nav-banner-type i {
  color: #ffffff !important;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink a {
  color: #262626;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink span {
  color: #262626;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink:hover {
  color: #407AFF !important;
}
.Nav.white .Nav-container .Nav-items-contianer .Nav-NavMainLink a:hover {
  color: #407AFF !important;
}
.Nav.white .Nav-container .Nav-right-container .logout-item a {
  color: #262626;
}
.Nav.white .login-container .login-item {
  color: #262626;
}
.Nav.white .login-container .login-item.login-item-register {
  background: #407AFF !important;
}
.Nav.white .login-container .login-item.login-item-register a {
  color: #fff;
}
.Nav.white .login-container {
  right: 0;
}
.Nav.white .login-container .login-item:hover {
  color: #407aff;
}
.Nav.white .login-container .login-item:hover a {
  color: #407aff;
}
.Nav.white .login-container .login-item a {
  color: #262626;
}
.Nav.white .login-container .login-item.login-item-register a {
  color: #fff !important;
}
.Nav.bright {
  width: 100%;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  z-index: 9999;
  border-bottom: 0.5px solid #c9d0dc;
}
.Nav.bright:hover {
  background: #fff;
}
.Nav.bright:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  color: #333333;
}
.Nav.bright .Nav-items-contianer .Nav-NavMainLink {
  color: #262626;
}
.Nav.bright .Nav-items-contianer .Nav-NavMainLink a {
  color: #262626;
}
.Nav.bright .Nav-items-contianer .Nav-NavMainLink span {
  color: #262626;
}
.Nav.bright .Nav-items-contianer .Nav-NavMainLink:hover {
  color: #407AFF !important;
}
.Nav.bright .Nav-items-contianer .Nav-NavMainLink a:hover {
  color: #407AFF !important;
}
.Nav.bright .login-container .login-item {
  color: #262626;
}
.Nav.bright .login-container .login-item a {
  color: #262626;
}
.Nav.bright .login-container .login-item.login-item-register a {
  color: #fff !important;
}
.Nav.bright .login-container .login-item:hover {
  color: #407aff;
}
.Nav.bright .login-container .login-item:hover a {
  color: #407aff;
}
@media only screen and (max-width: 1240px) {
  .Nav.bright .login-container {
    right: -50px;
  }
}
.Nav.index {
  margin-bottom: -60px;
  z-index: 999;
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 0.5px solid rgba(183, 186, 190, 0.5);
  backdrop-filter: blur(5px);
}
.Nav.index .common-menu-inner .scroll-left-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlUmaAfLcBAAACbJaxJ34386.png) no-repeat center;
  background-size: 16px 16px;
}
.Nav.index .common-menu-inner .scroll-right-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlUleAXWPmAAACQchKf1E174.png) no-repeat center;
  background-size: 16px 16px;
}
.Nav.index .search-container .search-input::placeholder {
  color: #fff;
}
.Nav.index .userinfo-wrap .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlUySALxKtAAAF_SlA4yE897.png);
  background-size: 20px;
}
.Nav.index .search-container .search-input {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 400;
}
.Nav.index .search-container .search-input-icon {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWDeAc4DSAAAEyfkoYzI598.png) no-repeat center;
  background-size: 100%;
}
.Nav.index .search-container .search-input-icon:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWKyAZZFoAAAHNQ2e1iM650.png) no-repeat center;
  background-size: 100%;
}
.Nav.index .search-container .search-input-clear {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWOSAaOH3AAAEjqhwNHc615.png) no-repeat center;
  background-size: 100%;
}
.Nav.index .search-container .search-input-clear:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWNGAL3IzAAAHIP8Htqg704.png);
  background-size: 100%;
}
.Nav.index:hover {
  background: #fff;
}
.Nav.index:hover .Nav-logo .logo-bak {
  display: block;
  background: #fff;
}
.Nav.index:hover .search-container .search-input {
  opacity: 1;
  color: #262626;
}
.Nav.index:hover .search-container .search-input::placeholder {
  color: #8C8C8C;
}
.Nav.index:hover .search-container .search-input-icon {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWKSAahpuAAAG-eBXIPw200.png) no-repeat center;
  background-size: 100%;
}
.Nav.index:hover .search-container .search-input-icon:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWKyAZZFoAAAHNQ2e1iM650.png) no-repeat center;
  background-size: 100%;
}
.Nav.index:hover .search-container .search-input-clear {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWMuAQ274AAAHl6nbeD8813.png) no-repeat center;
  background-size: 100%;
}
.Nav.index:hover .search-container .search-input-clear:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWNGAL3IzAAAHIP8Htqg704.png);
  background-size: 100%;
}
.Nav.index:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  color: #333333 !important;
}
.Nav.index:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-label {
  color: #333333;
}
.Nav.index:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink:hover {
  color: #407AFF !important;
}
.Nav.index:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink a {
  color: #333333 !important;
}
.Nav.index:hover .Nav-container .Nav-items-contianer .Nav-NavMainLink a:hover {
  color: #407AFF !important;
}
.Nav.index:hover .Nav-container .Nav-right-container .logout-item a {
  color: #333333 !important;
}
.Nav.index:hover .Nav-container .Nav-right-container .logout-item a:hover {
  color: #407AFF !important;
}
.Nav.index:hover .common-menu-inner .scroll-left-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl7WARbFZAAACezzCZOw039.png) no-repeat center;
  background-size: 16px;
}
.Nav.index:hover .common-menu-inner .scroll-left-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVkl9yAU7XiAAAC0g9o1IA826.png) no-repeat center;
  background-size: 16px;
}
.Nav.index:hover .common-menu-inner .scroll-right-arrow {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2Vkl7qACcDEAAACmI-2UfM938.png) no-repeat center;
  background-size: 16px;
}
.Nav.index:hover .common-menu-inner .scroll-right-arrow:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VkmAmAGXD1AAACmfV4OKw652.png) no-repeat center;
  background-size: 16px;
}
.Nav.index:hover .userinfo-wrap .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVeAyqAHPW7AAAItizKSYQ982.png);
  background-size: 20px;
}
.Nav.index:hover .userinfo-wrap:hover .user-icon {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2Vev9WAXrlTAAAJJwREcU4747.png);
  background-size: 20px;
}
.Nav.index:hover .login-container .login-item {
  color: #333333 !important;
}
.Nav.index:hover .login-container .login-item:hover {
  color: #407AFF !important;
}
.Nav.index:hover .login-container .login-item a {
  color: #333333 !important;
}
.Nav.index:hover .login-container .login-item a:hover {
  color: #407AFF !important;
}
.Nav.index:hover .login-container .login-item.login-item-register a {
  color: #fff !important;
}
.Nav.index:hover .login-container .login-item.login-item-register a:hover {
  color: #fff !important;
}
.Nav.index .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  color: #fff !important;
}
.Nav.index .Nav-container .Nav-items-contianer .Nav-NavMainLink .nav-icon-label {
  color: #fff;
}
.Nav.index .Nav-container .Nav-items-contianer .Nav-NavMainLink a {
  color: #fff !important;
}
.Nav.index .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  text-align: center;
}
.Nav.index .Nav-container .Nav-right-container .logout-item a {
  color: #FFF;
}
.Nav.index .login-container {
  right: 0px;
}
.Nav.index .login-container .login-item {
  color: #fff !important;
}
.Nav.index .login-container .login-item:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.Nav.index .login-container .login-item a {
  color: #fff !important;
}
.Nav.brown {
  background-color: #091f3b;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 999;
}
.Nav.brown .Nav-container .Nav-items-contianer .Nav-NavMainLink {
  color: #fff !important;
}
.Nav.brown .Nav-container .Nav-items-contianer .Nav-NavMainLink a {
  color: #fff !important;
}
.Nav.brown .Nav-container .Nav-items-contianer .Nav-NavMainLink span {
  color: rgba(255, 255, 255, 0.6);
}
.Nav.brown .Nav-container .Nav-right-container .logout-item a {
  color: #FFF;
}
.Nav.brown .login-container {
  background-color: #FF8F42;
}
.Nav.brown .login-container .login-item {
  color: #fff !important;
}
.Nav.brown .login-container .login-item a {
  color: #fff !important;
}
.Nav-subItem-container:first-child {
  margin-top: 0;
}
.Nav-subItem-container {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
}
.Nav-subItem-container .Nav-SubItem-link-title {
  display: inline-block;
  width: 110px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 2.33px;
  font-weight: 600;
}
.Nav-subItem-container .Nav-SubItem-link-container {
  display: inline-block;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container {
  flex-direction: column;
  justify-content: left;
  align-items: left;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link {
  margin-right: 30px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 2px;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link a {
  display: inline-block;
  margin-left: 30px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 2px;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link:last-child {
  margin-right: 0;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link:hover {
  color: #407AFF;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link:hover a:hover {
  color: #407AFF;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link.noLink {
  color: #999999;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link.noLink a {
  color: #999999;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link.noLink:hover {
  color: #999999;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-link.noLink:hover a {
  color: #999999;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-tag-container {
  margin-right: 30px;
  display: inline-block;
}
.Nav-subItem-container .Nav-SubItem-link-container .Nav-items-container .Nav-tag-container .Nav-tag-text {
  margin-top: 16px;
  font-size: 10px;
  color: #999999;
  letter-spacing: 1.67px;
}
.ant-popover.Nav-popover .ant-popover-inner {
  border-radius: 0;
}
.ant-popover.Nav-popover .ant-popover-inner-content {
  padding: 40px 50px;
}
.ant-popover.Nav-popover .ant-popover-content {
  opacity: 0.99;
  margin-top: 26px;
}
.ant-popover.Nav-popover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.ant-popover.Nav-popover-newPop .ant-popover-inner {
  border-radius: 0;
}
.ant-popover.Nav-popover-newPop .ant-popover-content {
  width: 100vw;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05), 0px 3px 16px 0px rgba(0, 0, 0, 0.03);
}
.ant-popover.Nav-popover-newPop .ant-popover-inner-content {
  padding: 0;
  background: linear-gradient(to right, #FAFAFA, rgba(233, 240, 249, 0));
}
.ant-popover.Nav-popover-newPop .ant-popover-content {
  opacity: 0.99;
  margin-top: -16px;
}
.ant-popover.Nav-popover-newPop .ant-popover-content .ant-popover-arrow {
  display: none;
}
.ant-popover.Nav-popover-newPop2 {
  left: 0px !important;
}
.ant-popover.Nav-popover-newPop2 .ant-popover-inner {
  border-radius: 0;
}
.ant-popover.Nav-popover-newPop2 .ant-popover-content {
  width: 100vw;
  overflow: scroll;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05), 0px 3px 16px 0px rgba(0, 0, 0, 0.03);
}
.ant-popover.Nav-popover-newPop2 .ant-popover-inner-content {
  padding: 0;
}
.ant-popover.Nav-popover-newPop2 .ant-popover-content {
  opacity: 0.99;
  margin-top: -16px;
}
.ant-popover.Nav-popover-newPop2 .ant-popover-content .ant-popover-arrow {
  display: none;
}
.ant-popover.Nav-popover2 .ant-popover-inner-content {
  padding-top: 32px;
  width: 144px;
  text-align: center;
  margin-top: -13px;
}
.ant-popover.Nav-popover2 .ant-popover-content {
  opacity: 0.99;
  margin-top: 0px;
}
.ant-popover.Nav-popover2 .ant-popover-content .ant-popover-arrow {
  display: none;
}
.hotTip {
  font-size: 10px;
  vertical-align: baseline;
  position: absolute;
  color: #FF4D4F;
  margin-top: -8px;
  margin-left: -4px;
}
.Nav-SelectLink {
  font-size: 14px;
  color: #333333;
  margin-bottom: 24px;
}
.Nav-SelectLink a {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.Nav-SelectLink.selected {
  color: #407AFF;
}
.Nav-SelectLink.selected a {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.Nav-SelectLink:hover {
  color: #407AFF;
}
.Nav-SelectLink:hover a:hover {
  color: #407AFF;
}
.ant-popover {
  position: fixed !important;
}
.BeginnerNavigator {
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  top: 0;
  z-index: 9;
  display: block;
}
.BeginnerNavigator .BeginnerNavigator-container a {
  color: #407AFF;
}
.BeginnerNavigator .BeginnerNavigator-container a:hover {
  color: #699bff;
}
.BeginnerNavigator .BeginnerNavigator-container a:active {
  color: #2b5ad9;
}
.BeginnerNavigator .BeginnerNavigator-container .row {
  display: flex;
  flex-direction: row;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content {
  height: 60px;
  align-items: center;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item {
  line-height: 20px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  margin-right: 80px;
  cursor: pointer;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item-checked {
  color: #407AFF;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item:hover {
  color: #407AFF;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item:active {
  color: #2b5ad9;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item:last-child {
  margin-right: 0px;
}

.NewPop {
  min-width: 240px;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 0px;
  margin: auto;
  min-height: 356px;
  background-color: #FAFAFA !important;
  display: flex;
  flex-direction: row;
}
.NewPop .NewPop-divide {
  height: 1px;
  background-color: #f0f0f0;
  margin: 0 32px;
}
.NewPop .lastClass {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 32px 10px;
}
.NewPop .lastClass .NewPop-tabs-items-href-icon {
  font-size: 6px;
  margin-left: 8px;
  display: none;
  color: #407AFF;
}
.NewPop .lastClass .NewPop-tabs-items {
  display: inline-block;
  margin-bottom: 0 !important;
}
.NewPop .iconImg {
  width: 16px;
  height: 16px;
  background: url(http://resource.eziot.com/group2/M00/00/92/CtwQF2QJh52AevF7AAAHNNKptjI421.svg) no-repeat;
  background-size: 16px 16px;
  display: block;
  margin-right: 5px;
}
.NewPop .cloud-img {
  width: 16px;
  height: 16px;
  background: url(https://resource.eziot.com/group2/M00/00/C3/CtwQF2Vayd6ALyH0AAAB2Bby-0E403.png) no-repeat;
  background-size: 16px 16px;
  display: block;
}
.NewPop .lastClass .cloud:hover .iconImg {
  background: url(http://resource.eziot.com/group2/M00/00/93/CtwQFmQJiOuAHtv3AAAHN-2hXy4749.svg) no-repeat;
  background-size: 16px 16px;
}
.NewPop .lastClass .cloud:hover .cloud-img {
  background: url(https://resource.eziot.com/group2/M00/00/C3/CtwQFmVayeqAVNblAAAB0wTH9LQ159.png) no-repeat;
  background-size: 16px 16px;
}
.NewPop .lastClass .cloud:hover .NewPop-tabs-items,
.NewPop .lastClass .cloud:hover .cloud-label {
  color: #407AFF;
}
.NewPop .lastClass .cloud:hover .NewPop-tabs-items .NewPop-tabs-items-href-icon,
.NewPop .lastClass .cloud:hover .cloud-label .NewPop-tabs-items-href-icon {
  display: inline-block;
}
.NewPop .lastClass .cloud:hover .NewPop-tabs-items-href-icon {
  display: inline-block;
}
.NewPop .NewPop-tabs {
  padding: 40px 0;
  width: 216px;
  min-width: 216px;
  min-height: 100%;
  background: #FAFAFA;
}
.NewPop .NewPop-tabs .NewPop-tabs-items {
  width: 100%;
  height: 21px;
  background: #FAFAFA;
  font-size: 14px;
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: 400;
  padding: 0 32px;
  display: flex;
  cursor: pointer;
  align-items: center;
  margin-bottom: 25px;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.NewPop-tabs-items-href:hover .NewPop-tabs-items-href-icon {
  display: inline-block;
}
.NewPop .NewPop-tabs .NewPop-tabs-items .NewPop-tabs-items-href-icon {
  font-size: 6px;
  margin-left: 8px;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.cloud {
  padding-left: 0;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.cloud .cloud-label {
  line-height: 22px !important;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.cloud:hover .cloud-label {
  color: #407AFF;
}
.NewPop .NewPop-tabs .NewPop-tabs-items:hover {
  color: #407AFF;
  font-weight: 600;
}
.NewPop .NewPop-tabs .NewPop-tabs-items-click {
  color: #407AFF !important;
  font-weight: 600;
}
.NewPop .NewPop-content {
  width: 100%;
  min-height: 356px;
  padding: 40px 0 8px 20px;
  display: flex;
  flex-direction: row;
}
.NewPop .NewPop-content .NewPop-content-item {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 8px;
}
.NewPop .NewPop-content .NewPop-content-item .content-item-txt {
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPop .NewPop-content .NewPop-content-item .content-item-txt:hover {
  color: #407AFF;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .content-item-title {
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 24px;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content {
  display: flex;
  flex-direction: column;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank {
  display: flex;
  flex-direction: column;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item {
  color: #262626;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 25px;
  cursor: pointer;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item:hover {
  color: #407AFF;
}
.NewPop .NewPop-right {
  margin: 32px 0;
  width: 100%;
  padding-left: 10px;
  min-height: 292px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.NewPop .NewPop-right .NewPop-right-items {
  width: 230px;
  font-size: 14px;
  padding: 15px 20px;
  color: #262626;
  font-weight: 600;
  margin-bottom: 15px;
  border-radius: 4px;
  background-color: #F2F6FA;
}
.NewPop .NewPop-right .NewPop-right-items:hover .NewPop-right-items-title {
  color: #407AFF;
}
.NewPop .NewPop-right .NewPop-right-items .NewPop-right-items-title {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: 600;
}
.NewPop .NewPop-right .NewPop-right-items .NewPop-right-items-desc {
  font-size: 12px;
  color: #595959;
  line-height: 20px;
  font-weight: 400;
  margin-top: 2px;
}
.NewPop .NewPop-right .NewPop-right-items:hover {
  color: #407AFF;
}
.NewPop .NewPop-right .NewPop-right-items-product {
  width: 230px;
  padding: 20px;
  border-radius: 4px;
  background-color: #F2F6FA;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-title {
  font-weight: 600;
  color: #262626;
  margin-bottom: 15px;
  display: block;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item {
  font-weight: 400;
  color: #262626;
  margin-bottom: 10px;
  width: 145px;
  display: block;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item:last-child {
  margin-bottom: 0;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item .product-item-txt {
  width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item:hover {
  color: #407AFF;
}

.search-container {
  margin-right: 12.5px;
  position: relative;
}
.search-container .search-input::placeholder {
  color: #8C8C8C;
}
.search-container:hover .global-search-container-panel.focus {
  display: block;
}
.search-container:hover .search-input {
  width: 400px;
  background: #fff;
}
.search-container:hover .search-input-icon {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWKyAZZFoAAAHNQ2e1iM650.png) no-repeat center;
  background-size: 100%;
}
.search-container .search-input-icon {
  position: absolute;
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWKSAahpuAAAG-eBXIPw200.png) no-repeat center;
  background-size: 18px;
  top: 21px;
  left: 20px;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 1;
}
.search-container .search-input-icon:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWKyAZZFoAAAHNQ2e1iM650.png) no-repeat center;
  background-size: 100%;
}
.search-container .search-input-clear {
  position: absolute;
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQEmVlWMuAQ274AAAHl6nbeD8813.png) no-repeat center;
  background-size: 16px;
  top: 22px;
  right: 20px;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
}
.search-container .search-input-clear:hover {
  background: url(https://resource.eziot.com/group1/M00/00/F1/CtwQE2VlWNGAL3IzAAAHIP8Htqg704.png);
  background-size: 100%;
}
.search-container .search-input {
  border-left: 0.5px solid rgba(201, 208, 220, 0.5);
  border-right: 0.5px solid rgba(201, 208, 220, 0.5);
  border-top: 0;
  border-bottom: 0;
  background: transparent;
  height: 59px;
  width: 200px;
  padding: 0 48px;
  box-sizing: border-box;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  /*width变化时，添加过渡动画*/
}
.search-container .search-input:hover {
  background-color: #fff;
  height: 59px;
}
.search-container .search-input:hover,
.search-container .search-input:focus {
  border-left: 0.5px solid rgba(201, 208, 220, 0.5) !important;
  border-right: 0.5px solid rgba(201, 208, 220, 0.5) !important;
  box-shadow: none !important;
}
.search-container .global-search-container-panel {
  border-top: 1px solid rgba(201, 208, 220, 0.5);
  background: #fff;
  text-align: left;
  padding: 5px 20px 20px;
  width: 400px;
  box-sizing: border-box;
  display: none;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.search-container .global-search-container-panel .global-search-panel-title {
  height: 20px;
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 2px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.search-container .global-search-container-panel .global-search-panel-title .global-search-panel-title-delete {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  font-weight: 400;
  margin-left: 5px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQEmVgmsWAXxXfAAAB8wdXi4Q833.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.search-container .global-search-container-panel .global-search-panel-title .global-search-panel-title-delete:hover {
  background-image: url(https://resource.eziot.com/group1/M00/00/F0/CtwQE2VgmsqAbCFLAAACCngC7DE412.png);
  background-size: 100%;
}
.search-container .global-search-container-panel .global-search-panel-title .global-search-panel-title-hot {
  width: 33px;
  height: 14px;
  margin-left: 5px;
}
.search-container .global-search-container-panel .global-search-panel-content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
}
.search-container .global-search-container-panel .global-search-panel-content .global-search-panel-content-tag {
  display: block;
  height: 28px;
  background: #F2F6FA;
  border-radius: 2px;
  line-height: 22px;
  font-size: 14px;
  color: #262626;
  text-align: center;
  padding: 3px 10px ;
  box-sizing: border-box;
  max-width: 47%;
  margin: 10px 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.search-container .global-search-container-panel .global-search-panel-content .global-search-panel-content-tag:hover {
  color: #407AFF;
}

.NewPopWithoutTabs {
  min-width: 1240px;
  max-width: 1440px;
  padding: 32px 10px;
  margin: auto;
  min-height: 356px;
  background-color: white;
  display: flex;
  flex-direction: row;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content {
  width: 100%;
  min-height: 356px;
  display: flex;
  flex-direction: row;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 8px;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .content-item-txt {
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .content-item-txt:hover {
  color: #407AFF;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .sub-item .content-item-title {
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 24px;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .sub-item .sub-item-content {
  display: flex;
  flex-direction: column;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank {
  display: flex;
  flex-direction: column;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item {
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 24px;
  cursor: pointer;
}
.NewPopWithoutTabs .NewPopWithoutTabs-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item:hover {
  color: #407AFF;
}

.NewPop {
  min-width: 240px;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 0px;
  margin: auto;
  min-height: 356px;
  background-color: #FAFAFA !important;
  display: flex;
  flex-direction: row;
}
.NewPop .NewPop-divide {
  height: 1px;
  background-color: #f0f0f0;
  margin: 0 32px;
}
.NewPop .lastClass {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 32px 10px;
}
.NewPop .lastClass .NewPop-tabs-items-href-icon {
  font-size: 6px;
  margin-left: 8px;
  display: none;
  color: #407AFF;
}
.NewPop .lastClass .NewPop-tabs-items {
  display: inline-block;
  margin-bottom: 0 !important;
}
.NewPop .iconImg {
  width: 16px;
  height: 16px;
  background: url(http://resource.eziot.com/group2/M00/00/92/CtwQF2QJh52AevF7AAAHNNKptjI421.svg) no-repeat;
  background-size: 16px 16px;
  display: block;
  margin-right: 5px;
}
.NewPop .lastClass .cloud:hover .iconImg {
  background: url(http://resource.eziot.com/group2/M00/00/93/CtwQFmQJiOuAHtv3AAAHN-2hXy4749.svg) no-repeat;
  background-size: 16px 16px;
}
.NewPop .lastClass .cloud:hover .NewPop-tabs-items,
.NewPop .lastClass .cloud:hover .cloud-label {
  color: #407AFF;
}
.NewPop .lastClass .cloud:hover .NewPop-tabs-items .NewPop-tabs-items-href-icon,
.NewPop .lastClass .cloud:hover .cloud-label .NewPop-tabs-items-href-icon {
  display: inline-block;
}
.NewPop .lastClass .cloud:hover .NewPop-tabs-items-href-icon {
  display: inline-block;
}
.NewPop .NewPop-tabs {
  padding: 40px 0;
  width: 216px;
  min-width: 216px;
  min-height: 100%;
  background: #FAFAFA;
}
.NewPop .NewPop-tabs .NewPop-tabs-items {
  width: 100%;
  height: 21px;
  background: #FAFAFA;
  font-size: 14px;
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: 400;
  padding: 0 32px;
  display: flex;
  cursor: pointer;
  align-items: center;
  margin-bottom: 25px;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.NewPop-tabs-items-href:hover .NewPop-tabs-items-href-icon {
  display: inline-block;
}
.NewPop .NewPop-tabs .NewPop-tabs-items .NewPop-tabs-items-href-icon {
  font-size: 6px;
  margin-left: 8px;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.cloud {
  padding-left: 0;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.cloud .cloud-label {
  line-height: 22px !important;
}
.NewPop .NewPop-tabs .NewPop-tabs-items.cloud:hover .cloud-label {
  color: #407AFF;
}
.NewPop .NewPop-tabs .NewPop-tabs-items:hover {
  color: #407AFF;
  font-weight: 600;
}
.NewPop .NewPop-tabs .NewPop-tabs-items-click {
  color: #407AFF;
  font-weight: 600;
}
.NewPop .NewPop-content {
  width: 100%;
  min-height: 356px;
  padding: 40px 0 8px 20px;
  display: flex;
  flex-direction: row;
}
.NewPop .NewPop-content .NewPop-content-item {
  height: auto;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 8px;
}
.NewPop .NewPop-content .NewPop-content-item .content-item-txt {
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPop .NewPop-content .NewPop-content-item .content-item-txt:hover {
  color: #407AFF;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .content-item-title {
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 24px;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content {
  display: flex;
  flex-direction: column;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank {
  display: flex;
  flex-direction: column;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item {
  color: #262626;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 25px;
  cursor: pointer;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item:hover {
  color: #407AFF;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item3 {
  color: #262626;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item3 .content-sublist-item3-icon {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item3 .content-sublist-item3-txt {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPop .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item3:hover .content-sublist-item3-txt {
  color: #407AFF;
}
.NewPop .NewPop-content .NewPop-content-item2:hover .NewPop-content-item2-title {
  color: #407AFF;
}
.NewPop .NewPop-content .NewPop-content-item2 {
  cursor: pointer;
  padding-left: 40px;
  margin-bottom: 30px;
}
.NewPop .NewPop-content .NewPop-content-item2 .NewPop-content-item2-title {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: 600;
  margin-bottom: 15px;
}
.NewPop .NewPop-content .NewPop-content-item2 .NewPop-content-item2-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.NewPop .NewPop-right {
  margin: 32px 0;
  width: 100%;
  padding-left: 10px;
  min-height: 292px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.NewPop .NewPop-right .NewPop-right-items {
  width: 230px;
  font-size: 14px;
  padding: 15px 20px;
  color: #262626;
  font-weight: 600;
  margin-bottom: 15px;
  border-radius: 4px;
  background-color: #F2F6FA;
}
.NewPop .NewPop-right .NewPop-right-items:hover .NewPop-right-items-title {
  color: #407AFF;
}
.NewPop .NewPop-right .NewPop-right-items .NewPop-right-items-title {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: 600;
}
.NewPop .NewPop-right .NewPop-right-items .NewPop-right-items-desc {
  font-size: 12px;
  color: #595959;
  line-height: 20px;
  font-weight: 400;
  margin-top: 2px;
}
.NewPop .NewPop-right .NewPop-right-items:hover {
  color: #407AFF;
}
.NewPop .NewPop-right .NewPop-right-items-product {
  width: 230px;
  padding: 20px;
  border-radius: 4px;
  background-color: #F2F6FA;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-title {
  font-weight: 600;
  color: #262626;
  margin-bottom: 15px;
  display: block;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item {
  font-weight: 400;
  color: #262626;
  margin-bottom: 10px;
  width: 145px;
  display: block;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item:last-child {
  margin-bottom: 0;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item .product-item-txt {
  width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPop .NewPop-right .NewPop-right-items-product .product-item:hover {
  color: #407AFF;
}

.NewPopAi {
  min-width: 240px;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 0px;
  margin: auto;
  min-height: 356px;
  background-color: #FAFAFA !important;
  display: flex;
  flex-direction: row;
}
.NewPopAi .NewPop-tabs {
  padding: 40px 0;
  width: 216px;
  min-width: 216px;
  min-height: 100%;
  background: #FAFAFA;
}
.NewPopAi .NewPop-tabs .NewPop-tabs-items-ai {
  width: 100%;
  padding: 0 20px 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.4px;
}
.NewPopAi .NewPop-tabs .NewPop-tabs-items-ai .NewPop-tabs-items-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  margin-bottom: 15px;
}
.NewPopAi .NewPop-tabs .NewPop-tabs-items-ai .NewPop-tabs-items-subtitle {
  color: #8C8C8C;
  margin-bottom: 20px;
}
.NewPopAi .NewPop-tabs .NewPop-tabs-items-ai .NewPop-tabs-items-extra {
  color: #407AFF !important;
}
.NewPopAi .NewPop-tabs .NewPop-tabs-items-ai .NewPop-tabs-items-extra img {
  width: 16px;
  height: 16px;
}
.NewPopAi .NewPop-content-border {
  width: 100%;
  min-height: 356px;
  min-width: 100px;
  background: white;
  overflow: auto;
}
.NewPopAi .NewPop-content-border .NewPop-content-row {
  width: 100%;
  min-width: 820px;
  padding-right: 24px;
}
.NewPopAi .NewPop-content {
  width: 100%;
  min-height: 356px;
  padding: 40px 0 8px 20px;
  display: flex;
  flex-direction: row;
}
.NewPopAi .NewPop-content .NewPop-content-item {
  height: auto;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: 8px;
}
.NewPopAi .NewPop-content .NewPop-content-item .content-item-txt {
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NewPopAi .NewPop-content .NewPop-content-item .content-item-txt:hover {
  color: #407AFF;
}
.NewPopAi .NewPop-content .NewPop-content-item .sub-item .content-item-title {
  color: #262626;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 30px;
}
.NewPopAi .NewPop-content .NewPop-content-item .sub-item .sub-item-content {
  display: flex;
  flex-direction: column;
}
.NewPopAi .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank {
  display: flex;
  flex-direction: column;
}
.NewPopAi .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item {
  color: #262626;
  line-height: 22px;
  letter-spacing: 0.4px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 25px;
  cursor: pointer;
}
.NewPopAi .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item:hover {
  color: #407AFF;
}
.NewPopAi .NewPop-content .NewPop-content-item .sub-item .sub-item-content .sub-item-content-rank .content-sublist-item-no-hover:hover {
  color: #262626;
}
.NewPopAi .NewPop-content .content-secondary-item {
  color: #407AFF;
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 25px;
}

.consult-modal-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.consult-modal-box .consult-modal-img {
  width: 160px;
  height: 160px;
  margin-top: 8px;
}
.consult-modal-box .consult-modal-txt {
  margin-top: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  text-align: right;
  line-height: 22px;
  font-weight: 600;
}
.ant-modal-title {
  font-weight: 700;
}

/* 通用样式, 下例 demo 单独使用都需要这块样式 */
.banner-user {
  height: 220px;
  position: relative;
}
.banner-user-elem {
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.banner-user-elem .banner-user-title {
  font-size: 32px;
  top: 40%;
}
.banner-anim-elem .bg {
  width: 2186px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1093px;
  display: flex;
  justify-content: center;
}
.banner-anim-elem .IndustryBg {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
}
.imgContentStyle {
  background-size: cover;
  background-position: center;
  width: 100%;
}
.banner-user-elem-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index .banner-anim-elem .bg img {
  width: 1920px;
  height: 567px;
}
.index .banner-anim-elem .bg video {
  width: 1920px;
  height: 567px;
}
.index .banner-anim-elem .bg-style {
  position: absolute;
  top: 0;
  width: 1920;
  left: 50%;
  margin-left: -960px;
}
.banner-anim-thumb {
  position: relative !important;
  top: 400px !important;
  margin: 0 auto !important;
  padding: 0;
  max-width: 1400px !important;
  text-align: left !important;
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 1440px) {
  .banner-anim-thumb {
    max-width: 1100px !important;
  }
}
.banner-anim-thumb.banner-anim-thumb-default {
  height: 152px;
}
.banner-anim-thumb.banner-anim-thumb-default span.active {
  width: 40px;
  height: 3px;
  padding: 30px 0;
  background-clip: content-box;
  box-sizing: content-box;
}
.banner-anim-thumb.banner-anim-thumb-default span {
  position: relative;
  vertical-align: middle;
  width: 40px;
  height: 3px;
  background: #F7F8FC;
  box-shadow: none;
  border-radius: 0;
  padding: 30px 0;
  background-clip: content-box;
  box-sizing: content-box;
}
.banner-anim-thumb.banner-anim-thumb-default span:active {
  background: #F7F8FC;
  background-clip: content-box;
}
.banner-anim-thumb.banner-anim-thumb-default span.active::after {
  content: '';
  position: absolute;
  left: 0;
  top: 30px;
  height: 3px;
  transition: 0.4s linear;
  transition-property: width, background-color;
  width: 100%;
  background-color: #407AFF;
  animation: progressAnimation 5s;
}
@keyframes progressAnimation {
  0% {
    width: 5%;
    background-color: #407AFF;
  }
  100% {
    width: 100%;
    background-color: #407AFF;
  }
}
.Banner.lower .banner-anim-thumb {
  position: relative !important;
  top: 310px !important;
  margin: 0 auto !important;
  padding: 0;
  max-width: 1400px !important;
  text-align: left !important;
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 1440px) {
  .Banner.lower .banner-anim-thumb {
    max-width: 1100px !important;
  }
}
.Banner {
  min-height: 400px;
  overflow: hidden;
}
.Banner .banner-user-elem .banner-bg-img {
  width: 100%;
}
.Banner .banner-user-elem .banner-content-container-parent {
  width: 100%;
  margin-top: 162px;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-content-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) {
  .Banner .banner-user-elem .banner-content-container-parent .banner-content-container {
    max-width: 1100px;
  }
}
.Banner .banner-user-elem .banner-content-container-parent .banner-user-title {
  text-align: left;
  font-size: 60px;
  color: #FFFFFF;
  letter-spacing: 1.8px;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-user-title2 {
  text-align: left;
  font-size: 60px;
  color: #FFFFFF;
  letter-spacing: 1.8px;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-user-subTitle {
  font-size: 42px;
  color: #262626;
  letter-spacing: 0;
  line-height: 50px;
  font-weight: 400;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-user-content {
  opacity: 0.8;
  max-width: 612px;
  margin-top: 20px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 28px;
  text-align: left;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-btn-container {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item {
  width: 144px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  margin-right: 16px;
  font-size: 20px;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:first-child {
  background: #407AFF;
  border: none;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:first-child:hover {
  background: #699BFF;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:first-child:active {
  background: #2b5ad9 !important;
}
.Banner .banner-user-elem .banner-content-container-parent .banner-btn-container2 {
  margin: 269px auto 0px;
  width: 160px;
  height: 74px;
}
.Banner .banner-user-elem .bg {
  animation: 3s opacity2 0s 1;
  -webkit-animation: 3s opacity2 0s 1;
  -moz-animation: 3s opacity2 0s 1;
}
.Banner .banner-user-elem .bg .bg-gradient-left {
  width: 133px;
  height: 567px;
  background: linear-gradient(to right, #E9F0F9, rgba(233, 240, 249, 0));
  position: relative;
  left: 6%;
}
.Banner .banner-user-elem .bg .bg-gradient-right {
  width: 133px;
  height: 567px;
  background: linear-gradient(to left, #E9F0F9, rgba(233, 240, 249, 0));
  position: relative;
  right: 6%;
}
.Banner .banner-user-elem .banner-content-container {
  animation: 3s opacity2 0s 1;
  -webkit-animation: 3s opacity2 0s 1;
  -moz-animation: 3s opacity2 0s 1;
}
@keyframes opacity2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacity2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes opacity2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.Banner .banner-user-elem-one {
  height: 100%;
}
.Banner.index .banner-user-elem .banner-user-content {
  max-width: 612px;
  text-align: left;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 20px;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-user-title {
  font-size: 90px;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container {
  margin-top: 30px;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item {
  width: 136px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #FFFFFF;
  background: #407AFF;
  border-radius: 2px;
  margin-right: 16px;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:hover {
  background: #699BFF;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:active {
  background: #2b5ad9;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:nth-child(2) {
  background: transparent;
  border: 1px solid #407AFF;
  color: #407AFF;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:nth-child(2):hover {
  color: #699BFF;
  border: 1px solid #699BFF;
}
.Banner.index .banner-user-elem .banner-content-container-parent .banner-btn-container .banner-btn-item:nth-child(2):active {
  color: #2B5AD9;
  border: 1px solid #2B5AD9;
}
.ant-popover-inner-content {
  padding: 8px 12px;
}

.common-contact-us-form {
  width: 100%;
}
.common-contact-us-form .work-form .ant-form-item-label {
  line-height: 20px;
}
.common-contact-us-form .work-form .ant-form-item {
  margin-bottom: 24px !important;
}
.common-contact-us-form .work-form .ant-form-item:last-child {
  margin-bottom: 0 !important;
}
.common-contact-us-form .contact-us-form-title {
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 5px;
  line-height: 60px;
  height: 60px;
}
.common-contact-us-form .contact-us-form-sub-title {
  letter-spacing: 0;
  margin: 0 0 16px !important;
}
.common-contact-us-form .work-item-normal-hint {
  color: #FFFFFF;
  text-align: left;
}
.common-contact-us-form .work-item-normal {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 2.5px;
  line-height: 30px;
  opacity: 1;
  padding-bottom: 9px;
}
.common-contact-us-form .work-item-normal input,
.common-contact-us-form .work-item-normal textarea {
  background-color: transparent;
  border: none;
  color: #ffffff;
  resize: none;
  padding-left: 0;
  box-shadow: none!important;
  background-color: transparent!important;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  padding: 0;
  -webkit-box-shadow: 0 0 0 1000px white inset;
  max-width: 100%;
}
.common-contact-us-form .work-item-normal input::-webkit-input-placeholder,
.common-contact-us-form .work-item-normal textarea::-webkit-input-placeholder {
  color: #ffffff!important;
}
.common-contact-us-form .submit-btn-container {
  margin-top: 60px;
}
.common-contact-us-form .submit-btn-container .submit-btn {
  font-size: 18px;
  background-color: transparent;
  color: #FFFFFF;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #FFFFFF;
  outline: none;
}
.common-contact-us-form.transparent {
  padding: 40px 60px 62px;
}
.common-contact-us-form.white .contact-us-form-title {
  color: #333333;
  height: 24px;
  line-height: 24px;
}
.common-contact-us-form.white .contact-us-form-sub-title {
  margin-top: 18px;
  font-size: 12px;
  color: #595959 !important;
  letter-spacing: 2px;
  line-height: 20px;
  letter-spacing: 0;
}
.common-contact-us-form.white .work-item-normal-hint {
  color: #333333;
}
.common-contact-us-form.white .work-item-normal {
  border-bottom: 1px solid #F1F1F1;
  color: #333;
}
.common-contact-us-form.white .work-item-normal input,
.common-contact-us-form.white .work-item-normal textarea {
  color: #333;
}
.common-contact-us-form.white .work-item-normal input::-webkit-input-placeholder,
.common-contact-us-form.white .work-item-normal textarea::-webkit-input-placeholder {
  color: #333!important;
}
.common-contact-us-form.white .submit-btn-container .submit-btn {
  background: #4C80F7;
  color: #ffffff;
  border: 2px solid #4C80F7;
}
.common-contact-us-form.mobile .contact-us-form-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 8.31px;
  line-height: 30px;
}
.common-contact-us-form.mobile .contact-us-form-sub-title {
  font-size: 12px;
  color: #595959 !important;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 20px;
  letter-spacing: 0;
}
.common-contact-us-form.mobile .ant-row.ant-form-item {
  margin-bottom: 20px;
  padding-bottom: 0px;
}
.common-contact-us-form.mobile .work-item-normal {
  border-bottom: 1px solid #F1F1F1;
  color: #333;
}
.common-contact-us-form.mobile .work-item-normal input,
.common-contact-us-form.mobile .work-item-normal textarea {
  color: #333;
  padding: 0;
  outline: none;
}
.common-contact-us-form.mobile .work-item-normal input::-webkit-input-placeholder,
.common-contact-us-form.mobile .work-item-normal textarea::-webkit-input-placeholder {
  color: #000000!important;
  opacity: 1;
}
.common-contact-us-form.mobile .submit-btn-container {
  margin-top: 40px;
}
.common-contact-us-form.mobile .submit-btn-container .submit-btn {
  background: #4C80F7;
  color: #ffffff;
  border: 2px solid #4C80F7;
}
.common-contact-us-form.mobile2 {
  padding-top: 15px;
}
.common-contact-us-form.mobile2 .contact-us-form-title {
  font-size: 24px;
  line-height: 1em;
  height: 24px;
  margin-bottom: 10px;
}
.common-contact-us-form.mobile2 .contact-us-form-sub-title {
  margin-bottom: 20px;
}
.common-contact-us-form.mobile2 .submit-btn-container {
  margin-top: 0px;
}
.common-contact-us-form.mobile2 .work-item-normal {
  line-height: 24px;
}
.common-contact-us-form.mobile2 .ant-form-explain {
  text-align: left;
}
.common-contact-us-form.mobile2 .submit-btn-container {
  margin-top: 6px;
}
.submit-success {
  text-align: center;
  padding: 20px 60px;
}
.submit-success .succes-img {
  max-width: 300px;
}
.submit-success .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 8.31px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success .success-sub-title {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2.33px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success .success-img img {
  width: 100%;
}
.submit-success .submit-btn-container {
  margin-top: 100px;
}
.submit-success .submit-btn-container .submit-btn {
  background-color: transparent;
  color: #FFFFFF;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #FFFFFF;
  outline: none;
}
.submit-success.transparent .success-title {
  color: #FFFFFF;
}
.submit-success.transparent .success-sub-title {
  color: #ffffff;
}
.submit-success.transparent .submit-btn-container .submit-btn {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.submit-success.mobile {
  text-align: center;
  padding: 20px 60px;
}
.submit-success.mobile .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 9px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success.mobile .success-sub-title {
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success.mobile .submit-btn-container {
  margin-top: 100px;
}
.submit-success.mobile .submit-btn-container .submit-btn {
  background: #4C80F7;
  color: #FFFFFF;
  width: 100%;
  line-height: 40px;
  height: 40px;
  border: 2px solid #4C80F7;
  outline: none;
}

.banner-anim {
  position: relative;
  overflow: hidden;
  min-height: 100px;
}
.banner-anim-elem {
  height: 100%;
}
.banner-anim-elem > * {
  position: relative;
}
.banner-anim-elem-mask {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.banner-anim-arrow {
  cursor: pointer;
  position: absolute;
  z-index: 10;
}
.banner-anim-arrow-default {
  position: absolute;
  width: 20px;
  height: 60px;
  margin-top: -30px;
  top: 50%;
  background: rgba(0, 0, 0, 0.3);
}
.banner-anim-arrow-default.next {
  right: 0;
}
.banner-anim-arrow-default.next:before,
.banner-anim-arrow-default.prev:before,
.banner-anim-arrow-default.next:after,
.banner-anim-arrow-default.prev:after {
  width: 2px;
  height: 15px;
  background: #fff;
  display: block;
  content: ' ';
  position: absolute;
}
.banner-anim-arrow-default.next:before {
  transform: rotate(-40deg);
  top: 18px;
  left: 10px;
}
.banner-anim-arrow-default.next:after {
  transform: rotate(40deg);
  bottom: 17px;
  left: 10px;
}
.banner-anim-arrow-default.prev:before {
  transform: rotate(40deg);
  top: 18px;
  left: 8px;
}
.banner-anim-arrow-default.prev:after {
  transform: rotate(-40deg);
  bottom: 17px;
  left: 8px;
}
.banner-anim-thumb {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  z-index: 10;
}
.banner-anim-thumb > span {
  pointer-events: auto;
  cursor: pointer;
  display: inline-block;
  list-style: none;
}
.banner-anim-thumb-default {
  height: 40px;
  line-height: 40px;
}
.banner-anim-thumb-default span {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 5px;
  background: rgba(102, 102, 102, 0.35);
  transition: background .3s;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.banner-anim-thumb-default span:active,
.banner-anim-thumb-default span.active {
  background: #fff;
}

.bannerWithNav {
  width: 100%;
}

.HomeA {
  width: 100%;
  height: 0.9rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  position: absolute;
  top: 4.77rem;
  z-index: 9;
}
.HomeA .HomeA-container {
  text-align: center;
}
.HomeA .HomeA-container .HomeA-area {
  width: 100%;
}
.HomeA .HomeA-container .HomeA-area .HomeA-card {
  height: 0.9rem;
  cursor: pointer;
  padding: 0.18rem 0;
}
.HomeA .HomeA-container .HomeA-area .HomeA-cardTitle {
  font-size: 0.16rem;
  color: #262626;
  letter-spacing: 0;
  line-height: 0.24rem;
  font-weight: 600;
}
.HomeA .HomeA-container .HomeA-area .HomeA-setText {
  font-size: 0.14rem;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 0.24rem;
  font-weight: 400;
  margin-top: 0.06rem;
}
.HomeA .HomeA-container .HomeA-area .HomeA-card:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.HomeA .HomeA-container .HomeA-area .HomeA-card:hover .HomeA-cardTitle {
  color: #407AFF;
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.ModuleA {
  user-select: none;
  padding: 100px 0;
  text-align: center;
  background-image: url(https://resource.eziot.com/group1/M00/00/01/CtwQEl8IWmSAf9inAAW7TREbmpw960.png);
  background-size: 100% 100%;
  overflow: hidden;
}
.ModuleA .slick-active {
  border-radius: 35px;
}
.ModuleA .slick-active > div {
  border-radius: 35px;
}
.ModuleA .ModuleA-container {
  max-width: 1440px;
  min-width: 1200px;
  padding: 0 30px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ModuleA .ModuleA-container .ModuleA-title {
  text-align: center;
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 35px;
}
.ModuleA .ModuleA-container .ModuleA-image {
  width: 565px;
  display: block;
  margin: 0 auto;
}
.ModuleA .ModuleA-container .ModuleA-container-left {
  position: relative;
  cursor: pointer;
  width: 21.7%;
  height: 427px;
  padding: 100px 60px;
  background: #333333;
  border-bottom-left-radius: 35px;
  border-top-left-radius: 35px;
  opacity: 0.3;
}
.ModuleA .ModuleA-container .ModuleA-container-right {
  position: relative;
  cursor: pointer;
  width: 21.7%;
  height: 427px;
  background: #333333;
  border-bottom-right-radius: 35px;
  border-top-right-radius: 35px;
  opacity: 0.3;
}
.ModuleA .ModuleA-container .action {
  width: 200px;
  margin: auto;
  text-align: left;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
}
.ModuleA .ModuleA-container .action.right-action {
  text-align: right;
}
.ModuleA .ModuleA-container .action .action-title {
  opacity: 0.9;
  font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 9px;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 203px;
  text-align: left;
}
.ModuleA .ModuleA-container .action .action-content {
  text-align: left;
  font-size: 12px;
  color: #CCCCCC;
  letter-spacing: 1.71px;
  line-height: 30px;
  width: 203px;
}
.ModuleA .ModuleA-container .action .action-icon {
  margin-top: 40px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #666666;
  display: inline-block;
}
.ModuleA .ModuleA-container .action .action-icon img {
  width: 14px;
  height: 14px;
  line-height: 46px;
  vertical-align: top;
  display: inline-block;
  margin-top: 16px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container {
  margin: 0;
  width: 55.6%;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem {
  width: 100%;
  height: 465px;
  background: #4B4B4B;
  border-radius: 35px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .subItem-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 35px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .ModuleA-subItem-left {
  display: inline-block;
  width: 50%;
  height: 465px;
  position: relative;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .ModuleA-subItem-left img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -43%);
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .ModuleA-subItem-right {
  display: inline-block;
  width: 50%;
  height: 465px;
  text-align: left;
  padding-top: 110px;
  padding-right: 30px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .ModuleA-subItem-title {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 9px;
  line-height: 47px;
  max-width: 352px;
  margin-bottom: 25px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .ModuleA-subItem-subTitle-container {
  max-width: 352px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .ModuleA-subItem-subTitle {
  max-width: 352px;
  font-size: 14px;
  color: #CCCCCC;
  letter-spacing: 2px;
  line-height: 30px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .tag-hint {
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
  line-height: 20px;
  margin-top: 50px;
  text-align: left;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .tag-wrap {
  display: flex;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .tag {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 9px;
  text-align: center;
  line-height: 19px;
  text-align: left;
  margin-top: 20px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .tag.first {
  display: inline-block;
  margin-right: 1px;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .tag.second {
  display: flex;
  display: inline-block;
  position: relative;
}
.ModuleA .ModuleA-container .ModuleA-subItem-container .ModuleA-subItem .tag.second .tag-split {
  display: inline-block;
  width: 1px;
  height: 9px;
  background: #999999;
  margin-right: 10px;
}

.ModuleB {
  min-width: 1200px;
  max-width: 1440px;
  padding: 100px 30px 0;
  margin: auto;
}
.ModuleB .ModuleB-title {
  text-align: center;
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 35px;
  margin-bottom: 80px;
}
.ModuleB .ModuleB-image {
  width: 50%;
  display: block;
  margin: 0 auto;
}
.ModuleB .ModuleB-subItem-container {
  position: relative;
  max-width: 1256px;
  min-width: 1200px;
  height: 484px;
  margin: 0 auto;
}
.ModuleB .ModuleB-subItem-container .ModuleB-subItem {
  position: absolute;
  top: 40%;
  left: 78%;
  width: 234px;
}
.ModuleB .ModuleB-subItem-container .ModuleB-subItem .ModuleB-subItem-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 9px;
  text-align: center;
  line-height: 40px;
}
.ModuleB .ModuleB-subItem-container .ModuleB-subItem .ModuleB-subItem-subTitle-container {
  margin-top: 20px;
}
.ModuleB .ModuleB-subItem-container .ModuleB-subItem .ModuleB-subItem-subTitle {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 30px;
}
.ModuleB .ModuleB-subItem-container .ModuleB-subItem:nth-child(2) {
  position: absolute;
  top: 20%;
  left: 20px;
}

.ModuleC {
  padding-top: 100px;
}
.ModuleC .ModuleC-title {
  text-align: center;
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 35px;
}
.ModuleC .ModuleC-subItem-container {
  max-width: 1440px;
  min-width: 1200px;
  padding: 0 30px;
  margin: 0 auto;
}
.ModuleC .ModuleC-subItem-container .ModuleC-subItem .ModuleC-subItem-title {
  font-size: 30px;
  color: #333333;
  letter-spacing: 2px;
  text-align: center;
  line-height: 40px;
}
.ModuleC .ModuleC-subItem-container .ModuleC-subItem .ModuleC-subItem-image-container {
  margin-top: 70px;
  text-align: center;
}
.ModuleC .ModuleC-subItem-container .ModuleC-subItem .ModuleC-subItem-image {
  width: 70px;
}
.ModuleC .ModuleC-subItem-container .ModuleC-subItem .ModuleC-subItem-subTitle-container {
  margin-top: 8px;
}
.ModuleC .ModuleC-subItem-container .ModuleC-subItem .ModuleC-subItem-subTitle {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2.33px;
  text-align: center;
}

.ModuleD {
  padding-top: 100px;
  padding-bottom: 100px;
}
.ModuleD .ModuleD-title {
  text-align: center;
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 35px;
}
.ModuleD .ModuleD-subItem-container {
  max-width: 1440px;
  min-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0px 10px;
  width: 228px;
  height: 145px;
  border: 1px solid #F1F1F1;
  background: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: transform 0.5s;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem .ModuleD-subItem-title {
  margin-top: 6px;
  margin-left: 30px;
  font-size: 18px;
  color: #333333;
  letter-spacing: 1.8px;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem .ModuleD-subItem-image-container {
  text-align: center;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem .ModuleD-subItem-image {
  width: 70px;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem .ModuleD-subItem-subTitle-container {
  margin-top: 8px;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem .ModuleD-subItem-subTitle {
  font-size: 12px;
  color: #999999;
  letter-spacing: 1.71px;
  line-height: 16px;
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem:hover {
  border: 1px solid #F1F1F1;
  box-shadow: 0 35px 26px -8px rgba(0, 0, 0, 0.08);
  transform: translate(0, -5px);
}
.ModuleD .ModuleD-subItem-container .ModuleD-subItem:last-child {
  margin-right: 0;
}

.ModuleF {
  max-width: 1440px;
  min-width: 1200px;
  margin: auto;
  padding: 80px 30px 0;
}
.ModuleF .ModuleF-title {
  text-align: center;
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 46px;
  margin-bottom: 100px;
}
.ModuleF .ModuleF-subItem-container {
  width: 100%;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 80px;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem .ModuleF-subItem-title {
  font-size: 30px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 20px;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem .ModuleF-subItem-image-container {
  text-align: left;
  display: inline-block;
  width: 561px;
  text-align: center;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem .ModuleF-subItem-content-container {
  text-align: left;
  display: inline-block;
  width: 561px;
  vertical-align: top;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem .ModuleF-subItem-image {
  margin-top: 40px;
  margin-left: 30px;
  width: 400px;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem .ModuleF-subItem-subTitle-container {
  margin-top: 8px;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem .ModuleF-subItem-subTitle {
  font-size: 14px;
  color: #666666;
  letter-spacing: 2px;
  line-height: 30px;
}
.ModuleF .ModuleF-subItem-container .ModuleF-subItem:last-child {
  margin-right: 0;
}

.page-anchor {
  padding: 0 60px;
  margin: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow-y: hidden;
  background: #FFFFFF;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.04);
}
.page-anchor .ant-affix {
  z-index: 1000;
  background: #FFFFFF;
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.04);
}
.page-anchor .anchor-container.ant-anchor-wrapper {
  margin: auto;
  padding-left: 0;
}
.page-anchor .anchor-container .ant-anchor-ink-ball {
  display: none;
}
.page-anchor .anchor-container .ant-anchor-ink::before {
  display: none;
}
.page-anchor .anchor-container .ant-anchor-link {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  margin-right: 80px;
  padding: 25px 0;
  height: 70px;
}
.page-anchor .anchor-container .ant-anchor-link-active {
  border-bottom: none;
}
.page-anchor .anchor-container .ant-anchor-link-active .ant-anchor-link-title {
  color: #407aff;
}
.page-anchor .anchor-container a:hover {
  color: #407aff;
}
.page-anchor .anchor-container .ant-anchor-link-title {
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
}

.video-iframe {
  display: inline-block;
}
.video-iframe .video-iframe-body .video-item {
  position: relative;
}
.video-iframe .video-iframe-body .video-item .video-item-cover {
  background: url(https://resource.eziot.com/group2/M00/00/60/CtwQF2DdnwKAa_1FABQr_As_uvE834.png) no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.57;
  width: 100%;
  height: 100%;
}
.video-iframe .video-iframe-body .video-item .video-item-select-container {
  height: 78px;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.video-iframe .video-iframe-body .video-item .video-item-select-container .ezd-select:not(.ezd-select-customize-input) .ezd-select-selector {
  opacity: 0.6;
  background: #000000;
  color: #FFFFFF;
  border: none;
  height: 40px;
  padding: 10px 0;
}
.video-iframe .video-iframe-body .video-item .video-item-select {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}
.video-iframe .video-iframe-body .video-item .video-item-select .ezd-select-arrow {
  color: #FFFFFF;
  opacity: 0.6;
}
.video-iframe .video-iframe-body .video-item .video-item-select .ant-select-selection.ant-select-selection--single {
  height: 26px;
  background: transparent;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2.33px;
  border-radius: 0;
}
.video-iframe .video-iframe-body .video-item .video-item-select .ant-select-selection.ant-select-selection--single .ant-select-selection__rendered {
  line-height: 26px;
}
.video-iframe .video-iframe-body .video-item .video-item-select .ant-select-selection.ant-select-selection--single .ant-select-arrow {
  color: #fff;
}
.video-iframe .video-iframe-body .video-item iframe {
  vertical-align: top;
}
.video-iframe .video-iframe-body .video-controls-container {
  background: #1B1B1B;
  font-size: 12px;
  color: #666666;
  letter-spacing: 2px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: 113px;
  width: 100%;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls {
  align-self: center;
  text-align: left;
  border-bottom: 1px solid #333333;
  padding: 6px 0;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input:first-child {
  margin-left: 50px;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input:nth-child(2) {
  margin-left: 45px;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.action.play {
  color: #FFFFFF;
  margin-left: 66px;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.action.reset {
  margin-left: 16px;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input:first-child {
  width: 230px;
  position: relative;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input:first-child input {
  width: 133px;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input {
  width: 230px;
  position: relative;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input input {
  background-color: transparent;
  border-radius: 0px;
  border: 0;
  outline: none;
  padding: 0;
  margin-left: 5px;
  width: 98px;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.input a {
  margin-left: 10px;
  position: absolute;
  right: 0;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.action {
  border-bottom: none;
}
.video-iframe .video-iframe-body .video-controls-container .video-controls.action:hover {
  color: #fff;
}

.Ability {
  background: #292929;
}
.home-ability {
  margin: auto;
  max-width: 1440px;
  min-width: 1200px;
  padding: 80px 30px 100px;
  text-align: center;
  overflow: hidden;
}
.home-ability .ability-title {
  margin-bottom: 60px;
  text-align: left;
  cursor: pointer;
}
.home-ability .ability-title .ability-tabs-arrow {
  vertical-align: sub;
}
.home-ability .ability-title .ability-tabs-arrow img {
  display: inline-block;
  width: 60px;
}
.home-ability .ability-title .ability-tabs-item {
  display: inline-block;
  margin: 0px;
  font-size: 16px;
  color: #999999;
  width: 120px;
  vertical-align: sub;
  text-align: center;
}
.home-ability .ability-title .ability-tabs-item.active {
  font-size: 30px;
  color: #FFFFFF;
}
.home-ability .ability-content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 652px;
}
.home-ability .ability-content .video-iframe {
  width: 100%;
}
.home-ability .ability-content .ability-show {
  position: absolute;
  top: 48px;
  left: 0;
  width: 64%;
  max-width: 780px;
  height: 550px;
  z-index: 1;
}
.home-ability .ability-content .ability-show img {
  width: 100%;
  max-width: 780px;
  max-height: 780px;
  height: 100%;
}
.home-ability .ability-content .ability-show .ability-show-shadow {
  position: absolute;
  height: 58px;
  width: 58%;
  bottom: -29px;
  left: 45px;
}
.home-ability .ability-content .ability-detail {
  background: #333333;
  display: inline-block;
  width: 75%;
  height: 652px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.home-ability .ability-content .ability-detail .ability-detail-info {
  display: inline-block;
  margin-left: 50%;
  margin-top: 114px;
  width: 36%;
  text-align: left;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-current span {
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-current span:first-child {
  color: #FFFFFF;
  margin-right: 10px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-current span:last-child {
  margin-left: 10px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-title {
  font-size: 40px;
  color: #FFFFFF;
  letter-spacing: 3.67px;
  margin: 43px 0  40px 0;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-text {
  font-size: 14px;
  color: #CCCCCC;
  letter-spacing: 2.33px;
  line-height: 30px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-link {
  margin-top: 30px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-link .lab {
  font-size: 10px;
  color: #FB4848;
  letter-spacing: 1.67px;
  line-height: 20px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-link a {
  display: inline-block;
  align-items: center;
  font-size: 12px;
  color: #666666;
  letter-spacing: 2px;
  line-height: 26px;
}
.home-ability .ability-content .ability-detail .ability-detail-info a:hover {
  color: #1890ff;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-link span:first-child {
  margin-right: 26px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home-ability .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn {
  margin-top: 50px;
  display: inline-block;
  width: 170px;
  height: 52px;
  border-radius: 27.5px;
  text-align: center;
  color: #fff;
  line-height: 52px;
  border: 1px solid #B2B2B2;
  font-size: 18px;
  padding-left: 10px;
}
.home-ability .ability-content .ability-detail .ability-detail-info .iot-btn:first-child {
  background: #4C80F7;
  border: none;
  margin-right: 30px;
}
.home-ability .ant-select-selection:hover {
  border-color: #ffffff!important;
}
.ability-content.ai .ant-select-selection:hover {
  border-color: #ffffff!important;
}
.ability-content.ai .ability-detail .ability-detail-info .ability-detail-title {
  line-height: 47px;
  height: 47px;
}
.ability-content.ai .ability-detail .ability-detail-info .ability-detail-text {
  margin-top: -40px;
  margin-bottom: 20px;
}
.ability-content.ai .ability-detail-content {
  height: 128px;
  border: 1px solid #666666;
  opacity: 0.66;
}
.ability-content.ai .ability-detail-content .json-content {
  display: inline-block;
  width: 97%;
  height: 110px;
  overflow: hidden;
  overflow-y: scroll;
  margin-top: 8px;
}
.ability-content.ai .ability-detail-content .json-content::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background: #333!important;
  /**/
}
.ability-content.ai .ability-detail-content .json-content::-webkit-scrollbar-track {
  background: #666666!important;
}
.ability-content.ai .ability-detail-content .json-content::-webkit-scrollbar-thumb {
  background: #333333!important;
  border-radius: 10px;
  border-color: #cccccc;
}
.ability-content.ai .ability-detail-content .json-content::-webkit-scrollbar-thumb:hover {
  background: red;
}
.ability-content.ai .ability-detail-content .json-content::-webkit-scrollbar-track-piece {
  background: #666666!important;
}
.ability-content.ai .ability-ai-demo-body .picture-item {
  text-align: center;
}
.ability-content.ai .ability-ai-demo-body .picture-item .picture-item-select-container {
  height: 78px;
  position: absolute;
  width: 100%;
  z-index: 99;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 74%);
}
.ability-content.ai .ability-ai-demo-body .picture-item .picture-item-select {
  position: absolute;
  left: 20px;
  top: 30px;
}
.ability-content.ai .ability-ai-demo-body .picture-item .picture-item-select .ant-select-selection.ant-select-selection--single {
  height: 26px;
  background: transparent;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2.33px;
  border-radius: 0;
}
.ability-content.ai .ability-ai-demo-body .picture-item .picture-item-select .ant-select-selection.ant-select-selection--single .ant-select-selection__rendered {
  line-height: 26px;
}
.ability-content.ai .ability-ai-demo-body .picture-item .picture-item-select .ant-select-selection.ant-select-selection--single .ant-select-arrow {
  color: #fff;
}
.ability-content.ai .ability-ai-demo-body .picture-item .detect-result {
  position: absolute;
  border: 2px solid #458fff;
}
.ability-content.ai .ability-ai-demo-body .picture-item .preview-list-container {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 84px;
  padding-bottom: 20px;
  cursor: pointer;
  width: 100%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 74%);
}
.ability-content.ai .ability-ai-demo-body .picture-item .preview-list-container .preview-list-item {
  display: inline-block;
  width: 112px;
  height: 63px;
  margin: 0 5px;
  width: auto;
  vertical-align: top;
}
.ability-content.ai .ability-ai-demo-body .picture-item .preview-list-container .preview-list-item.normal {
  opacity: 0.33;
  border: 0 solid #333333;
}
.ability-content.ai .ability-ai-demo-body .picture-item .preview-list-container .preview-list-item.active {
  opacity: 1;
}

.ModuleE {
  background: #4C80F7;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  background-image: url(https://resource.eziot.com/group1/M00/00/01/CtwQEl8MU4iAbEgxAAHlU5s4pDg807.png);
}
.ModuleE .module-e {
  max-width: 1440px;
  min-width: 1200px;
  margin: auto;
  height: 630px;
  position: relative;
}
.ModuleE .module-e .contact-us-container {
  top: 0;
  left: 30px;
  position: absolute;
  display: inline-block;
  background: #6492FF;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08);
  width: 458px;
}
.ModuleE .module-e .logo-container {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 70px 0px 0 42%;
}
.ModuleE .module-e .logo-container .logo-wall-title {
  font-weight: bold;
  font-size: 80px;
  color: #ffffff;
  letter-spacing: 12px;
}
.ModuleE .module-e .logo-container .logo-wall-sub-title {
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 19.82px;
}
.ModuleE .module-e .logo-container .logo-wall {
  margin-top: 60px;
  height: 300px;
  flex-wrap: wrap;
}
.ModuleE .module-e .logo-container .logo-wall img {
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 159px;
  height: 72px;
  margin-right: 20px;
  margin-bottom: 22px;
}

.ModuleJ {
  background: #ffffff;
  padding: 80px 60px;
}
.ModuleJ .ModuleJ-container {
  text-align: center;
  margin: auto;
}
.ModuleJ .ModuleJ-container .ModuleJ-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.ModuleJ .ModuleJ-container .ModuleJ-title-first {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.ModuleJ .ModuleJ-container .ModuleJ-title-second {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin: 50px 0 52px 0;
}
.ModuleJ .ModuleJ-container .area-first {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1450px;
  margin-bottom: 40px;
}
.ModuleJ .ModuleJ-container .area-first .module-j-area0-item {
  display: inline-block;
}
.ModuleJ .ModuleJ-container .area-first .module-j-area0-item .area0-item-icon {
  margin-bottom: 29px;
  width: 48px;
  height: 48px;
}
.ModuleJ .ModuleJ-container .area-first .module-j-area0-item .area0-item-title {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  font-weight: 400;
}
.ModuleJ .ModuleJ-container .area-first .module-j-area0-item .area0-item-content {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  margin-top: 10px;
}
.ModuleJ .ModuleJ-container .area-first .module-j-area0-spacing {
  margin-top: 10px;
}
.ModuleJ .ModuleJ-container .ModuleJ-btn {
  cursor: pointer;
  display: inline-block;
  width: 124px;
  height: 44px;
  font-size: 16px;
  padding: 10px 30px;
  background: #407AFF;
  letter-spacing: 0;
  text-align: center;
  color: #FFFFFF;
}
.ModuleJ .ModuleJ-container .ModuleJ-btn a {
  display: block;
  color: #FFFFFF;
}
.ModuleJ .ModuleJ-container .area-second .module-j-area1-item {
  display: inline-block;
  width: 710px;
  height: 160px;
  padding: 40px 45px;
}
.ModuleJ .ModuleJ-container .area-second .module-j-area1-item .logo-container {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid gray;
  margin-right: 20px;
}
.ModuleJ .ModuleJ-container .area-second .module-j-area1-item .content-container {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.ModuleJ .ModuleJ-container .area-second .module-j-area1-item .content-container .area1-item-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 2.4px;
}
.ModuleJ .ModuleJ-container .area-second .module-j-area1-item .content-container .area1-item-content {
  opacity: 0.99;
  font-family: MicrosoftYaHeiUI;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 30px;
}
.ModuleJ .ModuleJ-container .area-second .module-j-area1-item:hover {
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0 35px 26px -8px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}

.ModuleG {
  padding: 90px 0;
  margin: auto;
  background: #4c80f7;
}
.ModuleG .ModuleG-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  min-width: 1200px;
  margin: auto;
  padding: 0 30px;
}
.ModuleG .ModuleG-container .ModuleG-detail {
  display: inline-block;
  width: 40%;
}
.ModuleG .ModuleG-container .ModuleG-detail .ModuleG-detail-title {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 9px;
  margin-bottom: 40px;
}
.ModuleG .ModuleG-container .ModuleG-detail .ModuleG-sub-title {
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 9px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.ModuleG .ModuleG-container .ModuleG-detail .ModuleG-content {
  width: 360px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 30px;
}
.ModuleG .ModuleG-container .ModuleG-picture {
  display: inline-block;
  width: 50%;
}
.ModuleG .ModuleG-container .ModuleG-picture img {
  width: 100%;
}

.ModuleH {
  padding-top: 100px;
  text-align: center;
  margin: auto;
}
.ModuleH .ModuleH-container {
  max-width: 1440px;
  min-width: 1200px;
  padding: 0 30px;
  margin: auto;
}
.ModuleH .ModuleH-container .ModuleH-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 46px;
  margin-bottom: 72px;
}
.ModuleH .ModuleH-container .ModuleH-area {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ModuleH .ModuleH-container .ModuleH-area .moduleH-item {
  display: inline-block;
  width: 180px;
  text-align: center;
}
.ModuleH .ModuleH-container .ModuleH-area .moduleH-item .moduleH-item-icon {
  margin-bottom: 60px;
  max-width: 100%;
}
.ModuleH .ModuleH-container .ModuleH-area .moduleH-item .moduleH-item-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 2.4px;
  text-align: center;
  margin-bottom: 20px;
}
.ModuleH .ModuleH-container .ModuleH-area .moduleH-item .moduleH-item-content {
  font-size: 14px;
  color: #999999;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 30px;
  min-height: 100px;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev,
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next {
  background-color: #fff;
  width: 60px;
  height: 100%;
  margin-top: -123px;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev:hover::after,
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next:hover::after {
  opacity: 1;
  background-color: #4C80F7;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev.swiper-button-disabled,
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next.swiper-button-disabled {
  pointer-events: auto;
  cursor: not-allowed !important;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev.swiper-button-disabled::after,
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next.swiper-button-disabled::after {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7);
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev::after,
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next::after {
  display: block;
  width: 36px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  opacity: 0.3;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 21px;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-wrapper {
  left: -60px;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev {
  text-align: left;
  left: 0;
  justify-content: flex-start;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-prev::after {
  content: '';
  width: 36px;
  height: 64px;
  display: block;
  background: url(https://resource.eziot.com/group2/M00/00/48/CtwQFl-cEEuAJy6KAAAFIGjfXgw123.png) #c0c0c0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next {
  text-align: right;
  right: 0;
  justify-content: flex-end;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-button-next::after {
  content: '';
  width: 36px;
  height: 64px;
  display: block;
  background: url(https://resource.eziot.com/group2/M00/00/48/CtwQF1-cELOAbflMAAAFBAJ17Vc687.png) #c0c0c0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-pagination {
  bottom: 0 !important;
  width: 100%;
  text-align: center;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  margin: 0 2px !important;
}
.ModuleH .ModuleH-container .ModuleH-area .swiper-pagination-bullet-active {
  background-color: #007aff;
}

.ModuleI {
  padding: 100px 0;
  text-align: center;
  max-width: 1320px;
  margin: auto;
}
.ModuleI .ModuleI-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 60px;
}
.ModuleI .ModuleI-area {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ModuleI .ModuleI-area .ModuleI-item {
  display: inline-block;
  margin: 0 15px;
  width: 460px;
  height: 480px;
  text-align: center;
  padding-top: 60px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ModuleI .ModuleI-area .ModuleI-item .ModuleI-item-title {
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 9px;
  text-align: center;
}
.ModuleI .ModuleI-area .ModuleI-item .ModuleI-item-content {
  display: inline-block;
  width: 320px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-align: center;
  line-height: 30px;
}

.ModuleK {
  text-align: center;
  max-width: 1440px;
  min-width: 1200px;
  padding: 100px 30px 0;
  margin: auto;
}
.ModuleK .ModuleK-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 60px;
}
.ModuleK .ModuleK-area {
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ModuleK .ModuleK-area .ModuleK-item {
  display: inline-block;
  width: 100px;
  text-align: center;
}
.ModuleK .ModuleK-area .ModuleK-item .ModuleK-item-icon {
  width: 80px;
  margin-bottom: 40px;
}
.ModuleK .ModuleK-area .ModuleK-item .ModuleK-item-title {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}

.ModuleL {
  padding: 100px 30px 0;
  text-align: center;
  max-width: 1440px;
  min-width: 1200px;
  margin: auto;
}
.ModuleL .slick-arrow.slick-prev {
  width: 20px;
  height: 20px;
  border-top: 1px solid #c3c8d6;
  border-right: 1px solid #c3c8d6;
  transform: rotate(-135deg);
  margin-right: 10px;
}
.ModuleL .slick-arrow.slick-next {
  width: 20px;
  height: 20px;
  border-top: 1px solid #c3c8d6;
  border-right: 1px solid #c3c8d6;
  transform: rotate(45deg);
}
.ModuleL .ModuleL-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 60px;
}
.ModuleL .ModuleL-area {
  width: 100%;
}
.ModuleL .ModuleL-area .ModuleL-item {
  display: inline-block;
  border: 1px solid #F1F1F1;
  width: 95%;
  height: 360px;
  padding: 48px 30px;
}
.ModuleL .ModuleL-area .ModuleL-item img {
  display: inline-block;
}
.ModuleL .ModuleL-area .ModuleL-item .ModuleL-item-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  margin-top: 23px;
}
.ModuleL .ModuleL-area .ModuleL-item .ModuleL-item-btn {
  border: 1px solid #4C80F7;
  display: inline-block;
  border-radius: 2px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  color: #4C80F7;
}
.ModuleL .ModuleL-area .ModuleL-item:hover {
  border: 1px solid #F1F1F1;
  border-radius: 2px;
}
.ModuleL .ModuleL-area .ModuleL-item:hover .ModuleL-item-btn {
  background: #4C80F7;
  border-radius: 2px;
  color: #ffffff;
}

.ModuleM {
  width: 100%;
  margin: auto;
  background: #FFFFFF;
  padding-top: 100px;
  text-align: center;
}
.ModuleM .ModuleM-container {
  max-width: 1440px;
  min-width: 1200px;
  padding: 0 30px;
  margin: auto;
}
.ModuleM .ModuleM-container .ModuleM-title-text {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 40px;
}
.ModuleM .ModuleM-container .ModuleM-title {
  margin-bottom: 40px;
  cursor: pointer;
}
.ModuleM .ModuleM-container .ModuleM-title .ModuleM-tabs-arrow img {
  display: inline-block;
  width: 60px;
}
.ModuleM .ModuleM-container .ModuleM-title .ModuleM-tabs-item {
  display: inline-block;
  margin: 0px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #999999;
  min-width: 100px;
  padding: 0 30px;
  text-align: center;
}
.ModuleM .ModuleM-container .ModuleM-title .ModuleM-tabs-item.active {
  font-family: MicrosoftYaHei;
  font-size: 30px;
  color: #333333;
  letter-spacing: 2px;
}
.ModuleM .ModuleM-container .ModeuleM-item {
  max-width: 1440px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left {
  display: inline-block;
  width: 40%;
  max-width: 550px;
  height: 456px;
  vertical-align: top;
  text-align: left;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-left-container {
  display: inline-block;
  margin-left: 100px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-left-i {
  font-size: 80px;
  height: 92px;
  color: #FFFFFF;
  letter-spacing: 2px;
  margin-top: 30px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-title {
  margin-top: 35px;
  font-size: 30px;
  height: 40px;
  color: #FFFFFF;
  letter-spacing: 9px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-split {
  display: inline-block;
  width: 45px;
  height: 1px;
  background: #fff;
  margin: 20px 0;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-content {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 30px;
  width: 314px;
  height: 102px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-footer {
  margin-top: 34px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-footer .ModeuleM-item-footer-text {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 4.2px;
  margin-right: 30px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-footer img.ModeuleM-item-footer-logo {
  margin-right: 30px;
  display: inline-block;
  width: 80px;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-right {
  display: inline-block;
  width: 60%;
  max-width: 890px;
  height: 456px;
  vertical-align: top;
}
.ModuleM .ModuleM-container .ModeuleM-item .ModeuleM-item-right img {
  width: 100%;
  height: 100%;
}

.ModuleN {
  padding-top: 100px;
  text-align: center;
}
.ModuleN .ModuleN-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleN .ModuleN-container .ModuleN-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 46px;
  margin-bottom: 72px;
}
.ModuleN .ModuleN-container .area-first {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
}
.ModuleN .ModuleN-container .area-first .module-N-area0-item {
  display: inline-block;
  background-image: linear-gradient(-216deg, #E9F3FF 0%, #F2F2FB 100%);
  width: 32%;
  height: 300px;
  padding: 40px 60px;
  text-align: left;
}
.ModuleN .ModuleN-container .area-first .module-N-area0-item .area0-item-icon {
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
}
.ModuleN .ModuleN-container .area-first .module-N-area0-item .area0-item-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 7.8px;
  margin-bottom: 20px;
}
.ModuleN .ModuleN-container .area-first .module-N-area0-item .area0-item-content {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 26px;
}

.ModuleP {
  padding: 80px 60px;
  text-align: center;
  margin: auto;
}
.ModuleP .ModuleP-container {
  margin: auto;
}
.ModuleP .ModuleP-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.ModuleP .area-first {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
}
.ModuleP .area-first .module-N-area0-item {
  display: inline-block;
  background-image: linear-gradient(-216deg, #E9F3FF 0%, #F2F2FB 100%);
  width: 470px;
  height: 300px;
  padding: 40px 60px;
  text-align: left;
}
.ModuleP .area-first .module-N-area0-item .area0-item-icon {
  margin-bottom: 50px;
}
.ModuleP .area-first .module-N-area0-item .area0-item-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 7.8px;
  margin-bottom: 20px;
}
.ModuleP .area-first .module-N-area0-item .area0-item-content {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 26px;
}
.ModuleP .ability-content {
  display: flex;
  width: 100%;
}
.ModuleP .ability-content .video-iframe {
  width: 766px;
}
.ModuleP .ability-content .ability-show {
  width: 766px;
  height: 480px;
  z-index: 1;
}
.ModuleP .ability-content .ability-show .bottomShadow {
  top: 5rem;
  background: url(https://resource.eziot.com/group2/M00/00/02/CtwQFl8gGNqAFqQUAAArE1s02Mw102.png) no-repeat center -0.44rem;
  background-size: contain;
  width: 7.92rem;
  height: 3rem;
}
.ModuleP .ability-content .ability-show img {
  width: 100%;
  height: 100%;
}
.ModuleP .ability-content .ability-detail {
  background: #ffffff;
  display: flex;
  align-items: center;
  height: 480px;
  z-index: 0;
  padding: 0 60px 0 60px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info {
  display: inline-block;
  text-align: left;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-current span {
  font-size: 12px;
  color: #666666;
  letter-spacing: 2px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-current span:first-child {
  color: #FFFFFF;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-text {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  text-align: justify;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .product-info-tags {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .product-info-tags .product-info-peerTag {
  height: 32px;
  background: #E8F3FF;
  color: #407AFF;
  font-size: 14px;
  border-radius: 2px;
  line-height: 32px;
  white-space: nowrap;
  padding: 0 10px;
  margin-right: 10px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-link .lab {
  font-size: 10px;
  color: #FB4848;
  letter-spacing: 1.67px;
  line-height: 20px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-link a {
  display: inline-block;
  align-items: center;
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 26px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-link span:first-child {
  margin-right: 30px;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container {
  margin-top: 30px;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn {
  display: inline-block;
  width: 124px;
  height: 44px;
  padding: 0 30px;
  border-radius: 2px;
  text-align: center;
  color: #333333;
  line-height: 44px;
  cursor: pointer;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn:hover {
  background: #699BFF;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn:active {
  background: #2B5AD9;
}
.ModuleP .ability-content .ability-detail .ability-detail-info .iot-btn:first-child {
  background: #407AFF;
  border: none;
  margin-right: 30px;
  color: #ffffff;
}

.ModuleR {
  width: 100%;
}
.ModuleR .ModuleR-content {
  text-align: center;
  max-width: 1440px;
  min-width: 1200px;
  padding: 0 60px;
  width: 100%;
  margin: auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  min-height: 400px;
  align-items: center;
  justify-content: center;
}
.ModuleR .ModuleR-content .ModuleR-mid-spacing {
  height: 160px;
}
.ModuleR .ModuleR-content .ModuleR-right-spacing {
  height: 160px;
}
.ModuleR .ModuleR-content .ModuleR-left {
  width: 50%;
  vertical-align: top;
}
.ModuleR .ModuleR-content .ModuleR-mid,
.ModuleR .ModuleR-content .ModuleR-right {
  width: 24.9%;
  vertical-align: top;
}
.ModuleR .ModuleR-content .ModuleR-divider {
  width: 1px;
  height: 280px;
  padding: 156px 0px 0px;
}
.ModuleR .ModuleR-content .ModuleR-left {
  text-align: left;
}
.ModuleR .ModuleR-content .ModuleR-left .ModuleR-left-title {
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.ModuleR .ModuleR-content .ModuleR-left .ModuleR-left-content {
  font-size: 16px;
  color: #8C8C8C;
  line-height: 24px;
  font-weight: 400;
}
.ModuleR .ModuleR-content .ModuleR-right {
  text-align: center;
  position: relative;
}
.ModuleR .ModuleR-content .ModuleR-right-target {
  display: block;
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}
.ModuleR .ModuleR-content .ModuleR-right-target1 {
  display: block;
  font-size: 16px;
  color: #407AFF;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}
.ModuleR .ModuleR-content .ModuleR-right-target1:hover img {
  transform: translateX(4px);
}
.ModuleR .ModuleR-content .ModuleR-right-target1 img {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-bottom: 3px;
  transition: all 0.5s;
}
.ModuleR .ModuleR-content .moduleR-right-supply-tip {
  position: relative;
  left: 100px;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #8C8C8C;
  width: 296px;
}
@media screen and (max-width: 1600px) {
  .ModuleR .ModuleR-content .moduleR-right-supply-tip {
    left: 50px;
  }
}
.ModuleR .ModuleR-content .ModuleR-mid {
  text-align: center;
  display: inline-block;
}
.ModuleR .ModuleR-content .ModuleR-mid-title {
  display: inline-block;
  font-size: 48px;
  color: #407AFF;
  letter-spacing: 0;
  font-weight: 400;
}
.ModuleR .ModuleR-content .ModuleR-mid-content {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  color: #407AFF;
  line-height: 24px;
}
.ModuleR .ModuleR-content .ModuleR-unit {
  font-size: 20px;
  color: #4C80F7;
  letter-spacing: 2px;
  text-align: center;
}
.ModuleR .ModuleR-content .ModuleR-mid-desc a {
  color: #407AFF;
}
.ModuleR .ModuleR-content .ModuleR-mid-desc a:hover {
  color: #699BFF;
}
.ModuleR .ModuleR-content .ModuleR-mid-desc a:active {
  color: #2B5AD9;
}

.ModuleS {
  padding-top: 100px;
  text-align: center;
}
.ModuleS .ModuleS-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleS .ModuleS-container .ModuleS-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
}
.ModuleS .ModuleS-container .ModuleS-title-second {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin: 50px 0 52px 0;
}
.ModuleS .ModuleS-container .area-second {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ModuleS .ModuleS-container .area-second .module-j-area1-item {
  cursor: pointer;
  display: inline-block;
  width: 460px;
  height: 180px;
  padding: 40px 45px;
  border: 1px solid #F1F1F1;
  margin: 0 15px;
}
.ModuleS .ModuleS-container .area-second .module-j-area1-item .logo-container {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid gray;
  margin-right: 20px;
}
.ModuleS .ModuleS-container .area-second .module-j-area1-item .content-container {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.ModuleS .ModuleS-container .area-second .module-j-area1-item .content-container .area1-item-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 2.4px;
}
.ModuleS .ModuleS-container .area-second .module-j-area1-item .content-container .area1-item-content {
  opacity: 0.99;
  font-family: MicrosoftYaHeiUI;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 30px;
}
.ModuleS .ModuleS-container .area-second .module-j-area1-item:hover {
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  transform: translate(0, -5px);
}

.ModuleT {
  padding: 100px 0 0 0;
}
.ModuleT .ModuleT-container {
  text-align: center;
  max-width: 1440px;
  margin: auto;
  min-width: 1200px;
}
.ModuleT .ModuleT-container .ModuleT-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 80px;
}
.ModuleT .ModuleT-container .ModuleT-area {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.ModuleT .ModuleT-container .ModuleT-area .ModuleT-image {
  display: inline-block;
  width: 40%;
}
.ModuleT .ModuleT-container .ModuleT-area .ModuleT-image img {
  width: 100%;
}
.ModuleT .ModuleT-container .ModuleT-area .ModuleT-content {
  display: inline-block;
  width: 32%;
  text-align: left;
}
.ModuleT .ModuleT-container .ModuleT-area .ModuleT-content .ModuleT-content-title {
  font-size: 40px;
  color: #333333;
  letter-spacing: 6.67px;
  margin-bottom: 30px;
}
.ModuleT .ModuleT-container .ModuleT-area .ModuleT-content .ModuleT-content-content {
  font-size: 14px;
  color: #666666;
  letter-spacing: 2.33px;
  line-height: 30px;
  margin-bottom: 40px;
}
.ModuleT .ModuleT-container .ModuleT-area .ModuleT-content .ModuleT-content-tabs {
  display: inline-block;
  background: #4C80F7;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 8px;
  text-align: center;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  padding: 0 20px;
}

.ModuleU {
  background: #ffffff;
  padding: 100px 20px;
}
.ModuleU .ModuleU-container {
  text-align: center;
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleU .ModuleU-container .ModuleU-title {
  font-family: MicrosoftYaHeiUI;
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
}
.ModuleU .ModuleU-container .ModuleU-title-second {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin: 50px 0 52px 0;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item {
  display: inline-block;
  max-width: 700px;
  width: 48%;
  height: 160px;
  margin: 0 1%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px;
  border: 1px solid #F1F1F1;
  vertical-align: top;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item .logo-container {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-right: 20px;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item .logo-container img {
  width: 100%;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item .content-container {
  display: block;
  text-align: left;
  overflow: hidden;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item .content-container .area1-item-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 2.4px;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item .content-container .area1-item-content {
  opacity: 0.99;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 10px;
  width: 500px;
  height: 60px;
  word-wrap: break-word;
}
.ModuleU .ModuleU-container .area-second .module-u-area1-item:hover {
  border: 1px solid #F1F1F1;
  background: #FFFFFF;
  box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  transform: translate(0, -5px);
}

.ModuleV {
  padding-top: 100px;
}
.ModuleV .ModuleV-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleV .ModuleV-container .ModuleV-title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
}
.ModuleV .ModuleV-container .ModuleV-content {
  padding-top: 60px;
  margin: auto;
  max-width: 1440px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ModuleV .ModuleV-container .ModuleV-content .ModuleV-left {
  display: inline-block;
  width: 45%;
}
.ModuleV .ModuleV-container .ModuleV-content .ModuleV-left .ModuleV-content-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
}
.ModuleV .ModuleV-container .ModuleV-content .ModuleV-left .ModuleV-content-content {
  margin-top: 40px;
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 30px;
}
.ModuleV .ModuleV-container .ModuleV-content .ModuleV-right {
  display: inline-block;
  width: 50%;
}
.ModuleV .ModuleV-container .ModuleV-content .ModuleV-right img {
  width: 100%;
}

.ModuleW {
  background: #FFFFFF;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.ModuleW .ModuleW-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleW .ModuleW-container .ModuleW-main-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 60px;
}
.ModuleW .ModuleW-container .ModuleW-title {
  margin-bottom: 100px;
  cursor: pointer;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ModuleW .ModuleW-container .ModuleW-title .ModuleW-tabs-item {
  display: inline-block;
  color: #999999;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
}
.ModuleW .ModuleW-container .ModuleW-title .ModuleW-tabs-item img {
  margin-bottom: 5px;
}
.ModuleW .ModuleW-container .ModuleW-title .ModuleW-tabs-item.active {
  color: #4C80F7;
  letter-spacing: 2px;
}
.ModuleW .ModuleW-container .ModeuleW-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-right {
  margin-left: 140px;
  display: inline-block;
  width: 37%;
  max-width: 550px;
  vertical-align: top;
  text-align: left;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-right .ModeuleW-item-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 40px;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-right .ModeuleW-item-content {
  width: 525px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 2px;
  line-height: 30px;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-right .ModuleW-item-btn {
  margin-top: 60px;
  display: inline-block;
  width: 170px;
  height: 52px;
  border-radius: 27.5px;
  text-align: center;
  background: #4C80F7;
  border-radius: 26px;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-right .ModuleW-item-btn a {
  text-indent: 14px;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 9px;
  text-align: center;
  line-height: 50px;
  height: 50px;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-right .ModuleW-item-btn:hover {
  background: #4C80F7;
  border: none;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-left {
  display: inline-block;
  max-width: 775px;
  width: 53%;
  vertical-align: top;
}
.ModuleW .ModuleW-container .ModeuleW-item .ModeuleW-item-left img {
  width: 100%;
  height: 100%;
}

.ModuleX {
  padding: 60px 0 100px 0;
  margin: auto;
  text-align: center;
}
.ModuleX .ModuleX-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleX .ModuleX-container .ModuleX-title {
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 60px;
}
.ModuleX .ModuleX-container .ModuleX-area {
  width: 100%;
  padding: 0 40px;
  text-align: center;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item {
  display: inline-block;
  position: relative;
  margin: 0 30px;
  padding: 0 10px;
  width: 100%;
  max-width: 338px;
  height: 410px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-normal {
  display: block;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-normal img {
  width: 100%;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-active {
  background-color: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-active img {
  width: 100%;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-active .ModuleX-item-container {
  min-height: 185px;
  padding-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-title {
  width: 258px;
  font-size: 24px;
  color: #333333;
  letter-spacing: 2px;
  line-height: 30px;
  text-align: center;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item .ModuleX-item-content {
  width: 298px;
  display: inline-block;
  font-size: 14px;
  color: #666666;
  letter-spacing: 2px;
  text-align: center;
  line-height: 28px;
  margin-top: 20px;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item:hover .ModuleX-item-normal {
  display: none;
}
.ModuleX .ModuleX-container .ModuleX-area .ModuleX-item:hover .ModuleX-item-active {
  display: block;
}

.ModuleY {
  background: #4C80F7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: right bottom;
}
.ModuleY .ModuleY-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleY .ModuleY-content {
  margin: auto;
  height: 630px;
  position: relative;
  background-size: 865px;
  background-position: bottom right;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-size: 100%;
}
.ModuleY .ModuleY-content .ModuleY-content-right {
  height: 630px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 18%;
}
.ModuleY .ModuleY-content .contact-us-container {
  display: inline-block;
  background: #6492FF;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08);
  width: 458px;
  height: 564px;
  padding: 40px 60px 62px;
}
.ModuleY .ModuleY-content .contact-us-container img {
  width: 90%;
  margin-left: 5%;
}
.ModuleY .ModuleY-content .contact-us-container .contact-us-text {
  width: 100%;
  height: 100px;
  margin-top: 30px;
  text-align: center;
  color: #000;
  font-size: 32px;
  background-color: #FFFFFF;
}
.ModuleY .ModuleY-content .content-container {
  font-size: 80px;
  color: #FFFFFF;
  letter-spacing: 0.96px;
  display: inline-block;
  width: 426px;
  right: 100px;
  margin-top: 182px;
}
.ModuleY .ModuleY-content .content-hit {
  display: inline-block;
  margin-top: 40px;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 15.85px;
  right: 270px;
  bottom: 300px;
}

.ModuleZ {
  padding: 100px 0px 100px 0px;
}
.ModuleZ .ModuleZ-container {
  min-width: 1200px;
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}
.ModuleZ .ModuleZ-container .ModuleZ-title {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  margin-bottom: 60px;
}
.ModuleZ .ModuleZ-container .ModuleZ-content .ant-table table {
  font-size: 24px;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  color: #666666;
}
.ModuleZ .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-thead > tr > th {
  text-align: center;
  color: #333333;
}
.ModuleZ .ModuleZ-container .ModuleZ-content .ant-table-footer {
  text-align: center;
  background: #FFFFFF;
  color: #666666;
  font-size: 24px;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
.ModuleZ .ModuleZ-container .ModuleZ-content .ModuleZ-hint {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  border: 1px solid #F1F1F1;
  line-height: 80px;
  height: 80px;
  text-align: center;
}
.ModuleZ.hasOperation {
  padding: 80px 0px 100px 0px !important;
}
.ModuleZ.hasOperation .ModuleZ-title {
  width: 100%;
  margin-bottom: 40px;
  color: #262626;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
}
.ModuleZ.hasOperation .ModuleZ-content .ant-table table .ant-table-thead > tr > th {
  text-align: center;
  color: #333333;
}
.ModuleZ.hasOperation .ant-table-thead > tr > th {
  background: #f2f5fa !important;
}
.ModuleZ.hasOperation .ant-table-column-title {
  color: #262626;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
}
.ModuleZ.hasOperation .ant-table-row-cell-break-word {
  color: #262626;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
}
.ModuleZ.hasOperation .ant-table-row:hover {
  background: none !important;
}
.ModuleZ.hasOperation .ant-table-row:hover td {
  background: none !important;
}
.ModuleZ.hasOperation .ant-table-row td {
  border-right: 1px solid;
}
.ModuleZ.hasOperation .ant-table-row :last-child {
  border-right: 0px;
}
.ModuleZ.hasOperation .oddRow {
  background: #f2f5fa;
}
.ModuleZ.hasOperation .oddRow:hover {
  background: #f2f5fa !important;
}
.ModuleZ.hasOperation .custom-table-border {
  border-color: #F5F5F5 !important;
}
.ModuleZ.hasOperation .custom-table-border * {
  border-color: #F5F5F5 !important;
}

.ModuleOpen10 {
  margin: auto;
  text-align: center;
  margin-top: -10px;
}
.ModuleOpen10.category {
  text-align: center;
  padding-bottom: 30px;
}
.ModuleOpen10.category .index {
  width: 100%;
}
.ModuleOpen10.category .index .ant-tabs-bar {
  margin: 0;
}
.ModuleOpen10.category .index .tabs-link {
  width: 198px;
  line-height: 72px;
  font-size: 15px;
}
.ModuleOpen10.category .index .ant-tabs-tab {
  margin-right: 0px;
  padding: 0;
  margin-bottom: 0;
}
.ModuleOpen10.category .index .tabs-link {
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
}
.ModuleOpen10.category .index .ant-tabs-tab-active .tabs-link {
  color: #1890ff;
}
.ModuleOpen10.category .index .tabs-container {
  background: #f0f3f8;
  text-align: center;
  padding-bottom: 26px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail {
  display: inline-block;
  width: 1260px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app {
  display: inline-block;
  margin: 26px 8px 0;
  vertical-align: top;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app img {
  width: 530px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app .case-item-main {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app .case-item-main .main-intro {
  transition: all .5s;
  transition-timing-function: ease-in-out;
  position: absolute;
  background: #000000;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 210px 40px 0;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app .case-item-main .main-intro .intro-title {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  line-height: 3em;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app .case-item-main .main-intro .intro-detail {
  text-align: left;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .main-app .case-item-main .main-intro .intro-btn {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 2em;
  background: #458fff;
  display: inline-block;
  width: 110px;
  border-radius: 5px;
  margin: 20px auto 0;
  text-align: center;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app {
  display: inline-block;
  width: 680px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app img {
  width: 610px;
  height: 310px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app.small-box {
  text-align: left;
  width: 100%;
  margin-left: 16px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app.small-box img {
  width: 584px;
  height: 300px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-top {
  vertical-align: top;
  display: inline-block;
  margin: 26px 8px 0 8px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-top .case-item-main {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-top .case-item-main .main-intro {
  transition: all .5s;
  transition-timing-function: ease-in-out;
  position: absolute;
  background: #000000;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 60px 40px 0;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-top .case-item-main .main-intro .intro-title {
  font-size: 28px;
  text-align: left;
  font-weight: bold;
  line-height: 3em;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-top .case-item-main .main-intro .intro-detail {
  text-align: left;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-top .case-item-main .main-intro .intro-btn {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 2em;
  background: #458fff;
  display: inline-block;
  width: 110px;
  border-radius: 5px;
  margin: 20px auto 0;
  text-align: center;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-bottom {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  margin-top: 26px;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-bottom .case-item-main {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-bottom .case-item-main .main-intro {
  transition: all .5s;
  transition-timing-function: ease-in-out;
  position: absolute;
  background: #000000;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 60px 40px 0;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-bottom .case-item-main .main-intro .intro-title {
  font-size: 28px;
  text-align: left;
  font-weight: bold;
  line-height: 3em;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-bottom .case-item-main .main-intro .intro-detail {
  text-align: left;
}
.ModuleOpen10.category .index .tabs-container .tabs-detail .sub-app .sub-bottom .case-item-main .main-intro .intro-btn {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 2em;
  background: #458fff;
  display: inline-block;
  width: 110px;
  border-radius: 5px;
  margin: 20px auto 0;
  text-align: center;
}
.ModuleOpen10.category .index .tabs-container .app-inline {
  margin: 16px 0;
}
.ModuleOpen10.category .index .tabs-container .app-inline .case-item-main {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.ModuleOpen10.category .index .tabs-container .app-inline .case-item-main:first-child {
  margin-right: 16px;
}
.ModuleOpen10.category .ant-tabs-ink-bar {
  width: 198px!important;
}

.ModuleOpen11 {
  margin: auto;
  text-align: center;
}
.ModuleOpen11 .case-detail {
  text-align: center;
  background: #f0f3f8;
}
.ModuleOpen11 .case-detail .header-container {
  height: 60px;
  background: #091f3b;
}
.ModuleOpen11 .case-detail .app {
  display: inline-block;
  margin: 20px 0 80px;
  border: 1px solid #f5f6f8;
  border-radius: 2px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.ModuleOpen11 .case-detail .app-info {
  display: inline-block;
  text-align: left;
  width: 340px;
  padding: 56px 50px 0;
}
.ModuleOpen11 .case-detail .app-info .icon {
  display: inline-block;
  width: 240px;
  height: 240px;
  margin-bottom: 30px;
}
.ModuleOpen11 .case-detail .app-info .icon img {
  width: 100%;
}
.ModuleOpen11 .case-detail .app-info .website {
  margin-top: 20px;
}
.ModuleOpen11 .case-detail .app-info .website .title {
  font-size: 15px;
  line-height: 2em;
  font-weight: bold;
  color: #333;
}
.ModuleOpen11 .case-detail .app-info .website .link a {
  text-decoration: none;
  color: #0092f8;
}
.ModuleOpen11 .case-detail .app-info .weixin {
  margin-top: 20px;
}
.ModuleOpen11 .case-detail .app-info .weixin .title {
  font-size: 15px;
  line-height: 2em;
  font-weight: bold;
  color: #333;
}
.ModuleOpen11 .case-detail .app-info .weixin .name {
  font-size: 14px;
  color: #666666;
  line-height: 2em;
}
.ModuleOpen11 .case-detail .app-info .phone {
  margin-top: 20px;
}
.ModuleOpen11 .case-detail .app-info .phone .title {
  font-size: 15px;
  line-height: 2em;
  font-weight: bold;
  color: #333;
}
.ModuleOpen11 .case-detail .app-info .phone .value {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height: 2em;
}
.ModuleOpen11 .case-detail .app-info .btn {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 50px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.ModuleOpen11 .case-detail .app-detail {
  vertical-align: top;
  display: inline-block;
  width: 850px;
  background: #fff;
  padding: 50px 40px;
}
.ModuleOpen11 .case-detail .app-detail .header {
  text-align: left;
  line-height: 58px;
  font-size: 24px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
}
.ModuleOpen11 .case-detail .app-detail .detail {
  text-align: left;
  font-size: 14px;
  line-height: 2em;
  color: #666666;
}
.ModuleOpen11 .case-detail .app-detail .btn-container {
  text-align: left;
}
.ModuleOpen11 .case-detail .app-detail .btn-container .btn-item {
  display: inline-block;
  width: 222px;
  margin: 36px 15px 0 0;
  line-height: 78px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background: #f6f6f6;
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.ModuleOpen11 .case-detail .app-detail .btn-container .btn-item .icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 26px 5px;
  width: 22px;
  height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8e8f91;
  border-radius: 100%;
  color: #8e8f91;
}
.ModuleOpen11 .case-detail .app-detail .btn-container .btn-item .icon .arrow {
  display: inline-block;
  margin: 6px 0px;
  margin-bottom: 35px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ModuleOpen11 .case-detail .app-detail .btn-container a:last-child > .btn-item {
  margin-bottom: 48px;
}
.ModuleOpen11 .case-detail .app-detail .case-pic {
  display: inline-block;
  text-align: left;
  padding: 35px 0;
}
.ModuleOpen11 .case-detail .app-detail .case-pic .pic-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.ModuleOpen11 .case-detail .app-detail .case-pic .pic-item img {
  width: 100%;
  padding: 10px;
}
.ModuleOpen11 .case-detail .text-right {
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0;
}
.ModuleOpen11 .case-detail .vericode {
  width: 240px;
  height: 240px;
}

.ezd-modal-root .ezd-modal-wrap .ezd-modal-centered .ezd-modal .mail-modal .ezd-modal-content {
  box-shadow: none;
}
.ezd-modal-root .ezd-modal-wrap .ezd-modal-centered .ezd-modal .mail-modal .ezd-modal-content .ezd-modal-footer {
  padding-bottom: 40px;
}

.cn-open-footer .footer-item {
  text-align: left;
  color: #666666;
}
.cn-open-footer .footer-item-title {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}
.cn-open-footer .footer-item-list {
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.cn-open-footer .footer-item-list a {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
}
.cn-open-footer .footer-item-list a:hover {
  color: #b8b8b8;
  text-decoration: underline;
}
.cn-open-footer.bright .footer-item {
  color: #999999;
}
.cn-open-footer.bright .footer-item-title {
  color: #333333;
}
.cn-open-footer.bright .footer-item-list a {
  color: #999999;
}
.cn-open-footer.bright .footer-item-list a:hover {
  color: #999999;
}

.cn-open-footer {
  background: #292929;
}
.cn-open-footer .cn-open-footer-container {
  display: flex;
  justify-content: space-between;
}
.cn-open-footer-container {
  margin: 0 auto;
  padding: 50px 0 30px;
}
.cn-open-footer-container .footer-item-container {
  vertical-align: top;
  color: #fff;
  flex-basis: 224px;
}
.cn-open-footer-container .footer-item-container .qr {
  vertical-align: top;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.cn-open-footer-container .footer-item-container .qr img {
  width: 100px;
}
.cn-open-footer-container .footer-item-container .qr .name {
  text-align: center;
  font-size: 14px;
  color: #8c8c8c;
  line-height: 40px;
}
.cn-open-footer-container .footer-item-container .footer-consult {
  cursor: pointer;
  text-align: center;
  width: 124px;
  height: 44px;
  line-height: 44px;
  border: 1px solid ;
  border-radius: 2px;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
}
.cn-open-footer-container .footer-item-container .footer-consult:hover {
  border-color: #699BFF;
  color: #699BFF;
}
.cn-open-footer-container .footer-item-container .footer-consult:active {
  border-color: #2b5ad9;
  color: #2b5ad9;
}
.cn-open-footer-container .footer-item-container:last-child {
  padding-right: 10px;
}
.cn-open-footer .open-footer-divide {
  height: 1px;
  background: #333;
}
.cn-open-footer-copyright {
  text-align: center;
  font-size: 10px;
  color: #666666;
  letter-spacing: 0;
  line-height: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  padding: 0 20px;
  margin: auto;
}
.cn-open-footer-copyright .copyright-left {
  display: inline-block;
}
.cn-open-footer-copyright .copyright-right {
  display: inline-block;
}
.cn-open-footer-copyright span {
  vertical-align: top;
}
.cn-open-footer-copyright .divide {
  vertical-align: top;
  display: inline-block;
  width: 0px;
  height: 12px;
  margin: 33px 5px;
  background: #666666;
}
.cn-open-footer-copyright a {
  color: #666666;
  font-size: 10px;
}
.cn-open-footer .footer-item-description {
  font-size: 14px;
  color: #8c8c8c;
  line-height: 20px;
  margin: -10px 0 12px;
}
.cn-open-footer.eziot .cn-open-footer-container .footer-item-container {
  width: 25%;
}
.cn-open-footer.eziot .cn-open-footer-container .footer-item-container .qr {
  margin: 0;
  text-align: left;
  margin-right: 20px;
}
.cn-open-footer.eziot .cn-open-footer-container .footer-item-container .qr img.eziotLogo {
  width: 100px;
}
.cn-open-footer.eziot .cn-open-footer-container .footer-item-container .qr .desc {
  margin-top: 10px;
  margin-left: 6px;
  margin-right: 20px;
  text-align: left;
  line-height: 2;
  font-size: 10px;
  color: #5e5e5e;
}
.cn-open-footer.eziot .cn-open-footer-container .footer-item-container .qr.eziotContainer {
  padding-left: 20px;
}
.cn-open-footer.eziot .cn-open-footer-container .footer-item-container.with50 {
  width: 50%;
}
.cn-open-footer.bright {
  margin-top: 100px;
  background: #F8F8F8;
}
.cn-open-footer.bright .cn-open-footer-container .footer-item-container {
  color: #333333;
}
.cn-open-footer.bright .cn-open-footer-container .footer-item-container .qr img {
  width: 90px;
}
.cn-open-footer.bright .cn-open-footer-container .footer-item-container .qr .name {
  color: #999999;
}
.cn-open-footer.bright .open-footer-divide {
  background: #DEDEDE;
}
.cn-open-footer.bright .cn-open-footer-copyright {
  color: #999999;
}
.cn-open-footer.bright .cn-open-footer-copyright .copyright-left {
  display: inline-block;
}
.cn-open-footer.bright .cn-open-footer-copyright .copyright-right {
  display: inline-block;
}
.cn-open-footer.bright .cn-open-footer-copyright .divide {
  background: #999999;
}
.cn-open-footer.bright .cn-open-footer-copyright a {
  color: #999999;
}
.cn-open-footer.bright.eziot .cn-open-footer-container .footer-item-container .qr .desc {
  color: #999999;
}

.HomeB {
  width: 100%;
}
.HomeB .HomeB-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-top: 80px;
}
.HomeB .HomeB-subTitle {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 20px 0 36px;
}
.HomeB .HomeB-subTitle a {
  display: inline-block;
  width: 80px;
  color: #407AFF;
  text-align: left;
}
.HomeB .HomeB-subTitle a:after {
  display: inline-block;
  width: 15px;
  height: 10px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group2/M00/00/71/CtwQFmHX7iCAW241AAACd6tk6E8038.svg);
  background-position: 70% 46%;
  background-size: cover;
  transition: margin-left 0.5s;
  content: "";
}
.HomeB .HomeB-subTitle a:hover:after {
  margin-left: 5px;
}
.HomeB .HomeB-subTitle a:first-child {
  margin-right: 20px;
}
.HomeB .HomeB-subTitle a:last-child {
  margin-left: 20px;
}
.HomeB .HomeB-title-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  background-size: cover;
  background-position-y: 0;
}
.HomeB .HomeB-title-icon.enter {
  animation: comeOut 0.3s steps(24) forwards;
}
.HomeB .HomeB-title-icon.leave {
  animation: goBack 0.3s steps(24) forwards;
}
@keyframes comeOut {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -1440px;
  }
}
@keyframes goBack {
  from {
    background-position-y: -1440px;
  }
  to {
    background-position-y: 0;
  }
}
.HomeB .HomeB-tabContainer .ant-tabs {
  text-align: center;
}
.HomeB .HomeB-tabContainer .ant-tabs-nav-container {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  max-width: 1400px;
}
.HomeB .HomeB-tabContainer .ant-tabs-bar {
  margin: 0;
  border: none;
  background: #fff;
  max-width: 1440px;
  min-width: 1240px;
  margin: 0 auto;
}
.HomeB .HomeB-tabContainer .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 12px 45px;
}
@media screen and (min-width: 1370px) and (max-width: 1440px) {
  .HomeB .HomeB-tabContainer .ant-tabs-nav .ant-tabs-tab {
    padding: 12px 40px;
  }
}
@media screen and (max-width: 1370px) {
  .HomeB .HomeB-tabContainer .ant-tabs-nav .ant-tabs-tab {
    padding: 12px 25px;
  }
}
.HomeB .HomeB-tabContainer .ant-tabs-ink-bar {
  height: 3px !important;
  background-color: #407AFF;
}
.HomeB .HomeB-tabContainer .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
}
.HomeB .HomeB-tabContainer .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.HomeB .HomeB-tabContainer .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.HomeB .HomeB-tabContainer .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  background-color: #FAFAFA;
}
.HomeB .HomeB-tabContainer .HomeB-content-border {
  background-color: #FAFAFA;
}
.HomeB .HomeB-tabContainer .HomeB-content {
  max-width: 1420px;
  background-color: transparent;
  margin: auto;
  padding: 48px 0px 20px 20px;
  display: flex;
  align-items: flex-start;
  text-align: left;
}
@media screen and (max-width: 1300px) {
  .HomeB .HomeB-tabContainer .HomeB-content {
    padding: 48px 60px 20px 60px;
  }
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-content-bg {
  width: 100vw;
  height: 100%;
  position: absolute;
  background-color: #FAFAFA;
  z-index: -1;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-content-aside {
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  padding-right: 14px;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-content-right {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-box {
  width: 100%;
  height: 96px;
  margin-right: 50px;
  margin-bottom: 40px;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-box:nth-child(3n) {
  margin-right: 0;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-block {
  cursor: pointer;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-block:hover .HomeB-productTitle {
  color: #407AFF;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-block-header {
  display: flex;
  min-height: 40px;
  align-items: center;
  margin-bottom: 8px;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-product-pre-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-productTitle {
  font-size: 16px;
  color: #262626;
  line-height: 28px;
  font-weight: 500;
  word-break: keep-all;
}
.HomeB .HomeB-tabContainer .HomeB-content .test {
  padding: 0 5px;
  height: 24px;
  line-height: 25px;
  border-radius: 2px;
  background-color: #FF4D4F;
  font-size: 12px;
  color: #fff;
  margin-left: 10px;
  margin-top: 1px;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-productSubTitle {
  font-size: 14px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-tagText {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.HomeB .HomeB-tabContainer .HomeB-content .HomeB-tagText .HomeB-tagTextStyle {
  height: 24px;
  line-height: 23px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  padding: 0 12px;
  margin: 0 6px 6px 0;
  color: #8c8c8c;
  font-size: 12px;
}
.HomeB .HomeB-tabContainer .HomeB-assideCard {
  margin-bottom: 20px;
  background-image: url('https://resource.eziot.com/group2/M00/00/88/CtwQFmLNFEaAJ4q7AABdWxgcLwQ973.png'), linear-gradient(180deg, #f3f5f8, #fff 178px, #fff);
  background-size: auto,auto;
  background-position: 100% 0;
  background-repeat: no-repeat;
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.HomeB .HomeB-tabContainer .HomeB-assideCard-title {
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.HomeB .HomeB-tabContainer .HomeB-assideCard-subTitle {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HomeB .HomeB-tabContainer .banner-btn-item {
  width: 76px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #407AFF;
  border-radius: 2px;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 20px;
}
.HomeB .HomeB-tabContainer .banner-btn-item a {
  color: #fff;
}
.HomeB .HomeB-tabContainer .banner-btn-item:nth-child(2) {
  background: transparent;
  border: 1px solid #407AFF;
  color: #407AFF;
}
.HomeB .HomeB-tabContainer .banner-btn-item:nth-child(2) a {
  color: #407AFF;
}

.HomeC {
  padding-left: 60px;
  padding-right: 60px;
}
.HomeC-container {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  text-align: center;
}
.HomeC-container .HomeC-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.HomeC-container .HomeC-tabContainer .ant-tabs {
  text-align: center;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-nav-container {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  max-width: 1400px;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-bar {
  margin: 0;
  background: #fff;
  max-width: 1400px;
  margin: 0 auto;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-nav {
  width: 100%;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  background-color: #FAFAFA;
  width: 33.3333%;
  border: 1px solid #f0f0f0;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-nav .ant-tabs-tab:nth-child(2) {
  border-right: none;
  border-left: none;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-ink-bar {
  height: 3px;
  background-color: #407AFF;
  position: absolute;
  top: 0;
  left: 0;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-nav .ant-tabs-tab-active {
  background: #FFFFFF;
  color: #407AFF;
}
.HomeC-container .HomeC-tabContainer .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.HomeC-container .HomeC-tabContainer .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.HomeC-container .HomeC-tabContainer .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  background-color: #FAFAFA;
}
.HomeC-container .HomeC-content {
  max-width: 1400px;
  background: #FFFFFF;
  border: 1px solid #f0f0f0;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  text-align: left;
}
.HomeC-container .HomeC-content-left {
  min-width: 720px;
  max-width: 815px;
  height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HomeC-container .HomeC-content-left-video {
  width: 720px;
  height: 427px;
  background-image: url('https://resource.eziot.com/group2/M00/00/88/CtwQFmLNEeyABvaIAAA43n1hWE0953.png');
  background-size: cover;
  position: relative;
}
.HomeC-container .HomeC-content-right {
  width: 100%;
  height: 650px;
  background: #FAFAFA;
  padding: 51px 40px 0;
  border-left: 1px solid #f0f0f0;
}
.HomeC-container .HomeC-content-right-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 600;
}
.HomeC-container .HomeC-content-right-text {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  font-weight: 400;
  margin: 20px 0;
}
.HomeC-container .HomeC-content-right-btn {
  width: 106px;
  height: 40px;
  line-height: 40px;
  background: #407AFF;
  border-radius: 2px;
  font-size: 14px;
  color: #FAFAFA;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}
.HomeC-container .HomeC-content-right-btn:hover {
  background: #699BFF;
}
.HomeC-container .HomeC-content-right-btn:active {
  background: #2b5ad9;
}
.HomeC-container .HomeC-content-right-divider {
  width: 100%;
  height: 1px;
  background: #F0F0F0;
  margin: 40px 0;
}
.HomeC-container .product-box {
  display: flex;
  justify-content: flex-start;
  margin: 25px 0;
}
.HomeC-container .product-img {
  margin-right: 15px;
}
.HomeC-container .product-img img {
  width: 32px;
  height: 32px;
}
.HomeC-container .product-textTitle {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 500;
}
.HomeC-container .product-textTip {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  font-weight: 200;
  margin-top: 10px;
}

.HomeD {
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-size: 1920px 220px;
  background-position: center;
  background-color: #303030;
}
.HomeD .HomeD-container {
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 97px 36px;
}
.HomeD .HomeD-container .HomeD-title {
  font-size: 24px;
  color: #fff;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  margin-right: 224px;
}
.HomeD .HomeD-container .HomeD-buttonText {
  border: #fff 1px solid;
  padding: 0 30px;
  height: 44px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  line-height: 44px;
  font-weight: 400;
  margin-right: 30px;
  border-radius: 2px;
  cursor: pointer;
}
.HomeD .HomeD-container .HomeD-buttonText a {
  color: #fff;
}
.HomeD .HomeD-container .HomeD-buttonText:hover {
  border-color: #699BFF;
  color: #699BFF;
}
.HomeD .HomeD-container .HomeD-buttonText:active {
  border-color: #2b5ad9;
  color: #2b5ad9;
}
.HomeD .HomeD-container .HomeD-buttonText:last-child {
  margin-right: 25px;
}

.homeE {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
}
.homeE .homeE-container .homeE-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 400;
  margin: 60px 0 50px;
}
.homeE .homeE-container .businessList-container {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 76px;
  height: 340px;
}
.homeE .homeE-container .businessList-container .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 17px 0 !important;
  padding: 0 24px 0 0 !important;
}
.homeE .homeE-container .businessList-container .ant-tabs {
  overflow: visible;
}
.homeE .homeE-container .businessList-container .ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  margin: 0 0 17px 0 !important;
  padding: 0 24px 0 0 !important;
}
.homeE .homeE-container .businessList-container .ant-tabs .ant-tabs-left-bar {
  float: right;
  margin-right: 0;
}
.homeE .homeE-container .businessList-container .ant-tabs .ant-tabs-left-content {
  padding-left: 0;
  border: none;
}
.homeE .homeE-container .businessList-container .ant-tabs-ink-bar {
  background-color: #407AFF !important;
  right: 0px !important;
  width: 3px !important;
}
.homeE .homeE-container .businessList-container .ant-tabs-nav-scroll {
  margin-top: 30px;
}
.homeE .homeE-container .businessList-container .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
}
.homeE .homeE-container .businessList-container .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.homeE .homeE-container .businessList-container .homeE-contentBox {
  display: flex;
  justify-content: space-between;
}
.homeE .homeE-container .businessList-container .homeE-contentBox-img {
  width: 100%;
  height: 340px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
}
.homeE .homeE-container .businessList-container .homeE-contentBox-title {
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  display: inline-block;
  margin-right: 15px;
}
.homeE .homeE-container .businessList-container .hotIcon {
  display: inline-block;
  width: 36px;
  height: 24px;
  background: #FF4D4F;
  border-radius: 2px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  vertical-align: text-bottom;
}
.homeE .homeE-container .businessList-container .homeE-contentBox-text {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  margin: 10px 0 20px;
}
.homeE .homeE-container .businessList-container .homeE-btn-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.homeE .homeE-container .businessList-container .homeE-btn:first-child {
  background-color: #407AFF;
  color: #fff;
}
.homeE .homeE-container .businessList-container .homeE-btn:first-child a {
  color: #fff;
}
.homeE .homeE-container .businessList-container .homeE-btn:first-child:hover {
  background: #699BFF;
  border-color: #699BFF;
  color: #FFFFFF;
}
.homeE .homeE-container .businessList-container .homeE-btn:first-child:active {
  background: #2b5ad9;
  border-color: #2b5ad9;
  color: #FFFFFF;
}
.homeE .homeE-container .businessList-container .homeE-btn {
  cursor: pointer;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #407aff;
  border-radius: 2px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  margin-right: 10px;
  margin-bottom: 10px;
}
.homeE .homeE-container .businessList-container .homeE-btn:hover {
  border-color: #699BFF;
  color: #699BFF;
}
.homeE .homeE-container .businessList-container .homeE-btn:active {
  border-color: #2b5ad9;
  color: #2b5ad9;
}
.homeE .homeE-container .businessList-container .homeE-contentBox-secondTitle {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  margin: 40px 0 10px;
}
.homeE .homeE-container .businessList-container .homeE-business-img img {
  width: 120px;
  height: 50px;
  border: 0.72px solid #f0f0f0;
  border-radius: 4px;
  margin-right: 10px;
}
.homeE .homeE-container .businessList-container .hotImg {
  width: 12px;
  height: 13px;
  margin-right: 10px;
  vertical-align: baseline;
}

.HomeF {
  width: 100%;
  background-color: #fafafa;
  padding: 80px 60px;
}
.HomeF .HomeF-container .HomeF-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.HomeF .HomeF-container .HomeF-tabContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox {
  text-align: left;
  width: 100%;
  height: 260px;
  background: #FFFFFF;
  border: 2px solid #ffffff;
  box-shadow: 5px 5px 18px -4px rgba(192, 209, 223, 0.3);
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .HomeF-backgroundImg {
  width: 100%;
  height: 260px;
  padding: 35px 40px;
  background-position: center;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .card-warp {
  position: relative;
  z-index: 2;
  top: -262px;
  left: 40px;
  width: 90%;
  height: 260px;
  padding: 35px 0;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .HomeF-card-title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .HomeF-textBox {
  font-size: 14px;
  color: #5E5E5E;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .HomeF-buttonBox {
  display: flex;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .buttonText {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin-right: 20px;
  white-space: nowrap;
  cursor: pointer;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .buttonText:hover {
  color: #699BFF;
}
.HomeF .HomeF-container .HomeF-tabContainer .HomeF-contentBox .buttonText:active {
  color: #2B5AD9;
}
.HomeF-modal .ezd-modal-content {
  box-shadow: none;
}
.HomeF-modal .ezd-modal-body .HomeF-modal-img {
  margin-bottom: 16px;
}
.HomeF-modal .ezd-modal-body .HomeF-modal-p {
  margin-bottom: 0;
}
.HomeF-modal .ezd-modal-footer {
  padding-bottom: 40px;
}
.ezd-modal-root .ezd-modal-mask {
  background-color: rgba(0, 0, 0, 0.2);
}

.HomeG {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 60px;
  padding-right: 60px;
}
.HomeG .HomeG-container {
  text-align: center;
}
.HomeG .HomeG-container .slick-arrow.slick-prev {
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  border-radius: 100%;
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  display: inline-block;
  top: 100px;
  margin-left: -24px;
}
.HomeG .HomeG-container .slick-arrow.slick-prev::after:hover {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.HomeG .HomeG-container .slick-arrow.slick-prev::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(-135deg);
  margin-right: 10px;
  top: 15px;
  left: 16px;
}
.HomeG .HomeG-container .slick-arrow.slick-prev:hover:after {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.HomeG .HomeG-container .slick-arrow.slick-next {
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  border-radius: 100%;
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  display: inline-block;
  top: 100px;
  margin-right: -27px;
}
.HomeG .HomeG-container .slick-arrow.slick-next::after:hover {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.HomeG .HomeG-container .slick-arrow.slick-next::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(45deg);
  margin-right: 10px;
  top: 15px;
  left: 12px;
}
.HomeG .HomeG-container .slick-arrow.slick-next:hover:after {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.HomeG .HomeG-container .ant-carousel .slick-list .slick-slide.slick-active {
  height: 244px;
}
.HomeG .HomeG-container .ant-carousel .slick-prev,
.HomeG .HomeG-container .ant-carousel .slick-next {
  top: calc(50% - 23px);
}
.HomeG .HomeG-container .HomeG-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.HomeG .HomeG-container .HomeG-area {
  display: inline-block;
  width: 92%;
  text-align: center;
}
.HomeG .HomeG-container .HomeG-area .ant-carousel .slick-slider {
  width: auto !important;
}
.HomeG .HomeG-container .HomeG-area .HomeG-item {
  display: inline-block;
  position: relative;
  width: 95%;
  height: 219px;
  text-align: left;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 30px 30px -10px rgba(34, 54, 125, 0.05);
  padding: 20px 24px;
}
.HomeG .HomeG-container .HomeG-area .HomeG-item .HomeG-item-text {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.HomeG .HomeG-container .HomeG-area .HomeG-item .HomeG-item-signareBox {
  position: absolute;
  bottom: 24px;
  min-width: 303px;
  display: flex;
  justify-content: space-between;
}
.HomeG .HomeG-container .HomeG-area .HomeG-item .HomeG-item-signName {
  line-height: 38px;
}
.HomeG .HomeG-container .HomeG-logo {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
.HomeG .HomeG-container .HomeG-img {
  width: 100%;
  height: 75px;
  background: #FFFFFF;
  margin-bottom: 15px;
  box-shadow: 0px 30px 30px -10px rgba(34, 54, 125, 0.05);
  border-radius: 4px;
}
.HomeG .HomeG-container .HomeG-img img {
  width: 100%;
  height: 75px;
}

.HomeH {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.HomeH .HomeH-container {
  text-align: center;
  margin: auto;
  margin-bottom: 40px;
}
.HomeH .HomeH-container .HomeH-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
  padding-top: 60px;
}
.HomeH .HomeH-container .HomeH-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.HomeH .HomeH-container .HomeH-area .HomeH-card {
  width: 100%;
  height: 210px;
  text-align: left;
  padding: 40px 30px 30px;
  background-image: linear-gradient(180deg, #F5F9FC 0%, #FFFFFF 100%);
  border: 3px solid #ffffff;
  box-shadow: 5px 5px 20px 0px rgba(192, 209, 223, 0.4);
  border-radius: 4px;
}
.HomeH .HomeH-container .HomeH-area .HomeH-cardTitle {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}
.HomeH .HomeH-container .HomeH-area .HomeH-setText {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  height: 78px;
}
.HomeH .HomeH-container .HomeH-area .HomeH-icon {
  color: #407AFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
.HomeH .HomeH-container .HomeH-area .HomeH-icon a,
.HomeH .HomeH-container .HomeH-area .HomeH-icon span {
  color: #407AFF;
  margin-right: 24px;
}
.HomeH .HomeH-container .HomeH-area .HomeH-icon a:hover,
.HomeH .HomeH-container .HomeH-area .HomeH-icon span:hover {
  color: #699BFF;
}
.HomeH .HomeH-container .HomeH-area .HomeH-icon a:active,
.HomeH .HomeH-container .HomeH-area .HomeH-icon span:active {
  color: #2b5ad9;
}
.HomeH .HomeH-container .HomeH-area .HomeH-icon a img,
.HomeH .HomeH-container .HomeH-area .HomeH-icon span img {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}
.HomeH .HomeH-container .HomeH-area .HomeH-icon a:nth-child(3n) {
  margin-right: 0;
}

.HomeI {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.HomeI .HomeI-container {
  text-align: left;
  overflow: hidden;
  margin: auto;
}
.HomeI .HomeI-container .HomeI-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 20px;
}
.HomeI .HomeI-container .HomeI-area {
  position: relative;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab {
  width: 510px;
  height: 248px;
  margin-top: 90px;
  margin-bottom: 130px;
  position: absolute;
  z-index: 99;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .HomeI-areaNameBox {
  width: 470px;
  height: 176px;
  background-image: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 50%);
  border: 2px solid #ffffff;
  box-shadow: 5px 5px 18px 0px rgba(192, 209, 223, 0.73);
  border-radius: 4px;
  padding: 35px 30px;
  display: flex;
  justify-content: flex-start;
  margin: 0 20px 20px;
  position: relative;
  top: -13px;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .HomeI-areaName {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .ant-tabs-bar {
  border-bottom: none;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .ant-tabs-nav-wrap {
  margin-left: 10px;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .ant-tabs-nav .ant-tabs-tab {
  width: 96px;
  height: 34px;
  background-image: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 100%);
  border: 2px solid #ffffff;
  box-shadow: 5px 5px 18px -4px rgba(192, 209, 223, 0.58);
  border-radius: 2px;
  text-align: center;
  padding: 6px 0;
  margin: 0 10px 10px 10px;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .ant-tabs-ink-bar {
  opacity: 0;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
}
.HomeI .HomeI-container .HomeI-area .HomeI-tab .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.HomeI .HomeI-container .HomeI-area .earthImg {
  margin-top: 40px;
  min-width: 1080px;
  max-width: 1400px;
  height: 374px;
  background-repeat: no-repeat;
}
.HomeI .HomeI-container .HomeI-area .earthImg img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1350px) {
  .HomeI .HomeI-container .HomeI-area .earthImg {
    background-size: 118% 100% !important;
  }
}

.HomeJ {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.HomeJ .HomeJ-container {
  text-align: center;
  margin: auto;
}
.HomeJ .HomeJ-container .HomeJ-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
  padding-top: 60px;
}
.HomeJ .HomeJ-container .HomeJ-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0 20px;
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-card .HomeJ-cardImg {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 5px 5px 20px 0px rgba(192, 209, 223, 0.4);
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-card .HomeJ-cardImg img {
  width: 80px;
  height: 80px;
  vertical-align: -3px;
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-card .HomeJ-cardText {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-card:hover .HomeJ-cardText {
  color: #699BFF;
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-card:active .HomeJ-cardText {
  color: #2B5AD9;
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-lastCard {
  display: inline-block;
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-lastCard .HomeJ-cardImg {
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  margin-left: 39px;
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 5px 5px 20px 0px rgba(192, 209, 223, 0.4);
}
.HomeJ .HomeJ-container .HomeJ-area .HomeJ-lastCard .HomeJ-cardImg img {
  width: 80px;
  height: 80px;
  vertical-align: -3px;
}
.HomeJ .HomeJ-container .HomeJ-cardTips {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  width: 160px;
}
.HomeJ .HomeJ-container .HomeJ-cardTips a {
  color: #407AFF;
  display: inline-block;
  width: 160px;
  text-align: left;
}
.HomeJ .HomeJ-container img {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  transition: margin-left 0.5s;
}
.HomeJ .HomeJ-lastCard:hover .HomeJ-cardTips img {
  margin-left: 4px;
}

.HomeK {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 60px;
  padding-right: 60px;
}
.HomeK .HomeK-container {
  text-align: left;
  padding: 59px 0;
}
.HomeK .HomeK-container .HomeK-title {
  font-size: 24px;
  color: #000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  padding-bottom: 30px;
}
.HomeK .HomeK-container .HomeK-buttonText .ant-btn {
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  padding: 10px 30px;
  background-color: #407aff;
}
.HomeK .HomeK-container .HomeK-buttonText .ant-btn:hover {
  background: #699BFF;
}
.HomeK .HomeK-container .HomeK-buttonText .ant-btn:active {
  background: #2b5ad9;
}

.Advertisement {
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: 1920px 250px;
  background-position: center;
  background-color: #498AFE;
}
.Advertisement .Advertisement-container {
  text-align: center;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.Advertisement .Advertisement-container .Advertisement-title {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 12px;
}
.Advertisement .Advertisement-container .Advertisement-text {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 16px;
}
.Advertisement .Advertisement-container .AdvertiseFloat-btn {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 8px 28px;
  font-size: 16px;
  color: #327EFF;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  display: inline-block;
}

.AdvertiseFloat {
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: 1920px 250px;
  background-position: center;
  background-color: #498AFE;
  position: fixed;
  bottom: 0;
  z-index: 999;
}
.AdvertiseFloat .closeIcon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -44px;
  right: 22px;
  line-height: 24px;
  cursor: pointer;
}
.AdvertiseFloat .AdvertiseFloat-container {
  text-align: center;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.AdvertiseFloat .AdvertiseFloat-container .AdvertiseFloat-title {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 12px;
}
.AdvertiseFloat .AdvertiseFloat-container .AdvertiseFloat-text {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 16px;
}
.AdvertiseFloat .AdvertiseFloat-container .AdvertiseFloat-btn {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 8px 28px;
  font-size: 16px;
  color: #327EFF;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  display: inline-block;
}

.tabs-list {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
}
.tabs-list .module-title {
  font-size: 32px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
  font-weight: 500;
}
.tabs-list .tabs-container {
  margin-top: 50px;
}
.tabs-list .tabs-container .ant-tabs-nav .ant-tabs-tab {
  padding: 0;
  margin: 0 80px 10px;
  font-size: 16px;
}
.tabs-list .tabs-container .tabpane-container {
  padding-top: 15px;
  padding-left: -30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tabs-list .tabs-container .tabpane-container .tabpane-warp {
  width: 380px;
  margin-left: 30px;
  padding-bottom: 50px;
  cursor: pointer;
}
.tabs-list .tabs-container .tabpane-container .tabpane-warp .card-meta {
  height: 213px;
  width: 380px;
  overflow: hidden;
}
.tabs-list .tabs-container .tabpane-container .tabpane-warp .card-meta img {
  width: 100%;
  height: auto;
  /* padding-top: 100%; */
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
.tabs-list .tabs-container .tabpane-container .tabpane-warp .card-title {
  text-align: left;
  margin-top: 30px;
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 500;
}
.tabs-list .tabs-container .tabpane-container .tabpane-warp .card-subtitle {
  text-align: left;
  font-size: 16px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
}
.tabs-list .tabs-container .tabpane-container .warp-first {
  margin-left: 0px;
}

.carousel-list {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.carousel-list .carousel-list-container {
  max-width: 1360px;
  margin: auto;
  padding-bottom: 20px;
  text-align: center;
}
.carousel-list .carousel-list-container .slick-arrow.slick-prev {
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  border-radius: 100%;
  box-shadow: 0px 15px 21px -2px rgba(0, 0, 0, 0.14);
  display: inline-block;
  top: 100px;
  margin-left: -24px;
}
.carousel-list .carousel-list-container .slick-arrow.slick-prev::after:hover {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.carousel-list .carousel-list-container .slick-arrow.slick-prev::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(-135deg);
  margin-right: 10px;
  top: 15px;
  left: 16px;
}
.carousel-list .carousel-list-container .slick-arrow.slick-prev:hover:after {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.carousel-list .carousel-list-container .slick-arrow.slick-next {
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  border-radius: 100%;
  box-shadow: 0px 15px 21px -2px rgba(0, 0, 0, 0.14);
  display: inline-block;
  top: 100px;
  margin-right: -27px;
}
.carousel-list .carousel-list-container .slick-arrow.slick-next::after:hover {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.carousel-list .carousel-list-container .slick-arrow.slick-next::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(45deg);
  margin-right: 10px;
  top: 15px;
  left: 12px;
}
.carousel-list .carousel-list-container .slick-arrow.slick-next:hover:after {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.carousel-list .carousel-list-container .ant-carousel .slick-prev,
.carousel-list .carousel-list-container .ant-carousel .slick-next {
  top: calc(50% - 23px);
}
.carousel-list .carousel-list-container .carousel-list-title {
  font-size: 32px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 40px;
}
.carousel-list .carousel-list-container .carousel-list-area {
  display: inline-block;
  width: 90%;
  text-align: center;
}
.carousel-list .carousel-list-container .carousel-list-area .carousel-list-item {
  display: inline-block;
  position: relative;
  width: 380px;
  text-align: left;
  background: #FFFFFF;
  box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  border-radius: 4px;
  cursor: pointer;
}
.carousel-list .carousel-list-container .carousel-list-area .carousel-list-item .carousel-list-item-meta {
  width: 380px;
  height: 120px;
  max-height: 120px;
  overflow: hidden;
}
.carousel-list .carousel-list-container .carousel-list-area .carousel-list-item .carousel-list-item-meta img {
  width: 100%;
  height: auto;
  /* padding-top: 100%; */
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
.carousel-list .carousel-list-container .carousel-list-area .carousel-list-item .carousel-list-item-content {
  padding: 20px 19px 30px 25px;
}
.carousel-list .carousel-list-container .carousel-list-area .carousel-list-item .carousel-list-item-content .carousel-list-item-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 1.14px;
  line-height: 28px;
  font-weight: 500;
}
.carousel-list .carousel-list-container .carousel-list-area .carousel-list-item .carousel-list-item-content .carousel-list-item-subTitle {
  margin-top: 5px;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.carousel-list .carousel-list-container .carousel-list-logo {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.carousel-list .carousel-list-container .carousel-list-img {
  width: 226px;
  height: 80px;
  background: #FFFFFF;
  margin-bottom: 16px;
  margin-right: 17.5px;
  box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.05);
}
.carousel-list .carousel-list-container .carousel-list-img img {
  width: 194px;
  height: 80px;
}
.carousel-list .carousel-list-container .carousel-list-img:nth-child(5n) {
  margin-right: 0;
}

.model-remark {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}
.model-remark .model-remark-title {
  font-size: 32px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
  font-weight: 500;
}
.model-remark .model-remark-container {
  margin-top: 50px;
  width: 1200px;
  height: 600px;
  position: relative;
}
.model-remark .model-remark-container img {
  height: 100%;
  width: 100%;
}
.model-remark .model-remark-container .remark-popover-items .ant-popover {
  position: relative !important;
}
.model-remark .model-remark-container .remark-popover-items .ant-popover:not(.ant-popover-hidden) {
  display: inline-block;
}
.model-remark .model-remark-container .remark-dec-item {
  position: absolute;
  width: 46px;
  height: 46px;
  cursor: pointer;
}
@-webkit-keyframes wateranimate {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@keyframes wateranimate {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
.model-remark .model-remark-container .remark-dec-item .water1 {
  -webkit-animation: wateranimate 6s 4s ease-out infinite;
  animation: wateranimate 6s 4s ease-out infinite;
}
.model-remark .model-remark-container .remark-dec-item .water2 {
  -webkit-animation: wateranimate 6s 2s ease-out infinite;
  animation: wateranimate 6s 2s ease-out infinite;
}
.model-remark .model-remark-container .remark-dec-item .water3 {
  -webkit-animation: wateranimate 6s 0s ease-out infinite;
  animation: wateranimate 6s 0s ease-out infinite;
}
.model-remark .model-remark-container .remark-dec-item .water1,
.model-remark .model-remark-container .remark-dec-item .water2,
.model-remark .model-remark-container .remark-dec-item .water3 {
  padding: 25%;
  position: absolute;
  left: 25%;
  top: 25%;
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 120px 30px #FFFFFF inset;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
}
.model-remark .model-remark-container .remark-dec-item .water1:hover,
.model-remark .model-remark-container .remark-dec-item .water2:hover,
.model-remark .model-remark-container .remark-dec-item .water3:hover {
  border: 1px solid #1CFFFD;
  box-shadow: 0 0 120px 30px #1CFFFD inset;
}
.model-remark .model-remark-container .remark-dec-item .active {
  border: 1px solid #1CFFFD;
  box-shadow: 0 0 120px 30px #1CFFFD inset;
}
.popover-container .dec {
  width: 228px;
  font-size: 14px;
  color: #595959;
  line-height: 22px;
  font-weight: 400;
}
.popover-container .meta-pic {
  margin-top: 10px;
  width: 228px;
  height: 115px;
}
.popover-container .meta-pic img {
  width: 100%;
  height: 100%;
}

.closeBetaTest {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.closeBetaTest .productPrice-box {
  width: 100%;
  height: 220px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.closeBetaTest .productPrice-box .productPrice-box-left {
  text-align: left;
}
.closeBetaTest .productPrice-box .productPrice-box-left .productPrice-box-left-title {
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.closeBetaTest .productPrice-box .productPrice-box-left .productPrice-box-left-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.closeBetaTest .productPrice-box .productPrice-box-left .productPrice-box-left-desc .productPrice-box-left-target:hover .iconImg {
  transform: translateX(4px);
}
.closeBetaTest .productPrice-box .productPrice-box-left .productPrice-box-left-desc .iconImg {
  width: 18px;
  height: 18px;
  vertical-align: -3px;
  transition: all 0.5s;
}
.closeBetaTest .productPrice-box .productPrice-box-right .productPrice-box-right-btn {
  background: #407AFF;
  border-radius: 2px;
  font-size: 20px;
  font-weight: 400;
  padding: 12px 32px;
  color: white;
  height: 52px;
}

.newHeader {
  width: 1920px;
  margin: auto;
  position: relative;
}
.newHeader .newHeader-gradient-left {
  width: 133px;
  height: 567px;
  background: linear-gradient(to right, #E9F0F9, rgba(233, 240, 249, 0));
  position: absolute;
  left: 0%;
}
.newHeader .newHeader-gradient-right {
  width: 133px;
  height: 567px;
  background: linear-gradient(to left, #E9F0F9, rgba(233, 240, 249, 0));
  position: absolute;
  right: 0%;
  top: 0%;
}
.newHeader .newHeader-content {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 60px;
}
.newHeader .newHeader-content .ant-btn {
  border-color: transparent;
}
.newHeader .newHeader-content .content-containter {
  width: 100%;
  z-index: 1;
  text-align: left;
  max-width: 1400px;
  min-width: 1200px;
  margin: 136px auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.newHeader .newHeader-content .content-containter .row {
  display: flex;
  flex-direction: row;
}
.newHeader .newHeader-content .content-containter .containter-tag {
  background: #F0F7FF;
  margin-bottom: 5px;
  padding: 6px 10px;
  color: #407AFF;
  border-radius: 2px;
  font-size: 14px;
  display: inline-block;
  line-height: 20px;
  font-weight: 400;
}
.newHeader .newHeader-content .content-containter .containter-title {
  font-size: 42px;
  color: #262626;
  letter-spacing: 0;
  line-height: 50px;
  font-weight: 400;
  margin-top: 10px;
}
.newHeader .newHeader-content .content-containter .containter-desc {
  font-size: 16px;
  color: #262626;
  font-weight: 400;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 580px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newHeader .newHeader-content .content-containter .containter-btn {
  height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  background: #407AFF;
  font-size: 16px;
  line-height: 44px;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 2px;
  margin-right: 20px;
}
.newHeader .newHeader-content .content-containter .containter-btn:hover {
  background: #699BFF;
}
.newHeader .newHeader-content .content-containter .containter-btn:active {
  background: #2b5ad9;
}
.newHeader .newHeader-content .content-containter .containter-btn2 {
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 2px;
  font-size: 16px;
  color: #407AFF;
  font-weight: 400;
  border: 1px solid #407AFF;
  background: rgba(0, 0, 0, 0.01);
  margin-right: 20px;
}
.newHeader .newHeader-content .content-containter .containter-btn2:hover {
  color: #699BFF;
  border: 1px solid #699BFF;
}
.newHeader .newHeader-content .content-containter .containter-btn2:active {
  color: #2B5AD9;
  border: 1px solid #2B5AD9;
}
.newHeader .newHeader-content .content-containter .ezv-btn {
  height: 44px;
  margin-left: 20px;
}
.newHeader .newHeader-content .content-containter .ezv-link-btn {
  padding-left: 0;
  padding-right: 0;
  margin-left: 24px;
  line-height: 44px;
}
.ezd-modal-confirm-btns {
  margin-bottom: 16px;
}

.productRelease {
  display: flex;
  padding: 0 60px;
  margin-top: -108px;
}
.productRelease .productRelease-box {
  margin-top: -108px;
  z-index: 3;
  text-align: left;
  min-width: 1080px;
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.productRelease .productRelease-box .productRelease-box-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}
.productRelease .productRelease-box .productRelease-box-tabs {
  height: 68px;
  background-image: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 100%);
  border: 2px solid #ffffff;
  box-shadow: 5px 5px 18px -4px rgba(192, 209, 223, 0.58), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
}
.productRelease .productRelease-box .productRelease-box-tabs .box-tabs-item {
  position: relative;
  width: 25%;
  height: 64px;
  padding: 18px 10px 18px 10px;
  font-size: 16px;
  color: #595959;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}
.productRelease .productRelease-box .productRelease-box-tabs .box-tabs-item .tabs-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.productRelease .productRelease-box .productRelease-box-tabs .box-tabs-item .box-tabs-item-gap {
  width: 1px;
  height: 44px;
  background: #f0f0f0;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.productRelease .productRelease-box .productRelease-box-tabs .box-tabs-item:first-child .box-tabs-item-gap {
  display: none;
}
.productRelease .productRelease-box .productRelease-box-tabs .box-tabs-item:hover {
  background-image: linear-gradient(-45deg, #74B2FF 0%, #407AFF 100%);
  color: white;
}
.productRelease .productRelease-box .productRelease-box-tabs .box-tabs-item:hover .box-tabs-item-gap {
  background: #407AFF;
}

.productHot {
  margin-top: 80px;
  margin-bottom: 60px;
  padding: 0 60px;
}
.productHot .productHot-box {
  min-width: 1080px;
  max-width: 1400px;
  min-height: 252px;
  margin: auto;
  background-image: linear-gradient(180deg, #F5F9FC 0%, #FFFFFF 62%);
  border: 3px solid #ffffff;
  box-shadow: 5px 5px 20px 0px rgba(192, 209, 223, 0.4), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  border-radius: 8px;
  padding: 40px 0px;
  display: flex;
  flex-direction: row;
}
.productHot .productHot-box .productHot-box-item {
  border-right: 1px solid #f0f0f0;
  width: 25%;
  padding-left: 40px;
  text-align: left;
  min-height: 172px;
}
.productHot .productHot-box .productHot-box-item .hot-item-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 600;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 20px;
}
.productHot .productHot-box .productHot-box-item .hot-item-item {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  cursor: pointer;
}
.productHot .productHot-box .productHot-box-item .hot-item-item .hot-item-item-title {
  color: #262626;
  display: block;
  width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productHot .productHot-box .productHot-box-item .hot-item-item .hot-item-item-title:hover {
  color: #407AFF;
}
.productHot .productHot-box .productHot-box-item .hot-item-item .hot-item-item-desc {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productHot .productHot-box .productHot-box-item .hot-item-item:last-child {
  margin-bottom: 0;
}
.productHot .productHot-box .productHot-box-item:first-child {
  padding-right: 40px;
}
.productHot .productHot-box .productHot-box-item:last-child {
  border-right: 0;
}

.productAll {
  padding-left: 60px;
  padding-right: 60px;
  background: #FFFFFF;
  padding-bottom: 40px;
}
.productAll .productAll-box {
  padding-top: 40px;
}
.productAll .productAll-box .productAll-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 50px;
}
.productAll .productAll-box .productAll-box-content {
  display: flex;
  flex-direction: row;
  position: relative;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs-fixed {
  position: fixed;
  top: 10px;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs-absolute {
  position: absolute;
  bottom: 34px;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs {
  width: 180px;
  text-align: left;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .ant-anchor-ink {
  display: none;
  padding: 0;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .ant-anchor-wrapper {
  background: #FFFFFF;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .content-left-tabs-link {
  padding: 0;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .content-left-tabs-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 30px;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .content-left-tabs-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 27px;
  cursor: pointer;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .content-left-tabs-item .left-tabs-item-icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .content-left-tabs-item-click {
  color: #407AFF;
}
.productAll .productAll-box .productAll-box-content .content-left-tabs .content-left-tabs-item:hover {
  color: #407AFF;
}
.productAll .productAll-box .productAll-box-content .content-right-content {
  width: 100%;
  text-align: left;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-title {
  font-size: 18px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item {
  margin-bottom: 6px;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  color: #8c8c8c;
  line-height: 26px;
  font-weight: 400;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-title .right-content-item-title-tag {
  width: 2px;
  height: 24px;
  background: #407AFF;
  margin-right: 10px;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item {
  display: inline-block;
  width: 31.9%;
  min-height: 168px;
  background: #FFFFFF;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  margin: 0 20px 20px 0px;
  padding: 25px;
  padding-right: 37px;
  transition: all .5s;
  cursor: pointer;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item:hover .right-content-item-box-item-title {
  color: #407AFF;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item .right-content-item-box-item-box {
  width: 100%;
  height: 100%;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item .right-content-item-box-item-title {
  font-size: 18px;
  color: #262626;
  line-height: 24px;
  font-weight: 500;
  width: 274px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item .right-content-item-box-item-title:hover {
  color: #407AFF;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item .right-content-item-box-item-desc {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 26px;
  font-weight: 400;
  width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  height: 78px;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-align: justify;
  word-wrap: break-word;
}
.productAll .productAll-box .productAll-box-content .content-right-content .right-content-item .right-content-item-box .right-content-item-box-item:nth-child(3n+3) {
  margin: 0 0px 24px 0px;
}

.updateDynamics {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 66px;
}
.updateDynamics .video-box {
  width: 100%;
  margin-top: 30px;
  height: 400px;
  background-color: white;
}
.updateDynamics .updateDynamics-box {
  width: 1200px;
  z-index: 3;
  text-align: left;
  display: flex;
  flex-direction: row;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-video {
  z-index: 3;
  min-width: 320px;
  height: 180px;
  background: #FFFFFF;
  box-shadow: 5px 5px 18px -4px rgba(147, 166, 182, 0.3), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  padding: 10px;
  margin-top: -50px;
  border-radius: 4px;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-video .box-video-icon {
  width: 36px;
  height: 36px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-right {
  z-index: 2;
  width: 918px;
  height: 130px;
  background: #FFFFFF;
  border-radius: 2px;
  padding: 20px 0 0 50px;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-right .box-right-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-right .box-right-item .box-right-item-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  margin-right: 12px;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-right .box-right-item .box-right-item-title {
  color: #262626;
}
.updateDynamics .updateDynamics-box .updateDynamics-box-right .box-right-item .box-right-item-content {
  color: #595959;
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.video-box {
  width: 100%;
  margin-top: 20px;
  background-color: white;
}

.productExperience {
  margin-top: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.productExperience .productExperience-box .productExperience-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
  font-weight: 400;
}
.productExperience .productExperience-box .productExperience-box-content {
  margin-top: 40px;
  text-align: left;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item {
  height: 358px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  display: inline-block;
  margin-right: 20px;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item .box-content-item-video {
  width: 100%;
  height: 256px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item .box-content-item-video .box-content-item-video-icon {
  width: 50px;
  height: 50px;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item .box-content-item-video .box-content-item-video-box {
  width: 100%;
  height: 256px;
  border-radius: 4px;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item .box-content-item-bottom {
  padding-top: 30px;
  font-size: 18px;
  color: #262626;
  letter-spacing: 1.14px;
  line-height: 30px;
  font-weight: 500;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item .box-content-item-bottom .box-content-item-bottom-item {
  margin-bottom: 10px;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item .box-content-item-bottom .box-content-item-bottom-item:last-child {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 0;
}
.productExperience .productExperience-box .productExperience-box-content .box-content-item:nth-child(3n) {
  margin-right: 0;
}

.productAdvantage {
  background: #FFFFFF;
  padding-left: 60px;
  padding-right: 60px;
}
.productAdvantage .productAdvantage-box {
  padding-bottom: 20px;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content {
  padding-top: 40px;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content .box-content-item {
  margin-bottom: 40px;
  display: inline-block;
  text-align: left;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content .box-content-item .box-content-item-box {
  display: flex;
  flex-direction: row;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content .box-content-item .box-content-item-box .box-content-item-box-icon {
  width: 48px;
  height: 48px;
  margin-right: 20px;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content .box-content-item .box-content-item-box .box-content-item-box-right .content-item-box-right-title {
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content .box-content-item .box-content-item-box .box-content-item-box-right .content-item-box-right-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  word-break: break-all;
}
.productAdvantage .productAdvantage-box .productAdvantage-box-content .box-content-item:nth-child(3n) {
  margin-right: 0px;
}

.productAdvantageUserAndDeveloper {
  background: #FFFFFF;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 80px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
  margin-bottom: 40px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content:not(:nth-of-type(2)) {
  margin-top: 20px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content {
  border-radius: 4px;
  background: #fafafa;
  padding: 0 40px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .productAdvantageUserAndDeveloper-box-content-title {
  height: 85px;
  color: #6890fc;
  font-size: 18px;
  font-weight: 500;
  line-height: 85px;
  letter-spacing: 0px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 28px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .box-content-item {
  margin-bottom: 40px;
  display: inline-block;
  text-align: left;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .box-content-item .box-content-item-box {
  display: flex;
  flex-direction: row;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .box-content-item .box-content-item-box .box-content-item-box-icon {
  width: 48px;
  height: 48px;
  margin-right: 20px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .box-content-item .box-content-item-box .box-content-item-box-right .content-item-box-right-title {
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .box-content-item .box-content-item-box .box-content-item-box-right .content-item-box-right-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  word-break: break-all;
}
.productAdvantageUserAndDeveloper .productAdvantageUserAndDeveloper-box .productAdvantageUserAndDeveloper-box-content .box-content-item:nth-child(3n) {
  margin-right: 0px;
}

.productAdvantageSmall {
  background: #FFFFFF;
  padding-left: 60px;
  padding-right: 60px;
}
.productAdvantageSmall .productAdvantageSmall-box {
  padding-bottom: 80px;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content {
  padding-top: 40px;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .ezd-row {
  row-gap: 40px !important;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .box-content-item {
  display: inline-block;
  text-align: left;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .box-content-item .box-content-item-box {
  display: flex;
  flex-direction: row;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .box-content-item .box-content-item-box .box-content-item-box-icon {
  width: 48px;
  height: 48px;
  margin-right: 22px;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .box-content-item .box-content-item-box .box-content-item-box-right .content-item-box-right-title {
  color: #262626;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 15px;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .box-content-item .box-content-item-box .box-content-item-box-right .content-item-box-right-desc {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
}
.productAdvantageSmall .productAdvantageSmall-box .productAdvantageSmall-box-content .box-content-item:nth-child(3n) {
  margin-right: 0px;
}

.productFunction {
  background: #FFFFFF;
  padding-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px;
}
.productFunction .productFunction-box .productFunction-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.productFunction .productFunction-box .productFunction-box-content {
  margin-top: 40px;
  text-align: left;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item {
  padding-bottom: 20px;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-title {
  font-size: 18px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-title .box-content-item-title-tag {
  width: 2px;
  height: 24px;
  background: #407AFF;
  margin-right: 10px;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-desc {
  margin: 5px 12px 20px 0px;
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-content .content-item-content-item {
  height: 157px;
  background: #FFFFFF;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 4px;
  transition: all .5s;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-content .content-item-content-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  /* 鼠标悬浮时盒子出现的阴影 */
  transform: translate(0, -10px);
  /* 鼠标悬浮时盒子上移10px */
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-content .content-item-content-item .content-item-content-item-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  overflow: hidden;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-content .content-item-content-item .content-item-content-item-desc {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
}
.productFunction .productFunction-box .productFunction-box-content .box-content-item .box-content-item-content .content-item-content-item:nth-child(3n+3) {
  margin-right: 0px;
}

.productContrast {
  padding-left: 60px;
  padding-right: 60px;
}
.productContrast .productContrast-box {
  margin-top: 80px;
}
.productContrast .productContrast-box .productContrast-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
  font-weight: 400;
}
.productContrast .productContrast-box .productContrast-box-content {
  margin-top: 40px;
  text-align: left;
  border: 1px solid #f5f5f5;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item {
  background: #F2F5FA;
  display: flex;
  flex-direction: row;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 39px !important;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
  border-right: 1px solid #F5F5F5;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-box:nth-child(n+1) {
  width: 25%;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-box:nth-child(2n+2) {
  width: 21.4%;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-box:nth-child(3n+3) {
  width: 26.8%;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-box:nth-child(4n+4) {
  width: 26.8%;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list {
  width: 75%;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list .list-item {
  width: 100%;
  background: white;
  display: flex;
  flex-direction: row;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list .list-item .list-item-box {
  text-align: center;
  padding: 20px 39px;
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  border-right: 1px solid #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list .list-item .list-item-box:nth-child(n+1) {
  width: 28.5%;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list .list-item .list-item-box:nth-child(2n+2) {
  width: 35.7%;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list .list-item .list-item-box:nth-child(3n+3) {
  width: 36%;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item .box-content-item-list .list-item:nth-child(2n) {
  background: #F2F5FA;
}
.productContrast .productContrast-box .productContrast-box-content .box-content-item:nth-child(2n) {
  background: white;
}

.docTool {
  padding-left: 60px;
  padding-right: 60px;
}
.docTool .docTool-box .docTool-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.docTool .docTool-box .docTool-box-content {
  margin-top: 40px;
  text-align: left;
  display: flex;
  flex-direction: row;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left {
  width: 62.8%;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .container {
  width: 50%;
  display: inline-block;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item {
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  padding: 40px 25px;
  margin: 0 20px 20px 0;
  transition: all 0.5s;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item:hover .content-left-item-top {
  color: #407AFF;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item .content-left-item-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item .content-left-item-top .left-item-top-icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item .content-left-item-top:hover {
  color: #407AFF;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .box-content-left-item .content-left-item-bottom {
  margin-left: 42px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-left .container:nth-child(odd):last-child {
  width: 100%;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right {
  width: 37.1%;
  height: 456px;
  background: #FFFFFF;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  transition: all .5s;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-title {
  height: 78px;
  width: 100%;
  background: white;
  border-radius: 2px;
  padding: 20px 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-title .right-title-txt {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-title .right-title-right {
  font-size: 16px;
  color: #407AFF;
  line-height: 28px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-title .right-title-right .right-title-right-icon {
  width: 16px;
  height: 16px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-title .right-title-right:hover {
  color: #699BFF;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-title .right-title-right:active {
  color: #2B5AD9;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-wechat-right-content {
  width: 100%;
  height: 378px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-wechat-right-content .right-content-wechatimg {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 32px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-wechat-right-content .right-content-wechatimg img {
  width: 222px;
  height: 222px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-wechat-right-content .right-content-wechat-desc {
  text-align: center;
  font-size: 14px;
  color: #262626;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content {
  width: 100%;
  height: 378px;
  padding: 0 25px 30px;
  overflow: scroll;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100px;
  margin-bottom: 20px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .left-img {
  width: 180px;
  height: 100px;
  background: #F0F0F0;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .left-img .left-img-icon {
  width: 32px;
  height: 32px;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .right-content {
  display: block;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .right-content:hover .right-content-title {
  color: #407AFF;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .right-content:active .right-content-title {
  color: #2B5AD9;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .right-content .right-content-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item .right-content .right-content-desc {
  width: 270px;
  min-height: 64px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.docTool .docTool-box .docTool-box-content .docTool-box-content-right .box-content-right-content .box-content-right-content-item:last-child {
  margin-bottom: 0;
}
.video-box {
  width: 100%;
  margin-top: 20px;
  background-color: white;
}

.productPrice {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productPrice .productPrice-box {
  width: 100%;
  padding: 0 60px;
}
.productPrice .productPrice-box .productPrice-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  background: white;
  padding-bottom: 54px;
}
.productPrice .productPrice-box .productPrice-box-content {
  width: 100%;
  text-align: left;
  height: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-left {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-right: 316px;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-left .box-content-left-price {
  font-size: 100px;
  color: #407AFF;
  letter-spacing: 2.78px;
  text-align: right;
  line-height: 100px;
  font-weight: 400;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-left .box-content-left-unit {
  font-size: 20px;
  color: #4C80F7;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 10px;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-right {
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-right .box-content-right-item {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  display: block;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-right .box-content-right-item2 {
  font-size: 16px;
  color: #407AFF;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.productPrice .productPrice-box .productPrice-box-content .box-content-right .box-content-right-item2 .box-content-right-item2-icon {
  width: 16px;
  height: 16px;
}

.updateDynamicsNormal {
  padding: 0 60px;
  display: flex;
}
.updateDynamicsNormal .updateDynamicsNormal-box {
  margin-top: -34px;
  z-index: 3;
  text-align: left;
  display: flex;
  flex-direction: row;
  height: 68px;
  padding: 12px 50px;
  border: 2px solid #ffffff;
  background-image: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 100%);
  box-shadow: 5px 5px 18px -4px rgba(192, 209, 223, 0.58), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  border-radius: 4px;
}
.updateDynamicsNormal .updateDynamicsNormal-box .updateDynamicsNormal-item {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  line-height: 25px;
  font-weight: 400;
  font-size: 0.12rem;
  border-right: 1px solid #f0f0f0;
  cursor: pointer;
}
.updateDynamicsNormal .updateDynamicsNormal-box .updateDynamicsNormal-item .box-right-item-icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.updateDynamicsNormal .updateDynamicsNormal-box .updateDynamicsNormal-item .box-right-item-title {
  color: #262626;
}
.updateDynamicsNormal .updateDynamicsNormal-box .updateDynamicsNormal-item .box-right-item-content {
  color: #595959;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.updateDynamicsNormal .updateDynamicsNormal-box .updateDynamicsNormal-item #box-right-item-tag {
  color: #407aff;
  padding-left: 10px;
}
.updateDynamicsNormal .updateDynamicsNormal-box .updateDynamicsNormal-item:last-child {
  border-right: 0;
}

.appScenarios {
  padding: 80px 60px;
}
.appScenarios .appScenarios-box .appScenarios-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.appScenarios .appScenarios-box .appScenarios-box-content {
  margin-top: 40px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .ant-tabs-tab {
  font-size: 16px;
  color: #666666;
}
.appScenarios .appScenarios-box .appScenarios-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .ant-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.appScenarios .appScenarios-box .appScenarios-box-content .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
  font-weight: 500;
}
.appScenarios .appScenarios-box .appScenarios-box-content .ant-tabs-ink-bar {
  height: 3px;
  background: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
  position: relative;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-container {
  position: static !important;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-container .swiper-container-android .swiper-slide,
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-container .swiper-wrapper {
  padding-top: 10px;
  height: 180px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-prev {
  left: -60px;
  color: #c3c8d6;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-prev:hover {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-prev.swiper-button-disabled,
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-prev.swiper-button-disabled::after,
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-next.swiper-button-disabled::after {
  opacity: 0.35;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-prev::after {
  font-size: 14px;
  font-weight: 1000;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-next {
  right: -60px;
  color: #c3c8d6;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-next:hover {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .swiper-button-next::after {
  font-size: 14px;
  font-weight: 1000;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-left {
  position: absolute;
  left: -70px;
  bottom: 60px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
  color: #8c8c8c;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-left:hover {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-left:active {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-right {
  position: absolute;
  right: -70px;
  bottom: 60px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
  color: #8c8c8c;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-right:hover {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-right:active {
  color: #407AFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-item {
  width: 100%;
  height: 160px;
  padding: 25px;
  background: #FFFFFF;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  transition: all .5s;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-item .box-content-item-bottom-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-item .box-content-item-bottom-desc {
  margin-top: 10px;
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-bottom .appScenarios-box-content-bottom-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-singleImg {
  width: 100%;
  height: 540px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-img {
  width: 46%;
  height: 376px;
  margin-right: 120px;
  border-radius: 10px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right {
  width: 46%;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-subtitle {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-btn {
  display: inline-block;
  margin-top: -10px;
  height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  background: #407AFF;
  font-size: 14px;
  line-height: 44px;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 2px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-btn:hover {
  background: #699BFF;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-list {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 6px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc:last-child {
  margin-bottom: 0px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .subdata-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 15px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .subdata-labelBox {
  display: flex;
  justify-content: flex-start;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .subdata-label {
  height: 32px;
  background: #E8F3FF;
  border-radius: 2px;
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 400;
  padding: 0 10px;
  margin-right: 10px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item {
  margin-top: 10px;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item .item-right-tip-item-title {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 500;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item .item-right-tip-item-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.appScenarios .appScenarios-box .appScenarios-box-content .appScenarios-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item:last-child {
  margin-bottom: 0px;
}

.appScenariosAuto {
  padding: 80px 60px;
  background: #fafafa;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content {
  margin-top: 40px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .ant-tabs-tab {
  font-size: 16px;
  color: #666666;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .ant-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
  font-weight: 500;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .ant-tabs-ink-bar {
  height: 3px;
  background: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
  position: relative;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-container {
  position: static !important;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-container .swiper-container-android .swiper-slide,
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-container .swiper-wrapper {
  padding-top: 10px;
  height: 180px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-prev {
  left: -60px;
  color: #c3c8d6;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-prev:hover {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-prev.swiper-button-disabled,
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-prev.swiper-button-disabled::after,
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-next.swiper-button-disabled::after {
  opacity: 0.35;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-prev::after {
  font-size: 14px;
  font-weight: 1000;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-next {
  right: -60px;
  color: #c3c8d6;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-next:hover {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .swiper-button-next::after {
  font-size: 14px;
  font-weight: 1000;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-left {
  position: absolute;
  left: -70px;
  bottom: 60px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
  color: #8c8c8c;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-left:hover {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-left:active {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-right {
  position: absolute;
  right: -70px;
  bottom: 60px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  text-align: center;
  padding: 10px 0;
  color: #8c8c8c;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-right:hover {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-right:active {
  color: #407AFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-item {
  width: 100%;
  height: 160px;
  padding: 25px;
  background: #FFFFFF;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  transition: all .5s;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-item .box-content-item-bottom-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-item .box-content-item-bottom-desc {
  margin-top: 10px;
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-bottom .appScenariosAuto-box-content-bottom-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-singleImg {
  width: 100%;
  height: 540px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-img {
  width: 46%;
  height: 376px;
  margin-right: 120px;
  border-radius: 10px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-autoImg {
  min-width: 46%;
  height: 100%;
  margin-right: 60px;
  border-radius: 10px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right {
  width: 46%;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-subtitle {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-btn {
  display: inline-block;
  margin-top: -10px;
  height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  background: #407AFF;
  font-size: 14px;
  line-height: 44px;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 2px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-btn:hover {
  background: #699BFF;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-list {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 6px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc:last-child {
  margin-bottom: 0px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-links img {
  flex-shrink: 0;
  width: 146px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .subdata-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 15px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .subdata-labelBox {
  display: flex;
  justify-content: flex-start;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .subdata-label {
  height: 32px;
  background: #E8F3FF;
  border-radius: 2px;
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 400;
  padding: 0 10px;
  margin-right: 10px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item {
  margin-top: 10px;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item .item-right-tip-item-title {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 500;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item .item-right-tip-item-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.appScenariosAuto .appScenariosAuto-box .appScenariosAuto-box-content .appScenariosAuto-box-content-item .box-content-item-right .box-content-item-right-tip .item-right-tip-item:last-child {
  margin-bottom: 0px;
}

.docToolNormal {
  background: #fafafa;
  padding-left: 60px;
  padding-right: 60px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content {
  margin-top: 40px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item {
  text-align: left;
  cursor: pointer;
  transition: all 0.5s;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 40px 25px;
  margin: 0 20px 20px 0;
  display: inline-block;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 9px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-top .left-item-top-icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-bottom {
  margin-left: 42px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:hover .content-left-item-top {
  color: #407aff;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:nth-child(3n) {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:last-child {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item {
  width: 32.357%;
  height: 156px;
  background: #ffffff;
  box-shadow: none !important;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  padding-top: 40px;
  padding-left: 25px;
  transition: all 0.5s;
  cursor: pointer;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-left {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right .item-right-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right .item-right-content {
  opacity: 0.8;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:hover {
  transform: translateY(-10px);
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:hover .item-right-title {
  color: #407aff;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:nth-child(3n + 3) {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:last-child {
  margin-right: 0;
}
.ezd-message-notice-content {
  margin-top: 80px;
}
.submit_Btn {
  width: 100%;
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.submit-success {
  text-align: center;
  padding: 20px 60px;
}
.submit-success .succes-img {
  max-width: 300px;
}
.submit-success .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 8.31px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success .success-sub-title {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2.33px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success .success-img img {
  width: 100%;
}
.submit-success .submit-btn-container {
  margin-top: 60px;
}
.submit-success .submit-btn-container .submit-btn {
  font-size: 18px;
  background-color: #4c80f7;
  color: #ffffff;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #ffffff;
  outline: none;
}

.productExperienceImage {
  padding-left: 60px;
  padding-right: 60px;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content {
  margin-top: 40px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content .box-content-item {
  width: 43.1%;
  height: 410px;
  background: #FFFFFF;
  border: 1px solid rgba(151, 151, 151, 0.3);
  border-radius: 8px;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content .box-content-item .box-content-item-title {
  margin-top: 30px;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content .box-content-item .box-content-item-img {
  height: 285.72px;
  margin: 32px 34px;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content .box-content-center {
  margin: 0 50px;
  font-size: 16px;
  color: #595959;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content .box-content-center .box-content-center-icon {
  width: 58px;
  height: 29px;
  margin-bottom: 20px;
}
.productExperienceImage .productExperienceImage-box .productExperienceImage-box-content .box-content-center .box-content-center-txt {
  width: 96px;
  margin-bottom: 15px;
}

.recommendDevice {
  padding-left: 60px;
  padding-right: 60px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.recommendDevice .recommendDevice-box .recommendDevice-subTitle {
  cursor: pointer;
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #407aff;
  font-weight: 400;
  line-height: 24px;
}
.recommendDevice .recommendDevice-box .recommendDevice-subTitle a {
  display: inline-block;
  width: 83px;
  color: #407aff;
  text-align: left;
  padding-left: 6px;
}
.recommendDevice .recommendDevice-box .recommendDevice-subTitle a:after {
  display: inline-block;
  width: 15px;
  height: 10px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group2/M00/00/71/CtwQFmHX7iCAW241AAACd6tk6E8038.svg);
  background-position: 70% 46%;
  background-size: cover;
  transition: margin-left 0.5s;
  content: "";
}
.recommendDevice .recommendDevice-box .recommendDevice-subTitle a:hover:after {
  margin-left: 5px;
}
.recommendDevice .recommendDevice-box .recommendDevice-subTitle a:first-child {
  margin-right: 20px;
}
.recommendDevice .recommendDevice-box .recommendDevice-subTitle a:last-child {
  margin-left: 20px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content {
  margin-top: 28px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 0;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-tab {
  font-size: 16px;
  color: #666666;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
  font-weight: 500;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-bar {
  margin: 0 0 40px 0;
  border-bottom: 1px solid #EDEDED !important;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-tab {
  font-size: 16px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .ant-tabs-ink-bar {
  height: 3px;
  background: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box {
  position: relative;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-container {
  position: static !important;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-prev {
  left: -60px;
  top: 130px;
  color: #c3c8d6;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  text-align: center;
  padding: 10px 0;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-prev:hover {
  color: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-prev.swiper-button-disabled,
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-prev.swiper-button-disabled::after,
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-next.swiper-button-disabled::after {
  opacity: 0.35;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-prev::after {
  font-size: 14px;
  font-weight: 1000;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-next {
  right: -60px;
  top: 130px;
  color: #c3c8d6;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  text-align: center;
  padding: 10px 0;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-next:hover {
  color: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-changeover-box .swiper-button-next::after {
  font-size: 14px;
  font-weight: 1000;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item {
  text-align: left;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list.hoverStyle {
  cursor: pointer;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list.hoverStyle:hover .content-item-list-title {
  color: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list.layoutStyle {
  display: inline-block;
  width: 32.1%;
  margin-right: 20px;
  margin-bottom: 40px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list.layoutStyle.hoverStyle {
  cursor: pointer;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list.layoutStyle.hoverStyle:hover .content-item-list-title {
  color: #407AFF;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list .content-item-list-img {
  width: 100%;
  height: 256px;
  background: #FAFAFA;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list .content-item-list-title {
  text-align: left;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-top: 30px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list .content-item-list-desc {
  text-align: left;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-top: 10px;
}
.recommendDevice .recommendDevice-box .recommendDevice-box-content .recommendDevice-box-content-item .content-item-list:nth-child(3n) {
  margin-right: 0;
}
.ant-tabs-ink-bar {
  position: absolute;
}

.module45 {
  position: relative;
  overflow: hidden;
}
.module45 .module45-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.module45.bg-grey .swiper-button-prev {
  background: #F5F5F5;
}
.module45.bg-grey .swiper-button-next {
  background: #F5F5F5;
}
.module45 .module45-subTitle {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
  line-height: 30px;
  margin: 19px auto 0;
  max-width: 57%;
}
.module45 .module45-subItem-container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  margin-top: 40px;
}
.module45 .module45-subItem-container .module45-notice-container {
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0 35px 18px -16px rgba(0, 0, 0, 0.05);
  margin: 40px 0;
}
.module45 .module45-subItem-container .module45-notice-container .module45-notice-main {
  padding: 45px 255px;
  display: flex;
  justify-content: center;
}
.module45 .module45-subItem-container .module45-notice-container .module45-notice-main .module45-title-container {
  text-align: center;
}
.module45 .module45-subItem-container .module45-notice-container .module45-notice-main .module45-title-container .module45-notice-title {
  font-size: 12px;
  color: #999999;
  letter-spacing: 1.71px;
  text-align: center;
  line-height: 16px;
}
.module45 .module45-subItem-container .module45-notice-container .module45-notice-main .module45-title-container .module45-notice-image {
  width: 70px;
  height: 70px;
  margin-bottom: 6px;
}
.module45 .module45-subItem-container .module45-notice-container .module45-notice-subTitle-container {
  padding-left: 40px;
}
.module45 .module45-subItem-container .module45-notice-container .module45-notice-subTitle-container .module45-notice-subTitle {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 30px;
}
.module45 .module45-subItem-container .swiper-container {
  padding-bottom: 45px;
}
.module45 .module45-subItem-container .module45-subItem {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 224px;
  height: 145px;
  border: 1px solid #F1F1F1;
  background: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: transform 1s;
}
.module45 .module45-subItem-container .module45-subItem:hover {
  border: 1px solid #F1F1F1;
  box-shadow: 0 35px 26px -8px rgba(0, 0, 0, 0.08);
  transform: translate(0, -10px);
}
.module45 .module45-subItem-container .module45-subItem .module45-subItem-title {
  margin-top: 6px;
  margin-left: 30px;
  font-size: 18px;
  color: #333333;
  letter-spacing: 1.8px;
}
.module45 .module45-subItem-container .module45-subItem .module45-subItem-image-container {
  text-align: center;
}
.module45 .module45-subItem-container .module45-subItem .module45-subItem-image {
  width: 70px;
}
.module45 .module45-subItem-container .module45-subItem .module45-subItem-subTitle-container {
  margin-top: 8px;
}
.module45 .module45-subItem-container .module45-subItem .module45-subItem-subTitle {
  font-size: 12px;
  color: #999999;
  letter-spacing: 1.71px;
  line-height: 16px;
}
.module45 .module45-subItem-container .module45-subItem:last-child {
  margin-right: 0;
}
.module45 .swiper-button-prev,
.module45 .swiper-button-next {
  position: absolute;
  top: 38%;
  margin-top: -20px;
  outline: none;
  width: 40px;
}
.module45 .swiper-button-prev:hover::after,
.module45 .swiper-button-next:hover::after {
  opacity: 1;
}
.module45 .swiper-button-prev.swiper-button-disabled,
.module45 .swiper-button-next.swiper-button-disabled {
  pointer-events: auto;
  cursor: not-allowed !important;
}
.module45 .swiper-button-prev.swiper-button-disabled::after,
.module45 .swiper-button-next.swiper-button-disabled::after {
  opacity: 0.3;
  background-color: rgba(0, 0, 0, 0.7);
}
.module45 .swiper-button-prev {
  left: 50%;
  margin-left: -700px;
  text-align: left;
  justify-content: flex-start;
}
.module45 .swiper-button-prev::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(https://resource.eziot.com/group2/M00/00/63/CtwQFmEOUb2AXIvKAAACUvfVw3k457.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.module45 .swiper-button-prev:hover::after {
  background-image: url(https://resource.eziot.com/group2/M00/00/64/CtwQFmERG3eAZtbmAAACbnbMgHo675.png);
}
.module45 .swiper-button-next {
  text-align: right;
  right: 50%;
  margin-right: -700px;
  justify-content: flex-end;
  width: 40px;
}
.module45 .swiper-button-next::after {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(https://resource.eziot.com/group2/M00/00/63/CtwQF2EOUcKAcu5IAAACUmOt5mM080.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.module45 .swiper-button-next:hover::after {
  background-image: url(https://resource.eziot.com/group2/M00/00/64/CtwQF2ERG3iAUF54AAACa9ebkvY052.png);
}
.module45 .swiper-pagination {
  bottom: 0 !important;
}
.module45 .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  margin: 0 2px !important;
}
.module45 .module45-btn {
  cursor: pointer;
  width: 338px;
  height: 47px;
  line-height: 47px;
  font-size: 18px;
  background: #4C80F7;
  letter-spacing: 9px;
  text-indent: 9px;
  text-align: center;
  color: #FFFFFF;
  margin: 56px auto 110px;
}
.module45 .module45-btn:hover {
  box-shadow: 0 13px 13px 0 rgba(76, 128, 247, 0.2);
}
.module45 .module45-btn a {
  color: #FFFFFF;
}
.module45 .module45-image {
  margin: 100px auto;
  width: 100%;
  height: 394px;
  text-align: center;
  box-sizing: content-box;
}
.module45 .module45-image img {
  max-width: 100%;
  max-height: 100%;
}

.Module53 {
  width: 1200px;
  margin: auto;
  padding-top: 60px;
}
.Module53 .Module53-title {
  text-align: center;
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 46px;
  margin-bottom: 40px;
}
.Module53 .Module53-subItem-container {
  width: 100%;
}
.Module53 .Module53-subItem-container .Module53-subItem {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 30px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-image-container {
  text-align: left;
  display: inline-block;
  width: 550px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-image-container .Module53-subItem-image {
  width: 550px;
  height: 376px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-blank-container {
  width: 50px;
  height: 376px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-content-container {
  width: 550px;
  vertical-align: top;
  padding: 0 80px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-content-container .Module53-subItem-title-container {
  width: 100%;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-content-container .Module53-subItem-title-container .Module53-subItem-title {
  font-size: 22px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 30px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-content-container .Module53-subItem-subTitle-container {
  width: 100%;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-content-container .Module53-subItem-subTitle-container .Module53-subItem-subTitle {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 16px;
}
.Module53 .Module53-subItem-container .Module53-subItem .Module53-subItem-subTitle-container {
  margin-top: 8px;
}
.Module53 .Module53-subItem-container .Module53-subItem:last-child {
  margin-right: 0;
}

.operationFlow {
  margin-top: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.operationFlow .operationFlow-container .operationFlow-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.operationFlow .operationFlow-container .operationFlow-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
  margin: 20px auto 0;
  max-width: 1100px;
}
.operationFlow .operationFlow-container .operationFlow-img {
  text-align: center;
  margin-top: 40px;
}
.operationFlow .operationFlow-container .operationFlow-img img {
  width: 100%;
  height: 100%;
}

.SchemeDetails {
  padding-top: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-tab {
  font-size: 16px;
  color: #666666;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
  font-weight: 500;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-ink-bar {
  height: 3px;
  background: #407AFF;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item:first-child {
  margin-top: 50px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item:last-child {
  padding-bottom: 80px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-img {
  width: 45.7%;
  height: 376px;
  margin-right: 120px;
  border-radius: 4px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right-img {
  width: 45.7%;
  height: 376px;
  border-radius: 4px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right {
  width: 45.7%;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-subtitle {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  max-width: 550px;
  margin-bottom: 30px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-subtitle2 {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-desc2 {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  max-width: 550px;
  display: flex;
  flex-direction: row;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  word-break: break-all;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc a {
  text-decoration: none;
  color: #595959;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc a:hover {
  color: #407AFF;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left {
  margin-right: 120px;
  width: 45.7%;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-subtitle {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  max-width: 550px;
  margin-bottom: 30px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  max-width: 550px;
  display: flex;
  flex-direction: row;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  word-break: break-all;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-desc a {
  text-decoration: none;
  color: #595959;
}
.SchemeDetails .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-desc a:hover {
  color: #407AFF;
}

.productAccess {
  padding-left: 60px;
  padding-right: 60px;
}
.productAccess .productAccess-box {
  text-align: start;
  margin: auto;
  margin-bottom: 80px;
}
.productAccess .productAccess-box .productAccess-box-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: start;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 18px;
}
.productAccess .productAccess-box .productAccess-box-content {
  display: flex;
  justify-content: space-between;
}
.productAccess .productAccess-box .productAccess-box-content .box-content-item {
  width: 100%;
  height: 120px;
  padding: 46px 25px;
  text-align: left;
  margin-right: 30px;
  background-image: linear-gradient(180deg, #F5F9FC 0%, #FFFFFF 100%);
  border-radius: 4px;
}
.productAccess .productAccess-box .productAccess-box-content .box-content-item a {
  font-size: 16px;
  color: #407AFF;
  letter-spacing: 1.14px;
  line-height: 28px;
  font-weight: 600;
}
.productAccess .productAccess-box .productAccess-box-content .box-content-item:last-child {
  margin-right: 0;
}

.productIntroductions {
  padding: 0 60px;
  margin-top: 80px;
}
.productIntroductions .productIntroductions-box {
  text-align: start;
  min-width: 1080px;
  max-width: 1400px;
  margin: auto;
}
.productIntroductions .productIntroductions-box .productIntroductions-box-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: start;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 18px;
}
.productIntroductions .productIntroductions-box .productIntroductions-box-content .box-content-item {
  display: block;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  font-weight: 400;
  text-align: justify;
}
.productIntroductions .productIntroductions-box .productIntroductions-box-author {
  font-size: 14px;
  color: #333333;
  text-align: right;
  line-height: 24px;
  font-weight: 400;
}

.JsVersion {
  padding-left: 60px;
  padding-right: 60px;
}
.JsVersion .JsVersion-container {
  margin: auto;
}
.JsVersion .JsVersion-container .JsVersion-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.JsVersion .JsVersion-container .JsVersion-content {
  display: flex;
}
.JsVersion .JsVersion-container .JsVersion-content .JsVersion-content-left {
  width: 50%;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
}
.JsVersion .JsVersion-container .JsVersion-content .JsVersion-content-left .JsVersion-content-img-box {
  margin-bottom: 24px;
}
.JsVersion .JsVersion-container .JsVersion-content .JsVersion-content-left .JsVersion-content-img-box .JsVersion-content-img {
  width: 56px;
  height: 56px;
}
.JsVersion .JsVersion-container .JsVersion-content .JsVersion-content-left .JsVersion-content-img-box .JsVersion-content-img:first-child {
  margin-right: 17px;
}
.JsVersion .JsVersion-container .JsVersion-content .JsVersion-spacing {
  display: inline-block;
  width: 1px;
  border-left: 1px solid #d9d9d9;
  margin: 0 100px;
}
.JsVersion .JsVersion-container .JsVersion-content .JsVersion-content-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 28px;
  font-weight: 400;
}

.ProductFunctionNew {
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  padding: 80px 60px 40px;
}
.ProductFunctionNew .ProductFunctionNew-box {
  margin: auto;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content {
  margin-top: 40px;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .ProductFunctionNew-item-container {
  display: flex;
  flex-wrap: wrap;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item {
  text-align: start;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-img {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 4px;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-img img:hover {
  transform: scale(1.1, 1.1);
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-desc {
  color: #595959;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 40px;
  text-align: justify;
  font-size: 14px;
  line-height: 26px;
  opacity: 0.8;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-button {
  text-align: start;
  color: #407AFF;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-button .ezd-btn {
  border-color: #407AFF;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item .content-item-content-item-button .ezd-btn a {
  color: #407AFF;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item:hover .content-item-content-item-title {
  color: #407AFF;
}
.ProductFunctionNew .ProductFunctionNew-box .ProductFunctionNew-box-content .box-content-item:nth-child(3n+3) {
  margin-right: 0;
}

.CustomerCase {
  width: 100%;
  background: #FFFFFF;
  padding-left: 60px;
  padding-right: 60px;
}
.CustomerCase .CustomerCase-box {
  margin: auto;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.CustomerCase .CustomerCase-box .ProductAccess-box-title {
  text-align: start;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  font-weight: 400;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content {
  margin-top: 30px;
  text-align: left;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container {
  display: flex;
  flex-wrap: wrap;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item {
  margin-right: 20px;
  margin-bottom: 60px;
  text-align: start;
  background: #FFFFFF;
  box-shadow: 0px 35px 26px -8px rgba(0, 0, 0, 0.04);
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item:hover .content-item-content-item-title {
  color: #407AFF;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .box-content-item-container {
  box-shadow: 0px 35px 26px -8px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-img {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 4px;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-img img:hover {
  transform: scale(1.1, 1.1);
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 0 25px;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-desc {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  padding: 0 25px 30px;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-button {
  text-align: start;
  color: #407AFF;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-button .ezd-btn {
  border-color: #407AFF;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item .content-item-content-item-button .ezd-btn a {
  color: #407AFF;
}
.CustomerCase .CustomerCase-box .CustomerCase-box-content .CustomerCase-item-container .box-content-item:nth-child(3n+3) {
  margin-right: 0;
}

.OpenModule1 {
  margin-top: 80px;
  padding-bottom: 80px;
}
.OpenModule1 .OpenModule1-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-title {
  height: 40px;
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content {
  max-width: 1400px;
  min-width: 1200px;
  width: 100%;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .product-info {
  width: calc(100% - 766px);
  height: 480px;
  padding: 113px 0 0 60px;
  background: #F5F7FA;
  float: left;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .product-info .product-info-title {
  width: 235px;
  height: 36px;
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .product-info .product-info-tags {
  display: flex;
  margin-top: 20px;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .product-info .product-info-tags .product-info-peerTag {
  height: 32px;
  background: #E8F3FF;
  color: #407AFF;
  font-size: 14px;
  border-radius: 2px;
  line-height: 32px;
  padding: 0 10px;
  margin-right: 10px;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .product-info .product-info-subTitle {
  margin-top: 10px;
  padding-right: 60px;
  opacity: 0.8;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  text-align: justify;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .product-info .product-info-button {
  margin-top: 20px;
  width: 126px;
  height: 44px;
  background: #407AFF;
  border-radius: 2px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 44px;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-wrap {
  width: 766px;
  height: 480px;
  position: relative;
  float: left;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-wrap .ezd-video .ezd-video__middle__status {
  display: none;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-pic-wrap {
  width: 766px;
  height: 480px;
  position: absolute;
  top: 0;
  left: 0;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-pic-wrap .out-video-pic {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: 0.5s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-pic-wrap .out-video-pic .out-video-tag {
  position: absolute;
  top: 20px;
  left: 650px;
  width: 96px;
  height: 40px;
  background: #000000;
  opacity: 0.6;
  border-radius: 2px;
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #FFFFFF;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-pic-wrap .out-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 69px;
  height: 69px;
  margin: -40px 0 0 -40px;
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: .4;
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-pic-wrap .out-video-play:hover {
  opacity: 1;
  transform: scale(1.1);
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .out-video-pic-wrap .out-info-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px 0 40px;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .Module33-title {
  font-size: 40px;
  color: #fff;
  letter-spacing: 11.11px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .Module33-subTitle {
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  line-height: 30px;
  margin: 19px auto 0;
  max-width: 57%;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .Module33-video {
  width: 100%;
  height: 100%;
  outline: 0 none;
  border: 0 none;
  visibility: hidden;
}
.OpenModule1 .OpenModule1-wrap .OpenModule1-content .Module33-video.show {
  visibility: visible;
}
.OpenModule1 .OpenModule1-wrap .allMask {
  background: rgba(52, 58, 65, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.OpenModule1 .OpenModule1-wrap .allMask .closeButton {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video {
  position: relative;
  top: 30%;
  left: 30%;
  min-width: 1260px;
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-pic-wrap {
  width: 800px !important;
  height: 500px !important;
  position: absolute;
  top: 0;
  left: 0;
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-pic-wrap:hover .video-pic {
  transform: scale(1.1);
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-pic-wrap .video-pic {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: 0.5s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-pic-wrap .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: .4;
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-pic-wrap .video-play:hover {
  opacity: 1;
  transform: scale(1.1);
}
.OpenModule1 .OpenModule1-wrap .allMask .mask-video .video-pic-wrap .info-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px 0 40px;
}

@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.OpenModule2 {
  width: 100%;
  padding: 242px 60px 80px;
}
.OpenModule2 .AtcModule9 {
  margin: 0 auto;
}
.OpenModule2 .AtcModule9-title {
  height: 40px;
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.OpenModule2 .AtcModule9-subTitle {
  text-align: center;
}
.OpenModule2 .tabs-box {
  margin: 50px 0;
  font-size: 18px;
  line-height: 30px;
  color: #999;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.OpenModule2 .tabs-box .tabs {
  cursor: pointer;
  margin: 0 25px;
  padding-bottom: 17px;
  text-align: center;
}
.OpenModule2 .tabs-box .tabs .tabs-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
}
.OpenModule2 .tabs-box .tabs.active {
  color: #407aff !important;
  padding-bottom: 14px;
  font-weight: bold;
  border-bottom: 3px solid #407aff;
}
.OpenModule2 .content-wrap {
  position: relative;
}
.OpenModule2 .content-wrap .btn-pre {
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #f2f6fa 0%, #ffffff 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin-right: 20px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OpenModule2 .content-wrap .btn-pre:hover {
  color: #407aff;
}
.OpenModule2 .content-wrap .btn-pre:hover::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #407aff;
  border-right: 2px solid #407aff;
  transform: rotate(-135deg);
  margin-right: 10px;
  top: 15px;
  left: 16px;
}
.OpenModule2 .content-wrap .btn-pre::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(-135deg);
  margin-right: 10px;
  top: 15px;
  left: 16px;
}
.OpenModule2 .content-wrap .btn-pre::after:hover {
  border-top: 2px solid #407aff;
  border-right: 2px solid #407aff;
}
.OpenModule2 .content-wrap .btn-next {
  position: absolute;
  top: 50%;
  right: -80px;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #f2f6fa 0%, #ffffff 97%);
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin-left: 20px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OpenModule2 .content-wrap .btn-next:hover {
  color: #407aff;
}
.OpenModule2 .content-wrap .btn-next:hover::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #407aff;
  border-right: 2px solid #407aff;
  transform: rotate(45deg);
  margin-right: 10px;
  top: 15px;
  left: 12px;
}
.OpenModule2 .content-wrap .btn-next::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(45deg);
  margin-right: 10px;
  top: 15px;
  left: 12px;
}
.OpenModule2 .content-wrap .imgarrContent {
  width: 100%;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane {
  height: 100%;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane .AtcModule9-tabpane-item {
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  cursor: pointer;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane .AtcModule9-tabpane-item .AtcModule9-tabpane-item-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane .AtcModule9-tabpane-item .AtcModule9-tabpane-item-icon img {
  width: 100%;
  height: 100%;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane .AtcModule9-tabpane-item .AtcModule9-tabpane-item-title {
  font-size: 20px;
  color: #262626;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane .AtcModule9-tabpane-item .AtcModule9-tabpane-item-subTitle-item {
  font-size: 20px;
  color: #262626;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 30px;
}
.OpenModule2 .content-wrap .AtcModule9-tabpane .AtcModule9-tabpane-item .AtcModule9-tabpane-item-content-item {
  font-size: 16px;
  color: #8c8c8c;
  line-height: 24px;
}
.OpenModule2 .allMask {
  display: flex;
  background: rgba(52, 58, 65, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.OpenModule2 .allMask .closeButton {
  position: absolute;
  top: 100px;
  right: 40px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
}
.OpenModule2 .allMask .swiperWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.OpenModule2 .allMask .swiperWrap .ImgSwiper .ImgSwiper-subItem-container {
  min-width: 1200px;
  max-width: 1400px;
  width: 100%;
}
.OpenModule2 .allMask .mask-video {
  position: relative;
  top: 30%;
  left: 30%;
  min-width: 1260px;
}
.OpenModule2 .allMask .mask-video .video-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.OpenModule2 .allMask .mask-video .video-pic-wrap {
  width: 800px !important;
  height: 500px !important;
  position: absolute;
  top: 0;
  left: 0;
}
.OpenModule2 .allMask .mask-video .video-pic-wrap:hover .video-pic {
  transform: scale(1.1);
}
.OpenModule2 .allMask .mask-video .video-pic-wrap .video-pic {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: 0.5s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.OpenModule2 .allMask .mask-video .video-pic-wrap .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.4;
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}
.OpenModule2 .allMask .mask-video .video-pic-wrap .video-play:hover {
  opacity: 1;
  transform: scale(1.1);
}
.OpenModule2 .allMask .mask-video .video-pic-wrap .info-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px 0 40px;
}

.OpenModule3 {
  padding: 80px 60px 80px 60px;
}
.OpenModule3 .ModuleZ-container {
  min-width: 1080px;
  max-width: 1400px;
  margin: auto;
}
.OpenModule3 .ModuleZ-container .ModuleZ-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table {
  border-top: none;
  border-left: none;
  border-right: none;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-thead {
  font-size: 20px;
  color: #262626;
  height: 72px;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-thead > tr > th {
  background: #F2F5FA;
  border: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-tbody {
  font-size: 16px;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-tbody tr {
  height: 72px;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-tbody tr:nth-child(n) td {
  background: #FFFFFF;
  border: 1px solid #F2F5FA;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-tbody tr:nth-child(n) td:nth-child(2) {
  border-right: none;
  border-left: none;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-tbody tr:nth-child(n) td:nth-child(4) {
  border-left: none;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ant-table table .ant-table-tbody tr:nth-child(2n) td {
  background: #F2F5FA;
  border: none;
}
.OpenModule3 .ModuleZ-container .ModuleZ-content .ModuleZ-hint {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  border: 1px solid #F1F1F1;
  line-height: 72px;
  height: 72px;
  text-align: center;
  background: #F2F5FA;
}
.ant-table-column-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
}
.ant-table-row-cell-break-word {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
}

.OpenModule4 {
  padding: 146px 60px 0 60px;
}
.OpenModule4 .OpenModule4-container {
  min-width: 1080px;
  max-width: 1400px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content {
  display: flex;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-title {
  height: 40px;
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: left;
  line-height: 40px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-subTitle {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 1px;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-website {
  display: flex;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-website .OpenModule4-website-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-website .OpenModule4-website-content {
  font-size: 14px;
  color: #407AFF;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-phone {
  display: flex;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-phone .OpenModule4-phone-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-phone .OpenModule4-phone-content {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-vx {
  display: flex;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-vx .OpenModule4-vx-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-vx .OpenModule4-vx-content {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-mailbox {
  display: flex;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-mailbox .OpenModule4-mailbox-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-content .OpenModule4-content-info .OpenModule4-mailbox .OpenModule4-mailbox-content {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
}
.OpenModule4 .OpenModule4-container .OpenModule4-btn .btn-style {
  width: 136px;
  height: 44px;
  background: #407AFF;
  border-radius: 2px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 44px;
}

.ai-market {
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ai-market .widthStyle {
  padding-top: 80px;
  padding-bottom: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ai-market .ai-market-title {
  text-align: center;
  font-size: 28px;
  color: #262626;
  font-weight: 400;
  line-height: 40px;
}
.ai-market .ai-market-a {
  cursor: pointer;
  padding: 20px 0 30px 0;
  text-align: center;
  font-size: 14px;
  color: #407aff;
  font-weight: 400;
  line-height: 24px;
}
.ai-market .ai-market-a a {
  display: inline-block;
  width: 110px;
  color: #407aff;
  text-align: left;
  padding-left: 6px;
}
.ai-market .ai-market-a a:after {
  display: inline-block;
  width: 15px;
  height: 10px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group2/M00/00/71/CtwQFmHX7iCAW241AAACd6tk6E8038.svg);
  background-position: 70% 46%;
  background-size: cover;
  transition: margin-left 0.5s;
  content: "";
}
.ai-market .ai-market-a a:hover:after {
  margin-left: 5px;
}
.ai-market .ai-market-a a:first-child {
  margin-right: 20px;
}
.ai-market .ai-market-a a:last-child {
  margin-left: 20px;
}
.ai-market .ai-market-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ai-market .ai-market-tabs .ezd-tabs {
  overflow: visible;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
.ai-market .ai-market-tabs .ezd-tabs-nav {
  margin-right: 0;
  border: none;
  max-height: 336px;
}
.ai-market .ai-market-tabs .ezd-tabs-tab {
  margin: 0 !important;
  padding: 0 12px 17px 0 !important;
  display: flex;
  justify-content: flex-end;
  right: -1px;
  border-right: 1px solid #ededed !important;
}
.ai-market .ai-market-tabs .ezd-tabs-tab:hover .ezd-tabs-tab-btn {
  color: #699bff;
}
.ai-market .ai-market-tabs .ezd-tabs .ant-tabs-left-content {
  padding-left: 0;
  border: none;
}
.ai-market .ai-market-tabs .ezd-tabs-content-holder {
  border: none;
}
.ai-market .ai-market-tabs .ezd-tabs-tab-btn {
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
}
.ai-market .ai-market-tabs .ezd-tabs-nav-list {
  padding-top: 20px;
  padding-bottom: 3px;
  border-right: 1px solid #ededed !important;
}
.ai-market .ai-market-tabs .ezd-tabs-left > .ezd-tabs-nav .ezd-tabs-nav-wrap::after,
.ai-market .ai-market-tabs .ezd-tabs-right > .ezd-tabs-nav .ezd-tabs-nav-wrap::after,
.ai-market .ai-market-tabs .ezd-tabs-left > div > .ezd-tabs-nav .ezd-tabs-nav-wrap::after,
.ai-market .ai-market-tabs .ezd-tabs-right > div > .ezd-tabs-nav .ezd-tabs-nav-wrap::after {
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  box-shadow: none;
  height: 80px;
}
.ai-market .ai-market-tabs .ezd-tabs-left > .ezd-tabs-nav .ezd-tabs-nav-wrap::before,
.ai-market .ai-market-tabs .ezd-tabs-right > .ezd-tabs-nav .ezd-tabs-nav-wrap::before,
.ai-market .ai-market-tabs .ezd-tabs-left > div > .ezd-tabs-nav .ezd-tabs-nav-wrap::before,
.ai-market .ai-market-tabs .ezd-tabs-right > div > .ezd-tabs-nav .ezd-tabs-nav-wrap::before {
  background: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  box-shadow: none;
  height: 80px;
}
.ai-market .ai-market-tabs .ezd-tabs > .ezd-tabs-nav .ezd-tabs-nav-wrap::before,
.ai-market .ai-market-tabs .ezd-tabs > div > .ezd-tabs-nav .ezd-tabs-nav-wrap::before,
.ai-market .ai-market-tabs .ezd-tabs > .ezd-tabs-nav .ezd-tabs-nav-wrap::after,
.ai-market .ai-market-tabs .ezd-tabs > div > .ezd-tabs-nav .ezd-tabs-nav-wrap::after {
  right: 2px;
}
.ai-market .ai-market-tabs .ezd-tabs-tab.ezd-tabs-tab-active .ezd-tabs-tab-btn {
  color: #407aff !important;
}
.ai-market .ai-market-tabs .ezd-tabs-ink-bar {
  height: 22px !important;
  right: -1px !important;
}
.ai-market .ai-market-tabs .ezd-tabs-ink-bar-animated {
  background: #407aff !important;
}
.ai-market .ai-market-tabs .ezd-tabs-nav-operations {
  display: none !important;
}
.ai-market .ai-market-tabs .ezd-tabs-left > .ezd-tabs-content-holder > .ezd-tabs-content > .ezd-tabs-tabpane {
  padding-left: 0px;
}
.ai-market .ai-market-tabs .ai-market-tab-div {
  width: 100%;
  padding-right: 30px;
  display: flex;
  flex-wrap: wrap;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con {
  background-color: #fff;
  width: calc(33.333% - 20px);
  height: 290px;
  box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image {
  width: 100%;
  height: 220px;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .ai-market-tab-con-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 4px 4px 0px 0px;
  transition: all 0.6s ease;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .ai-market-tab-con-img .ai-market-tab-con-HOT {
  width: 42px;
  height: 24px;
  position: relative;
  top: 20px;
  left: calc(100% - 62px);
  background: #ff4d4f;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .ai-market-tab-con-img .ai-market-tab-con-HOT .ai-market-tab-con-HOT-text {
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
  font-weight: 400;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .ai-market-tab-con-mengcheng {
  width: 100%;
  height: 100%;
  position: relative;
  top: -220px;
  left: 0;
  transition: 0.65s;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .tab-con-box {
  position: relative;
  top: -220px;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 50.5px 30px;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.6s ease;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .tab-con-box .tab-con-box-con {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*! autoprefixer: on */
  overflow-wrap: break-word;
  white-space: normal !important;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-image .tab-con-box .tab-con-box-scnes {
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  text-align: left;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-text {
  width: 100%;
  height: 70px;
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  overflow: hidden;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-text .ai-market-tab-con-text-title {
  max-width: 74%;
  text-align: left;
  margin-right: 3.64%;
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-text .ai-market-tab-con-text-aType-box {
  max-width: 30%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con .ai-market-tab-con-text .ai-market-tab-con-text-aType-box .ai-market-tab-con-text-aType {
  height: 24px;
  margin-right: 10%;
  margin-top: 4px;
  padding: 0 8px;
  background-color: #f0f7ff;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #407aff;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con:hover .ai-market-tab-con-img {
  filter: blur(5px);
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con:hover .tab-con-box {
  box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.05);
  opacity: 1;
  top: -440px;
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con:hover .ai-market-tab-con-mengcheng {
  background: rgba(0, 0, 0, 0.46);
}
.ai-market .ai-market-tabs .ai-market-tab-div .ai-market-tab-con:hover .ai-market-tab-con-text-title {
  color: #407aff;
}
.ezd-message {
  margin-top: 100px;
}

.ai-market-Two {
  background: #ffffff;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-market-Two .widthStyle {
  padding-top: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ai-market-Two .ai-market-hr {
  margin-top: 20px;
  width: 100%;
  height: 1px;
  background: #ededed;
}
.ai-market-Two .ai-market-pagination {
  width: 100%;
  margin: 40px 0 80px 0;
  display: flex;
  flex-direction: row-reverse;
}
.ai-market-Two-field {
  width: 100%;
  margin-bottom: 25px;
  text-align: left;
  display: flex;
}
.ai-market-Two-field .field-left {
  width: 80px;
  margin-top: 5px;
  text-align: left;
  font-size: 16px;
  color: #262626;
  font-weight: 500;
  line-height: 24px;
}
.ai-market-Two-field .field-right {
  padding-left: 20px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.ai-market-Two-field .field-right .field-button {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 5px 0 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-market-Two-field .field-right .field-button .field-button-text {
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-right: 2px;
}
.ai-market-Two-field .field-right .field-button .img-box {
  width: 14px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.ai-market-Two-field .field-right .field-button .img-box .img-box-content {
  width: 100%;
  height: 14px;
}
.ai-box {
  width: 100%;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
.ai-box .ai-data {
  width: 100%;
  height: 220px;
  padding-top: 40px;
  display: flex;
  cursor: pointer;
}
.ai-box .ai-data .ai-data-icon {
  width: 360px;
  height: 180px;
  border-radius: 4px;
}
.ai-box .ai-data .ai-data-text {
  width: calc(100% - 360px);
  height: 180px;
  padding-left: 40px;
  padding-top: 4px;
}
.ai-box .ai-data .ai-data-text .ai-data-text-top {
  display: flex;
  align-items: center;
}
.ai-box .ai-data .ai-data-text .ai-data-text-top .ai-data-text-top-title {
  margin-right: 10px;
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.ai-box .ai-data .ai-data-text .ai-data-text-top .ai-data-text-top-scenetypes {
  height: 24px;
  text-align: center;
  display: flex;
}
.ai-box .ai-data .ai-data-text .ai-data-text-top .ai-data-text-top-scenetypes .ai-data-text-top-scenetypes-type {
  height: 100%;
  margin-right: 10px;
  background: #f0f7ff;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  padding: 0 8px;
  font-size: 12px;
  color: #407aff;
  line-height: 24px;
  font-weight: 400;
}
.ai-box .ai-data .ai-data-text .ai-data-text-top .ai-data-text-top-hot {
  width: 42px;
  height: 24px;
  background: #ff4d4f;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
}
.ai-box .ai-data .ai-data-text .ai-data-text-content {
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  margin: 20px 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*! autoprefixer: on */
  overflow-wrap: break-word;
  white-space: normal !important;
}
.ai-box .ai-data .ai-data-text .ai-data-text-bottom {
  width: 100%;
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}
.ai-data-null {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 168.33px;
  margin-bottom: 40px;
}
.ai-data-null .ai-data-null-img {
  width: 218.28px;
  height: 203.33px;
}
.ai-data-null .ai-data-null-text {
  margin-top: 26.33px;
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
}
.ezd-spin-nested-loading {
  width: 100%;
  padding-bottom: 20px;
}
.ezd-pagination-options {
  margin-left: 0px !important;
}

.IndustryModule1 {
  padding-left: 60px;
  padding-right: 60px;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 180px;
  background: #F5F7FA;
  border-radius: 8px;
  padding: 50px 40px;
  position: relative;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:hover {
  background-color: #4469FF;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:hover .IndustryModule1-cardTitle {
  color: #FFFFFF;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:hover .IndustryModule1-setText {
  color: #FFFFFF;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:hover .IndustryModule1-btn {
  background: #FFFFFF;
  color: #2C58FF;
  cursor: pointer;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:hover a {
  color: #2C58FF;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:after {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 8px;
  background-image: url(https://resource.eziot.com/group1/M00/00/99/CtwQE2NFByiAVrG1AABKx1EcBQw995.png);
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-card:hover:after {
  transition: all 0.3s linear 0.3s;
  opacity: 1;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-cardTitle {
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-setText {
  font-size: 16px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-btn {
  width: 116px;
  height: 44px;
  background: #E8ECF1;
  border-radius: 2px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  padding: 9px 0;
  position: relative;
  z-index: 1;
}
.IndustryModule1 .IndustryModule1-container .IndustryModule1-btn a {
  color: #595959;
}

.IndustryModule2 {
  padding-left: 60px;
  padding-right: 60px;
}
.IndustryModule2 .IndustryModule2-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.IndustryModule2 .IndustryModule2-area {
  margin-top: 40px;
}
.IndustryModule2 .IndustryModule2-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.IndustryModule2 .IndustryModule2-item {
  text-align: center;
}
.IndustryModule2 .IndustryModule2-item img {
  width: 48px;
  height: 48px;
}
.IndustryModule2 .IndustryModule2-item .IndustryModule2-item-content {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.IndustryModule2 .IndustryModule2-item .IndustryModule2-item-title {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 5px;
}
.IndustryModule2 .IndustryModule2-item .IndustryModule2-item-btn {
  cursor: pointer;
  border: 1px solid #4C80F7;
  display: inline-block;
  border-radius: 2px;
  width: 156px;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  font-size: 16px;
  color: #407AFF;
  letter-spacing: 0;
  font-weight: 400;
}
.IndustryModule2 .IndustryModule2-item:hover {
  border-radius: 2px;
}
.IndustryModule2 .IndustryModule2-item:hover .IndustryModule2-item-btn {
  background: #4C80F7;
  border-radius: 2px;
  color: #ffffff;
}
.IndustryModule2 .IndustryModule2-pic {
  width: 107px;
  height: 37px;
}
.IndustryModule2 .IndustryModule2-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.IndustryModule2 .IndustryModule2-btn .IndustryModule2-item-btn {
  cursor: pointer;
  border: 1px solid #4C80F7;
  display: inline-block;
  border-radius: 2px;
  width: 156px;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  font-size: 16px;
  color: #407AFF;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
.IndustryModule2 .IndustryModule2-btn:hover .IndustryModule2-item-btn {
  background: #4C80F7;
  border-radius: 2px;
  color: #ffffff;
}

.IndustryModule3 {
  background: #ffffff;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.IndustryModule3 .widthStyle {
  padding-top: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.IndustryModule3 .IndustryModule3-market-hr {
  margin-top: 20px;
  width: 100%;
  height: 1px;
  background: #ededed;
}
.IndustryModule3 .IndustryModule3-market-pagination {
  width: 100%;
  margin: 40px 0 80px 0;
  display: flex;
  flex-direction: row-reverse;
}
.IndustryModule3-field {
  width: 100%;
  margin-bottom: 25px;
  text-align: left;
  display: flex;
}
.IndustryModule3-field .field-left {
  width: 100px;
  margin-top: 5px;
  text-align: left;
  font-size: 16px;
  color: #262626;
  font-weight: 500;
  line-height: 24px;
}
.IndustryModule3-field .field-right {
  padding-left: 20px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.IndustryModule3-field .field-right .field-button {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 5px 0 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.IndustryModule3-field .field-right .field-button .field-button-text {
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-right: 2px;
}
.IndustryModule3-field .field-right .field-button .img-box {
  width: 14px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.IndustryModule3-field .field-right .field-button .img-box .img-box-content {
  width: 100%;
  height: 14px;
}
.IndustryModule3-box {
  width: 100%;
  padding-top: 60px;
  display: flex;
  flex-direction: column;
}
.IndustryModule3-box .IndustryModule3-data {
  width: 100%;
  margin-top: 40px;
  display: flex;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-img-box {
  width: 360px;
  height: 180px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-icon {
  width: 360px;
  height: 180px;
  border: 1px solid #f1f1f1;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-switch {
  width: 360px;
  height: 180px;
  border: 1px solid #f1f1f1;
  transition: all 0.36s;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-hoverImg {
  width: 360px;
  height: 180px;
  border-radius: 4px;
  transition: all 0.5s ease-out 0.1s;
  opacity: 0;
  position: absolute;
  left: 0;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text {
  width: calc(100% - 360px);
  height: 180px;
  padding-left: 40px;
  padding-top: 4px;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top {
  display: flex;
  align-items: center;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top .IndustryModule3-data-text-top-title {
  margin-right: 10px;
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top .IndustryModule3-data-text-top-hot {
  width: 42px;
  height: 24px;
  background: #ff4d4f;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top-scenetypes {
  height: 24px;
  text-align: center;
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top-scenetypes .IndustryModule3-data-text-top-scenetypes-type {
  height: 100%;
  margin-right: 10px;
  background: #f0f7ff;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  padding: 0 8px;
  font-size: 12px;
  color: #407aff;
  line-height: 24px;
  font-weight: 400;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-content {
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  margin: 20px 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*! autoprefixer: on */
  overflow-wrap: break-word;
  white-space: normal !important;
}
.IndustryModule3-box .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-bottom {
  width: 100%;
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}
.IndustryModule3-box .IndustryModule3-data:hover .IndustryModule3-data-text-top .IndustryModule3-data-text-top-title {
  color: #407aff;
}
.IndustryModule3-box .IndustryModule3-data:hover .IndustryModule3-data-switch {
  opacity: 0;
}
.IndustryModule3-box .IndustryModule3-data:hover .IndustryModule3-data-hoverImg {
  opacity: 1;
  transform: scale(1.03);
}
.IndustryModule3-box .box-content-item {
  text-align: start;
}
.IndustryModule3-box .box-content-item .content-item-content-item-img {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 4px;
}
.IndustryModule3-box .box-content-item .content-item-content-item-img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.IndustryModule3-box .box-content-item .content-item-content-item-img img:hover {
  transform: scale(1.1, 1.1);
}
.IndustryModule3-box .box-content-item .content-item-content-item-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.IndustryModule3-box .box-content-item .content-item-content-item-desc {
  color: #595959;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 40px;
  text-align: justify;
  font-size: 14px;
  line-height: 26px;
  opacity: 0.8;
}
.IndustryModule3-box .box-content-item .content-item-content-item-button {
  text-align: start;
  color: #407AFF;
}
.IndustryModule3-box .box-content-item .content-item-content-item-button .ezd-btn {
  border-color: #407AFF;
}
.IndustryModule3-box .box-content-item .content-item-content-item-button .ezd-btn a {
  color: #407AFF;
}
.IndustryModule3-box .box-content-item:hover .content-item-content-item-title {
  color: #407AFF;
}
.IndustryModule3-box .box-content-item:nth-child(3n+3) {
  margin-right: 0;
}
.IndustryModule3-data-null {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 168.33px;
  margin-bottom: 40px;
}
.IndustryModule3-data-null .IndustryModule3-data-null-img {
  width: 218.28px;
  height: 203.33px;
}
.IndustryModule3-data-null .IndustryModule3-data-null-text {
  margin-top: 26.33px;
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
}
.ezd-spin-nested-loading {
  width: 100%;
  padding-bottom: 20px;
}
.ezd-pagination-options {
  margin-left: 0px !important;
}
.radioStyle .ezd-radio-button-wrapper {
  margin-right: 15px;
  margin-bottom: 15px;
}

.IndustryModule4 {
  padding-left: 60px;
  padding-right: 60px;
}
.IndustryModule4 .IndustryModule4-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.IndustryModule4 .IndustryModule4-subTitle {
  padding-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #407aff;
  font-weight: 400;
  line-height: 24px;
}
.IndustryModule4 .IndustryModule4-subTitle a {
  display: inline-block;
  width: 110px;
  color: #407aff;
  text-align: left;
  padding-left: 6px;
}
.IndustryModule4 .IndustryModule4-subTitle a:after {
  display: inline-block;
  width: 15px;
  height: 10px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group2/M00/00/71/CtwQFmHX7iCAW241AAACd6tk6E8038.svg);
  background-position: 70% 46%;
  background-size: cover;
  transition: margin-left 0.5s;
  content: "";
}
.IndustryModule4 .IndustryModule4-subTitle a:hover:after {
  margin-left: 5px;
}
.IndustryModule4 .IndustryModule4-subTitle a:first-child {
  margin-right: 20px;
}
.IndustryModule4 .IndustryModule4-subTitle a:last-child {
  margin-left: 20px;
}
.IndustryModule4 .IndustryModule4-area {
  margin-top: 40px;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardTitle {
  height: 80px;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 80px;
  font-weight: 500;
  border-radius: 4px 4px 0px 0px;
  background-size: cover;
  background-position-x: right;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox {
  background: #F5F7FA;
  border-radius: 0px 0px 4px 4px;
  padding: 40px 30px 50px;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-item {
  cursor: pointer;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-item:hover .IndustryModule4-cardBox-name {
  color: #407aff;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-item:hover .IndustryModule4-cardBox-name:after {
  display: inline-block;
  background-position: 0 0;
  animation: arrowhead 0.9s linear infinite;
}
@keyframes arrowhead {
  0% {
    transform: translateX(0);
  }
  33% {
    transform: translateX(4px);
  }
  67% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-name {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-name:after {
  content: "";
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(https://resource.eziot.com/group1/M00/00/BD/CtwQEmP-ul-AXzmpAAADRK_plUc833.png) no-repeat -25px 0;
  background-size: 70px 20px;
  margin-left: 10px;
  display: none;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.IndustryModule4 .IndustryModule4-area .IndustryModule4-cardBox .IndustryModule4-cardBox-divider {
  height: 1px;
  background-color: #d9d9d9;
  margin: 29.5px 0;
}

.HelpSdkExample {
  padding-left: 60px;
  padding-right: 60px;
}
.HelpSdkExample .HelpSdkExample-container a {
  color: #407AFF;
}
.HelpSdkExample .HelpSdkExample-container a:hover {
  color: #699bff;
}
.HelpSdkExample .HelpSdkExample-container a:active {
  color: #2b5ad9;
}
.HelpSdkExample .HelpSdkExample-container .row {
  display: flex;
  flex-direction: row;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag {
  margin: 20px 0;
  justify-content: center;
  align-items: center;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag .tag-txt {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag .tag-btn {
  align-items: center;
  cursor: pointer;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag .tag-btn .tag-btn-txt {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-left: 10px;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag .tag-btn .tag-btn-icon {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag .tag-btn .tag-btn-icon-hover {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  animation: arrowhead 0.9s linear infinite;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-tag .tag-btn:hover .tag-btn-icon {
  animation: arrowhead 0.9s linear infinite;
}
@keyframes arrowhead {
  0% {
    transform: translateX(0);
  }
  33% {
    transform: translateX(4px);
  }
  67% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item {
  height: 242px;
  margin-top: 20px;
  border: 1px solid rgba(209, 209, 209, 0.5);
  border-radius: 12px;
  padding: 40px 40px 0 40px;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-title {
  align-items: center;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-title .content-item-title-icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-title .content-item-title-txt {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 500;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-desc {
  margin-top: 12px;
  font-size: 16px;
  color: #595959;
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  font-weight: 400;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-btn-list {
  align-items: center;
  font-size: 16px;
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  font-weight: 400;
  margin-top: 30px;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-btn-list .content-item-btn-item {
  margin-right: 30px;
}
.HelpSdkExample .HelpSdkExample-container .HelpSdkExample-container-content .HelpSdkExample-container-content-item .content-item-btn-list .content-item-btn-item:last-child {
  margin-right: 0;
}

.HelpOpenApi {
  padding-left: 60px;
  padding-right: 60px;
}
.HelpOpenApi .HelpOpenApi-container a {
  color: #407AFF;
}
.HelpOpenApi .HelpOpenApi-container a:hover {
  color: #699bff;
}
.HelpOpenApi .HelpOpenApi-container a:active {
  color: #2b5ad9;
}
.HelpOpenApi .HelpOpenApi-container .row {
  display: flex;
  flex-direction: row;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag {
  margin: 20px 0;
  justify-content: center;
  align-items: center;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag .tag-txt {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag .tag-btn {
  align-items: center;
  cursor: pointer;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag .tag-btn .tag-btn-txt {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-left: 10px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag .tag-btn .tag-btn-icon {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag .tag-btn .tag-btn-icon-hover {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  animation: arrowhead 0.9s linear infinite;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-tag .tag-btn:hover .tag-btn-icon {
  animation: arrowhead 0.9s linear infinite;
}
@keyframes arrowhead {
  0% {
    transform: translateX(0);
  }
  33% {
    transform: translateX(4px);
  }
  67% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .container-content-left {
  margin-top: 20px;
  height: 500px;
  border: 1px solid rgba(209, 209, 209, 0.5);
  border-radius: 12px;
  padding: 40px 40px 0 40px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .container-content-left .container-content-left-up {
  border-bottom: 1px solid rgba(209, 209, 209, 0.5);
  padding-bottom: 29px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .container-content-left .container-content-left-down {
  padding-top: 29px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .container-content-right .container-content-right-item {
  margin-top: 20px;
  height: 240px;
  border: 1px solid rgba(209, 209, 209, 0.5);
  border-radius: 12px;
  padding: 40px 40px 0 40px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-title {
  align-items: center;
  justify-content: space-between;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-title .right-item-title-left {
  align-items: center;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-title .right-item-title-left .right-item-title-left-icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-title .right-item-title-left .right-item-title-left-txt {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 500;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-content {
  margin-top: 10px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-content .right-item-content-item {
  align-items: center;
  margin-top: 10px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-content .right-item-content-item .item-point {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #BFBFBF;
  margin-right: 10px;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-content .right-item-content-item .item-title {
  font-size: 16px;
  color: #595959;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.HelpOpenApi .HelpOpenApi-container .HelpOpenApi-container-content .content-right-item-content .right-item-content-item .item-title:hover {
  color: #407AFF;
}

.HelpProductDoc {
  padding-left: 60px;
  padding-right: 60px;
}
.HelpProductDoc .HelpProductDoc-container a {
  color: #407AFF;
}
.HelpProductDoc .HelpProductDoc-container a:hover {
  color: #699bff;
}
.HelpProductDoc .HelpProductDoc-container a:active {
  color: #2b5ad9;
}
.HelpProductDoc .HelpProductDoc-container .row {
  display: flex;
  flex-direction: row;
}
.HelpProductDoc .HelpProductDoc-container .column {
  display: flex;
  flex-direction: column;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-tag {
  margin: 20px 0 37px 0;
  justify-content: center;
  align-items: center;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-tag .tag-txt {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item {
  align-items: center;
  justify-content: center;
  height: 138px;
  background: #FFFFFF;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item .content-item-title-icon {
  width: 60px;
  height: 60px;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item .content-item-title {
  font-size: 14px;
  color: #262626;
  letter-spacing: 2px;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
  margin-top: 5px;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item .content-item-title2 {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 500;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item .content-item-btn-list {
  margin-top: 10px;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item .content-item-btn-list .content-item-btn {
  margin-right: 10px;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 26px;
  font-weight: 400;
}
.HelpProductDoc .HelpProductDoc-container .HelpProductDoc-container-content .container-content-item .content-item-btn-list .content-item-btn:last-child {
  margin-right: 0;
}

.HelpProductIntro {
  padding-left: 60px;
  padding-right: 60px;
}
.HelpProductIntro .HelpProductIntro-container a {
  color: #407aff;
}
.HelpProductIntro .HelpProductIntro-container a:hover {
  color: #699bff;
}
.HelpProductIntro .HelpProductIntro-container a:active {
  color: #2b5ad9;
}
.HelpProductIntro .HelpProductIntro-container .row {
  display: flex;
  flex-direction: row;
}
.HelpProductIntro .HelpProductIntro-container .column {
  display: flex;
  flex-direction: column;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item {
  position: relative;
  height: 150px;
  padding: 40px 25px;
  background-image: linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%);
  border: 3px solid #ffffff;
  box-shadow: 5px 5px 20px 0px rgba(192, 209, 223, 0.4), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  border-radius: 8px;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item:hover {
  background: #4469ff;
  border: 0;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item:hover .HelpProductIntro-container-item-title {
  color: #ffffff;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item:hover .list-item-btn {
  color: #ffffff;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 8px;
  background-image: url(https://resource.eziot.com/group1/M00/00/99/CtwQE2NFByiAVrG1AABKx1EcBQw995.png);
  background-repeat: no-repeat;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item:hover:after {
  transition: all 0.3s linear 0.3s;
  opacity: 1;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item-title {
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
.HelpProductIntro .HelpProductIntro-container .container-item-btn-list {
  align-items: center;
  justify-content: start;
  gap: 30px;
}
.HelpProductIntro .HelpProductIntro-container .list-item-btn.search-btn {
  margin-left: 18px;
}
.HelpProductIntro .HelpProductIntro-container .list-item-btn {
  font-size: 16px;
  color: #407aff;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.HelpProductIntro .HelpProductIntro-container .list-item-btn .search {
  position: absolute;
  top: 4px;
  left: -18px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEB0lEQVRYCcVXTWxMURT+7pvpKEL8t5ouJEJCsBNCQltCdFEi6QYLC0QtRGwqrcqgrSAsBJVYSixUIoqKhCIpIYQgaVJdSaiftCRtqozOXN8ZvdPbN2/evBGpm0zuuefvO/fcM2fOKARclVEd6YmhFAoVGlioNIq4zxZzBXzUCt3cO6DRMiOC+81RFQvimjb+qzyqCwdjOESUrVpjsr/2H6lS6GNwlyfk4XBrVH3ys8kYwIYzetyPL6hFAvvpbKKfk0wyOh+Ag9P5s9Bwe6/66aXnGYDc+vsvXGM6l3sZ5cojyNPxEWzyykZaAGuiekk8hlsEKc4VyE+fz/LByUP5vah6beuNCiB58xieZQOnswSf5QWNO6krqS1gtkqyPZUEEdFYeqdRfTRBpAJIvvknPKSTZUbosbPYcZaOTrU1qHe2vOK4ntTfh53kHWOxRmyZTdP+aX4hVpuaCBuhFFwW8F8hB5vv1aubxsbeW6pVP8+ny2p1O6O8xYzMsOWGFozBzzjIc53wkhlYX6Nn80vb5ZdCx8Gutnp10Tjy2xlEJd/oSiYdgg4wRfPkKZIBlNTqJka828ego60Bi5Ri++GqvKJDva+xK5FAJZ9jHFPeOjOCk3bzKa3Vd8hfl8knr37hQYOqcqTDMYotGRUpYEpbDbjo9bzCGYKfJ1lKkBXc63uHcERkZjHUZkN77YIp2M7XIZTRiW+Ho7M3xokUG+kd5mx2pnyloWVXYbyzz25aMKW1O7xJhVvoce41vO/9KKZxWpU7Cg+NjuyJuP+lhnU3OkzvAtvQi2b1j7RRhXyXjnw1z60KI+ril7nOaUfBVqU1upOVNT9NGoSh0OUA29kTHtvqa+v04ngCz70yZesx8LdhRlHEb0DuS+HlpDysuxFVPbZx2UE9Nx7HVbpMeyZbT2jBdgj+N/AIhVDtBl9Tp7expp4FziixWTtI9WV3hH7naVPQbsvZfPbx5pfIm2rz/WjBliLs9lPKJGverwZtGd/7gH0OQgu2ZKAjiHI2Haa9IJuOWy7YDlvpdbdgzM6cH53pYTxgEH1jBjoMJJgyvDILbOg1+jxTWDWWQRC46X6j2sM+AnBeO0LGQE4BKLSzgObIh7aPcrEVLMEUm2QAyWGRU04uTsIKdTIVyYetWgaM4IuTshlQkwGIZX4BGvkb/SSoF36FUkOrTWe1J4aM6UaP2RhZQYfSYYtvTP8JoRNANfvplBFPGan3EyJYam4vWqMCEIb8kAzF0UoydUPh/4P1PhxC+d2jKjVbiM/UExgAUZAoc3kOY5txZ9rFpxtc9NMCEKakaHwBSpSDo1KxwvubJbbiQ3zZabd9pT2BLRT6v/05dQfi+fdcZgkuzozd8sPC2+T89/w3/J9k22rEjXEAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
}
.HelpProductIntro .HelpProductIntro-container .HelpProductIntro-container-item:hover .list-item-btn .search {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACw0lEQVRYCcWXPWtUQRSG90bZVSRWiokIKawixE4LbTaCncTKLmUs7MQqYKOxEewEk1+QH2A6G0VUFIQ0YmDtRI1FUHEjSFJkfd7lnpu5k+vcmc2KB949Z86cr/nYmblZI5J6vV4T02kwA86Ak2AciL6CdbAGVsCzLMu24fsnEo+BRfATxJJsl8DYwBXg3AIL4BcYlOSrGK2kQnDQqF+DYdEbAsXNBoZnwadhZXbifFZsfyYyV4GBqnwLTrn6CnkH3SrogC1wArTBERCiL3SeY4Nq05aJ5FpzTVWIduh8CCbK3o0GulFwC2yBECnH3j2BUpslRNt0XvET+21szoONUCD67pX8UIyDut1+veQUaBDrGgiRctkZ0p8+/WdD9J7OYr8gHwA3wFPwCtwGOqgKov0EhGipb4xFE9QdMg+KyAjYP6qIfN+zmauwcVXK2RzB6RI46jpXyO9Mh9Mo8py1HX7RkSV+9Np+UzmnVcCM31PR/ubo9BctTXfe99yxkVg3KNlcPcjPpKQa0n/d6JAJOe/BF8GdvG1MM1tHk1rPjrswifIH7C/4WdBNgbrzQKk6KmBT0gC0is+xiuSn0ccOalMFdAdILpfLFcln0X9PiNfdzxIcdgsg6c2ExGba0b9AL5lk4kL57TnNe+2Y5roK0DNqGKQbMZXWVMDjVK8h2q9kLIYOlQ0Qc3AUuVmC4m6QUotadMYJXcyOjxBHr9flOJ9dK9tFxnd7oqXlPHe/er0B665jy2X8BcJEjpemjOTKVX4jorgb6WxmbRsrirYpI/mC+RYcRz3JUl7Cs+aMnw6gWFKOvU8yBaNDSxH7ItaJN5/jBzyGFLs89TYK4xjoIoktIiap2SjmlOUJcgw1EynLYUn+xhUrPHK/Ihxa4P98mrnFqHLwzz5OS6eZm9iXKUIn5jTQE84+z/WJLtKFJiR/nv8BjZ/WDSuyn7kAAAAASUVORK5CYII=) !important;
}
.HelpProductIntro .HelpProductIntro-container .list-item-btn:last-child {
  margin-right: 0;
}
.HelpProductIntro .HelpProductIntro-container .list-item-btn:after {
  content: "";
  width: 15px;
  height: 10px;
  position: absolute;
  top: 8px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group2/M00/00/9A/CtwQFmRcyfWABfGHAAACd_m9exI507.svg);
  background-position: 70% 46%;
  background-size: cover;
  display: none;
}
.HelpProductIntro .HelpProductIntro-container .list-item-btn:hover:after {
  display: inline-block;
}

.HelpNavigatorWithSearch-none {
  display: none;
}
.HelpNavigatorWithSearch {
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
  height: 67px;
  background: #FFFFFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
  z-index: 999;
  display: block;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container a {
  color: #407AFF;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container a:hover {
  color: #699bff;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container a:active {
  color: #2b5ad9;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .row {
  display: flex;
  flex-direction: row;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content {
  height: 67px;
  align-items: center;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-search {
  margin-right: 40px;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-search input::placeholder {
  color: #8C8C8C;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-search .ezd-input-affix-wrapper {
  border: 1px solid rgba(209, 209, 209, 0.5);
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-search .ezd-input-affix-wrapper:hover {
  border-color: #699bff;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-search .ezd-input-search-without-button .ezd-input-group-addon span {
  right: 20px;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-search .ezd-input-search-without-button .ezd-input-affix-wrapper {
  padding-right: 40px;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-item {
  line-height: 20px;
  font-size: 14px;
  color: #262626;
  letter-spacing: 1.56px;
  font-weight: 400;
  margin-right: 40px;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-item:hover {
  color: #407AFF;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-item:active {
  color: #2b5ad9;
}
.HelpNavigatorWithSearch .HelpNavigatorWithSearch-container .HelpNavigatorWithSearch-container-content .container-content-item:last-child {
  margin-right: 0px;
}

.HelpBannerWithSearch {
  width: 1920px;
  margin: auto;
  position: relative;
}
.HelpBannerWithSearch .HelpBannerWithSearch-gradient-left {
  width: 133px;
  height: 567px;
  background: linear-gradient(to right, #E9F0F9, rgba(233, 240, 249, 0));
  position: absolute;
  left: 0%;
}
.HelpBannerWithSearch .HelpBannerWithSearch-gradient-right {
  width: 133px;
  height: 567px;
  background: linear-gradient(to left, #E9F0F9, rgba(233, 240, 249, 0));
  position: absolute;
  right: 0%;
  top: 0%;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0 60px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content a {
  color: #407AFF;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content a:hover {
  color: #699bff;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content a:active {
  color: #2b5ad9;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .row {
  display: flex;
  flex-direction: row;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter {
  width: 100%;
  z-index: 1;
  text-align: left;
  max-width: 1400px;
  min-width: 1200px;
  margin: 113px auto  47px auto;
  align-items: center;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left {
  margin-right: 170px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-title {
  font-size: 42px;
  color: #262626;
  letter-spacing: 0;
  line-height: 50px;
  font-weight: 500;
  margin-bottom: 40px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-search {
  width: 600px;
  border-radius: 2px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-search input::placeholder {
  font-size: 14px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-search .ezd-input-affix-wrapper {
  border: 1px solid #ffffff;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-search .ezd-input-affix-wrapper:hover {
  border-color: #699bff;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-search .ezd-input-search-without-button .ezd-input-group-addon span {
  bottom: 12px;
  right: 20px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-search .ezd-input-search-without-button .ezd-input-affix-wrapper {
  padding-right: 40px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-hot {
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  font-weight: 400;
  margin-top: 20px;
  align-items: center;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-hot .left-hot-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-hot .left-hot-txt {
  color: #595959;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-left .containter-left-hot .left-hot-txt:hover {
  color: #407AFF;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right {
  width: 450px;
  height: 240px;
  background-image: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 100%);
  border-radius: 8px;
  padding: 28px 20px 20px 32px;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right .containter-right-title {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right .containter-right-title .containter-right-more {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right .containter-right-item {
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right .containter-right-item .containter-right-item-tag {
  flex-shrink: 0;
  flex-grow: 0;
  width: 64px;
  height: 24px;
  border: 1px solid #407aff;
  border-radius: 2px;
  font-size: 12px;
  color: #407AFF;
  line-height: 20px;
  font-weight: 400;
  margin-right: 10px;
  padding: 2px 0;
  text-align: center;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right .containter-right-item-txt {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.HelpBannerWithSearch .HelpBannerWithSearch-content .content-containter .content-containter-right .containter-right-item:hover .containter-right-item-txt {
  color: #407AFF;
}

.cn-virtual-bar {
  position: fixed;
  right: 50px;
  bottom: 210px;
  font-size: 16px;
  z-index: 8;
}
.cn-virtual-bar .cn-virtual-bar-container {
  width: 40px;
}
.cn-virtual-bar .cn-virtual-bar-container .cn-virtual-bar-item {
  width: 40px;
  height: 40px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 100%);
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.cn-virtual-bar .cn-virtual-bar-container .cn-virtual-bar-item .cn-virtual-icon {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.cn-virtual-bar .cn-virtual-bar-container .cn-virtual-bar-item .cn-virtual-bar-tip {
  width: 14px;
  margin: 0 auto;
}
.cn-virtual-bar .cn-virtual-bar-container .cn-virtual-bar-item:hover {
  color: #407AFF;
}
.cn-virtual-popover-txt {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 6px;
}
.cn-virtual-popover-image {
  width: 148px;
  height: 148px;
}
.cn-virtual-man {
  position: fixed;
  right: 130px;
  bottom: 20px;
  width: 440px;
  height: auto;
  cursor: pointer;
  z-index: 1000;
}
.cn-virtual-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  cursor: default;
  z-index: 10000;
}
.cn-virtual-popup .cn-virtual-popup-img {
  width: 300px;
  height: auto;
}
.virtual-alert-enter {
  opacity: 0;
  transform: scale(0.2);
}
.virtual-alert-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms, transform 300ms;
}
.virtual-alert-exit {
  opacity: 1;
}
.virtual-alert-exit-active {
  opacity: 0;
  transform: scale(0.2);
  transform-origin: 100% 0;
  transition: opacity 300ms, transform 300ms;
}
.virtual-fade-enter {
  opacity: 0;
}
.virtual-fade-enter-active {
  opacity: 1;
  transition: opacity 300ms, transform 300ms;
}
.virtual-fade-exit {
  opacity: 1;
}
.virtual-fade-exit-active {
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

.BeginnerNavigator-relative {
  position: relative !important;
}
.BeginnerNavigator {
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
  z-index: 9;
  display: block;
}
.BeginnerNavigator .BeginnerNavigator-container a {
  color: #407AFF;
}
.BeginnerNavigator .BeginnerNavigator-container a:hover {
  color: #699bff;
}
.BeginnerNavigator .BeginnerNavigator-container a:active {
  color: #2b5ad9;
}
.BeginnerNavigator .BeginnerNavigator-container .row {
  display: flex;
  flex-direction: row;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content {
  height: 70px;
  align-items: center;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item {
  line-height: 20px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  margin-right: 80px;
  cursor: pointer;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item-checked {
  color: #407AFF;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item:hover {
  color: #407AFF;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item:active {
  color: #2b5ad9;
}
.BeginnerNavigator .BeginnerNavigator-container .BeginnerNavigator-container-content .container-content-item:last-child {
  margin-right: 0px;
}

.BeginnerSolvingChannel {
  padding-left: 60px;
  padding-right: 60px;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container a {
  color: #407AFF;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container a:hover {
  color: #699bff;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container a:active {
  color: #2b5ad9;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .row {
  display: flex;
  flex-direction: row;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .column {
  display: flex;
  flex-direction: column;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content {
  border-radius: 4px;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left {
  background: #F5F7FA;
  height: 480px;
  padding: 50px 80px;
  width: 50%;
  justify-content: center;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left .container-content-left-item {
  margin-bottom: 15px;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left .container-content-left-item .container-content-left-item-title {
  font-size: 18px;
  color: #407AFF;
  line-height: 30px;
  font-weight: 500;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left .container-content-left-item .container-content-left-item-desc {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  max-width: 522px;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left .container-content-left-item .container-content-left-item-desc .item-desc-btn {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  display: inline-block;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left .container-content-left-bottom {
  margin-top: 15px;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-left .container-content-left-bottom .container-content-left-bottom-item {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.BeginnerSolvingChannel .BeginnerSolvingChannel-container .BeginnerSolvingChannel-container-content .container-content-right-img {
  width: 50%;
  height: 480px;
}

.BeginnerCommonProblem {
  width: 100%;
  background-image: url(https://resource.eziot.com/group1/M00/00/A9/CtwQE2OK8WaAdNsnAAEEabinCm0372.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.BeginnerCommonProblem .row {
  display: flex;
  flex-direction: row;
}
.BeginnerCommonProblem .column {
  display: flex;
  flex-direction: column;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container {
  height: 400px;
  align-items: center;
  padding: 0 60px;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-left {
  width: 60%;
  justify-content: center;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-left .container-left-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-left .container-left-desc {
  font-size: 16px;
  color: #8C8C8C;
  line-height: 24px;
  font-weight: 400;
  max-width: 416px;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .container-mid {
  width: 1px;
  height: 180px;
  background: #EBEBEB;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right {
  width: 40%;
  padding-left: 90px;
  justify-content: center;
  border-left: 1px solid #EBEBEB;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-item {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-btn {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  position: relative;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-btn:after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 4px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group1/M00/00/CD/CtwQEmR12DeAF-0OAAAFROIf9Mg089.svg);
  background-position: 70% 46%;
  background-size: cover;
  margin-left: 5px;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-btn:hover:after {
  background-image: url(http://resource.eziot.com/group2/M00/00/99/CtwQF2RbNROATV16AAAC9D8q1Vc334.svg);
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-btn:hover {
  color: #407AFF;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-btn:active {
  color: #2b5ad9;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-item:hover {
  color: #407AFF;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-item:active {
  color: #2b5ad9;
}
.BeginnerCommonProblem .BeginnerCommonProblem-container .BeginnerCommonProblem-container-right .container-right-item:last-child {
  margin-bottom: 0;
}

.CommonProblem {
  width: 100%;
  padding: 60px 0 79.5px;
}
.CommonProblem .row {
  display: flex;
  flex-direction: row;
}
.CommonProblem .column {
  display: flex;
  flex-direction: column;
}
.CommonProblem .CommonProblem-container {
  align-items: flex-start;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-left {
  align-items: center;
  justify-content: center;
  margin-top: 19.5px;
  text-align: left;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-left .container-left-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 500;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-left .container-left-desc {
  margin-top: 20px;
  font-size: 16px;
  color: #8C8C8C;
  line-height: 24px;
  font-weight: 400;
  max-width: 416px;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-left .container-left-btn-wrap {
  margin-top: 15px;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-left .container-left-btn-wrap .container-left-btn {
  height: 24px;
  font-size: 16px;
  color: #407AFF;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: inline-block;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-left .container-left-btn-wrap .container-left-btn::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 4px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(http://resource.eziot.com/group2/M00/00/99/CtwQF2RbNROATV16AAAC9D8q1Vc334.svg);
  background-position: 70% 46%;
  background-size: cover;
  margin-left: 5px;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right {
  padding-left: 120px;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item {
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
  padding: 19.5px 30px;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item .icon-up,
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item .CommonProblem-container-right-desc {
  display: none;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item .icon-down {
  display: block;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item.selected .icon-up,
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item.selected .CommonProblem-container-right-desc {
  display: block;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item.selected .icon-down {
  display: none;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item-title-wrap:hover .CommonProblem-container-right-item-title {
  color: #407AFF;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item-title-wrap:hover .icon {
  color: #407AFF;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-item-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .CommonProblem-container-right-desc {
  margin-top: 20px;
  font-size: 16px;
  color: #595959;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
  transition: all 0.5s ease-in-out;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .container-right-btn {
  font-size: 16px;
  color: #407AFF;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  margin-right: 10px;
}
.CommonProblem .CommonProblem-container .CommonProblem-container-right .container-right-btn:last-child {
  margin-right: 0;
}

.BeginnerLiveApp {
  padding-left: 60px;
  padding-right: 60px;
}
.BeginnerLiveApp .BeginnerLiveApp-container a {
  color: #407AFF;
}
.BeginnerLiveApp .BeginnerLiveApp-container a:hover {
  color: #699bff;
}
.BeginnerLiveApp .BeginnerLiveApp-container a:active {
  color: #2b5ad9;
}
.BeginnerLiveApp .BeginnerLiveApp-container .row {
  display: flex;
  flex-direction: row;
}
.BeginnerLiveApp .BeginnerLiveApp-container .BeginnerLiveApp-container-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.BeginnerLiveApp .BeginnerLiveApp-container .BeginnerLiveApp-container-content {
  width: 100%;
  height: 0;
  padding-top: 51.6%;
  position: relative;
}
.BeginnerLiveApp .BeginnerLiveApp-container .BeginnerLiveApp-container-content .container-content-btn {
  width: 15%;
  height: 7%;
  position: absolute;
  top: 3.4%;
  left: 18%;
  cursor: pointer;
}
.BeginnerLiveApp .BeginnerLiveApp-container .BeginnerLiveApp-container-content .container-content-btn2 {
  width: 9.2%;
  height: 6.6%;
  position: absolute;
  top: 51.7%;
  left: 18.1%;
  cursor: pointer;
}

.BeginnerAccountRule {
  width: 100%;
  background-color: #fafafa;
  padding: 80px 60px;
}
.BeginnerAccountRule a {
  color: #407AFF;
}
.BeginnerAccountRule a:hover {
  color: #699bff;
}
.BeginnerAccountRule a:active {
  color: #2b5ad9;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 10px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-tags {
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content {
  width: 100%;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox {
  width: 100%;
  height: 182px;
  background: #FFFFFF;
  border: 2px solid #ffffff;
  box-shadow: 5px 5px 18px -4px rgba(192, 209, 223, 0.3), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .BeginnerAccountRule-backgroundImg {
  width: 100%;
  height: 182px;
  padding: 36px 40px;
  background-position: center;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .card-warp {
  position: absolute;
  z-index: 2;
  top: 36px;
  left: 40px;
  right: 40px;
  height: 110px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-desc {
  font-size: 14px;
  color: #5E5E5E;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox:hover .BeginnerAccountRule-backgroundImg {
  width: 100%;
  height: 182px;
  padding: 36px 40px;
  background-image: url(https://resource.eziot.com/group1/M00/00/85/CtwQE2K9VhiAahtFAAX6Dr_i_7I869.png);
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.06);
  transition: transform 0.6s;
  background-position: center;
  opacity: 0.5;
}

.BeginnerDeveloper {
  width: 100%;
  background-color: #f5f7fa;
  padding: 80px 60px;
}
.BeginnerDeveloper a {
  color: #407AFF;
}
.BeginnerDeveloper a:hover {
  color: #699bff;
}
.BeginnerDeveloper a:active {
  color: #2b5ad9;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content {
  width: 100%;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content .content-items {
  width: 100%;
  height: 175px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 30px 25px;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content .content-items .content-items-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content .content-items .content-items-top .content-items-top-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content .content-items .content-items-top .content-items-top-a {
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content .content-items .content-items-desc {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.BeginnerDeveloper .BeginnerDeveloper-container .BeginnerDeveloper-content .content-items:hover {
  transform: translateY(-10px);
  box-shadow: 0px 35px 26px -8px rgba(0, 0, 0, 0.04);
}

.price-calculator {
  width: 100%;
}
.price-calculator .row {
  display: flex;
  flex-direction: row;
}
.price-calculator .price-calculator-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}
.price-calculator .price-calculator-top {
  margin-bottom: 19px;
}
.price-calculator .price-calculator-top .price-calculator-top-line {
  align-items: center;
  margin-bottom: 10px;
}
.price-calculator .price-calculator-top .price-calculator-top-line .top-line-item {
  align-items: center;
  justify-content: space-between;
  width: 300px;
  margin-right: 40px;
}
.price-calculator .price-calculator-top .price-calculator-top-line .top-line-item .ezd-input-number-group-addon {
  min-width: 52px;
}
.price-calculator .price-calculator-top .price-calculator-top-line .top-line-item2 {
  align-items: center;
  justify-content: space-between;
  width: 224px;
}
.price-calculator .price-calculator-top .price-calculator-top-line .top-line-item-label {
  font-size: 14px;
  color: #595959;
  line-height: 22px;
  font-weight: 400;
}
.price-calculator .price-calculator-mid {
  margin-bottom: 30px;
}
.price-calculator .price-calculator-bottom .bottom-icon {
  width: 14px;
  height: 14px !important;
  margin-left: 3px !important;
  color: #595959;
}
.price-calculator .price-calculator-bottom .price-calculator-bottom-tags {
  align-items: center;
  margin-top: 24px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.price-calculator .price-calculator-bottom .price-calculator-bottom-tags .bottom-tags-icon {
  width: 14px;
  height: 14px !important;
  margin-right: 6px !important;
}
.price-calculator .price-calculator-bottom .price-calculator-bottom-tags .bottom-tags-txt {
  color: #595959;
}
.price-calculator-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.price-calculator-footer .footer-left {
  text-align: left;
}
.price-calculator-footer .footer-left .footer-left-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 500;
}
.price-calculator-footer .footer-left .footer-left-price {
  font-size: 20px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}
.price-calculator-footer .footer-left .footer-left-unit {
  font-size: 14px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}
.price-calculator-footer .footer-left .footer-left-desc {
  font-size: 12px;
  color: #8C8C8C;
  line-height: 20px;
  font-weight: 400;
  margin-top: 5px;
}
.price-calculator-footer .footer-right .ezd-btn {
  padding: 4px 13px;
}

.try-device .ant-btn-primary {
  background: #407AFF;
  border-radius: 2px;
}
.try-device .live-card .input-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.try-device .live-card .live-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 4px;
}
.try-device .qr-row-line {
  margin-top: 16px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.try-device .qr-row-line .qr-row-line-item {
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.try-device .qr-row-line .qr-row-line-item .item-icon {
  width: 108px;
  height: 108px;
  margin-bottom: 8px;
}
.try-device .qr-row-line .qr-row-line-item .item-title {
  width: 108px;
  font-size: 14px;
  color: #595959;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
}
.try-device .btn-one-line {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.try-device .btn-two-line {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.try-device .btn-two-line .btn-left {
  color: #407AFF;
}
.try-device .btn-two-line .btn-left:hover {
  color: #699bff;
}
.try-device .btn-two-line .btn-left:active {
  color: #2b5ad9;
}
.try-device .btn-two-line .btn-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.video-player .video-item {
  position: fixed;
  width: 800px;
  height: 450px;
  margin: 0 auto;
  top: 50%;
  margin-top: -225px;
  left: calc(50% - 400px);
  opacity: 1;
  z-index: 99999;
}
.video-player .mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99998;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=40);
}
.video-player .close {
  position: absolute;
  right: 40px;
  top: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAlCAYAAADIgFBEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNENTNGRTlBMkQ4MTFFNUE3NjNGMDZGNTc4MDM4RjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNENTNGRUFBMkQ4MTFFNUE3NjNGMDZGNTc4MDM4RjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowM0Q1M0ZFN0EyRDgxMUU1QTc2M0YwNkY1NzgwMzhGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowM0Q1M0ZFOEEyRDgxMUU1QTc2M0YwNkY1NzgwMzhGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PonUyBgAAAEOSURBVHja7NfRCcIwFAXQVrpCHcMddAfRFfRfqD9WJ3MIHUB/1R3iK6QQStPk3ZcH/UjggpikHijNtaUxppjLWBQzGhmTMSkwO0qj+Jsnyn50pnu0B6kpT8plZE6a1l67Hpv3bdIA9ZClb83U5pSgICSESQWKgsRgXFCrCYnFoCAWhIPhgtgQLiYWBEEQTAgEQ1CMDySCdKnAI/1LWVPuzndbyobyQXuiFP7TqykP+3klgaRo7SPlZ3OQNmgl2Ns6t8Y4t+wGXzHhES85qeGnaeqpEYE0ugYGaZUeBFIrPQSkBYFAoQVX6RHPAWlDWCDfRJMQMgSdfWt8dfCSlt5Eub61ijK/a2dMxvTjL8AA174TXiy995oAAAAASUVORK5CYII=) no-repeat;
  width: 40px;
  height: 40px;
}


.PriceProductUnit {
  width: 100%;
}
.PriceProductUnit .row {
  display: flex;
  flex-direction: row;
}
.PriceProductUnit .column {
  display: flex;
  flex-direction: column;
}
.PriceProductUnit .PriceProductUnit-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-top: 80px;
  margin-bottom: 28px;
}
.PriceProductUnit .PriceProductUnit-subTitle {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 20px 0 36px;
}
.PriceProductUnit .PriceProductUnit-subTitle a {
  display: inline-block;
  width: 80px;
  color: #407AFF;
  text-align: left;
}
.PriceProductUnit .PriceProductUnit-subTitle a:after {
  display: inline-block;
  width: 15px;
  height: 10px;
  overflow: hidden;
  vertical-align: 0;
  background-image: url(https://resource.eziot.com/group2/M00/00/71/CtwQFmHX7iCAW241AAACd6tk6E8038.svg);
  background-position: 70% 46%;
  background-size: cover;
  transition: margin-left 0.5s;
  content: "";
}
.PriceProductUnit .PriceProductUnit-subTitle a:hover:after {
  margin-left: 5px;
}
.PriceProductUnit .PriceProductUnit-subTitle a:first-child {
  margin-right: 20px;
}
.PriceProductUnit .PriceProductUnit-subTitle a:last-child {
  margin-left: 20px;
}
.PriceProductUnit .PriceProductUnit-title-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  background-size: cover;
  background-position-y: 0;
}
.PriceProductUnit .PriceProductUnit-title-icon.enter {
  animation: comeOut 0.3s steps(24) forwards;
}
.PriceProductUnit .PriceProductUnit-title-icon.leave {
  animation: goBack 0.3s steps(24) forwards;
}
@keyframes comeOut {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -1440px;
  }
}
@keyframes goBack {
  from {
    background-position-y: -1440px;
  }
  to {
    background-position-y: 0;
  }
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs {
  text-align: center;
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-nav-container {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  max-width: 14rem;
  min-width: 10.8rem;
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-bar {
  margin: 0;
  max-width: 14rem;
  min-width: 10.8rem;
  margin: 0 auto;
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 12px 45px;
}
@media screen and (min-width: 1370px) and (max-width: 1440px) {
  .PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-nav .ant-tabs-tab {
    padding: 12px 40px;
  }
}
@media screen and (max-width: 1370px) {
  .PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-nav .ant-tabs-tab {
    padding: 12px 35px;
  }
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-ink-bar {
  height: 3px !important;
  background-color: #407AFF;
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.PriceProductUnit .PriceProductUnit-tabContainer .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  background-color: #F5F7FA;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content {
  max-width: 14rem;
  min-width: 10.8rem;
  background-color: #F5F7FA;
  margin: auto;
  padding: 50px 0px 30px;
}
@media screen and (max-width: 1300px) {
  .PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content {
    padding: 50px 60px 30px 60px;
  }
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item {
  width: 100%;
  height: 184px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 30px 20px;
  align-items: center;
  justify-content: center;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  /* 鼠标悬浮时盒子出现的阴影 */
  transform: translate(0, -10px);
  /* 鼠标悬浮时盒子上移10px */
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-title {
  font-size: 20px;
  color: #262626;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 20px;
  align-items: center;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-title .content-item-title-icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  cursor: pointer;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-unit {
  font-size: 18px;
  color: #FF6600;
  line-height: 28px;
  font-weight: 500;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-price {
  font-size: 28px;
  color: #FF6600;
  line-height: 28px;
  font-weight: 500;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-txt {
  font-size: 14px;
  color: #262626;
  line-height: 28px;
  font-weight: 400;
  margin-left: 6px;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-btns {
  align-items: center;
  margin-top: 20px;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-btns .content-item-btn {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  margin-right: 20px;
  display: inline-block;
}
.PriceProductUnit .PriceProductUnit-tabContainer .PriceProductUnit-content .content-item .content-item-btns .content-item-btn:last-child {
  margin-right: 0;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs {
  text-align: center;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-nav-container {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  max-width: 1400px;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-bar {
  margin: 0;
  border: none;
  background: #fff;
  max-width: 1440px;
  min-width: 1240px;
  margin: 0 auto;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 12px 55px;
}
@media screen and (min-width: 1370px) and (max-width: 1440px) {
  .PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-nav .ant-tabs-tab {
    padding: 12px 50px;
  }
}
@media screen and (max-width: 1370px) {
  .PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-nav .ant-tabs-tab {
    padding: 12px 35px;
  }
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-ink-bar {
  height: 3px !important;
  background-color: #407AFF;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.PriceProductUnit .PriceProductUnit-tabContainer2 .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  background-color: #F5F7FA;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content {
  max-width: 1420px;
  background-color: #F5F7FA;
  margin: auto;
  padding: 30px 0px 60px 20px;
  display: flex;
  align-items: flex-start;
  text-align: left;
}
@media screen and (max-width: 1300px) {
  .PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content {
    padding: 30px 60px 60px 60px;
  }
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item {
  width: 100%;
  height: 184px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 30px 40px;
  align-items: center;
  justify-content: center;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-title {
  font-size: 20px;
  color: #262626;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 20px;
  align-items: center;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-title .content-item-title-icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  cursor: pointer;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-unit {
  font-size: 18px;
  color: #FF6600;
  line-height: 28px;
  font-weight: 500;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-price {
  font-size: 28px;
  color: #FF6600;
  line-height: 28px;
  font-weight: 500;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-txt {
  font-size: 14px;
  color: #262626;
  line-height: 28px;
  font-weight: 400;
  margin-left: 6px;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-btns {
  align-items: center;
  margin-top: 20px;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-btns .content-item-btn {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  margin-right: 20px;
  display: inline-block;
}
.PriceProductUnit .PriceProductUnit-tabContainer2 .PriceProductUnit-content .content-item .content-item-btns .content-item-btn:last-child {
  margin-right: 0;
}
.container-row-top-item-popver .item-popver-title {
  margin-bottom: 16px;
}
.container-row-top-item-popver .item-popver-title2 {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}
.container-row-top-item-popver .item-popver-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.container-row-top-item-popver .item-popver-item {
  margin-right: 15px;
}
.container-row-top-item-popver .item-popver-item:last-child {
  margin-right: 0;
}
.container-row-top-item-popver .item-popver-icon {
  width: 55px;
  height: 55px;
  margin-bottom: 5px;
}
.container-row-top-item-popver .item-popver-name {
  width: 55px;
  font-size: 12px;
  color: #595959;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}
.container-row-top-item-popver .item-popver-tag {
  font-size: 14px;
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  display: flex;
}
.container-row-top-item-popver .item-popver-price {
  font-size: 14px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}

.PricePayBusinessPop-content a {
  color: #407AFF;
}
.PricePayBusinessPop-content a:hover {
  color: #699bff;
}
.PricePayBusinessPop-content a:active {
  color: #2b5ad9;
}
.PricePayBusinessPop-content .content-title {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}
.PricePayBusinessPop-content .content-desc {
  font-size: 14px;
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  word-wrap: break-word;
  margin-bottom: 8px;
}
.PricePayBusinessPop-content .content-tags {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
}

.PriceService {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.PriceService .row {
  display: flex;
  flex-direction: row;
}
.PriceService .PriceService-container {
  text-align: center;
  margin: auto;
  margin-bottom: 40px;
}
.PriceService .PriceService-container .PriceService-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
  padding-top: 60px;
}
.PriceService .PriceService-container .PriceService-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.PriceService .PriceService-container .PriceService-area .PriceService-card {
  width: 100%;
  height: 171px;
  text-align: left;
  padding: 40px 30px;
  background-image: linear-gradient(180deg, #F5F9FC 0%, #FFFFFF 100%);
  border: 3px solid #ffffff;
  box-shadow: 5px 5px 20px 0px rgba(192, 209, 223, 0.4);
  border-radius: 4px;
  margin-bottom: 20px;
}
.PriceService .PriceService-container .PriceService-area .PriceService-card .PriceService-card-top {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.PriceService .PriceService-container .PriceService-area .PriceService-card .PriceService-card-top .PriceService-cardTitle {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
}
.PriceService .PriceService-container .PriceService-area .PriceService-card .PriceService-card-top .PriceService-cardTitle-a {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
}
.PriceService .PriceService-container .PriceService-area .PriceService-card .PriceService-card-top .PriceService-cardTitle-a:hover {
  color: #699bff;
}
.PriceService .PriceService-container .PriceService-area .PriceService-card .PriceService-card-top .PriceService-cardTitle-a:active {
  color: #2b5ad9;
}
.PriceService .PriceService-container .PriceService-area .PriceService-setText {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.PriceService .PriceService-container .PriceService-entryData {
  margin-top: 40px;
}
.PriceService .PriceService-container .PriceService-entryData .PriceService-entryData-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.PriceService .PriceService-container .PriceService-entryData .PriceService-entryData-item .PriceService-entryData-item-title {
  font-size: 18px;
  color: #262626;
  text-align: center;
  line-height: 30px;
  font-weight: 500;
  margin-top: 15px;
}
.PriceService .PriceService-container .PriceService-entryData .PriceService-entryData-item .PriceService-entryData-item-icon {
  width: 48px;
  height: 48px;
}

.price-base-calculator {
  width: 100%;
}
.price-base-calculator .row {
  display: flex;
  flex-direction: row;
}
.price-base-calculator .price-base-calculator-top .base-calculator-top-label {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 4px;
}
.price-base-calculator .price-base-calculator-top .base-calculator-top-input {
  width: 432px;
  margin-bottom: 24px;
}
.price-base-calculator .price-base-calculator-top .base-calculator-top-icon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.price-base-calculator .price-base-calculator-bottom .price-calculator-bottom-tags {
  align-items: center;
  margin-top: 24px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.price-base-calculator .price-base-calculator-bottom .price-calculator-bottom-tags .bottom-tags-icon {
  width: 14px;
  height: 14px !important;
  margin-right: 6px !important;
}
.price-base-calculator .price-base-calculator-bottom .price-calculator-bottom-tags .bottom-tags-txt {
  color: #595959;
}
.price-base-calculator-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.price-base-calculator-footer .row {
  display: flex;
  flex-direction: row;
}
.price-base-calculator-footer .footer-left {
  text-align: left;
  max-width: 286px;
}
.price-base-calculator-footer .footer-left .footer-left-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 500;
  min-width: 70px;
}
.price-base-calculator-footer .footer-left .footer-left-price {
  font-size: 14px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}
.price-base-calculator-footer .footer-left .footer-left-unit {
  font-size: 14px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}
.price-base-calculator-footer .footer-left .footer-left-desc {
  font-size: 12px;
  color: #8C8C8C;
  line-height: 20px;
  font-weight: 400;
  margin-top: 5px;
}
.price-base-calculator-footer .footer-right .ezd-btn {
  padding: 4px 13px;
}
.base-calculator-popover {
  width: 394px;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.base-calculator-popover .base-calculator-popover-title {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 500;
  width: 100%;
}
.base-calculator-popover .base-calculator-popover-img {
  width: 160px;
  height: 160px;
  margin-bottom: 10px;
}
.base-calculator-popover .base-calculator-popover-desc {
  font-size: 14px;
  color: #595959;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
}

.PriceSetMeal {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.PriceSetMeal .row {
  display: flex;
  flex-direction: row;
}
.PriceSetMeal .column {
  display: flex;
  flex-direction: column;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 20px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-tags-icon {
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-tags {
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 40px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-tags .PriceSetMeal-tags-a {
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin-right: 20px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-tags .PriceSetMeal-tags-a:last-child {
  margin-right: 0;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-header {
  width: 100%;
  height: 60px;
  background: #407AFF;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  font-weight: 500;
  align-items: center;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-header .PriceSetMeal-table-header-item {
  width: 16%;
  height: 60px;
  align-items: center;
  justify-content: center;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-header-first {
  border-radius: 4px 4px 0px 0px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-last-table-content-container {
  border-radius: 0px 0px 4px 4px;
  overflow: hidden;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-column-header {
  width: 20%;
  background: rgba(64, 122, 255, 0.06);
  border-radius: 0px 0px 0px 4px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-column-header .column-header-item {
  width: 100%;
  height: 60px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 500;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container {
  box-sizing: border-box;
  width: 80%;
  border: 1px solid #f0f0f0;
  border-left: unset;
  border-top: unset;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row-border {
  box-sizing: border-box;
  border: 2px solid #ffffff;
  border-radius: 8px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row {
  width: 100%;
  min-height: 60px;
  background: #ffffff;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .table-content-container-row-item {
  width: 20%;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .table-content-container-row-item .ezd-select-selection-item {
  color: #595959;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .table-content-container-row-item-mult-line {
  min-height: 60px;
  display: flex;
  flex-direction: column;
  padding: 15px 0;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .table-content-container-row-item-mult-line .table-content-container-row-item-line {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .table-content-container-row-item-mult-line .table-content-container-row-item-line:empty {
  display: none;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .table-content-container-row-item-mult-line .PriceSetMeal-tags-icon {
  position: absolute;
  right: -28px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .container-row-top {
  width: 100%;
  height: 120px;
  border-bottom: 1px solid #f0f0f0;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .container-row-top-item {
  width: 20%;
  height: 120px;
  align-items: center;
  justify-content: center;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .container-row-top-item .container-row-top-item-price {
  font-size: 20px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .container-row-top-item .container-row-top-item-price-original {
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 4px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .container-row-top-item .container-row-top-item-unit {
  font-size: 16px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 6px;
}
.PriceSetMeal .PriceSetMeal-container .PriceSetMeal-table-content .table-content-container .table-content-container-row .container-row-top-tip {
  width: 100%;
  height: 60px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
}
.container-row-top-item-popver .item-popver-title {
  margin-bottom: 16px;
}
.container-row-top-item-popver .item-popver-title2 {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}
.container-row-top-item-popver .item-popver-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.container-row-top-item-popver .item-popver-item {
  margin-right: 15px;
}
.container-row-top-item-popver .item-popver-item:last-child {
  margin-right: 0;
}
.container-row-top-item-popver .item-popver-icon {
  width: 55px;
  height: 55px;
  margin-bottom: 5px;
}
.container-row-top-item-popver .item-popver-name {
  width: 55px;
  font-size: 12px;
  color: #595959;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}
.container-row-top-item-popver .item-popver-tag {
  font-size: 14px;
  color: #595959;
  line-height: 22px;
  font-weight: 400;
  display: flex;
}
.container-row-top-item-popver .item-popver-price {
  font-size: 14px;
  color: #FF6600;
  line-height: 22px;
  font-weight: 500;
}
.suite-pop {
  display: inline-block;
  background: #f5f6f8;
  max-width: 370px;
}
.suite-pop .intro {
  margin: 5px;
}
.suite-pop .img {
  display: inline-block;
  width: 250px;
  height: 150px;
}
.suite-pop .img img {
  width: 100%;
}
.suite-pop .text {
  vertical-align: top;
  display: inline-block;
  width: 110px;
  margin: 0 5px;
}
.suite-pop .text .extra-flow {
  min-height: 60px;
  padding-top: 20px;
  vertical-align: bottom;
}
.suite-pop .text .suite-flow {
  padding-top: 30px;
  vertical-align: bottom;
}

.PriceCostEstimation {
  padding: 80px 60px;
  text-align: center;
  margin: auto;
}
.PriceCostEstimation .PriceCostEstimation-container {
  margin: auto;
}
.PriceCostEstimation .PriceCostEstimation-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.PriceCostEstimation .ability-content {
  display: flex;
  width: 100%;
}
.PriceCostEstimation .ability-content .ability-show {
  width: 766px;
  height: 480px;
  z-index: 1;
}
.PriceCostEstimation .ability-content .ability-show img {
  width: 100%;
  height: 100%;
}
.PriceCostEstimation .ability-content .ability-detail {
  background: #ffffff;
  display: flex;
  align-items: center;
  height: 480px;
  z-index: 0;
  padding: 0 60px 0 60px;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info {
  display: inline-block;
  text-align: left;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-current span {
  font-size: 12px;
  color: #666666;
  letter-spacing: 2px;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-current span:first-child {
  color: #FFFFFF;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-text {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  text-align: justify;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .product-info-tags {
  padding-top: 10px;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .product-info-tags .product-info-tags-item .product-info-tag-title {
  margin-top: 20px;
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  background-image: url('https://resource.eziot.com/group1/M00/00/F0/CtwQEmVh89uAG03ZAAADROaOtg4860.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 30px;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .product-info-tags .product-info-tags-item .product-info-tag-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-top: 2px;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container {
  margin-top: 30px;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn {
  display: inline-block;
  width: 124px;
  height: 44px;
  padding: 0 30px;
  border-radius: 2px;
  text-align: center;
  color: #333333;
  line-height: 44px;
  cursor: pointer;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn:hover {
  background: #699BFF;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .ability-detail-btn-container .iot-btn:active {
  background: #2B5AD9;
}
.PriceCostEstimation .ability-content .ability-detail .ability-detail-info .iot-btn:first-child {
  background: #407AFF;
  border: none;
  margin-right: 30px;
  color: #ffffff;
}

.PriceExperience {
  padding-left: 60px;
  padding-right: 60px;
}
.PriceExperience-container {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  text-align: center;
}
.PriceExperience-container .PriceExperience-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs {
  text-align: center;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav-container {
  font-size: 16px;
  color: #595959;
  line-height: 24px;
  font-weight: 400;
  max-width: 1400px;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-bar {
  margin: 0;
  background: #fff;
  max-width: 1400px;
  margin: 0 auto;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav {
  width: 100%;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  background-color: #FAFAFA;
  width: 16.666%;
  border: 1px solid #f0f0f0;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav .ant-tabs-tab:nth-child(2n) {
  border-right: none;
  border-left: none;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav .ant-tabs-tab:last-child {
  border-right: 1px solid #f0f0f0;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-ink-bar {
  height: 3px;
  background-color: #407AFF;
  position: absolute;
  top: 0;
  left: 0;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav .ant-tabs-tab-active {
  background: #FFFFFF;
  color: #407AFF;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs-nav .ant-tabs-tab:hover {
  color: #407AFF;
}
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.PriceExperience-container .PriceExperience-tabContainer .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  background-color: #FAFAFA;
}
.PriceExperience-container .PriceExperience-content {
  max-width: 1400px;
  background: #FFFFFF;
  border: 1px solid #f0f0f0;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  text-align: left;
}
.PriceExperience-container .PriceExperience-content-left {
  min-width: 720px;
  max-width: 815px;
  height: 650px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.PriceExperience-container .PriceExperience-content-left-video {
  display: flex;
  align-items: flex-end;
}
.PriceExperience-container .PriceExperience-content-right {
  width: 100%;
  height: 650px;
  background: #FAFAFA;
  padding: 51px 40px 0;
  border-left: 1px solid #f0f0f0;
}
.PriceExperience-container .PriceExperience-content-right-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.PriceExperience-container .PriceExperience-content-right-top .content-right-top-left {
  width: calc(100% - 120px);
}
.PriceExperience-container .PriceExperience-content-right-top .content-right-top-right {
  width: 98px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.PriceExperience-container .PriceExperience-content-right-top .content-right-top-right .content-right-top-right-img {
  width: 90px;
  height: 90px;
}
.PriceExperience-container .PriceExperience-content-right-top .content-right-top-right .content-right-top-right-txt {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
  margin-top: 6px;
}
.PriceExperience-container .PriceExperience-content-right-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 20px;
}
.PriceExperience-container .PriceExperience-content-right-text {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0;
}
.PriceExperience-container .PriceExperience-content-right-btn {
  margin-top: 20px;
  width: 106px;
  height: 40px;
  line-height: 40px;
  background: #407AFF;
  border-radius: 2px;
  font-size: 14px;
  color: #FAFAFA;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}
.PriceExperience-container .PriceExperience-content-right-btn:hover {
  background: #699BFF;
}
.PriceExperience-container .PriceExperience-content-right-btn:active {
  background: #2b5ad9;
}
.PriceExperience-container .PriceExperience-content-right-divider {
  width: 100%;
  height: 1px;
  background: #F0F0F0;
  margin: 40px 0;
}
.PriceExperience-container .product-box {
  display: flex;
  justify-content: flex-start;
  margin: 25px 0;
}
.PriceExperience-container .product-img {
  margin-right: 15px;
}
.PriceExperience-container .product-img img {
  width: 32px;
  height: 32px;
}
.PriceExperience-container .product-textTitle {
  font-size: 14px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 500;
}
.PriceExperience-container .product-textTip {
  font-size: 14px;
  color: #8C8C8C;
  letter-spacing: 0;
  font-weight: 200;
  margin-top: 10px;
}

.MessagePushPrice {
  width: 100%;
  padding: 80px 60px;
}
.MessagePushPrice a {
  color: #407AFF;
}
.MessagePushPrice a:hover {
  color: #699bff;
}
.MessagePushPrice a:active {
  color: #2b5ad9;
}
.MessagePushPrice .row {
  display: flex;
  flex-direction: row;
}
.MessagePushPrice .column {
  display: flex;
  flex-direction: column;
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 40px;
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-content {
  width: 100%;
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-content .MessagePushPrice-content-header {
  align-items: center;
  width: 100%;
  height: 60px;
  background: rgba(64, 122, 255, 0.06);
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-content .MessagePushPrice-content-header .content-header-item {
  width: 25%;
  height: 60px;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 60px;
  font-weight: 500;
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-content .MessagePushPrice-content-contenter {
  align-items: center;
  width: 100%;
  background: #ffffff;
  padding: 16px 0;
  color: #262626;
  border: 1px solid rgba(240, 240, 240, 0.5);
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-content .MessagePushPrice-content-contenter .content-contenter-item {
  width: 25%;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
  align-items: center;
  justify-content: center;
}
.MessagePushPrice .MessagePushPrice-container .MessagePushPrice-content .MessagePushPrice-content-footer {
  width: 100%;
  height: 60px;
  background: rgba(64, 122, 255, 0.06);
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 60px;
  font-weight: 400;
}

.MessagePushProductArc {
  width: 100%;
  padding: 80px 60px;
}
.MessagePushProductArc a {
  color: #407AFF;
}
.MessagePushProductArc a:hover {
  color: #699bff;
}
.MessagePushProductArc a:active {
  color: #2b5ad9;
}
.MessagePushProductArc .row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.MessagePushProductArc .column {
  display: flex;
  flex-direction: column;
}
.MessagePushProductArc .MessagePushProductArc-container .MessagePushProductArc-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 40px;
}
.MessagePushProductArc .MessagePushProductArc-container .MessagePushProductArc-content {
  width: 100%;
}
.MessagePushProductArc .MessagePushProductArc-container .MessagePushProductArc-content .MessagePushProductArc-content-right {
  width: 1200px;
  height: 526px;
}
.MessagePushProductArc .MessagePushProductArc-container .MessagePushProductArc-content .MessagePushProductArc-content-left .content-left-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.MessagePushProductArc .MessagePushProductArc-container .MessagePushProductArc-content .MessagePushProductArc-content-left .content-left-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 30px;
}
.MessagePushProductArc .MessagePushProductArc-container .MessagePushProductArc-content .MessagePushProductArc-content-left .content-left-btn {
  width: 116px;
  color: #ffffff;
}

.SdkDownload {
  padding: 80px 60px;
  text-align: center;
  margin: auto;
}
.SdkDownload .SdkDownload-container {
  margin: auto;
}
.SdkDownload .SdkDownload-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.SdkDownload .SdkDownload-list {
  /* .app-cell:hover{
        box-shadow: 0rem 0rem 0.16rem 0.16rem #101216;
      } */
}
.SdkDownload .SdkDownload-list .app-cell {
  min-width: 1080px;
  max-width: 1400px;
  width: 100%;
  /* height: 2.8rem; */
  /* margin-bottom: 0.3rem; */
  /* background: #1c1F28; */
  display: inline-block;
  text-align: center;
}
.SdkDownload .SdkDownload-list .app-cell .product {
  display: flex;
  margin: 0 0 0.3rem;
  text-align: center;
  width: 100%;
}
.SdkDownload .SdkDownload-list .app-cell .type {
  display: inline-block;
  text-align: center;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: top;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
}
.SdkDownload .SdkDownload-list .app-cell .type .product-category {
  margin: 0.38rem 0;
}
.SdkDownload .SdkDownload-list .type .icon {
  text-align: center;
  margin-bottom: 7px;
}
.SdkDownload .SdkDownload-list .type .icon img {
  height: 76px;
}
.SdkDownload .SdkDownload-list .type .name {
  display: none;
  line-height: 1.5em;
  font-family: "Microsoft Yahei";
  display: inline-block;
  text-align: center;
}
.SdkDownload .SdkDownload-list .app-cell .intro {
  margin-top: 0.1rem;
  flex: 1;
  display: inline-block;
  vertical-align: top;
  height: 2rem;
}
.SdkDownload .SdkDownload-list .app-cell .intro .title {
  font-family: "Helvetica Neue";
  padding: 0 0 0 0.40rem ;
  margin-bottom: .1rem;
  text-align: left;
}
.SdkDownload .SdkDownload-list .intro .title .version {
  display: inline-block;
  font-size: 0.18rem;
  line-height: 1.5em;
  color: #262626;
}
.SdkDownload .SdkDownload-list .intro .title .time {
  display: inline-block;
  color: #595959;
  font-size: 0.14rem;
  margin-left: 0.25rem;
}
.SdkDownload .SdkDownload-list .intro .title .hint-horizontal {
  display: inline-block;
  color: #595959;
  font-size: 0.14rem;
  margin-left: 0.25rem;
}
.SdkDownload .SdkDownload-list .intro .detail {
  font-family: "Microsoft Yahei";
  color: #595959;
}
.SdkDownload .SdkDownload-list .intro .detail .detail-container {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.40rem;
  text-align: left;
}
.SdkDownload .SdkDownload-list .detail-container .detail-item {
  font-size: .12rem;
  line-height: .22rem;
}
.SdkDownload .SdkDownload-list .app-cell .support {
  height: 2.14rem;
  display: inline-block;
}
.SdkDownload .SdkDownload-list .support .support-group {
  height: 100%;
  list-style: none;
  margin: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.SdkDownload .SdkDownload-list .support .support-group .support-item {
  margin-left: 0.2rem;
  display: inline-block;
}
.SdkDownload .SdkDownload-list .support .support-group .support-item:first-child {
  margin-left: 0;
}
.SdkDownload .SdkDownload-list .support .support-group .support-item .btn {
  text-align: center;
  line-height: .4rem;
  color: #407AFF;
  width: 1.2rem;
  height: .4rem;
  display: inline-block;
  border: 1px solid #407AFF;
  border-radius: 1px;
}
.SdkDownload .SdkDownload-list .support .support-group .support-item .btn:hover {
  color: #699bff;
  border: 1px solid #699bff;
}
.SdkDownload .SdkDownload-list .support .support-group .support-item .btn:active {
  color: #2B5AD9;
  border: 1px solid #2B5AD9;
}
.SdkDownload .SdkDownload-list .support .support-group .support-item .btn .btn-before img {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  vertical-align: middle;
  line-height: 0.4rem;
  margin-right: 0.06rem;
}
.SdkDownload .SdkDownload-list a {
  text-decoration: none;
  color: #5390ff;
}

.SolutionsCaseContent {
  padding-left: 60px;
  padding-right: 60px;
  background: #FFFFFF;
  padding-bottom: 0px;
}
.SolutionsCaseContent .SolutionsCaseContent-box {
  padding-top: 48px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content {
  display: flex;
  flex-direction: row;
  position: relative;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs-fixed {
  position: fixed;
  top: 108px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs-absolute {
  position: absolute;
  bottom: 34px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs {
  width: 300px;
  text-align: left;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .ant-anchor-ink {
  display: none;
  padding: 0;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .ant-anchor-wrapper {
  background: #FFFFFF;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .ant-anchor-link {
  padding: 0;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 30px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-item {
  cursor: pointer;
  width: 300px;
  height: 52px;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 40px;
  background-color: white;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-item-click {
  color: #407AFF;
  background-color: #F0F5FF;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-item:hover {
  color: #407AFF;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer {
  margin-top: 98px;
  margin-left: 40px;
  margin-bottom: 30px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer .tabs-footer-icon {
  width: 68px;
  height: 68px;
  margin-bottom: 10px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer .tabs-footer-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 5px;
  width: 240px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer .tabs-footer-desc {
  margin-bottom: 30px;
  width: 240px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer .tabs-footer-url {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  font-weight: 400;
  width: 240px;
  cursor: pointer;
  margin-bottom: 15px;
  display: block;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer .tabs-footer-txt {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 5px;
  width: 240px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-left-tabs .content-left-tabs-footer .tabs-footer-txt2 {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 15px;
  width: 240px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box {
  border-left: 1px solid #F0F0F0;
  padding-left: 60px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-content {
  width: 100%;
  text-align: left;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-content .right-content-title {
  font-size: 24px;
  color: #262626;
  font-weight: 500;
  margin-bottom: 20px;
  padding-top: 50px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-content .right-content-item .right-content-item-subtitle {
  margin-bottom: 8px;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-content .right-content-item .right-content-item-desc {
  margin-bottom: 20px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  font-weight: 400;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-content .right-content-item .right-content-item-img {
  margin: 20px 0;
  width: 100%;
  height: auto;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-content .right-content-item:nth-last-child(1) :last-child {
  margin-bottom: 0px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-title {
  font-size: 24px;
  color: #262626;
  font-weight: 500;
  padding-top: 50px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .ezd-carousel .slick-dots-bottom {
  bottom: -30px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .ezd-carousel .slick-dots li button {
  background: #EEEFF5;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .ezd-carousel .slick-dots li.slick-active button {
  background: #407AFF;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item {
  width: 100%;
  padding: 15px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item .box-content-left-item {
  text-align: left;
  cursor: pointer;
  transition: all 0.5s;
  width: 100%;
  height: 140px;
  background: #ffffff;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  border-radius: 8px;
  padding: 25px;
  display: inline-block;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item .box-content-left-item .content-left-item-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 9px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item .box-content-left-item .content-left-item-top .left-item-top-icon {
  width: 15px;
  height: 15px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item .box-content-left-item .content-left-item-bottom {
  font-size: 14px;
  color: #8C8C8C;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item .box-content-left-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-product .right-product-content .product-content-item .box-content-left-item:hover .content-left-item-top {
  color: #407aff;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-title {
  font-size: 24px;
  color: #262626;
  font-weight: 500;
  padding-top: 50px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data {
  width: 100%;
  margin-top: 30px;
  display: flex;
  margin-bottom: 80px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-img-box {
  width: 360px;
  height: 180px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-icon {
  width: 360px;
  height: 180px;
  border: 1px solid #f1f1f1;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-switch {
  width: 360px;
  height: 180px;
  border: 1px solid #f1f1f1;
  transition: all 0.36s;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-hoverImg {
  width: 360px;
  height: 180px;
  border-radius: 4px;
  transition: all 0.5s ease-out 0.1s;
  opacity: 0;
  position: absolute;
  left: 0;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text {
  width: calc(100% - 360px);
  height: 180px;
  padding-left: 40px;
  padding-top: 4px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top {
  display: flex;
  align-items: center;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top .IndustryModule3-data-text-top-title {
  margin-right: 10px;
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top .IndustryModule3-data-text-top-hot {
  width: 42px;
  height: 24px;
  background: #ff4d4f;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
  font-weight: 400;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top-scenetypes {
  height: 24px;
  text-align: center;
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-top-scenetypes .IndustryModule3-data-text-top-scenetypes-type {
  height: 100%;
  margin-right: 10px;
  background: #f0f7ff;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  padding: 0 8px;
  font-size: 12px;
  color: #407aff;
  line-height: 24px;
  font-weight: 400;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-content {
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  margin: 20px 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*! autoprefixer: on */
  overflow-wrap: break-word;
  white-space: normal !important;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data .IndustryModule3-data-text .IndustryModule3-data-text-bottom {
  width: 100%;
  font-size: 14px;
  color: #8c8c8c;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data:hover .IndustryModule3-data-text-top .IndustryModule3-data-text-top-title {
  color: #407aff;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data:hover .IndustryModule3-data-switch {
  opacity: 0;
}
.SolutionsCaseContent .SolutionsCaseContent-box .SolutionsCaseContent-box-content .content-right-box .content-right-solution .content-right-content .IndustryModule3-data:hover .IndustryModule3-data-hoverImg {
  opacity: 1;
  transform: scale(1.03);
}

.PlatformPower {
  padding-top: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-tab {
  font-size: 16px;
  color: #666666;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-tab:hover {
  color: #407AFF;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-nav .ant-tabs-tab-active {
  color: #407AFF;
  font-weight: 500;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .ant-tabs-ink-bar {
  height: 3px;
  background: #407AFF;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item:first-child {
  margin-top: 50px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item:last-child {
  padding-bottom: 80px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-img {
  width: 45.7%;
  height: 290px;
  margin-right: 120px;
  border-radius: 4px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right-img {
  width: 45.7%;
  height: 290px;
  border-radius: 4px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right {
  width: 45.7%;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-subtitle {
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  max-width: 550px;
  margin-bottom: 30px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-subtitle2 {
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-desc2 {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  max-width: 589px;
  display: flex;
  flex-direction: row;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  word-break: break-all;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc a {
  text-decoration: none;
  color: #595959;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-right .box-content-item-right-list .box-content-item-right-list-item .data-desc a:hover {
  color: #407AFF;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left {
  margin-right: 120px;
  width: 45.7%;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-title {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-subtitle {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  max-width: 550px;
  margin-bottom: 30px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  max-width: 589px;
  display: flex;
  flex-direction: row;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-title {
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  font-weight: 400;
  word-break: break-all;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-desc a {
  text-decoration: none;
  color: #595959;
}
.PlatformPower .SchemeDetails-box .SchemeDetails-box-content .SchemeDetails-box-content-item .box-content-item-left .box-content-item-left-list .box-content-item-left-list-item .data-desc a:hover {
  color: #407AFF;
}

.ProductArchitecture {
  background: #FFFFFF;
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.ProductArchitecture h1,
.ProductArchitecture h2,
.ProductArchitecture h3,
.ProductArchitecture h4,
.ProductArchitecture h5 {
  margin-bottom: unset;
  cursor: default;
}
.ProductArchitecture .box .box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.ProductArchitecture .box .box-content {
  margin-top: 40px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
.ProductArchitecture .box .box-content .item1 {
  width: 39.92%;
  background: #ffffff;
}
.ProductArchitecture .box .box-content .item1 img {
  width: 100%;
  height: 100%;
}
.ProductArchitecture .box .box-content .item2 {
  width: 32.14%;
  background: #ffffff;
  padding: 0 37px 0 37px;
}
.ProductArchitecture .box .box-content .item2 video {
  width: 100%;
  height: 100%;
}
.ProductArchitecture .box .box-content .item3 {
  flex: auto;
  padding: 0 0 0 13px;
  gap: 20px;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
}
.ProductArchitecture .box .box-content .item3 h3 {
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: left;
}
.ProductArchitecture .box .box-content .item3 small {
  display: flex;
  gap: 25px;
}
.ProductArchitecture .box .box-content .item3 small a {
  color: #4c80f7;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
  display: flex;
  align-items: center;
}
.ProductArchitecture .box .box-content .item3 small a div {
  width: 16px;
  height: 16px;
}
.ProductArchitecture .box .box-content .item3 button {
  cursor: pointer;
  width: 106px;
  height: 40px;
  border: 1px solid #407aff;
  border-radius: 2px;
  background: #407aff;
  margin-top: 20px;
  color: #fafafa;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
}

.ProductArchitectureImgAndText {
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
  background: #fff;
}
.ProductArchitectureImgAndText h1,
.ProductArchitectureImgAndText h2,
.ProductArchitectureImgAndText h3,
.ProductArchitectureImgAndText h4,
.ProductArchitectureImgAndText h5 {
  margin-bottom: unset;
  cursor: default;
}
.ProductArchitectureImgAndText .box .box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.ProductArchitectureImgAndText .box .box-content {
  margin-top: 40px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  gap: 45px;
}
.ProductArchitectureImgAndText .box .box-content .item1 {
  border-radius: 8px;
  background: #ffffff;
  padding: 17.25px;
}
.ProductArchitectureImgAndText .box .box-content .item1 img {
  width: 100%;
  height: 100%;
}
.ProductArchitectureImgAndText .box .box-content .item3 {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
}
.ProductArchitectureImgAndText .box .box-content .item3 .title {
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 50px;
}
.ProductArchitectureImgAndText .box .box-content .item3 .title:nth-of-type(1) {
  margin-top: 0;
}
.ProductArchitectureImgAndText .box .box-content .item3 .desc {
  color: #595959;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

.ProductFeatures {
  background: #fafafa;
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.ProductFeatures h1,
.ProductFeatures h2,
.ProductFeatures h3,
.ProductFeatures h4,
.ProductFeatures h5 {
  margin-bottom: unset;
  cursor: default;
}
.ProductFeatures .box .box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.ProductFeatures .box .box-content {
  height: 414px;
  box-sizing: content-box;
  margin-top: 40px;
  padding: 12px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  background: #ffffff;
}
.ProductFeatures .box .box-content .item1 {
  width: 54.28%;
  background: #ffffff;
  display: flex;
}
.ProductFeatures .box .box-content .item1 img {
  width: 65.57%;
  height: 100%;
}
.ProductFeatures .box .box-content .item1 .switchBox {
  width: 34.43%;
  flex: auto;
  height: 100%;
  background-color: #f2f5fa;
  padding: 15px 12px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ProductFeatures .box .box-content .item1 .switchBox .switchBtn {
  width: 100%;
  text-align: center;
}
.ProductFeatures .box .box-content .item1 .switchBox .switchBtn.btn {
  height: 47px;
  line-height: 47px;
  border-radius: 4px;
  background: #ffffff;
  color: #595959;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.ProductFeatures .box .box-content .item1 .switchBox .switchBtn.btn.active {
  color: #fafafa;
  background: linear-gradient(136.77deg, #48a0ff 3.172%, #407aff 96.828%);
}
.ProductFeatures .box .box-content .item2 {
  width: 44.85%;
  background: #ffffff;
  overflow: hidden;
}
.ProductFeatures .box .box-content .item2 img {
  width: 100%;
  height: 100%;
}

.ProductFeatures1-wrap {
  width: 100%;
  padding: 0 60px;
  background: #fafafa;
}
.ProductFeatures1-wrap .ProductFeatures1 {
  padding: 80px 0 80px;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  min-width: 1080px;
}
.ProductFeatures1-wrap .ProductFeatures1-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.ProductFeatures1-wrap .ProductFeatures1-subTitle {
  text-align: center;
}
.ProductFeatures1-wrap .tabs-box {
  margin: 60px 0 20px;
  overflow: hidden;
  display: flex;
  justify-content: start;
}
.ProductFeatures1-wrap .tabs-box .tabs {
  cursor: pointer;
  margin-right: 15px;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  background: #FFFFFF;
  min-width: 86px;
}
.ProductFeatures1-wrap .tabs-box .tabs .tabs-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
}
.ProductFeatures1-wrap .tabs-box .tabs .tabs-title {
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
}
.ProductFeatures1-wrap .tabs-box .tabs.active {
  background: #407AFF !important;
  font-size: 14px;
  color: #FBFBFB !important;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item {
  width: 100%;
  display: flex;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left {
  width: 625px;
  padding: 60px;
  text-align: left;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container {
  width: 100%;
  position: relative;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-title {
  margin-bottom: 20px;
  width: 235px;
  height: 36px;
  overflow: hidden;
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-subTitle-item {
  font-size: 20px;
  color: #262626;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 30px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-content {
  margin-bottom: 30px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-content .ProductFeatures1-tabpane-item-content-item {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-btn {
  display: flex;
  position: absolute;
  bottom: 0px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-btn .ProductFeatures1-tabpane-item-btn-item {
  padding: 10px 15px;
  background: #4469FF;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  color: #FBFBFB;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-left-container .ProductFeatures1-tabpane-item-btn .ProductFeatures1-tabpane-item-btn-item > img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  margin-top: -5px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-footer {
  margin-top: 34px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-footer .ProductFeatures1-tabpane-item-footer-text {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 4.2px;
  margin-right: 30px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-left .ProductFeatures1-tabpane-item-footer img.ProductFeatures1-tabpane-item-footer-logo {
  margin-right: 30px;
  display: inline-block;
  width: 80px;
}
.ProductFeatures1-wrap .ProductFeatures1-tabpane-item .ProductFeatures1-tabpane-item-right img {
  width: 100%;
  height: 100%;
}

.ProductNews {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 80px;
  padding-bottom: 80px;
}
.ProductNews .ProductNews-container {
  text-align: center;
}
.ProductNews .ProductNews-container .slick-arrow.slick-prev {
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  border-radius: 100%;
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  display: inline-block;
  top: 100px;
  margin-left: -31px;
}
.ProductNews .ProductNews-container .slick-arrow.slick-prev::after:hover {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.ProductNews .ProductNews-container .slick-arrow.slick-prev::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(-135deg);
  margin-right: 10px;
  top: 15px;
  left: 16px;
}
.ProductNews .ProductNews-container .slick-arrow.slick-prev:hover:after {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.ProductNews .ProductNews-container .slick-arrow.slick-next {
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 97%);
  border-radius: 100%;
  box-shadow: 0px 12px 12px -4px rgba(0, 0, 0, 0.05);
  display: inline-block;
  top: 100px;
  margin-right: -31px;
}
.ProductNews .ProductNews-container .slick-arrow.slick-next::after:hover {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.ProductNews .ProductNews-container .slick-arrow.slick-next::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #c3c8d6;
  border-right: 2px solid #c3c8d6;
  transform: rotate(45deg);
  margin-right: 10px;
  top: 15px;
  left: 12px;
}
.ProductNews .ProductNews-container .slick-arrow.slick-next:hover:after {
  border-top: 2px solid #407AFF;
  border-right: 2px solid #407AFF;
}
.ProductNews .ProductNews-container .ant-carousel .slick-list .slick-slide.slick-active {
  height: 298px;
}
.ProductNews .ProductNews-container .ant-carousel .slick-prev,
.ProductNews .ProductNews-container .ant-carousel .slick-next {
  top: 80px;
}
.ProductNews .ProductNews-container .ProductNews-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.ProductNews .ProductNews-container .ProductNews-area {
  display: inline-block;
  width: 92%;
  text-align: center;
}
.ProductNews .ProductNews-container .ProductNews-area .ant-carousel .slick-slider {
  width: auto !important;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item:hover .title {
  color: #407AFF !important;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: left;
  padding-right: 20px;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item img {
  overflow: hidden;
  border-radius: 8px;
  width: 412px;
  height: 180px;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item .ProductNews-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item .ProductNews-item-title .title {
  color: #262626;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: left;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item .ProductNews-item-title .time {
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: right;
}
.ProductNews .ProductNews-container .ProductNews-area .ProductNews-item .ProductNews-item-desc {
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.TrialCenter-wrap {
  width: 100%;
  padding: 0 60px;
  background: #fafafa;
}
.TrialCenter-wrap .TrialCenter {
  padding: 80px 0 80px;
}
.TrialCenter-wrap .TrialCenter-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 40px;
}
.TrialCenter-wrap .TrialCenter-subTitle {
  text-align: center;
}
.TrialCenter-wrap .tabs-box {
  margin: 60px 0 20px;
  overflow: hidden;
  display: flex;
  justify-content: start;
}
.TrialCenter-wrap .tabs-box .tabs {
  cursor: pointer;
  margin-right: 15px;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  background: #FFFFFF;
  min-width: 86px;
}
.TrialCenter-wrap .tabs-box .tabs .tabs-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
}
.TrialCenter-wrap .tabs-box .tabs .tabs-title {
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
}
.TrialCenter-wrap .tabs-box .tabs.active {
  background: #407AFF !important;
  font-size: 14px;
  color: #FBFBFB !important;
}
.TrialCenter-wrap .TrialCenter-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left {
  text-align: left;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  margin-right: 96px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container {
  width: 100%;
  position: relative;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-title {
  margin-bottom: 20px;
  width: 235px;
  height: 36px;
  overflow: hidden;
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-tags .TrialCenter-content-tag {
  background: #F0F7FF;
  margin-bottom: 5px;
  padding: 6px 10px;
  color: #407AFF;
  border-radius: 2px;
  font-size: 14px;
  display: inline-block;
  line-height: 20px;
  font-weight: 400;
  margin: 0 10px 10px 0;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-subTitle-item {
  font-size: 20px;
  color: #262626;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 30px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-content {
  margin-bottom: 30px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-content .TrialCenter-content-content-item {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  opacity: 0.8;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-btn {
  display: flex;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-btn .TrialCenter-content-btn-item {
  height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  background: #407AFF;
  font-size: 16px;
  line-height: 44px;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 2px;
  border-color: #407AFF;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-btn .TrialCenter-content-btn-item:hover {
  background: #699BFF;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-btn .TrialCenter-content-btn-item:active {
  background: #2b5ad9;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-left-container .TrialCenter-content-btn .TrialCenter-content-btn-item > img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  margin-top: -5px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-footer {
  margin-top: 34px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-footer .TrialCenter-content-footer-text {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 4.2px;
  margin-right: 30px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-left .TrialCenter-content-footer img.TrialCenter-content-footer-logo {
  margin-right: 30px;
  display: inline-block;
  width: 80px;
}
.TrialCenter-wrap .TrialCenter-content .TrialCenter-content-right img {
  width: 100%;
  height: 100%;
}

.ResourcePackagePrice {
  width: 100%;
  padding: 80px 60px;
}
.ResourcePackagePrice .ResourcePackagePrice-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 34px;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-thead {
  border: solid 2px #407AFF;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-thead > tr > th {
  background-color: #407AFF;
  color: #fff;
  font-weight: 500;
  height: 60px;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-thead > tr > th::before {
  display: none;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-thead > tr > th:first-child {
  border-top-left-radius: 4px;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-thead > tr > th:last-child {
  border-top-right-radius: 4px;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody {
  border: solid 2px #F8F8F8;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr {
  font-weight: 400;
  height: 60px;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #262626;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr:nth-child(even) {
  background-color: #F8F8F8;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr > td {
  border-bottom: none;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[first-col-span="true"] {
  background-color: #EEF3FF;
  border-bottom: solid 2px #FFF;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[first-col-span="true"]:last-child {
  border-bottom-width: 0;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[second-col-span="true"]::after {
  content: " ";
  border-right: solid 2px #F8F8F8;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[first-col="true"] {
  border-left: solid 2px #F8F8F8;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[last-col="true"] {
  border-right: solid 2px #F8F8F8;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[last-row="true"] {
  border-bottom: solid 2px #F8F8F8;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[bottom-left-td="true"] {
  border-bottom-left-radius: 4px;
}
.ResourcePackagePrice .ResourcePackagePrice-table .ezd-table-tbody > tr td[bottom-right-td="true"] {
  border-bottom-right-radius: 4px;
}
.ResourcePackagePrice .normal-table tr > td:first-child {
  border-left: solid 2px #F8F8F8;
}
.ResourcePackagePrice .normal-table tr > td:last-child {
  border-right: solid 2px #F8F8F8;
}
.ResourcePackagePrice .normal-table tr:last-child > td {
  border-bottom: solid 2px #F8F8F8;
}
.ResourcePackagePrice .normal-table tr:last-child > td:first-child {
  border-bottom-left-radius: 4px;
}
.ResourcePackagePrice .normal-table tr:last-child > td:last-child {
  border-bottom-right-radius: 4px;
}
.ResourcePackagePrice .ezd-tabs-nav-wrap {
  justify-content: space-evenly;
}
.ResourcePackagePrice .ezd-tabs-tab .ezd-tabs-tab-btn {
  line-height: 28px;
}
.ResourcePackagePrice .ezd-tabs-tab.ezd-tabs-tab-active .ezd-tabs-tab-btn {
  text-shadow: none;
}
.ResourcePackagePrice .ezd-tabs-large > .ezd-tabs-nav .ezd-tabs-tab {
  padding: 16px 0;
}
.ResourcePackagePrice .ezd-tabs-top > .ezd-tabs-nav {
  margin-bottom: 40px;
}
.ResourcePackagePrice .ezd-tabs-top > .ezd-tabs-nav .ezd-tabs-ink-bar {
  height: 3px;
}
.ResourcePackagePrice .ezd-radio-group {
  margin-bottom: 20px;
}
.ResourcePackagePrice .ezd-radio-group .ezd-radio-button-wrapper {
  height: 36px;
  border: none;
  background-color: #F5F7FA;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  padding: 5px 29px;
  margin-right: 15px;
}
.ResourcePackagePrice .ezd-radio-group .ezd-radio-button-wrapper-checked {
  background-color: #407AFF;
  color: #FBFBFB;
}
.ResourcePackagePrice .ezd-radio-group .ezd-radio-button-wrapper-checked:hover {
  color: #FBFBFB;
}

.AiTrial-wrap {
  width: 100%;
  padding: 0 60px;
  background: #fff;
}
.AiTrial-wrap .AiTrial-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin: 80px 0 40px;
}
.AiTrial-wrap .AiTrial-content {
  display: flex;
  padding: 24px 0 24px 24px;
  background: #F5F7FA;
  width: 1352px;
  height: 689px;
  margin: 0 auto 80px;
}
.AiTrial-wrap .AiTrial-content .main-left {
  width: 904px;
}
.AiTrial-wrap .AiTrial-content .main-right {
  min-width: 350px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  height: 100%;
  background-color: #fff;
}
.AiTrial-wrap .AiTrial-content .algorithm-div {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
}
.AiTrial-wrap .AiTrial-content .algorithm-div .ezd-spin-nested-loading {
  padding-bottom: 0;
}
.AiTrial-wrap .AiTrial-content .algorithm-div .algorithm-image-size {
  width: 100%;
  padding-top: 56.5%;
}
.AiTrial-wrap .AiTrial-content .algorithm-div .algorithm-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
}
.AiTrial-wrap .AiTrial-content .algorithm-div .check-target-border {
  position: absolute;
  border: solid 2px #FF4D4F;
}
.AiTrial-wrap .AiTrial-content .algorithm-div .check-target-border .check-target-border-no {
  width: 26px;
  text-align: center;
  border-radius: 0px 2px;
  background-color: #FF4D4F;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: -2px;
  top: -21px;
}
.AiTrial-wrap .AiTrial-content .algorithm-images {
  min-width: 600px;
  margin: 0 auto;
}
.AiTrial-wrap .AiTrial-content .algorithm-goal-image {
  margin-bottom: 24px;
}
.AiTrial-wrap .AiTrial-content .algorithm-goal-image .ezd-spin-nested-loading > div > .ezd-spin {
  max-height: 500px;
}
.AiTrial-wrap .AiTrial-content .algorithm-demo-images {
  display: flex;
}
.AiTrial-wrap .AiTrial-content .algorithm-demo-images .algorithm-demo-image {
  margin-left: 24px;
  width: 25%;
  cursor: pointer;
  border: solid 2px #fff;
}
.AiTrial-wrap .AiTrial-content .algorithm-demo-images .algorithm-demo-image > img {
  object-fit: cover;
}
.AiTrial-wrap .AiTrial-content .algorithm-demo-images .algorithm-demo-image:first-child {
  margin-left: 0;
}
.AiTrial-wrap .AiTrial-content .algorithm-demo-images .selected-demo-image {
  border-color: #407AFF;
}
.AiTrial-wrap .AiTrial-content .selected-demo-image::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABHNCSVQICAgIfAhkiAAAAlBJREFUWIXt2b9rE2EYwPHv8yaTIvQPaEFdxEFpkYog1PxYtH9AHVOE4qKDDkUbwQj+QhAXlyJIO7p1qi6tUXCxQwNOLsmgf0AXdco9Dpdrk6p3917uvYuQ79KD9rn7cFyvD40AlO/pvHosASVggtFqD2iK4dX7h7IpPWwDmM0ZFtWOGBqmd2dHHQswqx5LBv8x+F8qGUbvmQ1rwuQtsG0Mdt0Y7Lox2HVjsOtyBU+fgMWq3UzRDSW6xSrUKv5xqw2tTry5XO5wPxZg+mT82czBh7Hr27C2FX8+U/CwWMgQnAYWfHDXdsj2tzstLPhviZ/AsaQXj7pwmlgAI/DNZqDVPjiuVcLvdNpYAKO24I5/4aB/oV1gAQrH5xrngAs2Q60OiPjPMvhfRQ5e/q6wAEVRvmiCwQAQwPqBrrAAxa7HrjH8AI7aDoehIX0sgPn4VHZV+ZT0BGtbg890kAss9P5wGBjq1IfRrrDQ29aM8K4LN4HJpCcKgDabV5IkOCjX9bkqt91dKp32dwmBNwLtsB8ehfbB24/kM8p6npg4DWxr2uW1CJt5YeI0AG4+k++e8hL4mpMnsj/24Q+P5S3KC/G3uJHrrwt884msIjwAfmXsiUzCvlmu6zLKfYUjWYGiCgUDlO7qdYRbwKkMPJFFggEuregVI9xQZd41KKpYYIDSsk5KgWsINQWL/ySk2l5scFClrucVrqqywBC7R8I2rMFB1RU96ymXPaiKcJEE+7RlO2JoJAb3N3dHZwqGGRXOoJwWmFKYwn+7FIY8/cBHt78B1KK9uVKVdpUAAAAASUVORK5CYII=);
  content: " ";
  background-size: 22px;
  z-index: 99;
  width: 22px;
  height: 22px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.AiTrial-wrap .AiTrial-content .algorithm-result {
  flex: 1;
  position: relative;
  overflow: auto;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .algorithm-result-title {
  padding: 20px 28px 0;
  font-weight: 500;
  color: #262626;
  line-height: 22px;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .algorithm-result-table {
  padding: 20px 24px 0;
  height: calc(100% - 42px);
  overflow: auto;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .table-has-more {
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 54px;
  background-image: linear-gradient(to bottom, #ffffff00 0 0, #fff);
  transition: all;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .algorithm-result-text {
  padding: 24px;
  white-space: pre-wrap;
  word-break: break-word;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .algorithm-result-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .algorithm-result-empty img {
  width: 100px;
  height: 100px;
}
.AiTrial-wrap .AiTrial-content .algorithm-result .algorithm-result-empty .ezd-empty-description {
  line-height: 22px;
}
.AiTrial-wrap .AiTrial-content .algorithm-tip {
  padding: 24px;
  border-top: solid 1px #F0F0F0;
}
.AiTrial-wrap .AiTrial-content .algorithm-tip .algorithm-goal-title {
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
  margin-bottom: 14px;
}
.AiTrial-wrap .AiTrial-content .algorithm-tip .algorithm-upload .ezd-upload {
  width: 100%;
}
.AiTrial-wrap .AiTrial-content .algorithm-tip .algorithm-goal-btn {
  background-image: linear-gradient(to right, #006EF7, #00C1FF);
  height: 44px;
}
.AiTrial-wrap .AiTrial .main-card {
  margin: 0 24px 24px 0;
}
.AiTrial-wrap .AiTrial .main-card:empty {
  display: none;
}

.operationFlow1 {
  margin-top: 80px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 60px;
  width: 100%;
  height: 410px;
  background: #fafafa;
}
.operationFlow1 .operationFlow1-container .operationFlow1-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.operationFlow1 .operationFlow1-container .operationFlow1-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
  margin: 20px auto 0;
  max-width: 1100px;
}
.operationFlow1 .operationFlow1-container .operationFlow1-img {
  background-color: pink;
  margin-top: 40px;
  border-radius: 4px;
  line-height: 100px;
}
.operationFlow1 .operationFlow1-container .operationFlow1-img img {
  width: 2rem;
  height: 100%;
  float: left;
  margin-right: 0rem;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}

.IndustryModule5 {
  padding-left: 60px;
  padding-right: 60px;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card {
  display: flex;
  align-items: left;
  background: #fafafa;
  padding: 50px 40px;
  position: relative;
  border-radius: 8px;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  line-height: 26px;
  color: #595959;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card {
  margin-top: 30px;
  width: 100%;
  height: 396px;
  padding-top: 20px;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-price {
  width: 166px;
  height: 36px;
  color: orange;
  font-size: 28px;
  position: relative;
  z-index: 1;
  font-weight: 500;
  margin-top: 30px;
}
.IndustryModule5 .IndustryModule5-container #IndustryModule5-memory {
  color: orange;
  margin-left: 8px;
  position: relative;
  z-index: 1;
  font-size: small;
  font-weight: 500;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover {
  background-color: #4469ff;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover .IndustryModule5-cardTitle {
  color: #ffffff;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover .IndustryModule5-setText {
  color: #ffffff;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover .IndustryModule5-price {
  color: #fff;
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover #IndustryModule5-memory {
  color: #fff;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover .IndustryModule5-btn {
  background: #ffffff;
  color: #2c58ff;
  cursor: pointer;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover a {
  color: #2c58ff;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 396px;
  bottom: 0;
  opacity: 0;
  border-radius: 8px;
  background-image: url(https://resource.eziot.com/group1/M00/01/5B/CtwQEmc0alyAN_KPAACXRJzfQNs112.png);
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-card:hover:after {
  transition: all 0.3s linear 0.3s;
  opacity: 1;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-cardTitle {
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-setText {
  width: 195px;
  height: 125px;
  font-size: 16px;
  color: #8c8c8c;
  display: flex;
  flex-direction: column;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  margin-top: 15px;
  position: relative;
  z-index: 1;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-btn {
  width: 116px;
  height: 44px;
  margin-top: 10px;
  margin-right: 200px;
  background: #e8ecf1;
  border-radius: 2px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  padding: 9px 0;
  position: relative;
  z-index: 1;
}
.IndustryModule5 .IndustryModule5-container .IndustryModule5-btn a {
  color: #595959;
}

.docToolNormal {
  background: #fafafa;
  padding-left: 60px;
  padding-right: 60px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content {
  margin-top: 40px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item {
  text-align: left;
  cursor: pointer;
  transition: all 0.5s;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 40px 25px;
  margin: 0 20px 20px 0;
  display: inline-block;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 9px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-top .left-item-top-icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-bottom {
  margin-left: 42px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:hover .content-left-item-top {
  color: #407aff;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:nth-child(3n) {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:last-child {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item {
  width: 32.357%;
  height: 156px;
  background: #ffffff;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  padding-top: 40px;
  padding-left: 25px;
  transition: all 0.5s;
  cursor: pointer;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-left {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right .item-right-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right .item-right-content {
  opacity: 0.8;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:hover .item-right-title {
  color: #407aff;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:nth-child(3n + 3) {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:last-child {
  margin-right: 0;
}
.ezd-message-notice-content {
  margin-top: 80px;
}
.submit_Btn {
  width: 100%;
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.submit-success {
  text-align: center;
  padding: 20px 60px;
}
.submit-success .succes-img {
  max-width: 300px;
}
.submit-success .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 8.31px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success .success-sub-title {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2.33px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success .success-img img {
  width: 100%;
}
.submit-success .submit-btn-container {
  margin-top: 60px;
}
.submit-success .submit-btn-container .submit-btn {
  font-size: 18px;
  background-color: #4c80f7;
  color: #ffffff;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #ffffff;
  outline: none;
}
.content-qrcode {
  width: 188px;
  position: absolute;
  bottom: 100px;
  left: 250px;
  height: 217px;
  background-color: #ffffff;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 3px 16px 0 rgba(0, 0, 0, 0.03), 0 3px 7px 0 rgba(0, 0, 0, 0.05);
}
.qrcode {
  width: 169px;
  height: 169px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-left: 20px;
  padding-top: 20px;
}
.qrcodetitle {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.BeginnerAccountRule {
  width: 100%;
  background-color: #ffffff;
  padding: 80px 60px;
}
.BeginnerAccountRule a {
  color: #407aff;
}
.BeginnerAccountRule a:hover {
  color: #699bff;
}
.BeginnerAccountRule a:active {
  color: #2b5ad9;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 10px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-tags {
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content {
  width: 100%;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox {
  width: 100%;
  height: 580px;
  background: linear-gradient(to bottom, #f5f9fc, #ffffff);
  border: 2px solid #ffffff;
  box-shadow: 5px 5px 18px -4px rgba(192, 209, 223, 0.3), -5px -5px 10px -2px rgba(255, 255, 255, 0.63);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .BeginnerAccountRule-backgroundImg {
  width: 100%;
  height: 182px;
  padding: 36px 40px;
  background-position: center;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .card-warp {
  position: absolute;
  z-index: 2;
  top: 36px;
  left: 40px;
  right: 40px;
  height: 560px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-desc {
  font-size: 14px;
  color: #5e5e5e;
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-tag {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-top: 10px;
  flex-wrap: nowrap;
  align-items: center;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-tag p {
  border: #8c8c8c 1px solid;
  font-size: 10.5px;
  padding-left: 2px;
  padding-right: 2px;
  height: 25px;
  display: flex;
  margin-right: 10px;
  border-radius: 2px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  color: #8c8c8c;
  line-height: 20px;
  align-items: center;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox .contentBox-image {
  width: 100%;
  height: 343px;
  margin-top: 20px;
}
.BeginnerAccountRule .BeginnerAccountRule-container .BeginnerAccountRule-content .BeginnerAccountRule-contentBox:hover .BeginnerAccountRule-backgroundImg {
  width: 100%;
  height: 182px;
  padding: 36px 40px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.06);
  transition: transform 0.6s;
  background-position: center;
  opacity: 0.5;
}

.docToolNormal {
  background: #fafafa;
  padding-left: 60px;
  padding-right: 60px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content {
  margin-top: 40px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item {
  text-align: left;
  cursor: pointer;
  transition: all 0.5s;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 40px 25px;
  margin: 0 20px 20px 0;
  display: inline-block;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 9px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-top .left-item-top-icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item .content-left-item-bottom {
  margin-left: 42px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:hover .content-left-item-top {
  color: #407aff;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:nth-child(3n) {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .docToolNormal-box-content .box-content-left-item:last-child {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item {
  width: 32.357%;
  height: 156px;
  background: #ffffff;
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  padding-top: 40px;
  padding-left: 25px;
  transition: all 0.5s;
  cursor: pointer;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-left {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right .item-right-title {
  font-size: 18px;
  color: #262626;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item .content-item-right .item-right-content {
  opacity: 0.8;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:hover {
  box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-10px);
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:hover .item-right-title {
  color: #407aff;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:nth-child(3n + 3) {
  margin-right: 0;
}
.docToolNormal .docToolNormal-box .aiConsult-box-content .content-item:last-child {
  margin-right: 0;
}
.ezd-message-notice-content {
  margin-top: 80px;
}
#tag {
  color: #407aff;
}
.submit_Btn {
  width: 100%;
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.submit-success {
  text-align: center;
  padding: 20px 60px;
}
.submit-success .succes-img {
  max-width: 300px;
}
.submit-success .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 8.31px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success .success-sub-title {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2.33px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success .success-img img {
  width: 100%;
}
.submit-success .submit-btn-container {
  margin-top: 60px;
}
.submit-success .submit-btn-container .submit-btn {
  font-size: 18px;
  background-color: #4c80f7;
  color: #ffffff;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #ffffff;
  outline: none;
}

.ProductArchitectureImgAndText {
  background: #fafafa;
  padding-bottom: 80px;
  padding-left: 60px;
  padding-right: 60px;
}
.ProductArchitectureImgAndText h1,
.ProductArchitectureImgAndText h2,
.ProductArchitectureImgAndText h3,
.ProductArchitectureImgAndText h4,
.ProductArchitectureImgAndText h5 {
  margin-bottom: unset;
  cursor: default;
}
.ProductArchitectureImgAndText .box .box-title {
  font-size: 28px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  padding-top: 80px;
}
.ProductArchitectureImgAndText .box .box-content {
  margin-top: 40px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  gap: 45px;
}
.ProductArchitectureImgAndText .box .box-content .item1 {
  border-radius: 8px;
  background: #ffffff;
  padding: 17.25px;
}
.ProductArchitectureImgAndText .box .box-content .item1 img {
  width: 100%;
  height: 100%;
}
.ProductArchitectureImgAndText .box .box-content .item3 {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
}
.ProductArchitectureImgAndText .box .box-content .item3 .title {
  color: #262626;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 50px;
}
.ProductArchitectureImgAndText .box .box-content .item3 .title:nth-of-type(1) {
  margin-top: 0;
}
.ProductArchitectureImgAndText .box .box-content .item3 .desc {
  color: #595959;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

.MNav-Header {
  background: #fff;
  z-index: 888;
  width: 100%;
  top: 0;
  left: 0;
  height: 0.44rem;
}
.MNav-Header .Header-container {
  height: 100%;
  /* Logo部分 */
  /* 导航菜单 */
}
.MNav-Header .Header-container .Header-Logo {
  position: absolute;
  top: 0.06rem;
  right: calc(50% - 0.45rem);
  height: 0.3rem;
  z-index: 1;
}
.MNav-Header .Header-container .Header-Logo img {
  width: 0.9rem;
  height: 100%;
}
.MNav-Header .Header-container .Header-Nav {
  /* 菜单按钮 */
}
.MNav-Header .Header-container .Header-Nav .Header-menu {
  display: block;
  position: absolute;
  top: 12px;
  left: 20px;
  z-index: 20;
  float: left;
  width: 30px;
}
.MNav-Header .Header-container .Header-Nav .Header-menu .Header-menu-bar {
  margin: 8px auto;
  width: 24px;
  height: 2px;
  background: #000000;
  transition: all 0.4s;
  border-radius: 1px;
}
.MNav-Header .Header-container .Header-Nav .Header-menu .Header-menu-bar1 {
  width: 24px;
}
.MNav-Header .Header-container .Header-Nav .Header-menu .Header-menu-bar2 {
  margin-right: 8px;
  width: 18px;
}
.MNav-Header .Header-container .Header-Nav .Header-menu.open .Header-menu-bar {
  background: #000;
}
.MNav-Header .Header-container .Header-Nav .Header-menu.open .Header-menu-bar1 {
  transform: rotate(45deg) translate(7px, 7px);
}
.MNav-Header .Header-container .Header-Nav .Header-menu.open .Header-menu-bar2 {
  width: 24px;
  transform: rotate(135deg);
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 19;
  transition: height 0.5s;
  overflow: hidden;
  height: 0;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box-Top {
  height: 15%;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box {
  height: 85%;
  overflow: auto;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-title {
  margin: 0 0.5rem 0 0.5rem;
  padding: 0.2rem 0 0.2rem 0;
  font-size: 14px;
  color: #333333;
  letter-spacing: 1.56px;
  display: flex;
  justify-content: space-between;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-title .Nav-NavSub-title-icon-up {
  width: 0.14rem;
  height: 0.14rem;
  background: url(https://resource.eziot.com/group1/M00/00/03/CtwQEl8f3BWAK4M2AAABxV94RJU874.png) no-repeat center center;
  background-size: contain;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-title .Nav-NavSub-title-icon-down {
  width: 0.14rem;
  height: 0.14rem;
  background: url(https://resource.eziot.com/group1/M00/00/03/CtwQE18f3BKALBXJAAAB4aWFklw748.png) no-repeat center center;
  background-size: contain;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-title a {
  font-size: 14px;
  color: #333333;
  letter-spacing: 1.56px;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-title.selected .Nav-NavMainLink {
  color: #4c80f7;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-content .Nav-NavSub-title {
  color: #666666;
  margin-left: 0.8rem;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-content .Nav-NavSub-content {
  padding: 0.05rem 0;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links .Header-Nav-Box .Nav-NavSub-content .Nav-NavSub-content .Nav-NavSub-title {
  color: #999999;
  margin-left: 1.1rem;
  border-bottom: none;
  padding: 0.15rem 0 0.15rem 0;
}
.MNav-Header .Header-container .Header-Nav .Header-Nav-Links.open {
  overflow: auto;
  height: 100%;
}
.MNav-Header .Header-container .header-contact-us {
  position: absolute;
  top: 0.06rem;
  right: 0.15rem;
  height: 0.3rem;
}
.MNav-Header .Header-container .header-contact-us img {
  width: 0.24rem;
  height: 0.24rem;
}
.MNav-Header .Header-container .header-ai-chat {
  position: absolute;
  top: 0.06rem;
  right: 0.54rem;
  height: 0.3rem;
}
.MNav-Header .Header-container .header-ai-chat img {
  width: 0.24rem;
  height: 0.24rem;
}
.MNav-Header .MNav-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(1, 1, 1, 0.5);
}
.MNav-Header .MNav-mask .logo-container {
  display: flex;
  height: 0.4rem;
  padding: 0 0.16rem;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}
.MNav-Header .MNav-mask .logo-container .logo {
  height: 0.3rem;
}
.MNav-Header .MNav-mask .logo-container .close {
  display: block;
  background: url("https://resource.eziot.com/group2/M00/01/05/CtwQF2hQ_xyAa1XFAAABoD6iHEs436.png");
  background-size: cover;
  width: 0.24rem;
  height: 0.24rem;
}
.MNav-Header .MNav-mask .btn-container {
  display: flex;
  height: 0.82rem;
  padding: 0.19rem 0.16rem 0.2rem;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}
.MNav-Header .MNav-mask .btn-container .btn-item {
  height: 0.42rem;
  width: 1.62rem;
  color: #fff;
  line-height: 0.42rem;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
}
.MNav-Header .MNav-mask .btn-container .btn-item:first-of-type {
  background: #407aff;
}
.MNav-Header .MNav-mask .btn-container .btn-item:last-of-type {
  border: 1px solid #407aff;
  color: #407AFF;
}
.MNav-Header .MNav-mask .login-container {
  height: 2rem;
  padding: 0.19rem 0.14rem;
  background-color: #fff;
}
.MNav-Header .MNav-mask .login-container .user-info {
  padding-top: 0.11rem;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.13rem;
  color: #191c1f;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}
.MNav-Header .MNav-mask .login-container .user-info img {
  width: 0.52rem;
  height: 0.52rem;
}
.MNav-Header .MNav-mask .login-container .login-line {
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
  margin: 0.12rem 0 0.3rem;
}
.MNav-Header .MNav-mask .login-container .btn-item {
  width: 100%;
  height: 0.5rem;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  line-height: 0.5rem;
  color: #262626;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: center;
}

.default {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
  max-width: 295px;
  min-width: 136px;
  width: max-content;
}
.h5_toast_text {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
  max-width: 295px;
  min-width: 136px;
  width: max-content;
  /* 点击穿透 */
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}

.MBanner {
  height: 4.4rem;
  width: 100%;
}
.MBanner .am-carousel-wrap {
  margin-bottom: 0.3rem;
}
.MBanner .am-carousel-wrap .am-carousel-wrap-dot > span {
  display: block;
  width: 4px;
  height: 4px;
  margin: 0 3px;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
.MBanner .am-carousel-wrap .am-carousel-wrap-dot-active > span::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  left: -3px;
  top: -3px;
  border: 1px solid #fff;
}
.MBanner .MBanner-item {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0 0.4rem;
}
.MBanner .MBanner-item .MBanner-item-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.MBanner .MBanner-item .MBanner-item-container .MBanner-item-title {
  font-size: 0.4rem;
  color: #FFFFFF;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.MBanner .MBanner-item .MBanner-item-container .MBanner-item-content {
  font-size: 0.2rem;
  color: #FFFFFF;
  letter-spacing: 1.22px;
}
.MBanner .MBanner-item .MBanner-item-container .MBanner-btn-container {
  margin-top: 0.3rem;
  text-align: left;
}
.MBanner .MBanner-item .MBanner-item-container .MBanner-btn-container .MBanner-btn-item {
  height: 36px;
  line-height: 36px;
  width: 114px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 7px;
  text-align: center;
  border-radius: 27.5px;
  padding-left: 7px;
}
.MBanner .swiper-pagination.swiper-pagination-bullets {
  bottom: 30px;
}
.MBanner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(102, 102, 102, 0.35);
  opacity: 1;
  position: relative;
  margin-right: 8px;
}
.MBanner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
}

.space-carousel {
  padding: 16px;
  background: #DEF1E5;
  overflow: hidden;
}
.MSlider {
  background-color: #262727;
  background-repeat: no-repeat;
  background-image: url(https://resource.eziot.com/group2/M00/00/02/CtwQF18gBFSARbtUAAL3RwJvkfw992.png);
  background-size: contain;
}
.MSlider .swiper-container {
  background: none!important;
}
.MSlider .swiper-slide {
  transition: 300ms;
  transform: scale(0.9);
}
.MSlider .swiper-slide-active,
.MSlider .swiper-slide-duplicate-active {
  transform: scale(1);
}
.MSlider .carousel-item {
  background: #4B4B4B;
  border-radius: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  height: 232px;
  padding: 0 20px;
}
.MSlider .carousel-item .carousel-item-image {
  display: inline-block;
  width: 42%;
}
.MSlider .carousel-item .carousel-item-image img {
  width: 190%;
  margin-left: -70px;
  margin-top: 50px;
}
.MSlider .carousel-item .carousel-item-detail {
  display: inline-block;
  width: 163px;
  color: #ffffff;
}
.MSlider .carousel-item .carousel-item-detail .carousel-item-detail-title {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MSlider .carousel-item .carousel-item-detail .carousel-item-detail-content {
  font-size: 10px;
  color: #CCCCCC;
  letter-spacing: 1.43px;
  line-height: 20px;
}
.MSlider .carousel-item .carousel-item-detail .carousel-item-detail-labs {
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-align: center;
  line-height: 21px;
  display: inline-block;
  height: 21px;
  background: #4C80F7;
  text-align: left;
  margin-top: 12px;
}
.MSlider .carousel-item .carousel-item-detail .labs0 {
  padding: 0 10px;
}
.MSlider .carousel-item .carousel-item-detail .labs1 {
  padding: 0 10px;
  width: 107px;
}

.MAbility .Mability-tab {
  width: 100%;
  background: #272727;
  color: #999999;
  overflow: hidden;
}
.MAbility .Mability-tab .MAbility-title-wrap {
  overflow-y: hidden;
  overflow: auto;
}
.MAbility .Mability-tab .MAbility-title-wrap::-webkit-scrollbar {
  display: none;
}
.MAbility .Mability-tab .MAbility-title {
  cursor: pointer;
  display: inline-flex;
  margin: 0 20px 15px;
  overflow: auto;
  justify-content: space-between;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
}
.MAbility .Mability-tab .MAbility-title .MAbility-tabs-item {
  display: inline-block;
  color: #999999;
  text-align: center;
  margin: 0 10px;
  font-size: 14px;
  letter-spacing: 1.75px;
  padding-top: 6px;
}
.MAbility .Mability-tab .MAbility-title .MAbility-tabs-item img {
  width: 60px;
  height: 60px;
  margin-bottom: 5px;
}
.MAbility .Mability-tab .MAbility-title .MAbility-tabs-item.active {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 1.33px;
  line-height: 26px;
  padding-top: 0;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-content {
  justify-content: space-between;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-underline {
  display: none;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-nextpage,
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-prevpage {
  display: none;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-tab {
  width: auto !important;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-tab::after,
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-tab-active::after {
  height: 0px !important;
}
.MAbility .Mability-tab .am-tabs-tab-bar-wrap .am-tabs-default-bar-tab-active {
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MAbility .Mability-tab .Mability-tab-tab-bar-wrap .am-tabs-default-bar-nextpage {
  background: none;
}
.MAbility .Mability-tab .Mability-tab-tab-bar-wrap .am-tabs-default-bar-prevpage {
  background: none;
}
.MAbility .Mability-tab .Mability-tab-item {
  background: #272727;
  min-height: 3.62rem;
  padding: 0.15rem 0.3rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show {
  position: relative;
  text-align: center;
  height: 2.21rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show .bottomShadow {
  position: absolute;
  top: 2.21rem;
  background: url(https://resource.eziot.com/group1/M00/00/03/CtwQEl8f13GABL2gAAAlcD_tYpc660.png) no-repeat center -0.44rem;
  background-size: contain;
  width: 3.15rem;
  height: 1rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show img {
  width: 100%;
  height: 100%;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show .iframe-container {
  width: 100%;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show .iframe-container.showCover {
  opacity: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show .iframe-container.showVideo {
  height: 100%;
  z-index: 100;
  opacity: 1;
  height: 2.21rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-show iframe {
  display: inline-block;
  height: 100%;
  left: 40px;
  top: 0;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail {
  margin-top: 0.26rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-index {
  padding-left: 1px;
  font-size: 8px;
  color: #999999;
  letter-spacing: 1.33px;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-index span:first-child {
  color: #ffffff;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-title {
  font-size: 26px;
  line-height: 1em;
  margin-top: 0.2rem;
  color: #FFFFFF;
  letter-spacing: 6.5px;
  margin-top: 0.15rem;
  margin-bottom: 0.3rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-content {
  font-size: 12px;
  color: #CCCCCC;
  letter-spacing: 1.71px;
  line-height: 24px;
  margin-bottom: 0.15rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-link-container {
  margin: 0.15rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-link-container .link-item {
  display: inline-block;
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 1.1rem;
  overflow: hidden;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-link-container span {
  font-size: 10px;
  color: #FB4848;
  letter-spacing: 1.67px;
  vertical-align: top;
  line-height: 26px;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-link-container .link-item:last-child {
  margin-left: 0.15rem;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-btn-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 0.7rem;
  width: 100%;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-btn-container a {
  display: inline-block;
  width: 1.3rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 0.275rem;
  color: #ffffff;
  text-align: center;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-btn-container a:first-child {
  border: 1px solid #4C80F7;
  background: #4C80F7;
}
.MAbility .Mability-tab .Mability-tab-item .Mability-tab-item-detail .detail-btn-container a:last-child {
  border: 1px solid #B2B2B2;
}

.MModule1 {
  text-align: center;
  padding: 0.3rem 0.1rem 0.6rem;
  background: #fff;
}
.MModule1 .MModule1-title {
  font-size: 16px;
  color: #333333;
  letter-spacing: 5.54px;
  margin-bottom: 0.4rem;
}
.MModule1 .MModule1-image {
  width: 2.67rem;
  margin: 0.3rem 0 0.4rem;
  margin: auto;
}
.MModule1 .MModule1-image img {
  width: 100%;
}
.MModule1 .MModule1-content {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.MModule1 .MModule1-content .content-item {
  display: inline-block;
  padding: 0 10px;
}
.MModule1 .MModule1-content .content-item-title {
  font-size: 14px;
  color: #333333;
  letter-spacing: 4.2px;
  text-align: center;
  margin-bottom: 10px;
}
.MModule1 .MModule1-content .content-item-content {
  font-size: 10px;
  color: #999999;
  letter-spacing: 1.43px;
  text-align: center;
  line-height: 24px;
}

.MModuleC .MModuleC-title {
  text-align: center;
  font-size: 16px;
  color: #333333;
  letter-spacing: 5.54px;
}
.MModuleC .MModuleC-subItem-container {
  margin: 0 auto;
}
.MModuleC .MModuleC-subItem-container .ant-list-grid .ant-col > .ant-list-item {
  margin-bottom: 0;
}
.MModuleC .MModuleC-subItem-container .MModuleC-subItem .MModuleC-subItem-title {
  font-size: 14px;
  color: #333333;
  letter-spacing: 0.93px;
  text-align: center;
}
.MModuleC .MModuleC-subItem-container .MModuleC-subItem .MModuleC-subItem-image-container {
  margin-top: 0.5rem;
  text-align: center;
}
.MModuleC .MModuleC-subItem-container .MModuleC-subItem .MModuleC-subItem-image-container img {
  width: 0.4rem;
}
.MModuleC .MModuleC-subItem-container .MModuleC-subItem .MModuleC-subItem-subTitle-container {
  margin-top: 8px;
}
.MModuleC .MModuleC-subItem-container .MModuleC-subItem .MModuleC-subItem-subTitle {
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
}

.MModuleD {
  padding: 0.4rem 0rem;
}
.MModuleD .MModuleD-subItem-container {
  margin: 0 auto;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem {
  display: inline-block;
  vertical-align: top;
  width: 1.28rem;
  height: 0.78rem;
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  text-align: center;
  padding-top: 10px;
  margin-right: 10px;
  box-sizing: border-box;
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem .MModuleD-subItem-title {
  font-size: 12px;
  color: #333333;
  letter-spacing: 1.2px;
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem .MModuleD-subItem-image-container {
  margin-bottom: 4px;
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem .MModuleD-subItem-image {
  width: 0.4rem;
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem .MModuleD-subItem-subTitle {
  font-size: 10px;
  color: #999999;
  line-height: 16px;
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem:hover {
  border: 1px solid #F1F1F1;
  box-shadow: 0 35px 26px -8px rgba(0, 0, 0, 0.08);
}
.MModuleD .MModuleD-subItem-container .MModuleD-subItem:last-child {
  margin-right: 0;
}
.MModuleD .MModuleD-subItem-container::-webkit-scrollbar {
  display: none;
}

.MModuleE {
  background: url(https://resource.eziot.com/group1/M00/00/01/CtwQEl77QpeAeYigAACBSpgsNDk555.png) no-repeat #4C80F7;
  background-size: 90%;
  background-position: 2.1rem bottom;
  padding: 0.5rem 0.3rem;
}
.MModuleE .logo-container {
  text-align: center;
}
.MModuleE .logo-container .logo-wall-title {
  font-weight: bold;
  font-size: 0.4rem;
  color: #FFFFFF;
  letter-spacing: 6.77px;
  text-align: left;
}
.MModuleE .logo-container .logo-wall-sub-title {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 19.82px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 40px;
}
.MModuleE .logo-container .logo-wall {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.MModuleE .logo-container .logo-wall img {
  width: 0.77rem;
  height: 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.11rem;
}
.MModuleE .logo-container .connect-us {
  display: inline-block;
  margin-top: 0.5rem;
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 8px;
  text-align: center;
  border: 2px solid #FFFFFF;
}

.MModuleF {
  margin: 40px auto 40px;
}
.MModuleF .MModuleF-title {
  text-align: center;
  font-size: 36px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 46px;
  margin-bottom: 30px;
}
.MModuleF .MModuleF-subItem-container {
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem {
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  padding: 20px;
  height: 100%;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 3.33px;
  margin: 20px 0;
  text-align: center;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-image-container {
  text-align: center;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-image {
  width: 80%;
  max-width: 135px;
  max-height: 135px;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-subTitle-container {
  height: 200px;
  overflow: auto;
  padding-right: 20px;
  margin-right: -12px;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-subTitle-container::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-subTitle-container::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: #CCCCCC;
  border: 0 none;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-subTitle-container::-webkit-scrollbar-track-piece {
  /*滚动条里面轨道*/
  background: #F1F1F1 !important;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem .MModuleF-subItem-subTitle {
  font-size: 14px;
  color: #666666;
  letter-spacing: 2px;
  text-align: justify;
  line-height: 30px;
}
.MModuleF .MModuleF-subItem-container .MModuleF-subItem:last-child {
  margin-right: 0;
}

.MModuleG {
  padding: 30px 8% 50px;
  margin: auto;
  background: #4c80f7;
}
.MModuleG .MModuleG-container {
  align-items: center;
  margin: auto;
}
.MModuleG .MModuleG-container .MModuleG-detail .MModuleG-detail-title {
  font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 6.5px;
  text-align: center;
  margin-bottom: 30px;
}
.MModuleG .MModuleG-container .MModuleG-detail .MModuleG-sub-title {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 3.33px;
  margin-top: 30px;
}
.MModuleG .MModuleG-container .MModuleG-detail .MModuleG-content {
  margin-top: 20px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-align: justify;
  line-height: 30px;
}
.MModuleG .MModuleG-container .MModuleG-picture {
  padding-bottom: 20px;
}
.MModuleG .MModuleG-container .MModuleG-picture img {
  width: 100%;
}

.MModuleH {
  text-align: center;
  margin: 40px auto 0;
}
.MModuleH .MModuleH-container {
  margin: auto;
}
.MModuleH .MModuleH-container .MModuleH-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  padding: 0 0 30px;
}
.MModuleH .MModuleH-container .MModuleH-area {
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.MModuleH .MModuleH-container .MModuleH-area .MModuleH-item {
  display: inline-block;
  width: 100%;
  border: 1px solid #F1F1F1;
  text-align: center;
  padding: 30px 8%;
  box-sizing: border-box;
  height: 100%;
}
.MModuleH .MModuleH-container .MModuleH-area .MModuleH-item .MModuleH-item-icon {
  width: 70px;
  height: 70px;
  margin: 10px 0 40px;
  max-width: 60%;
}
.MModuleH .MModuleH-container .MModuleH-area .MModuleH-item .MModuleH-item-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
  text-align: center;
  margin-bottom: 10px;
}
.MModuleH .MModuleH-container .MModuleH-area .MModuleH-item .MModuleH-item-content {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
  line-height: 30px;
}

.MModuleJ {
  background: #ffffff;
  margin: 40px  auto 0;
}
.MModuleJ .MModuleJ-container {
  text-align: center;
  margin: auto;
}
.MModuleJ .MModuleJ-container .MModuleJ-title {
  font-family: MicrosoftYaHeiUI;
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  margin-bottom: 30px;
}
.MModuleJ .MModuleJ-container .area-first-wrap {
  overflow: auto;
}
.MModuleJ .MModuleJ-container .area-first-wrap::-webkit-scrollbar {
  display: none;
}
.MModuleJ .MModuleJ-container .area-first {
  display: inline-flex;
  margin: 0 20px;
  overflow: auto;
  justify-content: space-between;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item {
  display: inline-block;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item .area0-item-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item .area0-item-title {
  font-size: 12px;
  color: #333333;
  letter-spacing: 1.2px;
  text-align: center;
  padding: 0 10px;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item .area0-item-content {
  font-size: 12px;
  color: #666;
  letter-spacing: 1.2px;
  text-align: center;
  margin-top: 10px;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item-img {
  width: 20px;
  margin-top: 10px;
}
.MModuleJ .MModuleJ-container .area-first .module-j-area0-item-img img {
  width: 100%;
}
.MModuleJ .MModuleJ-container .MModuleJ-btn {
  cursor: pointer;
  display: inline-block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 7px;
  text-align: center;
  background: #4C80F7;
  border-radius: 20px;
  margin: 30px 0 40px 0;
  padding-left: 10px;
}
.MModuleJ .MModuleJ-container .MModuleJ-btn a {
  color: #FFFFFF;
}
.MModuleJ .MModuleJ-container .area-second .module-j-area1-item {
  display: inline-block;
  width: 710px;
  height: 160px;
  padding: 40px 45px;
}
.MModuleJ .MModuleJ-container .area-second .module-j-area1-item .logo-container {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid gray;
  margin-right: 20px;
}
.MModuleJ .MModuleJ-container .area-second .module-j-area1-item .content-container {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.MModuleJ .MModuleJ-container .area-second .module-j-area1-item .content-container .area1-item-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 2.4px;
}
.MModuleJ .MModuleJ-container .area-second .module-j-area1-item .content-container .area1-item-content {
  opacity: 0.99;
  font-family: MicrosoftYaHeiUI;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 30px;
}
.MModuleJ .MModuleJ-container .area-second .module-j-area1-item:hover {
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  box-shadow: 0 35px 26px -8px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}

.MModuleL {
  margin-top: 40px;
  text-align: center;
}
.MModuleL .MModuleL-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 6.5px;
  text-align: center;
  margin-bottom: 30px;
}
.MModuleL .MModuleL-area {
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.MModuleL .MModuleL-area .MModuleL-item {
  display: inline-block;
  border: 1px solid #F1F1F1;
  padding: 30px 20px;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.MModuleL .MModuleL-area .MModuleL-item img {
  display: inline-block;
  width: 118px;
  height: 118px;
}
.MModuleL .MModuleL-area .MModuleL-item .MModuleL-item-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
  text-align: center;
  margin-top: 20px;
}
.MModuleL .MModuleL-area .MModuleL-item .MModuleL-item-content {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
  line-height: 14px;
  margin-top: 10px;
}
.MModuleL .MModuleL-area .MModuleL-item .MModuleL-item-btn {
  border: 1px solid #4C80F7;
  display: inline-block;
  border-radius: 2px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  color: #4C80F7;
}

.MModuleM {
  width: 100%;
  margin: 40px auto 0;
  background: #FFFFFF;
  text-align: center;
}
.MModuleM .MModuleM-container {
  margin: auto;
}
.MModuleM .MModuleM-container .MModuleM-title-text {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  text-align: center;
  padding: 0 0 30px;
}
.MModuleM .MModuleM-container .MModuleM-title-wrap {
  overflow: auto;
}
.MModuleM .MModuleM-container .MModuleM-title-wrap::-webkit-scrollbar {
  display: none;
}
.MModuleM .MModuleM-container .MModuleM-title {
  display: inline-flex;
  margin: 0 20px 30px;
  overflow: auto;
  justify-content: space-between;
  align-content: center;
  justify-content: center;
}
.MModuleM .MModuleM-container .MModuleM-title .MModuleM-tabs-item {
  display: inline-block;
  margin: 0px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #999999;
  letter-spacing: 1.75px;
  margin: 0 10px;
  cursor: pointer;
  white-space: nowrap;
  line-height: 26px;
}
.MModuleM .MModuleM-container .MModuleM-title .MModuleM-tabs-item.active {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  color: #333333;
  letter-spacing: 1.33px;
  line-height: 26px;
}
.MModuleM .MModuleM-container .ModeuleM-item-container {
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.MModuleM .MModuleM-container .ModeuleM-item {
  position: relative;
  height: 100%;
  width: 100%;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left {
  vertical-align: top;
  text-align: left;
  margin: -76px auto 0;
  width: 92%;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-left-container {
  display: inline-block;
  padding: 30px;
  box-sizing: border-box;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-title {
  margin-top: 10px;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 6px;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-split {
  display: inline-block;
  width: 20px;
  height: 1px;
  background: #fff;
  margin: 20px 0;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-content-wrap {
  display: flex;
  flex-direction: column;
  height: 156px;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-content {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 30px;
  flex: 1;
  overflow: auto;
  padding-right: 20px;
  margin-right: -12px;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-content::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: #CCCCCC;
  border: 0 none;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-content::-webkit-scrollbar-track-piece {
  /*滚动条里面轨道*/
  background: #F1F1F1 !important;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-footer {
  margin-top: 28px;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-footer .ModeuleM-item-footer-text {
  display: inline-block;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 3.6px;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-left .ModeuleM-item-footer img.ModeuleM-item-footer-logo {
  margin-left: 20px;
  display: inline-block;
  width: 80px;
}
.MModuleM .MModuleM-container .ModeuleM-item .ModeuleM-item-right {
  width: 100%;
  height: 230px;
  vertical-align: top;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.MModuleN {
  text-align: center;
}
.MModuleN .MModuleN-container {
  margin: auto;
}
.MModuleN .MModuleN-container .MModuleN-title {
  margin: 40px 8% 30px;
  font-size: 26px;
  color: #333333;
  letter-spacing: 6.5px;
  text-align: center;
}
.MModuleN .MModuleN-container .area-first {
  display: flex;
  justify-content: space-between;
}
.MModuleN .MModuleN-container .area-first .MModuleN-area0-item {
  display: inline-block;
  background-image: linear-gradient(-216deg, #E9F3FF 0%, #F2F2FB 100%);
  padding: 30px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
.MModuleN .MModuleN-container .area-first .MModuleN-area0-item .area0-item-icon {
  margin-bottom: 20px;
  width: 40px;
  height: 40px;
}
.MModuleN .MModuleN-container .area-first .MModuleN-area0-item .area0-item-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.MModuleN .MModuleN-container .area-first .MModuleN-area0-item .area0-item-content {
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 1.71px;
  line-height: 26px;
}

.MModuleP {
  margin-top: .4rem;
  padding: 40px 30px 50px;
}
.MModuleP .MModuleP-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  margin: 0px auto 30px;
  text-align: center;
}
.MModuleP .MModuleP-subTitle {
  font-size: 20px;
  color: #333333;
  letter-spacing: 5px;
  margin: 40px 0 30px;
}
.MModuleP .MModuleP-content {
  font-size: 12px;
  color: #666666;
  letter-spacing: 1.71px;
  line-height: 24px;
}
.MModuleP .MModuleP-container .MModuleP-video {
  position: relative;
  text-align: center;
  height: 178px;
}
.MModuleP .MModuleP-container .MModuleP-video img {
  width: 100%;
  height: 100%;
}
.MModuleP .MModuleP-container .MModuleP-video .iframe-container {
  width: 100%;
}
.MModuleP .MModuleP-container .MModuleP-video .iframe-container.showCover {
  opacity: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
}
.MModuleP .MModuleP-container .MModuleP-video .iframe-container.showVideo {
  height: 100%;
  z-index: 100;
  opacity: 1;
  height: 2.21rem;
}
.MModuleP .MModuleP-container .MModuleP-video .MModuleP-cover {
  width: 100%;
  position: absolute;
  left: 0;
}
.MModuleP .MModuleP-container .MModuleP-video .MModuleP-cover .MModuleP-cover-bg {
  width: 100%;
}

.MModuleR {
  text-align: center;
  width: 100%;
  height: 230px;
}
.MModuleR .MModuleR-content {
  text-align: center;
  margin: auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.MModuleR .MModuleR-content .MModuleR-left,
.MModuleR .MModuleR-content .MModuleR-mid,
.MModuleR .MModuleR-content .MModuleR-right {
  display: inline-block;
  vertical-align: top;
}
.MModuleR .MModuleR-content .MModuleR-left {
  text-align: center;
  padding: 0 8%;
}
.MModuleR .MModuleR-content .MModuleR-left .MModuleR-left-title {
  margin-top: 40px;
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
}
.MModuleR .MModuleR-content .MModuleR-left .MModuleR-left-content {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 24px;
}
.MModuleR .MModuleR-content .MModuleR-mid,
.MModuleR .MModuleR-content .MModuleR-right {
  margin: 0px auto 40px;
  text-align: center;
  position: relative;
  width: 50%;
}
.MModuleR .MModuleR-content .MModuleR-mid.MModuleR-mid-sigle,
.MModuleR .MModuleR-content .MModuleR-right.MModuleR-mid-sigle {
  width: 84%;
}
.MModuleR .MModuleR-content .MModuleR-mid .MModuleR-mid-split,
.MModuleR .MModuleR-content .MModuleR-right .MModuleR-mid-split {
  width: 1px;
  height: 40px;
  background: #DEDEDE;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 0;
}
.MModuleR .MModuleR-content .MModuleR-mid-title,
.MModuleR .MModuleR-content .MModuleR-right-title {
  font-size: 30px;
  color: #4C80F7;
  letter-spacing: 0.83px;
  line-height: 30px;
}
.MModuleR .MModuleR-content .MModuleR-mid-content,
.MModuleR .MModuleR-content .MModuleR-right-content {
  font-size: 12px;
  color: #333333;
  letter-spacing: 1.2px;
  text-align: center;
  line-height: 20px;
  padding: 5px 15px;
}
.MModuleR .MModuleR-content .MModuleR-number {
  font-size: 30px;
  color: #4C80F7;
  letter-spacing: 1px;
  line-height: 30px;
  vertical-align: top;
}
.MModuleR .MModuleR-content .MModuleR-unit {
  font-size: 14px;
  color: #4C80F7;
  letter-spacing: 1.4px;
  text-align: center;
  vertical-align: bottom;
  line-height: 14px;
  vertical-align: inherit;
}

.MModuleS {
  padding: 40px 0;
  text-align: center;
}
.MModuleS .MModuleS-container {
  margin: auto;
}
.MModuleS .MModuleS-container .MModuleS-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  padding: 0 0 30px;
}
.MModuleS .MModuleS-container .area-second {
  display: flex;
  justify-content: center;
}
.MModuleS .MModuleS-container .area-second .area-second-signle-box {
  padding: 0 30px;
}
.MModuleS .MModuleS-container .area-second .module-j-area1-item {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding: 30px 8%;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
}
.MModuleS .MModuleS-container .area-second .module-j-area1-item .logo-container {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid gray;
  margin-right: 20px;
}
.MModuleS .MModuleS-container .area-second .module-j-area1-item .content-container {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.MModuleS .MModuleS-container .area-second .module-j-area1-item .content-container .area1-item-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 2px;
}
.MModuleS .MModuleS-container .area-second .module-j-area1-item .content-container .area1-item-content {
  opacity: 0.99;
  font-family: MicrosoftYaHeiUI;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 10px;
}

.MModuleT .MModuleT-container {
  text-align: center;
  margin: auto;
}
.MModuleT .MModuleT-container .MModuleT-title {
  margin: 40px 8% 30px;
  font-size: 26px;
  color: #333333;
  letter-spacing: 6.5px;
  text-align: center;
}
.MModuleT .MModuleT-container .MModuleT-area {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.MModuleT .MModuleT-container .MModuleT-area .MModuleT-image {
  display: inline-block;
  width: 53.3%;
}
.MModuleT .MModuleT-container .MModuleT-area .MModuleT-image img {
  width: 100%;
}
.MModuleT .MModuleT-container .MModuleT-area .MModuleT-content {
  display: inline-block;
  width: 46.7%;
  text-align: left;
}
.MModuleT .MModuleT-container .MModuleT-area .MModuleT-content .MModuleT-content-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 3.33px;
  margin-bottom: 5px;
}
.MModuleT .MModuleT-container .MModuleT-area .MModuleT-content .MModuleT-content-tabs {
  display: inline-block;
  background: #4C80F7;
  margin-top: 20px;
  padding: 5px 10px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 2px;
}
.MModuleT .MModuleT-container .MModuleT-content-info {
  font-size: 14px;
  color: #666666;
  letter-spacing: 2.33px;
  text-align: justify;
  line-height: 30px;
  margin: 40px 8%;
}

.MModuleU {
  background: #ffffff;
  padding: 40px 0 0 0;
}
.MModuleU .MModuleU-container {
  text-align: center;
  margin: auto;
}
.MModuleU .MModuleU-container .MModuleU-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  margin-bottom: 30px;
}
.MModuleU .MModuleU-container .area-second {
  display: flex;
  justify-content: space-between;
}
.MModuleU .MModuleU-container .area-second .area-second-signle-box {
  padding: 0 30px;
}
.MModuleU .MModuleU-container .area-second .module-u-area1-item {
  display: inline-block;
  width: 100%;
  padding: 20px;
  border: 1px solid #F1F1F1;
  vertical-align: top;
  height: 100%;
  box-sizing: border-box;
}
.MModuleU .MModuleU-container .area-second .module-u-area1-item .logo-container {
  vertical-align: top;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
}
.MModuleU .MModuleU-container .area-second .module-u-area1-item .logo-container img {
  width: 100%;
}
.MModuleU .MModuleU-container .area-second .module-u-area1-item .content-container {
  display: block;
  text-align: left;
  overflow: hidden;
}
.MModuleU .MModuleU-container .area-second .module-u-area1-item .content-container .area1-item-title {
  font-size: 16px;
  color: #333333;
  letter-spacing: 2px;
  text-align: center;
  margin: 10px 0 5px;
}
.MModuleU .MModuleU-container .area-second .module-u-area1-item .content-container .area1-item-content {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 30px;
}

.MModuleV {
  margin-top: .4rem;
}
.MModuleV .MModuleV-container {
  margin: auto;
}
.MModuleV .MModuleV-container .MModuleV-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  text-align: center;
}
.MModuleV .MModuleV-container .MModuleV-content .MModuleV-left .MModuleV-content-title {
  text-align: center;
  font-size: 20px;
  color: #333333;
  letter-spacing: 5px;
  padding: 0 8%;
}
.MModuleV .MModuleV-container .MModuleV-content .MModuleV-left .MModuleV-content-content {
  padding: 30px 8%;
  font-size: 14px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 30px;
}
.MModuleV .MModuleV-container .MModuleV-content .MModuleV-left .MModuleV-content-content .MModuleV-content-content-item {
  margin-bottom: 10px;
}
.MModuleV .MModuleV-container .MModuleV-content .MModuleV-left .MModuleV-content-content .MModuleV-content-content-item:last-child {
  margin-bottom: 0;
}
.MModuleV .MModuleV-container .MModuleV-content .MModuleV-right {
  margin: 30px 0;
}
.MModuleV .MModuleV-container .MModuleV-content .MModuleV-right img {
  width: 100%;
}

.MModuleW {
  padding-top: 40px;
  background: #FFFFFF;
  text-align: center;
}
.MModuleW .MModuleW-container {
  margin: auto;
}
.MModuleW .MModuleW-container .MModuleW-main-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  margin-bottom: 30px;
}
.MModuleW .MModuleW-container .MModuleW-title-wrap {
  overflow: auto;
}
.MModuleW .MModuleW-container .MModuleW-title-wrap::-webkit-scrollbar {
  display: none;
}
.MModuleW .MModuleW-container .MModuleW-title {
  cursor: pointer;
  display: inline-flex;
  margin: 0 20px 40px;
  overflow: auto;
  justify-content: space-between;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
}
.MModuleW .MModuleW-container .MModuleW-title .MModuleW-tabs-item {
  display: inline-block;
  color: #999999;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  margin: 0 10px;
}
.MModuleW .MModuleW-container .MModuleW-title .MModuleW-tabs-item img {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
}
.MModuleW .MModuleW-container .MModuleW-title .MModuleW-tabs-item.active {
  color: #4C80F7;
  letter-spacing: 2px;
}
.MModuleW .MModuleW-container .ModeuleW-item {
  padding-bottom: 50px;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-right {
  vertical-align: top;
  text-align: left;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-right .ModeuleW-item-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 5px;
  margin: 40px 8% 30px;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-right .ModeuleW-item-content {
  margin: 0 8%;
  font-size: 12px;
  color: #666666;
  letter-spacing: 1.71px;
  line-height: 24px;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-right .MModuleW-item-btn {
  width: 130px;
  height: 40px;
  border-radius: 27.5px;
  text-align: center;
  background: #4C80F7;
  border-radius: 26px;
  margin: 50px auto 0;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-right .MModuleW-item-btn a {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 7px;
  text-align: center;
  line-height: 40px;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-right .MModuleW-item-btn:hover {
  background: #4C80F7;
  border: none;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-left {
  display: inline-block;
  width: 84%;
  vertical-align: top;
}
.MModuleW .MModuleW-container .ModeuleW-item .ModeuleW-item-left img {
  width: 100%;
  height: 100%;
}

.MModuleX .MModuleX-container .MModuleX-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  margin: 40px 0 30px;
  text-align: center;
}
.MModuleX .MModuleX-container .MModuleX-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item {
  display: inline-block;
  position: relative;
  height: 100%;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item .MModuleX-item-normal img {
  width: 100%;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item .MModuleX-item-active {
  background-color: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item .MModuleX-item-active img {
  width: 100%;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item .MModuleX-item-active .MModuleX-item-container {
  min-height: 185px;
  padding: 30px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item .MModuleX-item-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 1.67px;
  text-align: center;
}
.MModuleX .MModuleX-container .MModuleX-area .MModuleX-item .MModuleX-item-content {
  font-size: 14px;
  color: #666666;
  letter-spacing: 2px;
  text-align: center;
  line-height: 28px;
  margin-top: 10px;
}

.MModuleY {
  background: #4C80F7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right bottom;
  margin-top: 40px;
}
.MModuleY .MModuleY-container {
  margin: auto;
}
.MModuleY .MModuleY-content {
  margin: auto;
  height: 310px;
  position: relative;
  background-size: 865px;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
}
.MModuleY .MModuleY-content .MModuleY-content-right {
  height: 310px;
  padding-top: 50px;
  box-sizing: border-box;
}
.MModuleY .MModuleY-content .contact-us-container {
  display: inline-block;
  background: #6492FF;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08);
  width: 458px;
}
.MModuleY .MModuleY-content .content-container {
  text-align: center;
}
.MModuleY .MModuleY-content .content-title {
  font-size: 40px;
  color: rgba(255, 255, 255, 0);
  letter-spacing: 6.77px;
  color: #fff;
  text-align: center;
}
.MModuleY .MModuleY-content .content-content {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 5px;
  text-align: center;
  line-height: 21px;
  margin: 9px 0 54px;
}
.MModuleY .MModuleY-content .MModuleY-btn-item {
  display: block;
  border: 2px solid #FFFFFF;
  width: 84%;
  height: 47px;
  line-height: 45px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 8px;
  text-align: center;
  margin: 50px auto;
}

.MModuleZ {
  padding: 40px 0 0 0;
}
.MModuleZ .MModuleZ-container {
  padding: 0 10px;
}
.MModuleZ .MModuleZ-container .MModuleZ-title {
  font-family: MicrosoftYaHeiUI;
  font-size: 26px;
  color: #333333;
  letter-spacing: 4.33px;
  margin-bottom: 30px;
  text-align: center;
}
.MModuleZ .MModuleZ-container .MModuleZ-content {
  width: 100%;
  margin: auto;
}
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table {
  border: 1px solid #F1F1F1;
  border-bottom: 0 none;
}
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table .ant-table-thead > tr > th,
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table .ant-table-tbody > tr > td {
  font-size: 12px;
}
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-content-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #F1F1F1;
}
.MModuleZ .MModuleZ-container .MModuleZ-content .MModuleZ-hint {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  line-height: 40px;
  height: 40px;
  text-align: center;
  border-top: 0 none;
}

.mobile-footer {
  padding: 40px 15px;
  background: #292929;
  box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.08);
}
.mobile-footer .hotProduct .product-title {
  margin-bottom: 10px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}
.mobile-footer .hotProduct .product-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #8C8C8C;
  line-height: 20px;
  padding: 0 17px;
}
.mobile-footer .hotProduct .product-container .product-item {
  font-size: 12px;
  color: #8C8C8C;
  line-height: 20px;
  margin-bottom: 5px;
}
.mobile-footer .hotProduct .product-container .product-item a {
  color: #8C8C8C;
}
.mobile-footer .hotProduct .product-container .product-item:first-child {
  margin-left: 0px;
}
.mobile-footer .info-list {
  width: 210px;
  padding: 0 17px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 15px auto 0px;
}
.mobile-footer .info-list a {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  font-weight: 400;
}
.mobile-footer .divider {
  margin: 30px 0px;
  width: 100%;
  height: 1px;
  transform: scaleY(-1);
  background: #595959;
}
.mobile-footer .contactMethods {
  width: 210px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.mobile-footer .contactMethods .contect-item {
  width: 90px;
}
.mobile-footer .contactMethods .contect-item img {
  width: 90px;
  height: 90px;
}
.mobile-footer .contactMethods .contect-item .title {
  margin-top: 10px;
  font-size: 12px;
  color: #8C8C8C;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}
.mobile-footer .copyright {
  max-width: 238px;
  margin: 0 auto;
  font-size: 10px;
  color: #8C8C8C;
  letter-spacing: 0;
  font-weight: 400;
}
.mobile-footer .copyright .title {
  text-align: center;
}
.mobile-footer .copyright .right-list-container {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
}
.mobile-footer .copyright .right-list-container a {
  color: #8C8C8C;
}
.mobile-footer-btn-sapce {
  height: 72px;
  box-sizing: content-box;
}
.mobile-footer-btns {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  z-index: 99;
  padding: 10px 15px 0px;
  display: flex;
  justify-content: space-evenly;
}
.mobile-footer-btns .mobile-footer-btn {
  width: 100%;
  height: 42px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.mobile-footer-btns .contact-us {
  background-color: #407AFF;
  border: solid 1px #407AFF;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-footer-btns .contact-us > img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.mobile-footer-btns .beginner-guide {
  background-color: #fff;
  border: solid 1px #648FFC;
  color: #648FFC;
  margin-right: 15px;
  line-height: 40px;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(149.69deg, #006ef7, #00ceff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
}
.mobile-footer-btns .beginner-guide img {
  width: 22px;
  height: 22px;
}
.mobile-footer-btn-safe-area-sapce {
  padding-bottom: env(safe-area-inset-bottom);
  /* 现代浏览器 */
  padding-bottom: constant(safe-area-inset-bottom);
  /* Safari */
}

.MFixedBar {
  position: fixed;
  right: 10px;
  bottom: 150px;
  font-size: 16px;
  z-index: 8;
}
.MFixedBar ul {
  list-style: none;
}
.MFixedBar ul li {
  background: #FFFFFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
  font-size: 10px;
  color: #333333;
  letter-spacing: 1.67px;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.MFixedBar ul li .cn-fixed-bar-img {
  width: 16px;
}
.MFixedBar ul li .cn-fixed-bar-text {
  letter-spacing: 0;
}
.MFixedBar ul li.cn-fixed-bar-contactus {
  background-color: #4C80F7;
  color: #FFFFFF;
}
.MFixedBar .toTop {
  width: 16px;
}
.connect-pop .ant-popover-inner-content {
  padding: 20px;
}
.connect-pop .pop-close {
  text-align: right;
}
.connect-pop .pop-close img {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.common-contact-us-form {
  width: 100%;
}
.common-contact-us-form .contact-us-form-title {
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 5px;
  line-height: 60px;
  height: 60px;
}
.common-contact-us-form .contact-us-form-sub-title {
  letter-spacing: 2px;
}
.common-contact-us-form .work-item-normal-hint {
  color: #FFFFFF;
  text-align: left;
}
.common-contact-us-form .work-item-normal {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 2.5px;
  line-height: 30px;
  opacity: 1;
  padding-bottom: 9px;
}
.common-contact-us-form .work-item-normal input,
.common-contact-us-form .work-item-normal textarea {
  background-color: transparent;
  border: none;
  color: #ffffff;
  resize: none;
  padding-left: 0;
  box-shadow: none!important;
  background-color: transparent!important;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  padding: 0;
  -webkit-box-shadow: 0 0 0 1000px white inset;
  max-width: 100%;
}
.common-contact-us-form .work-item-normal input::-webkit-input-placeholder,
.common-contact-us-form .work-item-normal textarea::-webkit-input-placeholder {
  color: #ffffff!important;
}
.common-contact-us-form .submit-btn-container {
  margin-top: 60px;
}
.common-contact-us-form .submit-btn-container .submit-btn {
  letter-spacing: 9px;
  cursor: pointer;
  font-size: 18px;
  background-color: transparent;
  color: #FFFFFF;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #FFFFFF;
  outline: none;
}
.common-contact-us-form.transparent {
  padding: 40px 60px 62px;
}
.common-contact-us-form.white .contact-us-form-title {
  color: #333333;
  height: 30px;
  line-height: 30px;
}
.common-contact-us-form.white .contact-us-form-sub-title {
  margin-top: 18px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 20px;
  letter-spacing: 0;
}
.common-contact-us-form.white .work-item-normal-hint {
  color: #333333;
}
.common-contact-us-form.white .work-item-normal {
  border-bottom: 1px solid #F1F1F1;
  color: #333;
}
.common-contact-us-form.white .work-item-normal input,
.common-contact-us-form.white .work-item-normal textarea {
  color: #333;
}
.common-contact-us-form.white .work-item-normal input::-webkit-input-placeholder,
.common-contact-us-form.white .work-item-normal textarea::-webkit-input-placeholder {
  color: #333!important;
}
.common-contact-us-form.white .submit-btn-container .submit-btn {
  font-size: 18px;
  letter-spacing: 9px;
  background: #4C80F7;
  color: #ffffff;
  border: 2px solid #4C80F7;
}
.common-contact-us-form.mobile .contact-us-form-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 9px;
  line-height: 30px;
}
.common-contact-us-form.mobile .contact-us-form-sub-title {
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 20px;
  letter-spacing: 0;
}
.common-contact-us-form.mobile .ant-row.ant-form-item {
  margin-bottom: 15px;
  padding-bottom: 0px;
}
.common-contact-us-form.mobile .ant-row.ant-form-item.form-item {
  margin-bottom: 5px;
}
.common-contact-us-form.mobile .work-item-normal {
  border-bottom: 1px solid #F1F1F1;
  color: #333;
}
.common-contact-us-form.mobile .work-item-normal input,
.common-contact-us-form.mobile .work-item-normal textarea {
  color: #333;
  padding: 0;
  outline: none;
}
.common-contact-us-form.mobile .work-item-normal input::-webkit-input-placeholder,
.common-contact-us-form.mobile .work-item-normal textarea::-webkit-input-placeholder {
  color: #000000!important;
  opacity: 1;
}
.common-contact-us-form.mobile .submit-btn-container {
  margin-top: 40px;
}
.common-contact-us-form.mobile .submit-btn-container .submit-btn {
  font-size: 18px;
  letter-spacing: 9px;
  background: #4C80F7;
  color: #ffffff;
  border: 2px solid #4C80F7;
}
.common-contact-us-form.mobile2 {
  padding-top: 15px;
}
.common-contact-us-form.mobile2 .contact-us-form-title {
  font-size: 26px;
  line-height: 1em;
  height: 30px;
  margin-bottom: 10px;
}
.common-contact-us-form.mobile2 .contact-us-form-sub-title {
  margin-bottom: 20px;
}
.common-contact-us-form.mobile2 .submit-btn-container {
  margin-top: 0px;
}
.common-contact-us-form.mobile2 .work-item-normal {
  line-height: 24px;
}
.common-contact-us-form.mobile2 .no-border {
  border: none;
}
.common-contact-us-form.mobile2 .ant-form-explain {
  text-align: left;
}
.common-contact-us-form.mobile2 .submit-btn-container {
  margin-top: 6px;
}
.form-item .no-border {
  border: none;
}
.submit-success {
  text-align: center;
  padding: 20px 60px;
}
.submit-success .succes-img {
  max-width: 300px;
}
.submit-success .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 8.31px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success .success-sub-title {
  font-size: 14px;
  color: #999999;
  letter-spacing: 2.33px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success .success-img img {
  width: 100%;
}
.submit-success .submit-btn-container {
  margin-top: 100px;
  background-color: #4C80F7;
}
.submit-success .submit-btn-container .submit-btn {
  font-size: 18px;
  letter-spacing: 9px;
  text-align: center;
  background-color: transparent;
  color: #FFFFFF;
  width: 100%;
  line-height: 42px;
  height: 46px;
  border: 2px solid #FFFFFF;
  outline: none;
}
.submit-success.transparent .success-title {
  color: #FFFFFF;
}
.submit-success.transparent .success-sub-title {
  color: #ffffff;
}
.submit-success.transparent .submit-btn-container .submit-btn {
  font-size: 18px;
  letter-spacing: 9px;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.submit-success.mobile {
  text-align: center;
  padding: 20px 60px;
}
.submit-success.mobile .success-title {
  font-size: 24px;
  color: #333333;
  letter-spacing: 9px;
  text-align: center;
  line-height: 30px;
  margin-top: 30px;
}
.submit-success.mobile .success-sub-title {
  font-size: 12px;
  color: #999999;
  letter-spacing: 2px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
.submit-success.mobile .submit-btn-container {
  margin-top: 100px;
}
.submit-success.mobile .submit-btn-container .submit-btn {
  font-size: 18px;
  letter-spacing: 9px;
  background: #4C80F7;
  color: #FFFFFF;
  width: 100%;
  line-height: 40px;
  height: 40px;
  border: 2px solid #4C80F7;
  outline: none;
}

.feedback-modal .ezd-modal-close {
  top: 24px;
  right: 20px;
}
.feedback-modal .ezd-modal-close-x {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.feedback-modal .feedback-wrap {
  margin: 6px;
}
.feedback-modal .feedback-wrap .ezd-rate {
  color: #407AFF;
}
.feedback-modal .feedback-wrap .ezd-rate-text {
  margin-left: 15px;
  color: #c8c8c8;
}
.feedback-modal .feedback-wrap .ant-form-item-label {
  line-height: 24px;
}
.feedback-modal .feedback-wrap .ant-form-item label {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
}
.feedback-modal .feedback-wrap .rate-wrap {
  display: flex;
  align-items: center;
  line-height: 24px;
  margin: 15px 0 0;
}
.feedback-modal .feedback-wrap .reason-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 12px;
  margin-right: -10px;
  margin-bottom: -10px;
}
.feedback-modal .feedback-wrap .reason-list .reason-item {
  height: 28px;
  background: #F2F6FA;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: 14px;
  color: #262626;
  text-align: center;
  line-height: 22px;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.feedback-modal .feedback-wrap .reason-list .reason-item.select {
  color: #407AFF;
}
.feedback-modal .feedback-wrap .feedback-other {
  margin-top: 12px;
  height: 76px;
  resize: none;
}
.feedback-modal .feedback-wrap .submit-btn {
  margin-top: 25px;
  text-align: center;
  width: 100%;
}
.feedback-modal .submit-success {
  text-align: left;
  padding: 0;
}
.feedback-modal .submit-success .success-title {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
  margin: 0;
  letter-spacing: 0;
  display: flex;
  align-items: center;
}
.feedback-modal .submit-success .success-title .icon {
  color: #52c41a;
  font-size: 24px;
  margin-right: 5px;
}
.feedback-modal .submit-success .success-sub-title {
  font-size: 14px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0;
}

.cn-fixed-bar {
  position: fixed;
  right: 40px;
  bottom: 39px;
  font-size: 16px;
  z-index: 11;
}
.cn-fixed-bar .ezd-ai-dialogue {
  bottom: 360px;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item {
  width: 46px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 100%);
  border: 1px solid #ffffff;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 23px;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item.cn-fixed-bar-item-blue {
  background-image: linear-gradient(138deg, #5EA7FF 0%, #1864FF 100%);
  border: 0;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item img {
  width: 20px;
  height: 20px;
  margin-top: 20px;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-contactus {
  background-image: url('https://resource.eziot.com/group2/M00/00/C1/CtwQFmVUM9-AepJWAAAKQ1qyKi0508.png');
  background-size: 24px 24px;
  background-repeat: no-repeat;
  padding-top: 29px;
  margin: 15px 11px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-icon2 {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  padding-top: 24px;
  font-size: 12px;
  background-position: top center;
  color: #262626;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  margin: 15px 0 12px;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-icon2.fixedBar-icon2-active {
  background-image: url(https://resource.eziot.com/group2/M00/00/C1/CtwQF2VUaeqARPFUAAAH75GMDT4103.png);
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-icon2.fixedBar-icon2-active:hover {
  background-image: url(https://resource.eziot.com/group2/M00/00/C1/CtwQFmVUagKABLMHAAAIO4YJ_h8151.png);
  color: #407AFF;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-icon2.fixedBar-icon2-feedback {
  background-image: url(https://resource.eziot.com/group2/M00/00/C1/CtwQF2VUaimAPwCAAAAG2UlJGHA476.png);
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-icon2.fixedBar-icon2-feedback:hover {
  color: #407AFF;
  background-image: url(https://resource.eziot.com/group2/M00/00/C2/CtwQFmVUajOAGPMtAAAHH3QAZ20012.png);
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .fixedBar-icon2:last-child {
  margin: 0 0 15px;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-item .cn-fixed-bar-tip {
  width: 14px;
  margin: 0 auto;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-totop {
  width: 46px;
  height: 46px;
  background-image: linear-gradient(180deg, #F2F6FA 0%, #FFFFFF 100%);
  border: 1px solid #ffffff;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 23px;
  cursor: pointer;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-totop .fixedBar-icon3 {
  width: 24px;
  height: 24px;
  margin: auto;
  margin: 11px;
  background-image: url('https://resource.eziot.com/group2/M00/00/C1/CtwQFmVUZeOAMhrxAAAF52W26A0826.png');
  background-size: 100%;
  background-repeat: no-repeat;
}
.cn-fixed-bar .cn-fixed-bar-container .cn-fixed-bar-totop:hover .fixedBar-icon3 {
  background-image: url('https://resource.eziot.com/group2/M00/00/C1/CtwQF2VUZeqAcrx6AAAF-AbF6vc752.png');
}
.cn-fixed-bar .ezd-modal-wrap {
  pointer-events: none;
}
.fixed-bar-worklist .ezd-tooltip-content {
  width: 352px !important;
}
.fixed-bar-worklist .fixed-bar-worklist-a {
  font-size: 14px;
  color: #407AFF;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
}
.contactus-container {
  padding: 18px 14px 18px;
}
.contactus-container > div,
.contactus-container > a {
  margin-bottom: 16px;
  display: block;
}
.contactus-container > div:last-child,
.contactus-container > a:last-child {
  margin-bottom: 0;
}
.contactus-container .contactus-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contactus-container .contactus-item .item-title {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0 5px;
}
.contactus-container .contactus-item .item-title:first-child {
  margin-top: 0;
}
.contactus-container .contactus-item .item-tips {
  font-size: 12px;
  color: #8C8C8C;
  line-height: 22px;
  font-weight: 400;
}
.contactus-container .contactus-item .popover-image {
  width: 148px;
  height: 148px;
}
.contactus-container .contactus-item .contactus-item-icon {
  display: flex;
  align-items: center;
}
.contactus-container .contactus-item .contactus-item-icon.contactus-item-icon-left {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.contactus-container .contactus-item .contactus-item-icon.contactus-item-icon-right {
  width: 16px;
  height: 16px;
  margin-left: 20px;
}
.contactus-container .contactus-item .contactus-item-icon img {
  width: 100%;
  height: 100%;
}
.contactus-container .contactus-item .contactus-item-icon .contactus-item-icon-hover {
  display: none;
}
.contactus-container .contactus-item:hover {
  cursor: pointer;
}
.contactus-container .contactus-item:hover .item-title {
  color: #407AFF;
}
.contactus-container .contactus-item:hover .contactus-item-icon .contactus-item-icon-default {
  display: none;
}
.contactus-container .contactus-item:hover .contactus-item-icon .contactus-item-icon-hover {
  display: block;
}
.popover-txt {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}
.popover-image {
  width: 148px;
  height: 148px;
}
.connect-pop .ant-popover-inner-content {
  padding: 20px;
}
.connect-pop .pop-close {
  text-align: right;
}
.connect-pop .pop-close img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.fixed-bar-popover {
  z-index: 12 !important;
}
.fixed-bar-popover .ezd-popover-arrow {
  display: none;
}
.fixed-bar-popover .ezd-popover-content {
  margin-right: 5px;
}

.cn_activity_container .icon,
.cn_activity_customModal .icon {
  font-size: 14px;
}
.cn_activity_container .message,
.cn_activity_customModal .message {
  font-size: 14px;
  color: #262626;
}
.cn_activity_container .titleBlock,
.cn_activity_customModal .titleBlock {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.cn_activity_container .block,
.cn_activity_customModal .block {
  width: 2px;
  height: 12px;
  border-radius: 8px;
  background: #407aff;
}
.cn_activity_container .title,
.cn_activity_customModal .title {
  color: #262626;
  font-size: 14px;
}
.cn_activity_container .textarea textarea,
.cn_activity_customModal .textarea textarea {
  min-height: 120px !important;
  max-height: 260px !important;
}
.cn_activity_container .success,
.cn_activity_customModal .success {
  font-size: 14px;
  color: #262626;
}
.cn_activity_container .link,
.cn_activity_customModal .link {
  color: #407aff;
  cursor: pointer;
}
.cn_activity_container .container .ezd-checkbox-group,
.cn_activity_customModal .container .ezd-checkbox-group {
  display: grid !important;
}
.cn_activity_container .modalConfirmTitle,
.cn_activity_customModal .modalConfirmTitle {
  color: #262626;
  font-size: 16px;
  font-weight: 500;
}
.cn_activity_container .popoverContainer,
.cn_activity_customModal .popoverContainer {
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cn_activity_container .popoverContent,
.cn_activity_customModal .popoverContent {
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
}
.cn_activity_container .popoverContent:hover .popoverTitle,
.cn_activity_customModal .popoverContent:hover .popoverTitle,
.cn_activity_container .popoverContent:hover .popoverLeftIcon,
.cn_activity_customModal .popoverContent:hover .popoverLeftIcon,
.cn_activity_container .popoverContent:hover .popoverIcon,
.cn_activity_customModal .popoverContent:hover .popoverIcon {
  color: #407aff;
}
.cn_activity_container .popoverItem,
.cn_activity_customModal .popoverItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.cn_activity_container .popoverIconContainer,
.cn_activity_customModal .popoverIconContainer {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(89, 89, 89, 0.08);
}
.cn_activity_container .popoverLeftIcon,
.cn_activity_customModal .popoverLeftIcon {
  color: #262626;
}
.cn_activity_container .popoverIcon,
.cn_activity_customModal .popoverIcon {
  width: 8px;
  height: 8px;
  color: #262626;
}
.cn_activity_container .popoverTitle,
.cn_activity_customModal .popoverTitle {
  margin: 0;
  color: #262626;
  font-size: 16px;
}
.cn_activity_container .popoverDesc,
.cn_activity_customModal .popoverDesc {
  margin: 0;
  color: #8c8c8c;
  font-size: 12px;
}
.cn_activity_container .customInput,
.cn_activity_customModal .customInput {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  color: #595959;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-color: #d9d9d9;
  transition: all 0.3s;
  padding: 4px 8px;
}
.cn_activity_container .customInput:focus,
.cn_activity_customModal .customInput:focus {
  border-color: #407aff !important;
  box-shadow: 0 0 0 2px #407aff33;
  border-right-width: 1px !important;
  outline: 0;
}

/* 通用样式, 下例 demo 单独使用都需要这块样式 */
.mobile_banner-user {
  height: 220px;
  position: relative;
}
.mobile-banner .banner-anim-thumb.banner-anim-thumb-default {
  height: 20px;
  position: absolute;
  bottom: 100px;
}
.mobile-banner .banner-anim-thumb.banner-anim-thumb-default span.active {
  width: 25px;
  height: 1px;
  padding: 0px;
  box-shadow: none;
  position: relative;
  background: transparent;
  margin-top: 0px;
  border: 2px solid #407AFF;
  border-radius: 0%;
}
.mobile-banner .banner-anim-thumb.banner-anim-thumb-default span {
  position: relative;
  background: #FFFFFF;
  vertical-align: middle;
  width: 25px;
  height: 1px;
  opacity: 0.6;
  border: 2px solid #FFFFFF;
  box-shadow: none;
}
.mobile-banner .banner-anim-thumb.banner-anim-thumb-default span.active::after {
  content: '';
  width: 0px;
  height: 0px;
  display: none;
}
.mobile-banner {
  min-height: 400px;
  overflow: hidden;
}
.banner-user-elem .banner-bg-img {
  width: 100%;
}
.mobile-banner .banner-content-container-parent {
  width: 100%;
  justify-content: center;
}
.mobile-banner .banner-content-container-parent .banner-content-container-bg {
  width: 100%;
}
.mobile-banner .banner-content-container-parent .banner-content-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mobile-banner .banner-content-container-parent .banner-user-title {
  height: 30px;
  font-size: 22px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
}
.mobile-banner .banner-content-container-parent .banner-user-subTitle {
  font-size: 20px;
  color: #262626;
  letter-spacing: 0;
  font-weight: 500;
}
.mobile-banner .banner-content-container-parent .banner-user-content {
  margin-top: 10px;
  padding: 0 30px;
  font-size: 12px;
  color: #595959;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}
.mobile-banner .banner-content-container-parent .banner-btn-container {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.mobile-banner .banner-content-container-parent .banner-btn-container .banner-btn-item {
  width: 88px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #407AFF;
  border: 1px solid #407AFF;
  cursor: pointer;
  margin: 0 10px;
  border-radius: 2px;
}
.mobile-banner .banner-content-container-parent .banner-btn-container .banner-btn-item:first-child {
  background: #4C80F7;
  border: none;
}
.mobile-banner .banner-user-elem-one {
  height: 100%;
}
.mobile-banner .banner-content-container-parent .banner-btn-container {
  margin-top: 15px;
}
.mobile-banner .banner-content-container-parent .banner-btn-container .banner-btn-item {
  width: 88px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #407AFF;
  border: 1px solid #407AFF;
  cursor: pointer;
  margin: 0 10px;
  border-radius: 2px;
}
.mobile-banner .banner-content-container-parent .banner-btn-container .banner-btn-item:nth-child(2) {
  background: transparent;
  border: 1px solid #407AFF;
  color: #407AFF;
}
.ant-popover-inner-content {
  padding: 8px 12px;
}
.mobile-banner {
  min-height: 536px;
}
.mobile-banner .banner-content-container-parent {
  min-height: 536px;
  position: relative;
}
.mobile-banner .banner-content-container-parent img {
  height: 536px;
}
.mobile-banner .banner-content-container-parent .banner-content-container {
  position: absolute;
  top: 292px;
}
.mobile-banner .ant-carousel .slick-dots-bottom {
  bottom: 95px;
}
.mobile-banner .ant-carousel .slick-dots li {
  margin: 0 5px;
}
.mobile-banner .ant-carousel .slick-dots li button {
  opacity: 0.6;
  width: 25px;
}
.mobile-banner .ant-carousel .slick-dots li.slick-active button {
  background: #407AFF;
}
.mobile-banner .swiper-pagination {
  bottom: 95px;
}
.mobile-banner .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  background: #FFFFFF;
  vertical-align: middle;
  width: 25px;
  height: 1px;
  opacity: 0.6;
  border: 2px solid #FFFFFF;
  box-shadow: none;
  border-radius: 0%;
}
.mobile-banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 25px;
  height: 1px;
  padding: 0px;
  box-shadow: none;
  position: relative;
  background: #407AFF;
  margin-top: 0px;
  border: 2px solid #407AFF;
  border-radius: 0%;
}
.mobile-banner .swiper-pagination .banner-anim-thumb.banner-anim-thumb-default span.active::after {
  content: '';
  width: 0px;
  height: 0px;
  display: none;
}
.mobile-banner .swiper-pagination .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.mobile-notice {
  width: 100%;
  position: relative;
  margin-top: -75px;
  z-index: 9;
  padding: 0 9px;
}
.mobile-notice .mobile-notice-container {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.mobile-notice .mobile-notice-container .mobile-notice-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mobile-notice .mobile-notice-container .mobile-notice-area .mobile-notice-card {
  width: 25%;
  height: 50px;
  margin: 0 6px;
  opacity: 0.9;
  background: #FFFFFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  padding: 14px 0;
  text-align: center;
  cursor: pointer;
}
.mobile-notice .mobile-notice-container .mobile-notice-area .mobile-notice-cardTitle {
  font-size: 12px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
}
.mobile-notice .mobile-notice-container .mobile-notice-area .mobile-notice-card:hover {
  background-color: #407AFF;
}
.mobile-notice .mobile-notice-container .mobile-notice-area .mobile-notice-card:hover .mobile-notice-cardTitle {
  color: #fff;
}

.mobile-collapse {
  margin-top: 30px;
  padding: 15px 0 10px;
  background: #ffffff;
}
.mobile-collapse .mobile-collapse-title {
  width: 100%;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
}
.mobile-collapse .mobile-collapse-container {
  margin-top: 16px;
  border: none;
  background-color: #ffffff;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item {
  border: none;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-header {
  border: none;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .callapse-icon {
  width: 16px;
  height: 16px;
  transition: transform 1s;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .callapse-icon.active {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
  transform-origin: 50% 25%;
  transition: transform 0.5s;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .mobile-collapse-item-header .img-icon {
  width: 30px;
  height: 30px;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .mobile-collapse-item-header .title {
  margin-left: 10px;
  font-size: 16px;
  color: #2C2C2C;
  font-weight: 400;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content {
  border: none;
  background-color: #FAFAFA;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .MAbility-title-wrap {
  overflow-x: scroll;
  /* firefox */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content ::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .MAbility-title {
  cursor: pointer;
  display: inline-flex;
  overflow: auto;
  justify-content: space-between;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .MAbility-title .MAbility-tabs-item {
  position: relative;
  margin: 0 20px 10px 0px;
  display: inline-block;
  font-size: 12px;
  color: #262626;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .MAbility-title .MAbility-tabs-item .tabs-bar-link {
  position: absolute;
  bottom: 0;
  width: 16px;
  left: calc(50% - 8px);
  bottom: -3px;
  height: 2px;
  background: #407AFF;
  display: none;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .MAbility-title .MAbility-tabs-item.tabs-active {
  font-size: 14px;
  color: #407AFF;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .MAbility-title .MAbility-tabs-item.tabs-active .tabs-bar-link {
  display: inline-block;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item {
  text-align: left;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-meta {
  height: 194px;
  margin: 0 auto;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-meta img {
  width: 100%;
  height: 100%;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-title {
  margin-top: 20px;
  font-size: 16px;
  color: #262626;
  line-height: 22px;
  font-weight: 400;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-sub-title {
  margin-top: 10px;
  font-size: 12px;
  color: #8C8C8C;
  line-height: 20px;
  font-weight: 400;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-notice {
  font-size: 12px;
  color: #407AFF;
  line-height: 20px;
  font-weight: 400;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-tags {
  margin-top: 8px;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-tags span {
  margin-right: 10px;
  padding: 2px 8px;
  height: 24px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  text-align: center;
  color: #8C8C8C;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-btn-container {
  margin-top: 20px;
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-btn-container .btn-item {
  width: 116px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #4C80F7;
  background: #ffffff;
  border: 1px solid #407AFF;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 2px;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .content-list-item .des-btn-container .btn-item:first-child {
  background: #4C80F7;
  border: none;
  color: #ffffff;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .swiper-container {
  height: auto;
}
.mobile-collapse .mobile-collapse-container .ant-collapse-item .ant-collapse-content .mobile-collapse-item-content .swiper-container .swiper-slide {
  background: transparent;
}

.mobile-server-list {
  position: relative;
}
.mobile-server-list .mobile-server-list-bg {
  height: 364px;
}
.mobile-server-list .mobile-server-list-bg img {
  width: 100%;
  height: 364px;
}
.mobile-server-list .mobile-server-list-container {
  width: 100%;
  padding: 40px 15px;
  z-index: 9;
  position: absolute;
  top: 0;
}
.mobile-server-list .mobile-server-list-container .mobile-server-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
}
.mobile-server-list .mobile-server-list-container .mobile-server-list-area {
  margin: 15px auto 0px;
  background: #FFFFFF;
  box-shadow: 0px 6px 44px 0px rgba(0, 0, 0, 0.06);
  padding: 30px 0px 10px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.mobile-server-list .mobile-server-list-container .mobile-server-list-area .mobile-server-list-item {
  width: 50%;
  padding-left: 28px;
  margin-bottom: 20px;
}
.mobile-server-list .mobile-server-list-container .mobile-server-list-area .mobile-server-list-item .mobile-server-list-item-title {
  font-size: 14px;
  color: #407AFF;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
}
.mobile-server-list .mobile-server-list-container .mobile-server-list-area .mobile-server-list-item .mobile-server-list-item-title-icon {
  margin-left: 5px;
  vertical-align: text-bottom;
}
.mobile-server-list .mobile-server-list-container .mobile-server-list-area .mobile-server-list-item .mobile-server-list-item-title-icon img {
  width: 16px;
  height: 16px;
}
.mobile-server-list .mobile-server-list-container .mobile-server-list-area .mobile-server-list-item .mobile-server-list-item-subtitle {
  font-size: 12px;
  color: #8C8C8C;
  line-height: 20px;
  font-weight: 400;
}

.mobile-contact-us {
  position: relative;
}
.mobile-contact-us .mobile-contact-us-bgPic {
  width: 100%;
  height: 160px;
}
.mobile-contact-us .mobile-contact-us-bgPic img {
  width: 100%;
  height: 160px;
}
.mobile-contact-us .mobile-product-contact-us-bgPic {
  width: 100%;
  height: 100%;
}
.mobile-contact-us .mobile-product-contact-us-bgPic img {
  width: 100%;
  min-height: 213px;
}
.mobile-contact-us .mobile-contact-us-container {
  width: 100%;
  min-height: 160px;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  z-index: 9;
}
.mobile-contact-us .mobile-contact-us-container .contact-us-tips {
  width: 180px;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
}
.mobile-contact-us .mobile-contact-us-container .contact-us-btn {
  width: 88px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  background: #407AFF;
  border: 1px solid #407AFF;
  cursor: pointer;
  border-radius: 2px;
}
.mobile-contact-us .mobile-product-contact-us-container {
  margin: 0 auto;
  padding-top: 40px;
  text-align: center;
}
.mobile-contact-us .mobile-product-contact-us-container .productTitle {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
}
.mobile-contact-us .mobile-product-contact-us-container .contact-us-tips {
  margin-top: 10px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.mobile-contact-us .mobile-product-contact-us-container .contact-us-btn {
  margin: 15px auto 0px;
  width: 130px;
  height: 40px;
  line-height: 40px;
  background: #407AFF;
  border-radius: 2px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}

.mobile_safety {
  width: 100%;
}
.mobile_safety .mobile_safety-container {
  text-align: center;
  max-width: 480px;
  margin: auto;
}
.mobile_safety .mobile_safety-container .mobile_safety-title {
  margin-top: 40px;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
}
.mobile_safety .mobile_safety-container .mobile_safety-area {
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}
.mobile_safety .mobile_safety-container .mobile_safety-area .mobile_safety-card {
  margin-bottom: 15px;
  padding: 0px 20px;
  width: 30%;
}
.mobile_safety .mobile_safety-container .mobile_safety-area .mobile_safety-card .mobile_safety-cardImg {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border-radius: 50px;
  background-color: #fff;
}
.mobile_safety .mobile_safety-container .mobile_safety-area .mobile_safety-card .mobile_safety-cardImg img {
  width: 70px;
  height: 70px;
  vertical-align: -3px;
}
.mobile_safety .mobile_safety-container .mobile_safety-area .mobile_safety-card .mobile_safety-cardImg:hover {
  box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.05);
}
.mobile_safety .mobile_safety-container .mobile_safety-area .mobile_safety-card .mobile_safety-cardText {
  font-size: 12px;
  color: #595959;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}
.mobile_safety .mobile_safety-container .mobile_safety-cardTips {
  font-size: 14px;
  color: #407AFF;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 40px;
  margin-top: 5px;
}
.mobile_safety .mobile_safety-container .mobile_safety-cardTips a {
  color: #407AFF;
}
.mobile_safety .mobile_safety-container .mobile_safety-cardTips img {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}

.mobile-product-dec {
  padding: 30px 0px 50px;
}
.mobile-product-dec .mobile-product-dec-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
}
.mobile-product-dec .mobile-product-dec-pic {
  margin-top: 20px;
  height: 230px;
}
.mobile-product-dec .mobile-product-dec-pic img {
  width: 100%;
  height: 100%;
}
.mobile-product-dec .mobile-product-dec-container .mobile-product-dec-warp {
  padding: 30px 20px 0px;
}
.mobile-product-dec .mobile-product-dec-container .mobile-product-dec-warp .title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.mobile-product-dec .mobile-product-dec-container .mobile-product-dec-warp .content {
  margin-top: 10px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.mobile-product-dec .mobile-product-dec-container:first-child {
  padding-top: 20px;
}
.mobile-product-dec .mobile-product-dec-container .mobile-product-dec-active {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}

.mobile_tab_carousel {
  padding: 30px 20px 40px;
  background-color: #F7F9FC;
}
.mobile_tab_carousel .mobile_tab_carousel-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
}
.mobile_tab_carousel .mobile_tab_carousel-container .ant-tabs-tab {
  padding: 20px 15px 5px;
  margin: 0px;
}
.mobile_tab_carousel .mobile_tab_carousel-container .ant-tabs-bar {
  border: none;
}
.mobile_tab_carousel .mobile_tab_carousel-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}
.mobile_tab_carousel .mobile_tab_carousel-container .ant-tabs-ink-bar {
  width: 15px;
}
.mobile_tab_carousel .mobile_tab_carousel-container .content-list-item .des-meta {
  width: 100%;
  height: 188px;
}
.mobile_tab_carousel .mobile_tab_carousel-container .content-list-item .des-meta img {
  width: 100%;
  height: 188px;
}
.mobile_tab_carousel .mobile_tab_carousel-container .content-list-item .des-title {
  margin-top: 20px;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.mobile_tab_carousel .mobile_tab_carousel-container .content-list-item .des-sub-title {
  margin-top: 10px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.mobile_tab_carousel .mobile_tab_carousel-container .swiper-container {
  padding-bottom: 40px;
}
.mobile_tab_carousel .mobile_tab_carousel-container .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0%;
}

.mobile-carousel {
  padding: 30px 20px 40px;
  background-color: #FFFFFF;
}
.mobile-carousel .mobile-carousel-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
}
.mobile-carousel .mobile-carousel-container {
  margin-top: 20px;
}
.mobile-carousel .mobile-carousel-container .content-list-item .des-meta {
  width: 100%;
  height: 188px;
}
.mobile-carousel .mobile-carousel-container .content-list-item .des-meta img {
  width: 100%;
  height: 188px;
}
.mobile-carousel .mobile-carousel-container .content-list-item .des-title {
  margin-top: 20px;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
.mobile-carousel .mobile-carousel-container .content-list-item .des-sub-title {
  margin-top: 10px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.mobile-carousel .mobile-carousel-container .swiper-container {
  padding-bottom: 30px;
}
.mobile-carousel .mobile-carousel-container .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0%;
}

.mobile-ProductPrice {
  margin-top: 30px;
  padding: 15px 0 10px;
  background: #ffffff;
}
.mobile-ProductPrice .mobile-ProductPrice-title {
  width: 100%;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 15px;
}
.mobile-ProductPrice .mobile-ProductPrice-container {
  margin-top: 16px;
  border: none;
  background-color: #ffffff;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item {
  border: none;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-header {
  border: none;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .callapse-icon {
  width: 16px;
  height: 16px;
  transition: transform 1s;
  background: #ff00ff;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .callapse-icon.active {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
  transform-origin: 50% 50%;
  transition: transform 0.5s;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .mobile-ProductPrice-item-header .img-icon {
  width: 30px;
  height: 30px;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .mobile-ProductPrice-item-header .title {
  margin-left: 10px;
  font-size: 16px;
  color: #2C2C2C;
  font-weight: 400;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content {
  border: none;
  background-color: #F7F9FC;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content {
  padding: 0 0.2rem;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content ::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content .mobile-ProductPrice-item-content-item {
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content .mobile-ProductPrice-item-content-item .item-title {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content .mobile-ProductPrice-item-content-item .item-right .item-right-price {
  font-size: 14px;
  color: #FF6600;
  letter-spacing: 0;
  text-align: right;
  line-height: 26px;
  font-weight: 500;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content .mobile-ProductPrice-item-content-item .item-right .item-right-unit {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.mobile-ProductPrice .mobile-ProductPrice-container .ant-collapse-item .ant-collapse-content .mobile-ProductPrice-item-content .mobile-ProductPrice-item-content-item:last-child {
  border-bottom: none;
}

.mobile-MBaseMeal {
  background: #F7F9FC;
  width: 100%;
  padding: 0.4rem 0.2rem;
  position: relative;
}
.mobile-MBaseMeal .mobile-MBaseMeal-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
.mobile-MBaseMeal .mobile-MBaseMeal-subTitle {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}
.mobile-MBaseMeal .mobile-MBaseMeal-img {
  width: 100%;
  height: 0;
  padding-bottom: 54%;
}

.mobile-MPriceService {
  margin: 40px 20px;
  background: #fff;
}
.mobile-MPriceService .mobile-MPriceService-title {
  font-size: 0.2rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item {
  margin-bottom: 0.3rem;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item .MPriceService-item-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.1rem;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item .MPriceService-item-top .MPriceService-item-top-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item .MPriceService-item-top .MPriceService-item-top-left .top-left-icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item .MPriceService-item-top .MPriceService-item-top-left .top-left-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 500;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item .MPriceService-item-top .MPriceService-item-top-right .top-right-icon {
  width: 22px;
  height: 22px;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item .MPriceService-item-bottom {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-item:last-child {
  margin-bottom: 0;
}
.mobile-MPriceService .mobile-MPriceService-content .mobile-MPriceService-img {
  width: 100%;
  height: 0;
  padding-bottom: 28.6%;
  margin-top: 20px;
}

.mobile-MBeginnerTryProduct {
  background: #F7F9FC;
  width: 100%;
  padding: 0.4rem 0.2rem;
  position: relative;
}
.mobile-MBeginnerTryProduct .row {
  display: flex;
  flex-direction: row;
}
.mobile-MBeginnerTryProduct .column {
  display: flex;
  flex-direction: column;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content {
  width: 100%;
  background: #F7F9FC;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .am-tabs-default-bar-tab-active {
  font-size: 16px !important;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .am-tabs-default-bar-tab {
  font-size: 14px;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .am-tabs-default-bar-prevpage {
  background: linear-gradient(to right, #F7F9FC, rgba(255, 255, 255, 0)) !important;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .am-tabs-default-bar-nextpage {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #F7F9FC) !important;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab {
  width: 100%;
  background: #F7F9FC;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  margin-top: 20px;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .MBeginnerTryProduct-tab-img {
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  position: relative;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .MBeginnerTryProduct-tab-img .tab-img-icon {
  width: 38px;
  height: 38px;
  top: calc(50% - 19px);
  left: calc(50% - 19px);
  position: absolute;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom {
  width: 100%;
  background: white;
  padding: 0.3rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-title {
  font-size: 20px;
  color: #262626;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 0.1rem;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-btns {
  margin-top: 0.2rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-btns .btn-item-icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-btns .bottom-btns-btn-primary {
  margin-right: 12px;
  min-width: 37%;
  border: 1px solid #407aff;
  color: #FFFFFF !important;
  background: #407AFF !important;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-btns .bottom-btns-btn {
  min-width: 37%;
  padding: 0 16px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #407aff;
  box-shadow: 0px 10px 10px -5px rgba(0, 76, 152, 0.05);
  border-radius: 2px;
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 3px;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mobile-MBeginnerTryProduct .mobile-MBeginnerTryProduct-content .mobile-MBeginnerTryProduct-tab .mobile-MBeginnerTryProduct-bottom .MBeginnerTryProduct-bottom-btns .bottom-btns-btn:last-child {
  margin-right: 0;
}
.MBeginnerTryProduct-modal {
  width: 100%;
  background-color: black;
}
.MBeginnerTryProduct-modal .MBeginnerTryProduct-modal-video {
  width: 100%;
}
.MBeginnerTryProduct-modal .MBeginnerTryProduct-modal-img {
  width: 100%;
  height: 300px;
}
.MBeginnerTryProduct-modal-wrap {
  width: 100% !important;
}
.MBeginnerTryProduct-modal-wrap .am-modal-transparent {
  width: 100%;
}
.MBeginnerTryProduct-modal-wrap .am-modal-content {
  border-radius: 0 !important;
  padding-top: 0 !important;
}
.MBeginnerTryProduct-modal-wrap .am-modal-body {
  padding: 0 !important;
  overflow: hidden !important;
}

.mobile-MBeginnerManger {
  background: #F7F9FC;
  width: 100%;
  padding: 0.4rem 0.2rem;
}
.mobile-MBeginnerManger .row {
  display: flex;
  flex-direction: row;
}
.mobile-MBeginnerManger .column {
  display: flex;
  flex-direction: column;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content {
  width: 100%;
  background: #F7F9FC;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .am-tabs-default-bar-tab-active {
  font-size: 16px !important;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .am-tabs-default-bar-tab {
  font-size: 14px;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .am-tabs-default-bar-prevpage {
  background: linear-gradient(to right, #F7F9FC, rgba(255, 255, 255, 0)) !important;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .am-tabs-default-bar-nextpage {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #F7F9FC) !important;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .mobile-MBeginnerManger-tab {
  width: 100%;
  margin-top: 30px;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .mobile-MBeginnerManger-tab .MBeginnerManger-tab-img {
  width: 100%;
  height: 0;
  padding-bottom: 56%;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .mobile-MBeginnerManger-tab .mobile-MBeginnerManger-bottom {
  width: 100%;
  padding: 0.2rem 0 0.1rem 0;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .mobile-MBeginnerManger-tab .mobile-MBeginnerManger-bottom .MBeginnerManger-bottom-title {
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 0.1rem;
  width: 100%;
}
.mobile-MBeginnerManger .mobile-MBeginnerManger-content .mobile-MBeginnerManger-tab .mobile-MBeginnerManger-bottom .MBeginnerManger-bottom-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
}

.mobile-MResourcePackage {
  background: #F7F9FC;
  width: 100%;
  padding: 0.4rem 0.2rem;
  position: relative;
}
.mobile-MResourcePackage .mobile-MResourcePackage-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
.mobile-MResourcePackage .mobile-MResourcePackage-subTitle {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}
.mobile-MResourcePackage .mobile-MResourcePackage-subTitle:empty {
  display: none;
}
.mobile-MResourcePackage .mobile-MResourcePackage-img {
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  background-color: #F7F9FC;
  background-size: cover;
  background-position: center;
}
.mobile-MResourcePackage .mobile-MResourcePackage-tab {
  --font-size: 16px;
  --color: #8C8C8C;
  --active-color: #407AFF;
  --height: 44px;
  --padding-horizontal: 0;
  --padding-vertical: 0;
}
.mobile-MResourcePackage .mobile-MResourcePackage-tab .za-tabs__header {
  margin-bottom: 20px;
}
.mobile-MResourcePackage .mobile-MResourcePackage-tab .za-tabs__tab {
  margin-right: 22px;
  font-size: 14px;
  letter-spacing: 1.56px;
}
.mobile-MResourcePackage .mobile-MResourcePackage-tab .za-tabs__tab:last-of-type {
  margin-right: 0;
}
.mobile-MResourcePackage .mobile-MResourcePackage-tab .za-tabs__tab--active {
  color: #407AFF;
  letter-spacing: 1.78px;
  font-size: 16px;
}
.mobile-MResourcePackage .mobile-MResourcePackage-inner-table .btns {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.mobile-MResourcePackage .mobile-MResourcePackage-inner-table .btns > button {
  margin-right: 15px;
  padding: 9.5px 20px;
  height: 36px;
  line-height: 17px;
  border-radius: 18.5px;
  background-color: #fff;
  border: solid 1px #E2E4FB;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.mobile-MResourcePackage .mobile-MResourcePackage-inner-table .btns > button:last-child {
  margin-right: 0;
}
.mobile-MResourcePackage .mobile-MResourcePackage-inner-table .btns .selected-btn {
  background-color: #407AFF;
  border-color: #407AFF;
  color: #fff;
}

.mobile-MPlatformIntroduction {
  padding: 40px 20px;
  background: #fff;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-title {
  font-size: 0.2rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 32px;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-video-div {
  margin-bottom: 20px;
  position: relative;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-video-div .MPlatformIntroduction-video-img {
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  position: relative;
  background-color: #F7F9FC;
  background-size: cover;
  background-position: center;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-video-div .MPlatformIntroduction-video-img .tab-img-icon {
  width: 38px;
  height: 38px;
  top: calc(50% - 19px);
  left: calc(50% - 19px);
  position: absolute;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-btns {
  display: flex;
  justify-content: center;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-btns > button {
  margin-right: 12px;
  padding: 7px 25px;
  box-shadow: 0 10px 10px -5px rgba(0, 76, 152, 0.05);
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #407AFF;
  color: #407AFF;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 3px;
  height: 40px;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-btns > button:last-child {
  margin-right: 0;
}
.mobile-MPlatformIntroduction .mobile-MPlatformIntroduction-content .mobile-MPlatformIntroduction-btns .primary {
  background-color: #407AFF;
  border-color: #407AFF;
  color: #fff;
}
.mobile-MPlatformIntroduction-pop,
.mobile-MPlatformIntroduction-pop-mask {
  z-index: 998;
}
.mobile-MPlatformIntroduction-pop-div {
  height: 590px;
  background: #fff;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: column;
}
.mobile-MPlatformIntroduction-pop-div .pop-header {
  padding: 20px 50px;
  position: relative;
}
.mobile-MPlatformIntroduction-pop-div .pop-header .pop-header-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 20px 15px;
}
.mobile-MPlatformIntroduction-pop-div .pop-header .pop-header-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #2C2C2C;
  text-align: center;
}
.mobile-MPlatformIntroduction-pop-div .body {
  overflow: hidden;
  flex: 1;
}
.mobile-MPlatformIntroduction-pop-div .pop-footer {
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct {
  background: #FFF;
  width: 100%;
  height: 100%;
  padding: 0 0.2rem 0.4rem 0.2rem;
  position: relative;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .row {
  display: flex;
  flex-direction: row;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .column {
  display: flex;
  flex-direction: column;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content {
  width: 100%;
  height: 100%;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .am-tabs-default-bar-tab-active {
  font-size: 16px !important;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .am-tabs-default-bar-tab {
  font-size: 14px;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .am-tabs-default-bar-prevpage {
  background: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0)) !important;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .am-tabs-default-bar-nextpage {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFF) !important;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab {
  width: 100%;
  background: #F7F9FC;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  margin-top: 20px;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .MPlatformIntroduction-MBeginnerTryProduct-tab-img {
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  position: relative;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .MPlatformIntroduction-MBeginnerTryProduct-tab-img .tab-img-icon {
  width: 38px;
  height: 38px;
  top: calc(50% - 19px);
  left: calc(50% - 19px);
  position: absolute;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom {
  width: 100%;
  background: white;
  padding: 0.3rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-title {
  font-size: 20px;
  color: #262626;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 0.1rem;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-desc {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-btns {
  margin-top: 0.2rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-btns .btn-item-icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-btns .bottom-btns-btn-primary {
  margin-right: 12px;
  min-width: 37%;
  border: 1px solid #407aff;
  color: #FFFFFF !important;
  background: #407AFF !important;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-btns .bottom-btns-btn {
  min-width: 37%;
  padding: 0 16px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #407aff;
  box-shadow: 0px 10px 10px -5px rgba(0, 76, 152, 0.05);
  border-radius: 2px;
  font-size: 14px;
  color: #407AFF;
  letter-spacing: 3px;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mobile-MPlatformIntroduction-MBeginnerTryProduct .mobile-MPlatformIntroduction-MBeginnerTryProduct-content .mobile-MPlatformIntroduction-MBeginnerTryProduct-tab .mobile-MPlatformIntroduction-MBeginnerTryProduct-bottom .MPlatformIntroduction-MBeginnerTryProduct-bottom-btns .bottom-btns-btn:last-child {
  margin-right: 0;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal {
  width: 100%;
  background-color: black;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal .MPlatformIntroduction-MBeginnerTryProduct-modal-video {
  width: 100%;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal .MPlatformIntroduction-MBeginnerTryProduct-modal-img {
  width: 100%;
  height: 300px;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal-wrap {
  width: 100% !important;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal-wrap .am-modal-transparent {
  width: 100%;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal-wrap .am-modal-content {
  border-radius: 0 !important;
  padding-top: 0 !important;
}
.MPlatformIntroduction-MBeginnerTryProduct-modal-wrap .am-modal-body {
  padding: 0 !important;
  overflow: hidden !important;
}
div:has(.MPlatformIntroduction-modal-wrap) > .am-modal-mask {
  background-color: rgba(0, 0, 0, 0.7);
}

.mobile-MDevelopmentMap {
  padding: 40px 20px;
  background: #F7F9FC;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-title {
  font-size: 0.2rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 32px;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-content .mobile-MDevelopmentMap-card {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 30px;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-content .mobile-MDevelopmentMap-card:last-child {
  margin-bottom: 0;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-content .mobile-MDevelopmentMap-card .mobile-MDevelopmentMap-card-header {
  background-image: linear-gradient(to right, #6191FF, #BED2FF);
  border-radius: 4px;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-content .mobile-MDevelopmentMap-card .mobile-MDevelopmentMap-card-content {
  padding: 10px 15px;
  display: flex;
  flex-wrap: wrap;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-content .mobile-MDevelopmentMap-card .mobile-MDevelopmentMap-card-content .mobile-MDevelopmentMap-card-item {
  min-width: 50%;
  padding: 5px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 26px;
  color: #595959;
}
.mobile-MDevelopmentMap .mobile-MDevelopmentMap-content .mobile-MDevelopmentMap-card .mobile-MDevelopmentMap-card-content .mobile-MDevelopmentMap-card-item .mobile-MDevelopmentMap-card-item-icon {
  width: 20px;
  height: 20px;
  margin: 2px;
}
.mobile-MDevelopmentMap-pop-div {
  height: 84vh;
  background: #fff;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: column;
}
.mobile-MDevelopmentMap-pop-div .pop-header {
  padding: 20px 50px;
  position: relative;
}
.mobile-MDevelopmentMap-pop-div .pop-header .pop-header-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 20px 15px;
}
.mobile-MDevelopmentMap-pop-div .pop-header .pop-header-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #2C2C2C;
  text-align: center;
}
.mobile-MDevelopmentMap-pop-div .pop-header .pop-header-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.17px;
  color: #999999;
  text-align: center;
  margin: 10px -35px 0;
}
.mobile-MDevelopmentMap-pop-div .pop-header .pop-header-subtitle:empty {
  display: none;
}
.mobile-MDevelopmentMap-pop-div .body {
  flex: 1;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  /* 设置高度和宽度 */
}
.mobile-MDevelopmentMap-pop-div .body .mobile-MDevelopmentMap-pop-iframe {
  border: none;
  width: 100%;
  height: 99%;
}
.mobile-MDevelopmentMap-pop-div .body::-webkit-scrollbar {
  width: 0;
}

.mobile-MSolvingChannel {
  background: #FFFFFF;
  width: 100%;
  padding: 40px 20px;
  position: relative;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-title {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 32px;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-subTitle {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-subTitle:empty {
  display: none;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item {
  margin-bottom: 35px;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item:last-child {
  margin-bottom: 26px;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item .mobile-MSolvingChannel-item-header {
  display: flex;
  align-items: center;
  height: 40px;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item .mobile-MSolvingChannel-item-header > img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item .mobile-MSolvingChannel-item-header .mobile-MSolvingChannel-item-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #262626;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item .mobile-MSolvingChannel-item-text-div .mobile-MSolvingChannel-item-line {
  display: flex;
  align-items: center;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item .mobile-MSolvingChannel-item-text-div .mobile-MSolvingChannel-item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #595959;
  display: flex;
  align-items: center;
}
.mobile-MSolvingChannel .mobile-MSolvingChannel-item .mobile-MSolvingChannel-item-text-div .mobile-MSolvingChannel-item-icon {
  width: 20px;
  height: 20px;
  margin: 2px;
}