.home-mobile {
  width: 100%;
  height: 100%;
}
.home-mobile .homes-moile {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@font-face {
  font-family: Oswald;
  src: url(/Oswald-Regular.ttf);
}
.home-web {
  width: 100%;
  min-width: 1350px;
}
#nav {
  width: 100%;
  height: 70px;
  min-width: 1350px;
  position: fixed;
  top: 0;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
  z-index: 998;
  display: flex;
}
#nav .nav-content {
  position: relative;
  width: 1416px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#nav .nav-content .nav-log {
  width: 94px;
  height: 40px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyuntv-logo.svg") no-repeat;
  background-size: 94px 40px;
}
#nav .nav-content .nav-center {
  width: 612px;
  height: 100%;
  margin-left: 50px;
  display: flex;
}
#nav .nav-content .nav-center a,
#nav .nav-content .nav-center .product,
#nav .nav-content .nav-center .solution,
#nav .nav-content .nav-center .aboutUs,
#nav .nav-content .nav-center .Install {
  font-size: 16px;
  line-height: 70px;
  position: relative;
  color: #fff;
  margin-right: 40px;
  white-space: nowrap;
}
#nav .nav-content .nav-center a:hover,
#nav .nav-content .nav-center .product:hover,
#nav .nav-content .nav-center .solution:hover,
#nav .nav-content .nav-center .aboutUs:hover,
#nav .nav-content .nav-center .Install_help:hover {
  color: #0758f1;
}
#nav .nav-content .nav-center .product {
  position: relative;
  padding-right: 15px;
  transition: color 0.3s;
}
#nav .nav-content .nav-center .product .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl__11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 82px;
  transition: all 0.3s;
}
#nav .nav-content .nav-center .product:hover .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 82px;
}
#nav .nav-content .nav-center .product:hover .product-list-content {
  max-height: 580px;
  height: 580px;
  border-bottom: 1px solid #f5f6f9;
}
#nav .nav-content .nav-center .product:hover .product-list-content h1,
#nav .nav-content .nav-center .product:hover .product-list-content h2,
#nav .nav-content .nav-center .product:hover .product-list-content h3,
#nav .nav-content .nav-center .product:hover .product-list-content h4,
#nav .nav-content .nav-center .product:hover .product-list-content h5,
#nav .nav-content .nav-center .product:hover .product-list-content h6 {
  margin-bottom: 0;
}
#nav .nav-content .nav-center .product-list-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 70px;
  left: 0px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  font-weight: 400;
  cursor: default;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  max-height: 0;
  overflow: hidden;
  z-index: 200;
}
#nav .nav-content .nav-center .product-list-content .product-list-main {
  width: 1127px;
  margin: 0 auto;
  display: flex;
  padding: 48px 0;
  justify-content: space-between;
}
#nav .nav-content .nav-center .product-list-content .product-left .header-text {
  margin-bottom: 22px;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 28px;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods {
  display: flex;
  margin-left: -12px;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods .goodsList {
  height: 68px;
  margin-right: 10px;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods .goodsListItem {
  display: flex;
  min-width: 260px;
  height: 68px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 0;
  padding-right: 0;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods .goodsListItem .product-pic {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods .goodsListItem .right-desc {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods .goodsListItem .right-desc h3 {
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
}
#nav .nav-content .nav-center .product-list-content .product-left .product-Allgoods .goodsListItem:hover {
  background-color: #F5F9FF;
}
#nav .nav-content .nav-center .solution {
  position: relative;
  padding-right: 15px;
  transition: color 0.3s;
}
#nav .nav-content .nav-center .solution .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl__11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 68px;
  transition: all 0.3s;
}
#nav .nav-content .nav-center.active .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 68px;
}
#nav .nav-content .nav-center.active .solution-list {
  max-height: 1000px;
  border-bottom: 1px solid #f5f6f9;
}
#nav .nav-content .nav-center .solution:hover .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 68px;
}
#nav .nav-content .nav-center .solution:hover .solution-list {
  max-height: 1000px;
  border-bottom: 1px solid #f5f6f9;
  height: 580px;
}
#nav .nav-content .nav-center .solution-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 70px;
  left: 0px;
  width: 100%;
  min-width: 1070px;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  font-weight: 400;
  cursor: default;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  max-height: 0;
  overflow: hidden;
  z-index: 200;
}
#nav .nav-content .nav-center .solution-list .solution-list-main {
  margin: 0 auto;
  display: flex;
  padding: 28px 0px 32px;
  align-items: flex-start;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-left {
  width: 152px;
  padding-top: 56px;
  margin-right: 48px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-left .solution-list-menu {
  width: 152px;
  height: 70px;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  text-align: center;
  line-height: 70px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header/header/solution-list-menu.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-left .solution-list-menu.active {
  color: #0758F1;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-left .solution-list-menu:last-child {
  margin-bottom: 0;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-divider {
  width: 1px;
  height: 520px;
  background: #F4F4F4;
  border-radius: 4px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right {
  margin-left: 52px;
  padding-top: 47px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox {
  display: flex;
  margin-bottom: 60px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox .goodsList {
  height: 68px;
  min-width: 294px;
  margin-right: 10px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox .goodsListItem {
  display: flex;
  min-width: 260px;
  height: 68px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 0;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox .goodsListItem .product-pic {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox .goodsListItem .right-desc {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox .goodsListItem .right-desc h3 {
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox .goodsListItem:hover {
  background-color: #F5F9FF;
}
#nav .nav-content .nav-center .solution-list .solution-list-main .solution-list-right .goodsListBox:last-child {
  margin-bottom: 0;
}
#nav .nav-content .nav-center .Install_help {
  position: relative;
}
#nav .nav-content .nav-center .Install_help .Install {
  padding-right: 15px;
}
#nav .nav-content .nav-center .Install_help .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl__11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: 83px;
  transition: all 0.3s;
}
#nav .nav-content .nav-center .Install_help:hover .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: 83px;
}
#nav .nav-content .nav-center .Install_help:hover .Install-list {
  max-height: 510px;
  border-bottom: 1px solid #f5f6f9;
}
#nav .nav-content .nav-center .Install-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 70px;
  width: 100%;
  left: 0px;
  background: #fff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  font-weight: 400;
  cursor: default;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  max-height: 0;
  overflow: hidden;
  z-index: 200;
}
#nav .nav-content .nav-center .Install-list .install-list-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 32px 0px 40px;
}
#nav .nav-content .nav-center .Install-list .install-list-content .install-list-content-left {
  display: flex;
}
#nav .nav-content .nav-center .Install-list .install-left {
  width: 380px;
  margin-right: 30px;
}
#nav .nav-content .nav-center .Install-list .install-left .install-left-title p {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 19px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(4, 20, 62, 0.05);
}
#nav .nav-content .nav-center .Install-list .install-left .install-pic {
  background-size: 100% 100%;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList {
  margin-top: 40px;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList:hover .li-itm .right-desc h3 {
  color: #0758F1;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList .li-itm {
  display: flex;
  line-height: 1;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList .li-itm .right-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList .li-itm .right-desc h3 {
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 500;
  color: #191919;
  line-height: 20px;
  margin-bottom: 3px;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList .li-itm .right-desc img {
  margin-top: -5px;
  margin-left: 6px;
  height: 23px;
}
#nav .nav-content .nav-center .Install-list .install-left .Installgoods .InstallgoodsList .li-itm .right-desc p {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #7D8797;
  line-height: 17px;
}
#nav .nav-content .nav-center .Install-list .install-left .install-left-help {
  padding-bottom: 30px;
}
#nav .nav-content .nav-center .Install-list .help-Center {
  width: 380px;
}
#nav .nav-content .nav-center .Install-list .help-Center .install-left-title p {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 19px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(4, 20, 62, 0.05);
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter {
  height: 198px;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList {
  margin-top: 40px;
  height: 40px;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList .helpCenterListItem {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList .helpCenterListItem:hover h3 {
  color: #0758F1;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList .helpCenterListItem .helpCenter-pic {
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList .helpCenterListItem .right-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 10px;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList .helpCenterListItem .right-desc h3 {
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 500;
  color: #191919;
  line-height: 20px;
  margin-bottom: 3px;
}
#nav .nav-content .nav-center .Install-list .help-Center .helpCenter .helpCenterList .helpCenterListItem .right-desc p {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #7D8797;
  line-height: 17px;
}
#nav .nav-content .nav-center .Install-list .InstallgoodsList:nth-child(1) {
  margin-top: 10px;
}
#nav .nav-content .nav-center .Install-list .InstallgoodsList:nth-child(2) {
  margin-top: 15px;
}
#nav .nav-content .nav-center .Install-list .InstallgoodsList:nth-child(3) {
  margin-top: -35px;
}
#nav .nav-content .nav-center .aboutUs {
  position: relative;
}
#nav .nav-content .nav-center .aboutUs:hover .more-list {
  max-height: 500px;
  border-bottom: 1px solid #f5f6f9;
}
#nav .nav-content .nav-center .aboutUs .more-list {
  min-width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: -30px;
  top: 70px;
  width: 128px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0 0 4px 4px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 6px 12px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 6px 12px 0 rgba(0, 0, 0, 0.04);
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  max-height: 0;
  overflow: hidden;
  z-index: 200;
}
#nav .nav-content .nav-center .aboutUs .more-list .more-item {
  display: inline-block;
  line-height: 20px;
  margin: 26px 0 0;
  color: #000;
}
#nav .nav-content .nav-center .aboutUs .more-list .more-item:last-child {
  margin-bottom: 26px;
}
#nav .nav-content .nav-center .aboutUs .more-list .more-item:hover {
  color: #398bf7;
}
#nav .nav-content .nav-right {
  min-width: 330px;
  height: 100%;
  display: flex;
  position: absolute;
  right: -15px;
}
#nav .nav-content .nav-right p {
  line-height: 70px;
  display: flex;
  align-items: center;
  position: absolute;
  margin-left: -45px;
}
#nav .nav-content .nav-right p span:first-child {
  width: 20px;
  height: 20px;
  display: block;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj_1.png") no-repeat;
  background-size: 20px 20px;
  margin-right: 12px;
}
#nav .nav-content .nav-right p span:nth-child(2) {
  font-size: 20px;
  font-weight: 500;
  line-height: 70px;
  margin-right: 50px;
}
#nav .nav-content .nav-right a.login {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 70px;
  position: absolute;
  margin-left: 160px;
}
#nav .nav-content .nav-right a.register {
  text-align: center;
  display: inline-block;
  width: 100px;
  height: 40px;
  color: #0758F1;
  line-height: 40px;
  margin-top: 15px;
  margin-left: 215px;
  font-size: 16px;
  font-weight: 400;
  background: #FFFFFF;
  border-radius: 4px;
}
#nav.black .nav-content a,
#nav.black .nav-content .product,
#nav.black .nav-content .solution,
#nav.black .nav-content .aboutUs,
#nav.black .nav-content .Install {
  color: #000;
}
#nav.black .nav-content .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
#nav.black .nav-content .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
#nav.black .nav-content .nav-right p span:nth-child(2) {
  color: #000;
}
#nav.black .nav-content .nav-right a.login {
  color: #0758F1;
}
#nav.black .nav-content .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
#nav.black .nav-content .nav-center .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.nav-content h1,
.nav-content h2,
.nav-content h3,
.nav-content h4,
.nav-content h5,
.nav-content h6 {
  margin-bottom: 0;
}
#nav.allWhite .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyuntv-logo-white.svg") no-repeat;
  background-size: 94px 40px;
}
#nav.whiteNav {
  background: hsla(0, 0%, 100%, 0.9);
}
#nav.whiteNav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
#nav.whiteNav .nav-center a,
#nav.whiteNav .nav-center .product,
#nav.whiteNav .nav-center .solution,
#nav.whiteNav .nav-center .Install {
  color: #000000;
}
#nav.whiteNav .nav-center a .arrow,
#nav.whiteNav .nav-center .product .arrow,
#nav.whiteNav .nav-center .solution .arrow,
#nav.whiteNav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
#nav.whiteNav .nav-center a,
#nav.whiteNav .nav-center .aboutUs {
  color: #000000;
}
#nav.whiteNav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
#nav.whiteNav .nav-right p span:nth-child(2) {
  color: #000;
}
#nav.whiteNav .nav-right a.login {
  color: #0758F1;
}
#nav.whiteNav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.whiteNav::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 70px;
  position: absolute;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: -1;
}
.header-mobile {
  width: 100%;
  position: fixed;
  top: 0;
  background: transparent;
  color: #fff;
  z-index: 1000;
}
.header-mobile .header-box {
  width: 100%;
  height: 0.88rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.header-mobile .header-box .left-box {
  display: flex;
  align-items: center;
}
.header-mobile .header-box .left-box .helpName {
  font-size: 0.28rem;
  font-weight: bold;
  color: #000000;
  line-height: 0.4rem;
  margin-left: 0.14rem;
}
.header-mobile .header-box .header-icon {
  height: 100%;
  cursor: pointer;
  margin-left: 0.39rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.header-mobile .header-box .header-icon img {
  width: 1.36rem;
  height: 0.54rem;
  margin-right: 0;
}
.header-mobile .header-box .right-box {
  display: flex;
  align-items: center;
}
.header-mobile .header-box .right-box .search-box {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.3rem;
}
.header-mobile .header-box .right-box .search-box > img {
  width: 100%;
  height: 100%;
}
.header-mobile .header-box .menu-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.header-mobile .header-box .menu-box img {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.39rem;
}
.header-mobile.showMobile .header-content {
  left: 0;
}
.header-mobile .header-content {
  position: absolute;
  top: 0.88rem;
  left: -100%;
  width: 100%;
  height: calc(100vh - 0.88rem - 1.2rem);
  background: #fff;
  overflow-y: scroll;
  transition: left 0.3s;
}
.header-mobile .header-content .header-nav {
  width: 100%;
  padding-top: 0.44rem;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.header-mobile .header-content .header-nav a {
  width: 100%;
  height: 1.16rem;
  padding: 0 0.48rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.header-mobile .header-content .header-nav a img {
  width: 0.34rem;
  height: 0.34rem;
  vertical-align: middle;
  margin-right: 0.21rem;
}
.header-mobile .header-content .header-nav a span {
  font-size: 0.32rem;
  color: #333;
  line-height: 0.44rem;
}
.header-mobile .header-content .header-nav .product {
  width: 100%;
  max-height: 1.16rem;
  overflow: hidden;
  transition: all 0.3s;
}
.header-mobile .header-content .header-nav .product.active {
  max-height: 100rem;
}
.header-mobile .header-content .header-nav .product.active .product-box {
  height: 1.32rem;
  background-color: #EEF7FF;
  border-bottom: 0.5px solid #fff;
}
.header-mobile .header-content .header-nav .product.active .product-box .product-title img {
  transform: rotate(180deg);
}
.header-mobile .header-content .header-nav .product.active .product-box .product-title span {
  font-weight: bold;
}
.header-mobile .header-content .header-nav .product-content {
  width: 100%;
  height: auto;
  padding: 0.48rem 0 0.28rem 0.8rem;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
  overflow: hidden;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond {
  margin-bottom: 0.28rem;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond:last-child {
  margin-bottom: 0;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond .navSecondTitle {
  margin-bottom: 0.4rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #93969C;
  line-height: 0.4rem;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond .navThird {
  display: flex;
  flex-wrap: wrap;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond .navThird .navThirdItem {
  width: 2rem;
  margin-right: 0.8rem;
  margin-bottom: 0.6rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.44rem;
  text-align: left;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond .navThird .navThirdItem a {
  width: auto;
  height: auto;
  padding: 0;
  color: #000;
}
.header-mobile .header-content .header-nav .product-content .navbox .navSecond.three .navThirdItem {
  margin-right: 0.16rem;
}
.header-mobile .header-content .header-nav .product-content .navbox.isSecond {
  display: flex;
  flex-wrap: wrap;
}
.header-mobile .header-content .header-nav .product-content .navbox.isSecond .navSecond {
  width: 2rem;
  margin-right: 0.8rem;
  text-align: left;
  margin-bottom: 0.6rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.44rem;
}
.header-mobile .header-content .header-nav .product-content .navbox.isSecond .navSecond a {
  width: auto;
  height: auto;
  padding: 0;
}
.header-mobile .header-content .header-nav .solution-content {
  height: 0;
  width: 100%;
  padding: 0 0.48rem;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
  transition: height 0.3s;
  overflow: hidden;
}
.header-mobile .header-content .header-nav .solution-content.active {
  height: 10.98rem;
}
.header-mobile .header-content .header-nav .solution-content ul {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.55rem;
}
.header-mobile .header-content .header-nav .solution-content ul li {
  min-width: 1.3rem;
  height: 0.5rem;
  margin-top: 0.4rem;
  margin-left: 0.25rem;
}
.header-mobile .header-content .header-nav .solution-content ul li a {
  height: 0.2rem;
  margin-top: 0.2rem;
  border-bottom: none;
}
.header-mobile .header-content .header-nav .solution-content ul li a span {
  font-size: 0.3rem;
}
.header-mobile .header-content .header-nav .case img {
  width: 0.34rem;
  height: 0.34rem;
  object-fit: cover;
}
.header-mobile .header-content .header-nav .about-content {
  width: 100%;
  height: 0;
  padding: 0 0.48rem;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
  transition: height 0.3s;
  overflow: hidden;
}
.header-mobile .header-content .header-nav .about-content.active {
  height: 3rem;
}
.header-mobile .header-content .header-nav .about-content ul {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.55rem;
}
.header-mobile .header-content .header-nav .about-content ul li {
  width: 1.4rem;
  height: 0.5rem;
  margin-top: 0.4rem;
  margin-left: 0.26rem;
}
.header-mobile .header-content .header-nav .about-content ul li a {
  height: 0.2rem;
  margin-top: 0.2rem;
  border-bottom: none;
}
.header-mobile .header-content .header-nav .about-content ul li a span {
  font-size: 0.3rem;
}
.header-mobile .header-content .header-nav .product-box,
.header-mobile .header-content .header-nav .solution-box,
.header-mobile .header-content .header-nav .about-box {
  width: 100%;
  height: 1.16rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 0.48rem;
  transition: all 0.3s;
  background-color: #fff;
  position: relative;
  z-index: 1;
  transform: translateZ(1px);
}
.header-mobile .header-content .header-nav .product-box.active,
.header-mobile .header-content .header-nav .solution-box.active,
.header-mobile .header-content .header-nav .about-box.active {
  background-color: #EEF7FF;
  border-bottom: 0.5px solid #fff;
}
.header-mobile .header-content .header-nav .product-box.active .product-title img,
.header-mobile .header-content .header-nav .solution-box.active .product-title img,
.header-mobile .header-content .header-nav .about-box.active .product-title img,
.header-mobile .header-content .header-nav .product-box.active .solution-title img,
.header-mobile .header-content .header-nav .solution-box.active .solution-title img,
.header-mobile .header-content .header-nav .about-box.active .solution-title img,
.header-mobile .header-content .header-nav .product-box.active .about-title img,
.header-mobile .header-content .header-nav .solution-box.active .about-title img,
.header-mobile .header-content .header-nav .about-box.active .about-title img {
  transform: rotate(180deg);
}
.header-mobile .header-content .header-nav .product-box.active .product-title span,
.header-mobile .header-content .header-nav .solution-box.active .product-title span,
.header-mobile .header-content .header-nav .about-box.active .product-title span,
.header-mobile .header-content .header-nav .product-box.active .solution-title span,
.header-mobile .header-content .header-nav .solution-box.active .solution-title span,
.header-mobile .header-content .header-nav .about-box.active .solution-title span,
.header-mobile .header-content .header-nav .product-box.active .about-title span,
.header-mobile .header-content .header-nav .solution-box.active .about-title span,
.header-mobile .header-content .header-nav .about-box.active .about-title span {
  font-weight: bold;
}
.header-mobile .header-content .header-nav .product-box .product-title,
.header-mobile .header-content .header-nav .solution-box .product-title,
.header-mobile .header-content .header-nav .about-box .product-title,
.header-mobile .header-content .header-nav .product-box .solution-title,
.header-mobile .header-content .header-nav .solution-box .solution-title,
.header-mobile .header-content .header-nav .about-box .solution-title,
.header-mobile .header-content .header-nav .product-box .about-title,
.header-mobile .header-content .header-nav .solution-box .about-title,
.header-mobile .header-content .header-nav .about-box .about-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.header-mobile .header-content .header-nav .product-box .product-title img,
.header-mobile .header-content .header-nav .solution-box .product-title img,
.header-mobile .header-content .header-nav .about-box .product-title img,
.header-mobile .header-content .header-nav .product-box .solution-title img,
.header-mobile .header-content .header-nav .solution-box .solution-title img,
.header-mobile .header-content .header-nav .about-box .solution-title img,
.header-mobile .header-content .header-nav .product-box .about-title img,
.header-mobile .header-content .header-nav .solution-box .about-title img,
.header-mobile .header-content .header-nav .about-box .about-title img {
  width: 0.34rem;
  height: 0.34rem;
  transition: transform 0.3s;
}
.header-mobile .header-content .header-nav .product-box .product-title span,
.header-mobile .header-content .header-nav .solution-box .product-title span,
.header-mobile .header-content .header-nav .about-box .product-title span,
.header-mobile .header-content .header-nav .product-box .solution-title span,
.header-mobile .header-content .header-nav .solution-box .solution-title span,
.header-mobile .header-content .header-nav .about-box .solution-title span,
.header-mobile .header-content .header-nav .product-box .about-title span,
.header-mobile .header-content .header-nav .solution-box .about-title span,
.header-mobile .header-content .header-nav .about-box .about-title span {
  font-size: 0.32rem;
  color: #333;
  line-height: 0.44rem;
}
.header-mobile .header-content .header-nav .solution-box img {
  margin-left: 65%;
  width: 0.34rem;
  height: 0.34rem;
}
.header-mobile .header-content .header-nav .header-tel {
  width: 96%;
  height: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0.5rem auto;
}
.header-mobile .header-content .header-nav .header-tel img {
  width: 0.34rem;
  height: 0.34rem;
  margin-right: 0.24rem;
  vertical-align: middle;
}
.header-mobile .header-content .header-nav .header-tel a {
  width: auto;
  height: 100%;
  color: #e7ecf8 !important;
  line-height: 0.8rem;
  border-bottom: none;
  font-weight: 400;
  font-size: 0.3rem;
}
.header-mobile .header-content .header-nav .header-login {
  width: 96%;
  height: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0.29rem auto;
}
.header-mobile .header-content .header-nav .header-login a {
  width: auto;
  height: 100%;
  color: #e7ecf8 !important;
  line-height: 0.8rem;
  border-bottom: none;
  font-weight: 400;
  font-size: 0.3rem;
  letter-spacing: 0.14rem;
}
.headerRightServiceInfo {
  width: 250px;
  background: #F6F9FB;
  box-shadow: 0px 0px 4px 0px rgba(57, 139, 247, 0.08);
  padding-top: 28px;
}
.headerRightServiceInfo .p1 {
  display: block;
  text-align: left;
  margin-left: 40px;
  margin-bottom: 28px;
}
.headerRightServiceInfo .p1 .title {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: #191919;
}
.headerRightServiceInfo .p1 .detail {
  width: 137px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  display: block;
  font-weight: 400;
  color: #191919;
}
.headerRightServiceInfo .p1:last-child .detail {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
.headerRightServiceInfo .p1:nth-child(2):hover,
.headerRightServiceInfo .p1:nth-child(3):hover {
  cursor: pointer;
}
.headerRightServiceInfo .p1:nth-child(2):hover .detail,
.headerRightServiceInfo .p1:nth-child(3):hover .detail {
  color: #398bf7;
}
.headerRightServiceInfo_new {
  width: 380px;
  background: #F7F9FB;
  box-shadow: 0px 0px 4px 0px rgba(57, 139, 247, 0.08);
  padding: 40px;
  border-radius: 10px;
}
.headerRightServiceInfo_new .p1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 300px;
  height: 72px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.headerRightServiceInfo_new .p1 .title {
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 16px;
}
.headerRightServiceInfo_new .p1 .detail {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #7D8797;
  line-height: 14px;
}
.headerRightServiceInfo_new .p1:last-child {
  margin-bottom: 0px;
}
.headerRightServiceInfo_new .p1:nth-child(2):hover,
.headerRightServiceInfo_new .p1:nth-child(3):hover {
  cursor: pointer;
}
.headerRightServiceInfo_new .p1:nth-child(2):hover .detail,
.headerRightServiceInfo_new .p1:nth-child(3):hover .detail {
  color: #398bf7;
}
.header-content::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.mobilePartner-vertical {
  width: 94%;
  text-align: center;
  margin: 0 auto 0.55rem;
}
.mobilePartner-vertical p {
  width: 100%;
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin: 0.6rem auto 0.56rem;
}
.mobilePartner-vertical .img-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mobilePartner-vertical .img-box img {
  width: 2.18rem;
  height: 1rem;
  margin-bottom: 0.3rem;
}
.mobilePartner-notVertical {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding-bottom: 0.6rem;
}
.mobilePartner-notVertical p {
  width: 100%;
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin: 0.8rem auto 0.56rem;
}
.mobilePartner-notVertical .img-box img {
  width: 6.81rem;
  height: 9.4rem;
}
.cosmeticSelf {
  width: 100%;
  min-width: 1350px;
  height: 876px;
  background: #fff;
}
.cosmeticSelf .privateMarketing {
  width: 1200px;
  height: 876px;
  margin: 0 auto;
}
.cosmeticSelf .privateMarketing .privateContext {
  width: 1200px;
  height: 303px;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent {
  text-align: center;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent h2 {
  padding-top: 80px;
  box-sizing: border-box;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent h3 {
  font-size: 20px;
  margin-top: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
}
.cosmeticSelf .privateMarketing .privateContext ul {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 0;
}
.cosmeticSelf .privateMarketing .privateContext ul li {
  width: 160px;
  height: 50px;
  border-radius: 4px;
  float: left;
  margin-left: 20px;
}
.cosmeticSelf .privateMarketing .privateContext ul li .private-pic {
  margin-left: 24px;
  margin-top: 9px;
  float: left;
  background-size: 32px 200px;
}
.cosmeticSelf .privateMarketing .privateContext ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  float: left;
  margin-top: 13px;
  margin-left: 6px;
}
.cosmeticSelf .privateMarketing .privateContext .active {
  background-color: #0758f1;
  cursor: pointer;
}
.cosmeticSelf .privateMarketing .privateContext .activeColor p {
  color: #fff;
}
.cosmeticSelf .privateMarketing .privateBottom {
  width: 100%;
  height: 540px;
  float: left;
  margin-top: -5px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .df {
  display: flex;
  justify-content: space-between;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight img {
  float: right;
  background-size: cover;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .centerSoild {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 650px;
  margin-top: 110px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  padding-top: 30px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title h2 {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title h4 {
  font-size: 16px;
  font-weight: 400;
  color: #90929e;
  margin-top: 10px;
  line-height: 24px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title p::before {
  content: '';
  width: 4px;
  height: 24px;
  background-color: #0758f1;
  border: 2px solid #0758f1;
  margin-left: -15px;
  margin-right: 12px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  text-indent: 16px;
  line-height: 24px;
  margin-top: 20px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title .content-text {
  margin-top: 30px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight span {
  display: block;
  width: 154px;
  height: 50px;
  background: #0758f1;
  border-radius: 4px;
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  margin-right: 30px;
  margin-top: 80px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight span.appointmentBtn {
  background: #fff;
  border: 1px solid #0758f1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758f1;
  line-height: 50px;
}
.cosmeticSelf .privateMarketing .privateBottom span:hover {
  background: #0247c6;
  cursor: pointer;
}
.ourProducts.pc {
  margin-top: 50px;
}
.ourProducts.pc .title {
  margin-bottom: 48px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.ourProducts.pc .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ourProducts.pc .content .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 460px;
  height: 680px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
}
.ourProducts.pc .content .item:nth-child(2) {
  margin: 0 19px;
}
.ourProducts.pc .content .item .itemTitleBox {
  padding: 40px;
  padding-bottom: 0;
  text-align: left;
}
.ourProducts.pc .content .item .itemTitleBox .itemTitle {
  margin-bottom: 14px;
  font-size: 30px;
  font-weight: bold;
}
.ourProducts.pc .content .item .itemTitleBox .itemSubtitle {
  font-size: 18px;
}
.ourProducts.pc .content .item .itemImg {
  width: 400px;
  height: 428px;
  margin: 0 auto;
}
.ourProducts.mobile {
  margin-top: 1.28rem;
}
.ourProducts.mobile .title {
  margin-bottom: 0.48rem;
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
}
.ourProducts.mobile .content {
  padding: 0 0.32rem;
}
.ourProducts.mobile .content .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 10.14rem;
  margin-bottom: 0.48rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
}
.ourProducts.mobile .content .item:last-child {
  margin-bottom: 0;
}
.ourProducts.mobile .content .item .itemTitleBox {
  padding: 0.64rem 0.4rem 0 0.4rem;
  text-align: left;
}
.ourProducts.mobile .content .item .itemTitleBox .itemTitle {
  margin-bottom: 0.32rem;
  font-size: 0.48rem;
  font-weight: bold;
}
.ourProducts.mobile .content .item .itemTitleBox .itemSubtitle {
  font-size: 0.32rem;
}
.ourProducts.mobile .content .item .itemImg {
  width: 100%;
  height: auto;
}
.scenarioSolution.pc {
  margin-top: 120px;
}
@keyframes circle-move-left {
  0% {
    left: 0;
    top: -100px;
  }
  25% {
    left: 50%;
    top: 120px;
  }
  50% {
    left: 100%;
    top: 200px;
  }
  75% {
    left: 50%;
    top: 300px;
  }
  100% {
    left: 0;
    top: -100px;
  }
}
@keyframes circle-move-right {
  0% {
    right: 0;
    top: -100px;
  }
  25% {
    right: 50%;
    top: 120px;
  }
  50% {
    right: 100%;
    top: 200px;
  }
  75% {
    right: 50%;
    top: 300px;
  }
  100% {
    right: 0;
    top: -100px;
  }
}
.scenarioSolution.pc .title {
  margin-bottom: 48px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.scenarioSolution.pc .menuBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
}
.scenarioSolution.pc .menuBox .menuItem {
  height: 40px;
  margin-right: 32px;
  padding: 0 20px;
  border-radius: 22px;
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
  transition: background 0.3s;
  cursor: pointer;
}
.scenarioSolution.pc .menuBox .menuItem.active {
  color: #fff;
  background-color: #000000;
}
.scenarioSolution.pc .menuBox .menuItem:last-child {
  margin-right: 0;
}
.scenarioSolution.pc .center {
  position: relative;
  overflow: hidden;
  height: 630px;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
}
.scenarioSolution.pc .center .backImg {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1500px;
  height: 280px;
  transform: translateX(-50%);
  z-index: 1;
}
.scenarioSolution.pc .center .circle {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  filter: blur(90px);
  will-change: transform;
  border-radius: 50%;
  z-index: 2;
  opacity: 0.5;
}
.scenarioSolution.pc .center .circle.circle-1 {
  background: radial-gradient(49.99% 50.1% at 50% 49.9%, rgba(0, 209, 255, 0.3) 0%, rgba(0, 102, 255, 0.098) 90.47%);
  width: 800px;
  height: 800px;
  animation: circle-move-left 15s linear 0s infinite normal both;
  animation-delay: 800ms;
}
.scenarioSolution.pc .center .circle.circle-2 {
  background: radial-gradient(49.99% 50.1% at 50% 49.9%, rgba(255, 96, 96, 0.173) 0%, rgba(255, 92, 0, 0.03) 90.47%);
  width: 488px;
  height: 488px;
  animation: circle-move-right 15s linear 0s infinite normal both;
  animation-delay: 400ms;
}
.scenarioSolution.pc .center .circle.circle-3 {
  background: radial-gradient(49.99% 50.1% at 50% 49.9%, rgba(2, 12, 255, 0.3) 0%, rgba(0, 102, 255, 0.098) 90.47%);
  width: 255px;
  height: 255px;
  animation: circle-move-right 15s linear 0s infinite normal both;
  animation-delay: 200ms;
}
.scenarioSolution.pc .center .content {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 630px;
  z-index: 3;
}
.scenarioSolution.pc .center .content .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 617px;
  height: 100%;
  padding: 80px 0 96px;
  box-sizing: border-box;
}
.scenarioSolution.pc .center .content .left .top .title {
  margin-bottom: 8px;
  color: transparent;
  background: linear-gradient(180deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-align: left;
  font-size: 24px;
  font-weight: bold;
}
.scenarioSolution.pc .center .content .left .top .subtitle {
  margin-bottom: 44px;
  font-size: 24px;
  font-weight: bold;
}
.scenarioSolution.pc .center .content .left .top .describeItem {
  display: flex;
  margin-bottom: 24px;
}
.scenarioSolution.pc .center .content .left .top .describeItem .describeIcon {
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-top: 6px;
}
.scenarioSolution.pc .center .content .left .top .describeItem .describeTxt {
  font-size: 16px;
}
.scenarioSolution.pc .center .content .left .bottom {
  display: flex;
  align-items: center;
  padding-left: 3px;
}
.scenarioSolution.pc .center .content .left .bottom a {
  width: 120px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 8px;
}
.scenarioSolution.pc .center .content .left .bottom .details {
  color: #fff;
  background-color: #0758F1;
  margin-right: 20px;
}
.scenarioSolution.pc .center .content .left .bottom .reservation {
  color: #0758F1;
  border: 1px solid #0758F1;
}
.scenarioSolution.pc .center .content .right {
  opacity: 0;
  width: 410px;
  height: 450px;
  transform: translateX(200px);
}
.scenarioSolution.pc .center .content .right img {
  display: block;
  width: 100%;
  height: 100%;
}
.scenarioSolution.pc .center .content.active {
  opacity: 1;
  z-index: 5;
}
.scenarioSolution.pc .center .content.active .right {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.3s;
}
.scenarioSolution.mobile {
  margin-top: 1.28rem;
  padding-bottom: 1.28rem;
}
.scenarioSolution.mobile .title {
  margin-bottom: 0.72rem;
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
}
.scenarioSolution.mobile .menuBox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.72rem;
}
.scenarioSolution.mobile .menuBox .menuItem {
  width: 1.76rem;
  height: 0.72rem;
  margin-bottom: 0.32rem;
  border-radius: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.72rem;
  text-align: center;
  transition: background 0.3s;
  cursor: pointer;
  background-color: #F6FAFF;
}
.scenarioSolution.mobile .menuBox .menuItem.active {
  color: #fff;
  background-color: #000000;
}
.scenarioSolution.mobile .menuBox .menuItem:last-child {
  margin-right: 0;
}
.scenarioSolution.mobile .menuBox .menuItem:nth-child(3n - 1) {
  margin-left: 0.48rem;
  margin-right: 0.48rem;
}
.scenarioSolution.mobile .content .swiper-slide {
  padding: 0 0.32rem;
}
.scenarioSolution.mobile .content .swiper-slide .right {
  width: 6.86rem;
  height: 7.2rem;
  margin-bottom: 0.56rem;
}
.scenarioSolution.mobile .content .swiper-slide .right img {
  width: 100%;
  height: 100%;
}
.scenarioSolution.mobile .content .swiper-slide .left .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 0.56rem;
  text-align: left;
  color: transparent;
  background: linear-gradient(180deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.scenarioSolution.mobile .content .swiper-slide .left .subtitle {
  margin-bottom: 0.64rem;
  font-weight: bold;
  font-size: 0.4rem;
  color: #000000;
  line-height: 0.56rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .describeItem {
  display: flex;
  margin-bottom: 0.32rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .describeItem .describeIcon {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.08rem;
  margin-top: 0.1rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .describeItem .describeTxt {
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.4rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.64rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .bottom a {
  width: 2.4rem;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  border-radius: 0.16rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .bottom .details {
  color: #fff;
  background-color: #0758F1;
  margin-right: 0.4rem;
}
.scenarioSolution.mobile .content .swiper-slide .left .bottom .reservation {
  color: #0758F1;
  border: 1px solid #0758F1;
}
/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.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-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -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%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  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-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.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 {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  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;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  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 {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  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-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.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-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
.techEnabled-container {
  width: 100%;
  min-width: 1350px;
  height: 88px;
  position: relative;
  z-index: 10;
}
.techEnabled-container .techEnabled-text {
  width: 1416px;
  height: 88px;
  margin: 0 auto;
}
.techEnabled-container .techEnabled-text .techEnabled-nav {
  position: relative;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 120px;
  position: absolute;
  margin-top: -60px;
  padding: 0 121px;
  box-sizing: border-box;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/techEnabled.png') no-repeat;
  background-size: 100% 100%;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li {
  display: flex;
  align-items: center;
  height: 120px;
  width: 210px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li:nth-child(1) .scrollNumBox .sNum {
  min-width: 52.5px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li:nth-child(2) .scrollNumBox .sNum {
  min-width: 66.5px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li:nth-child(4) .scrollNumBox .sNum {
  min-width: 62px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li .techEnabled-pic {
  background-size: 100% 100%;
  margin-right: 10px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li .scrollNumBox {
  display: flex;
  align-items: flex-end;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li .scrollNumBox .sNum {
  font-size: 44px;
  font-family: Oswald-Regular, Oswald;
  font-weight: 400;
  color: #000000;
  line-height: 52px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li .scrollNumBox .unit {
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #000000;
  line-height: 26px;
  margin-left: 2px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 li .bottom {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.techEnabled-container .techEnabled-text .techEnabled-nav .techEnabled-title2 .active .techEnabled-text2 {
  background-color: aqua;
}
.techEnabled-container .techEnabled-text .techEnabled-content {
  width: 1200px;
  height: 728px;
  position: absolute;
  margin-top: 60px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-title {
  text-align: center;
  color: #191919;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-title p {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-title h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 16px;
  letter-spacing: 2px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box {
  width: 1200px;
  height: 400px;
  margin-top: 62px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 {
  float: left;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li {
  float: left;
  margin-left: 19px;
  border-radius: 10px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li .techEnabledPic {
  transition: all 0.3s ease;
  background-size: cover;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li .techEnabledPic .techEnabled-text2 {
  width: 430px;
  height: 190px;
  border-radius: 10px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li .techEnabledPic .techEnabled-text2 h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  padding-top: 30px;
  color: #191919;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li .techEnabledPic .techEnabled-text2 p {
  width: 370px;
  height: 72px;
  font-size: 14px;
  font-weight: 400;
  color: #5e5656;
  line-height: 24px;
  margin-left: 30px;
  margin-top: 8px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:first-child .techEnabledPic .techEnabled-text2 {
  width: 300px;
  height: 400px;
  border-radius: 10px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:first-child .techEnabledPic .techEnabled-text2 h2 {
  padding-top: 38px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:first-child .techEnabledPic .techEnabled-text2 p {
  width: 240px;
  height: 192px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 30px;
  margin-top: 15px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:first-child .techEnabledPic .techEnabled-text2 span {
  display: block;
  width: 240px;
  height: 192px;
  font-size: 14px;
  font-weight: 400;
  color: #5e5656;
  line-height: 24px;
  margin-left: 30px;
  margin-top: -75px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:first-child {
  width: 300px;
  height: 400px;
  margin-left: 0;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:nth-child(2) {
  width: 430px;
  height: 190px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:nth-child(3) {
  width: 430px;
  height: 190px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:nth-child(4) {
  width: 430px;
  height: 190px;
  margin-top: 20px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:nth-child(5) {
  width: 430px;
  height: 190px;
  margin-top: 20px;
}
.techEnabled-container .techEnabled-text .techEnabled-content .techEnabled-box .techEnabled-title3 li:hover {
  cursor: pointer;
}
.technology.pc {
  margin-top: 120px;
}
.technology.pc .title {
  margin-bottom: 48px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.technology.pc .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.technology.pc .content .item {
  width: 388px;
  height: 290px;
  padding: 60px 12px 24px 32px;
  box-sizing: border-box;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
  --x: 0;
  --y: 0;
}
.technology.pc .content .item:nth-child(2) {
  margin: 0 18px;
}
.technology.pc .content .item .itemTitle {
  font-weight: 600;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 40px;
}
.technology.pc .content .item .itemImg {
  position: absolute;
  right: 12px;
  bottom: 24px;
  width: 164px;
  height: 180px;
}
.technology.pc .content .item .describes {
  margin-top: 40px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
}
.technology.pc .content .item.active .light {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(circle at var(--x) var(--y), rgba(255, 255, 255, 0.2) 10%, transparent 50%);
}
.technology.mobile {
  padding-top: 1.28rem;
}
.technology.mobile .title {
  margin-bottom: 0.56rem;
  font-size: 0.66rem;
  font-weight: bold;
  text-align: center;
}
.technology.mobile .content .item {
  width: 6.86rem;
  height: 3.46rem;
  padding: 0.4rem 0.32rem 0.26rem 0.56rem;
  box-sizing: border-box;
  border-radius: 0.32rem;
  position: relative;
  margin: 0 auto;
}
.technology.mobile .content .item:nth-child(2) {
  margin: 0.24rem auto;
}
.technology.mobile .content .item .itemTitle {
  font-weight: 600;
  font-size: 0.48rem;
  color: #FFFFFF;
  line-height: 0.66rem;
}
.technology.mobile .content .item .itemImg {
  position: absolute;
  right: 0.32rem;
  bottom: 0.26rem;
  width: 2.56rem;
  height: 2.8rem;
}
.technology.mobile .content .item .describes {
  margin-top: 0.24rem;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.48rem;
}
.newService.pc {
  margin-top: 120px;
  padding-bottom: 120px;
}
.newService.pc .title {
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.newService.pc .subtitle {
  margin-bottom: 42px;
  font-size: 20px;
  color: #000000;
  text-align: center;
}
.newService.pc .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newService.pc .content .item {
  position: relative;
  width: 170px;
  height: 410px;
  margin-right: 10px;
  background: linear-gradient(180deg, rgba(223, 237, 255, 0.1) 0%, #EEF7FF 66%, #FFFFFF 100%);
  cursor: pointer;
  transition: width 0.3s;
}
.newService.pc .content .item:last-child {
  margin-right: 0;
}
.newService.pc .content .item .backImg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
.newService.pc .content .item .itemContent {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 110px;
  box-sizing: border-box;
  z-index: 1;
}
.newService.pc .content .item .itemContent .itemTitle {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  text-align: center;
}
.newService.pc .content .item .itemContent .itemImg {
  display: block;
  width: 126px;
  height: 116px;
  margin: 0 auto;
  margin-top: 56px;
}
.newService.pc .content .item .itemContent .describes {
  display: none;
  margin-bottom: 18px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}
.newService.pc .content .item.active {
  width: 696px;
}
.newService.pc .content .item.active .backImg {
  display: block;
}
.newService.pc .content .item.active .itemContent {
  padding: 249px 0 0 50px;
}
.newService.pc .content .item.active .itemContent .itemTitle {
  margin-bottom: 18px;
  text-align: left;
  color: #fff;
}
.newService.pc .content .item.active .itemContent .itemImg {
  display: none;
}
.newService.pc .content .item.active .itemContent .describes {
  display: block;
}
.newService.mobile {
  padding: 1.28rem 0.32rem;
  text-align: center;
}
.newService.mobile .title {
  margin-bottom: 0.24rem;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000000;
  line-height: 0.66rem;
}
.newService.mobile .subtitle {
  margin-bottom: 0.56rem;
  font-size: 0.32rem;
  color: #666;
  text-align: center;
  line-height: 0.44rem;
}
.newService.mobile .itemContentBox {
  position: relative;
  width: 100%;
  height: 4.04rem;
  margin-bottom: 0.36rem;
}
.newService.mobile .itemContentBox .itemContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.3s;
}
.newService.mobile .itemContentBox .itemContent.active {
  opacity: 1;
}
.newService.mobile .itemContentBox .itemContent .backImg {
  display: block;
  width: 100%;
  height: 100%;
}
.newService.mobile .itemContentBox .itemContent .itemContentTxt {
  position: absolute;
  left: 0.24rem;
  bottom: 0.4rem;
}
.newService.mobile .itemContentBox .itemContent .itemContentTxt .itemTitle {
  font-weight: bold;
  font-size: 0.28rem;
  color: #fff;
  text-align: center;
  line-height: 0.4rem;
  margin-bottom: 0.18rem;
  text-align: left;
}
.newService.mobile .itemContentBox .itemContent .itemContentTxt .describes {
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.34rem;
  text-align: left;
}
.newService.mobile .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.newService.mobile .content .item {
  width: 2.2rem;
  height: 2.8rem;
  background: #EEF7FF;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0.14rem;
  padding-top: 0.16rem;
  border-radius: 0.2rem;
}
.newService.mobile .content .item .itemImg {
  width: 1.8rem;
  height: 1.66rem;
  margin-bottom: 0.16rem;
}
.newService.mobile .content .item .itemTitle {
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.4rem;
}
.newService.mobile .content .item.active .itemTitle {
  color: #0758F1;
}
.newService.mobile .content .item:nth-child(2) {
  margin-left: 0.12rem;
  margin-right: 0.12rem;
}
.newService.mobile .content .item:nth-last-child(1) {
  margin-left: 0.12rem;
}
.newService.mobile .content .item:nth-child(4),
.newService.mobile .content .item:last-child {
  width: 3.36rem;
}
.video-container {
  width: 100%;
  min-width: 1350px;
  height: 846px;
  background: #f9fcfe;
}
.video-container .video-content {
  width: 1200px;
  height: 846px;
  margin: 0 auto;
}
.video-container .video-content .video-tabber {
  text-align: center;
  color: #191919;
}
.video-container .video-content .video-tabber h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.video-container .video-content .video-tabber h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 16px;
  letter-spacing: 2px;
}
.video-container .video-content .video-top {
  width: 1200px;
  height: 440px;
  margin: 0 auto;
  margin-top: 10px;
}
.video-container .video-content .video-center {
  width: 880px;
  height: 50px;
  margin: 0 auto;
  margin-top: 20px;
}
.video-container .video-content .video-center ul {
  float: left;
}
.video-container .video-content .video-center ul li {
  width: 160px;
  height: 50px;
  border-radius: 4px;
  float: left;
  margin-left: 20px;
}
.video-container .video-content .video-center ul li .video-pic {
  margin-left: 24px;
  margin-top: 9px;
  float: left;
  background-size: 32px 200px;
}
.video-container .video-content .video-center ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  margin-top: 13px;
  text-indent: 4px;
}
.video-container .video-content .video-center li:first-child {
  margin-left: 0;
}
.video-container .video-content .video-center .active {
  background: #0758f1;
  cursor: pointer;
}
.video-container .video-content .video-center .activeColor p {
  color: #fff;
}
.video-container .video-content .video-bottom {
  width: 1200px;
  height: 540px;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
}
.video-container .video-content .video-bottom .content-bottom h3 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  padding-top: 30px;
  line-height: 36px;
}
.video-container .video-content .video-bottom .content-bottom h4 {
  font-size: 16px;
  font-weight: 400;
  color: #93969c;
  margin-top: -10px;
  line-height: 24px;
}
.video-container .video-content .video-bottom .content-bottom .bottomSoild {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 0;
  margin-top: 110px;
}
.video-container .video-content .video-bottom .content-bottom p::before {
  content: "";
  background-color: #0758f1;
  border: 2px solid #0758f1;
  margin-right: 12px;
}
.video-container .video-content .video-bottom .content-bottom p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 24px;
}
.video-container .video-content .video-bottom .content-bottom .content-text {
  padding-top: 20px;
}
.video-container .video-content .video-bottom .content-bottom span {
  display: inline-block;
  width: 154px;
  height: 50px;
  background: #0758f1;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  margin-top: 80px;
}
.video-container .video-content .video-bottom .content-bottom span.appointmentBtn {
  background: #fff;
  border: 1px solid #0758F1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758F1;
  line-height: 50px;
  margin-left: 30px;
}
.video-container .video-content .video-bottom .content-bottom img {
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.video-container .video-content .video-bottom span:hover {
  cursor: pointer;
  background: #0247c6;
}
.private.selfVideo {
  width: 100%;
  min-width: 1350px;
  height: 876px;
  background: #fff;
}
.private.selfVideo .privateContext {
  width: 1200px;
  height: 313px;
}
.private.selfVideo .privateMarketing {
  width: 1200px;
  height: 876px;
  margin: 0 auto;
}
.private.selfVideo .privateMarketing .privateContext .privateContent {
  text-align: center;
}
.private.selfVideo .privateMarketing .privateContext .privateContent h2 {
  padding-top: 80px;
  box-sizing: border-box;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
}
.private.selfVideo .privateMarketing .privateContext .privateContent h3 {
  font-size: 20px;
  margin-top: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  letter-spacing: 2px;
}
.private.selfVideo .privateMarketing .privateContext .privateContent h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  letter-spacing: 2px;
}
.private.selfVideo .privateMarketing .privateContext ul {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 0;
}
.private.selfVideo .privateMarketing .privateContext ul li {
  width: 160px;
  height: 50px;
  border-radius: 4px;
  float: left;
  margin-left: 20px;
}
.private.selfVideo .privateMarketing .privateContext ul li .private-pic {
  margin-left: 24px;
  margin-top: 9px;
  float: left;
  background-size: 32px 200px;
}
.private.selfVideo .privateMarketing .privateContext ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  float: left;
  margin-top: 13px;
  margin-left: 6px;
}
.private.selfVideo .privateMarketing .privateContext .active {
  background-color: #0758f1;
  cursor: pointer;
}
.private.selfVideo .privateMarketing .privateContext .activeColor p {
  color: #fff;
}
.private.selfVideo .privateMarketing .privateBottom {
  position: relative;
  width: 100%;
  height: 540px;
  float: left;
  margin-top: 40px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight img {
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .centerSoild {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 650px;
  margin-top: 110px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .content-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  padding-top: 30px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .content-title h2 {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .content-title h4 {
  font-size: 16px;
  font-weight: 400;
  color: #90929e;
  margin-top: 10px;
  line-height: 24px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .content-title p::before {
  content: "";
  width: 4px;
  height: 24px;
  background-color: #0758f1;
  border: 2px solid #0758f1;
  margin-left: -15px;
  margin-right: 12px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .content-title p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  text-indent: 16px;
  line-height: 24px;
  margin-top: 20px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight .content-title .content-text {
  margin-top: 30px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight span {
  display: block;
  width: 154px;
  height: 50px;
  background: #0758f1;
  border-radius: 4px;
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  margin-right: 30px;
  margin-top: 80px;
}
.private.selfVideo .privateMarketing .privateBottom .privateRight span.appointmentBtn {
  background: #fff;
  border: 1px solid #0758F1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758F1;
  line-height: 50px;
}
.private.selfVideo .privateMarketing .privateBottom span:hover {
  background: #0247c6;
  cursor: pointer;
}
.education {
  width: 100%;
  min-width: 1350px;
  height: 876px;
  background: #fff;
}
.education .education-context {
  width: 1200px;
  height: 876px;
  margin: 0 auto;
}
.education .education-context .education-title h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  text-align: center;
  padding-top: 80px;
  line-height: 60px;
}
.education .education-context .education-title h3 {
  width: 420px;
  height: 60px;
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  margin-top: 16px;
  letter-spacing: 2px;
}
.education .education-context .education-nav {
  width: 880px;
  height: 50px;
  margin: 0 auto;
  margin-top: 30px;
}
.education .education-context .education-nav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.education .education-context .education-nav ul li {
  width: 160px;
  height: 50px;
  border-radius: 4px;
}
.education .education-context .education-nav ul li .education-pic {
  margin-left: 24px;
  margin-top: 9px;
  float: left;
  background-size: cover;
}
.education .education-context .education-nav ul li p {
  margin-top: 13px;
  font-size: 16px;
  font-weight: 400;
  text-indent: 3px;
}
.education .education-context .education-right {
  position: relative;
  width: 1200px;
  height: 540px;
  margin-top: 40px;
}
.education .education-context .education-right .education-container img {
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.education .education-context .education-right .education-container h3 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  padding-top: 30px;
  line-height: 36px;
}
.education .education-context .education-right .education-container h4 {
  font-size: 16px;
  font-weight: 400;
  color: #93969c;
  line-height: 24px;
  margin-top: -10px;
}
.education .education-context .education-right .education-container .rightSoild {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 650px;
  margin-top: 110px;
}
.education .education-context .education-right .education-container p::before {
  content: "";
  background-color: #0758f1;
  border: 2px solid #0758f1;
  margin-left: -15px;
  margin-right: 12px;
}
.education .education-context .education-right .education-container p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 24px;
  text-indent: 16px;
}
.education .education-context .education-right .education-container .content-text {
  margin-top: 25px;
}
.education .education-context .education-right .education-container span {
  display: block;
  width: 154px;
  height: 50px;
  background: #0758f1;
  border-radius: 4px;
  float: left;
  text-align: center;
  color: #fff;
  line-height: 50px;
  margin-top: 50px;
  margin-right: 30px;
}
.education .education-context .education-right .education-container span.appointmentBtn {
  background: #fff;
  border: 1px solid #0758F1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758F1;
  line-height: 50px;
  margin-left: 30px;
}
.education .education-context .active {
  background: #0758f1;
  cursor: pointer;
}
.education .education-context .activeColor p {
  color: #fff;
}
.education .education-context .abouts:hover span {
  background: #0247c6;
  cursor: pointer;
}
.liveSolution-container {
  width: 100%;
  min-width: 1350px;
  height: 846px;
  background: #f9fcfe;
}
.liveSolution-container .liveSolution-content {
  width: 1200px;
  height: 846px;
  margin: 0 auto;
}
.liveSolution-container .liveSolution-content .liveSolution-title {
  text-align: center;
  color: #191919;
}
.liveSolution-container .liveSolution-content .liveSolution-title h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.liveSolution-container .liveSolution-content .liveSolution-title h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 16px;
  letter-spacing: 2px;
}
.liveSolution-container .liveSolution-content .liveSolution-subtitle {
  width: 880px;
  height: 50px;
  margin: 0 auto;
  margin-top: 30px;
}
.liveSolution-container .liveSolution-content .liveSolution-subtitle ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.liveSolution-container .liveSolution-content .liveSolution-subtitle ul li {
  width: 160px;
  height: 50px;
  border-radius: 4px;
}
.liveSolution-container .liveSolution-content .liveSolution-subtitle ul li .liveSolution-pic {
  margin-top: 9px;
  margin-left: 24px;
  float: left;
  background-size: 32px 200px;
}
.liveSolution-container .liveSolution-content .liveSolution-subtitle ul li p {
  font-size: 16px;
  font-weight: 400;
  text-indent: 3px;
  line-height: 24px;
  margin-top: 13px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab {
  width: 1200px;
  height: 540px;
  margin-top: 40px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title {
  position: relative;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title h3 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  padding-top: 30px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title h4 {
  font-size: 16px;
  font-weight: 400;
  color: #90929e;
  margin-top: -10px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title .leftSoild {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 0;
  margin-top: 110px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title p::before {
  content: "";
  background-color: #0758f1;
  border: 2px solid #0758f1;
  margin-left: -15px;
  margin-right: 12px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title p {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  text-indent: 16px;
  margin-top: 5px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title .content-tet {
  margin-top: 25px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title span {
  display: inline-block;
  width: 154px;
  height: 50px;
  background: #0758f1;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  margin-top: 50px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title span.appointmentBtn {
  background: #fff;
  border: 1px solid #0758F1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758F1;
  line-height: 50px;
  margin-left: 30px;
}
.liveSolution-container .liveSolution-content .liveSolution-tab .liveSolution2-title img {
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.liveSolution-container .liveSolution-content .active {
  background: #0758f1;
  cursor: pointer;
}
.liveSolution-container .liveSolution-content .activeColor p {
  color: #fff;
}
.liveSolution-container .liveSolution-content .abouts a:nth-child(1) span:hover {
  cursor: pointer;
  background: #0247c6;
}
.privatization-deployment {
  width: 100%;
  min-width: 1350px;
  height: 846px;
  background: #f9fcfe;
}
.privatization-deployment .privatization-text {
  width: 1200px;
  height: 846px;
  margin: 0 auto;
}
.privatization-deployment .privatization-text .privatization-tabber {
  text-align: center;
}
.privatization-deployment .privatization-text .privatization-tabber h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 60px;
  padding-top: 80px;
}
.privatization-deployment .privatization-text .privatization-tabber h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
  letter-spacing: 2px;
}
.privatization-deployment .privatization-text .privatization-nav {
  width: 340px;
  height: 50px;
  margin: 0 auto;
  margin-top: 30px;
}
.privatization-deployment .privatization-text .privatization-nav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.privatization-deployment .privatization-text .privatization-nav ul li {
  width: 160px;
  height: 50px;
  border-radius: 4px;
}
.privatization-deployment .privatization-text .privatization-nav ul li .privatization-pic {
  margin-top: 9px;
  margin-left: 24px;
  float: left;
  background-size: cover;
}
.privatization-deployment .privatization-text .privatization-nav ul li p {
  font-size: 16px;
  font-weight: 400;
  text-indent: 3px;
  line-height: 24px;
  margin-top: 13px;
}
.privatization-deployment .privatization-text .privatization-right {
  width: 1200px;
  height: 540px;
  margin-top: 40px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title img {
  float: left;
  background-size: cover;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title h3 {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  padding-top: 30px;
  line-height: 36px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title h4 {
  font-size: 16px;
  font-weight: 400;
  color: #93969c;
  line-height: 24px;
  margin-top: -10px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title .leftDashed {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 650px;
  margin-top: 110px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title p::before {
  width: 4px;
  height: 20px;
  content: "";
  background-color: #0758f1;
  border: 2px solid #0758f1;
  margin-left: -15px;
  margin-right: 12px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  text-indent: 16px;
  line-height: 24px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title .content-tet {
  margin-top: 20px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title span {
  display: inline-block;
  width: 154px;
  height: 50px;
  background: #0758f1;
  border-radius: 4px;
  float: left;
  text-align: center;
  color: #fff;
  line-height: 50px;
  margin-top: 80px;
  margin-left: 30px;
}
.privatization-deployment .privatization-text .privatization-right .privatization-title span.appointmentBtn {
  background: #fff;
  border: 1px solid #0758F1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758F1;
  line-height: 50px;
  margin-left: 30px;
}
.privatization-deployment .privatization-text .active {
  background: #0758f1;
  cursor: pointer;
}
.privatization-deployment .privatization-text .activeColor p {
  color: #fff;
}
.privatization-deployment .privatization-text .more a:nth-child(1) span:hover {
  cursor: pointer;
  background: #0247c6;
}
.ServiceCompany.pc {
  width: 100%;
  min-width: 1350px;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
}
.ServiceCompany.pc .ServiceCompany-text {
  margin: 0 auto;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-title {
  color: #191919;
  text-align: center;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-title h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-title h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 16px;
  padding-bottom: 30px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new {
  margin: 0 auto;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: center;
  margin-bottom: 0;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li {
  width: 450px;
  height: 340px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li .top {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li .top img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li .bottom {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 40px 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li .bottom .desc {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #666666;
  line-height: 20px;
  margin-top: 13px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li .bottom .ServiceCompany-title2 p {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 28px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li.active .top img {
  transform: scale(1.3);
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-new .ServiceCompany-news li:nth-child(2) {
  margin: 0 33px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber {
  margin-top: 56px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber .ServiceCompany-banner {
  width: 992px;
  height: 40px;
  margin: 0 auto;
  margin-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber .ServiceCompany-banner li {
  width: 110px;
  height: 40px;
  border-radius: 20px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber .ServiceCompany-banner li h3 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber li:hover {
  background: #edf4f8;
  cursor: pointer;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber .active {
  background: #000000 !important;
  color: #ffffff;
  cursor: pointer;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-tabber .active h3 {
  color: #ffffff;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom {
  padding-bottom: 80px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom::after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom .ServiceCompany-bottom2 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 35px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom .ServiceCompany-bottom2 .ServiceCompany-bottom2ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom .ServiceCompany-bottom2 .ServiceCompany-bottom2ul::after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom .ServiceCompany-bottom2 .caseJumpBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom .ServiceCompany-bottom2 .caseJumpBtn > a {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #0758F1;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-family: Helvetica Neue-Regular, Helvetica Neue;
  color: #0758F1;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom .ServiceCompany-bottom2 li {
  width: 186px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(8, 6, 67, 0.06);
  border-radius: 4px;
  float: left;
  margin-bottom: 20px;
  margin-right: 12px;
  background-size: cover;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:nth-child(6),
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:nth-child(12),
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:nth-child(18),
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:last-child {
  margin-right: 0;
}
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:nth-child(1),
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:nth-child(7),
.ServiceCompany.pc .ServiceCompany-text .ServiceCompany-bottom li:nth-child(13) {
  margin-left: 12px;
}
.ServiceCompany.mobile {
  padding: 0.8rem 0;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
}
.ServiceCompany.mobile .ServiceCompany-title {
  text-align: center;
}
.ServiceCompany.mobile .ServiceCompany-title h2 {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000000;
  line-height: 0.66rem;
  margin-bottom: 0;
}
.ServiceCompany.mobile .ServiceCompany-title h4 {
  margin: 0.24rem 0 0.88rem;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.44rem;
  text-align: center;
}
.ServiceCompany.mobile .ServiceCompany-new {
  margin-bottom: 0.88rem;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 0.32rem;
  overflow-x: auto;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li {
  overflow: hidden;
  flex-shrink: 0;
  width: 5.2rem;
  box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.2rem;
  margin-right: 0.24rem;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li:last-child {
  margin-right: 0;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li .top {
  width: 100%;
  height: 2.8rem;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li .top img {
  width: 100%;
  height: 100%;
  display: block;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li .bottom {
  width: 5.22rem;
  padding: 0.64rem 0.4rem 0 0.4rem;
  position: relative;
  box-sizing: border-box;
  height: 3.64rem;
  margin-top: -0.44rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li .bottom .ServiceCompany-title2 {
  font-weight: bold;
  font-size: 0.32rem;
  color: #191919;
  line-height: 0.44rem;
  margin-bottom: 0.32rem;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news li .bottom .desc {
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.34rem;
}
.ServiceCompany.mobile .ServiceCompany-new .ServiceCompany-news::-webkit-scrollbar {
  display: none;
}
.ServiceCompany.mobile .ServiceCompany-tabber .ServiceCompany-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0.32rem;
  margin-bottom: 0.32rem;
}
.ServiceCompany.mobile .ServiceCompany-tabber .ServiceCompany-banner li {
  width: 1.6rem;
  height: 0.72rem;
  line-height: 0.72rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: 0.36rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #191919;
  cursor: pointer;
  margin-bottom: 0.32rem;
}
.ServiceCompany.mobile .ServiceCompany-tabber .ServiceCompany-banner li.active {
  background-color: #000000;
  color: #fff;
}
.ServiceCompany.mobile .ServiceCompanySlide {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.32rem;
}
.ServiceCompany.mobile .ServiceCompanySlide .caseItem {
  width: 2.19rem;
  height: 0.94rem;
  background: #FFFFFF;
  box-shadow: 0 0.04rem 0.12rem 0 rgba(8, 6, 67, 0.06);
  border-radius: 0.05rem;
  margin-bottom: 0.24rem;
}
.ServiceCompany.mobile .ServiceCompanySlide .caseItem:nth-child(3n - 1) {
  margin-left: 0.14rem;
  margin-right: 0.14rem;
}
.ServiceCompany.mobile .ServiceCompanySlide .caseItem img {
  width: 100%;
  height: 100%;
  display: block;
}
.ServiceCompany.mobile .caseJumpBtn {
  margin-top: 0.5rem;
}
.ServiceCompany.mobile .caseJumpBtn a {
  display: block;
  margin: 0 auto;
  width: 2.96rem;
  height: 0.88rem;
  border-radius: 0.16rem;
  border: 0.02rem solid #0758F1;
  text-align: center;
  line-height: 0.88rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #0758F1;
}
.openLive-container {
  width: 100%;
  min-width: 1350px;
  height: 210px;
  background: #0758f1;
  background: url("/assets/images/web/index/bg.png") no-repeat;
  background-size: cover;
  position: relative;
}
.openLive-container .openLive-content {
  width: 1200px;
  height: 110px;
  margin: 0 auto;
  padding-top: 50px;
}
.openLive-container .openLive-content .openLive-title {
  font-size: 28px;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
}
.openLive-container .openLive-content .btn-wapper .btn-now {
  width: 130px;
  height: 40px;
  background: #ffffff;
  text-align: center;
  line-height: 40px;
  margin-top: 30px;
  border-radius: 4px;
}
.openLive-container .openLive-content .btn-wapper .btn-now a {
  font-size: 16px;
  font-weight: 400;
  color: #0758f1;
}
.openLive-container .openLive-content .btn-wapper .btn-now-live {
  display: block;
  width: 130px;
  height: 40px;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin-left: 150px;
  margin-top: -40px;
  border-radius: 4px;
}
.openLive-container .openLive-content .btn-wapper .btn-now:hover {
  opacity: 0.9;
  cursor: pointer;
}
.openLive-container .openLive-content .btn-wapper .btn-now-live:hover {
  background-color: #fff;
  cursor: pointer;
}
.openLive-container .openLive-content .btn-wapper .btn-now-live:hover a {
  color: #0758f1;
}
.NewopenLive-container {
  width: 100%;
  height: 210px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.NewopenLive-container .NewopenLive-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  font-size: 36px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 42px;
}
.NewopenLive-container .NewopenLive-content .NewopenLive-info .desc {
  font-size: 24px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 28px;
  margin-top: 12px;
  width: 485px;
}
.NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  text-align: center;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 40, 99, 0.2);
  border-radius: 4px 4px 4px 4px;
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  line-height: 21px;
}
.NewopenLive-container.qrcode-layout {
  height: 260px;
}
.NewopenLive-container.qrcode-layout .NewopenLive-title {
  margin-bottom: 30px;
}
.NewopenLive-container.qrcode-layout .NewopenLive-btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  text-align: center;
  height: 46px;
  border-radius: 6px;
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  line-height: 21px;
  color: #FFFFFF;
}
.NewopenLive-container.qrcode-layout .NewopenLive-btns .btn:hover {
  color: #FFFFFF;
  opacity: 0.9;
}
.NewopenLive-container.qrcode-layout .qrcode-img {
  width: 190px;
  height: 190px;
}
.NewopenLive-container.qrcode-layout .qrcode-desc {
  margin-top: 6px;
  line-height: 28px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
.NewopenLive-container.mobile {
  overflow: hidden;
}
.NewopenLive-container.mobile.qrcode-layout {
  height: auto;
  padding-top: 0.72rem;
  padding-bottom: 0.76rem;
}
.NewopenLive-container.mobile.qrcode-layout .NewopenLive-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.NewopenLive-container.mobile.qrcode-layout .NewopenLive-content .NewopenLive-title .title {
  line-height: 0.66rem;
  font-size: 0.48rem;
  color: #000;
}
.NewopenLive-container.mobile.qrcode-layout .NewopenLive-content .NewopenLive-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.NewopenLive-container.mobile.qrcode-layout .NewopenLive-content .NewopenLive-btns .btn {
  width: 2.4rem;
  height: 0.72rem;
  line-height: 0.56rem;
  font-size: 0.28rem;
}
.NewopenLive-container.mobile.qrcode-layout .NewopenLive-content .qrcode-img {
  margin-top: 0.52rem;
  width: 2.88rem;
  height: 2.88rem;
}
.NewopenLive-container.mobile.qrcode-layout .NewopenLive-content .qrcode-desc {
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #000;
}
.certificate-container {
  width: 100%;
  background: #F9FCFE;
  padding: 140px 0px;
}
.certificate-container-title {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 60px;
  text-align: center;
}
.certificate-container-desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
}
.certificate-container-content {
  width: 1200px;
  margin: 0 auto;
}
.certificate-container-content .certificate-tab {
  margin-top: 40px;
  margin-bottom: 40px;
}
.certificate-container-content .certificate-tab ul {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.certificate-container-content .certificate-tab ul .certificate-tab-item {
  width: 120px;
  height: 44px;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 22px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.certificate-container-content .certificate-tab ul .certificate-tab-item:last-child {
  margin-left: 40px;
}
.certificate-container-content .certificate-tab ul .certificate-tab-item-active {
  color: #0758F1;
}
.certificate-container-content .certificate-tab ul .certificate-tab-item-active::after {
  content: '';
  display: block;
  width: 120px;
  height: 3px;
  background: #0758F1;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.certificate-container-content .certificate-swiper-container {
  position: relative;
  padding: 0px 88px;
  width: 1376px;
  margin-left: -88px;
}
.certificate-container-content .certificate-swiper-container:hover .swiper-button-prev,
.certificate-container-content .certificate-swiper-container:hover .swiper-button-next {
  display: block;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: calc((100% - 30px) / 2);
  /* Center slide text vertically */
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide .swiper-slide-imglist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide .swiper-slide-imglist .swiper-slide-imgItem {
  width: 227px;
  height: 227px;
  min-width: 227px;
  min-height: 227px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  margin-right: 16px;
  margin-bottom: 16px;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide .swiper-slide-imglist .swiper-slide-imgItem:nth-child(5),
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide .swiper-slide-imglist .swiper-slide-imgItem:nth-child(10) {
  margin-right: 0px;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide .swiper-slide-imglist .swiper-slide-imgItem > img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide.swiper-slide-honor .swiper-slide-imglist .swiper-slide-imgItem {
  flex-direction: column;
  padding: 24px 24px 18px;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide.swiper-slide-honor .swiper-slide-imglist .swiper-slide-imgItem > img {
  display: block;
  width: 150px;
  height: 120px;
}
.certificate-container-content .certificate-swiper-container .certificate-swiper .swiper-slide.swiper-slide-honor .swiper-slide-imglist .swiper-slide-imgItem > p {
  text-align: center;
  font-size: 16px;
  color: #121212;
  line-height: 19px;
  margin-top: 20px;
}
.certificate-container-content .certificate-swiper-container .swiper-button-prev,
.certificate-container-content .certificate-swiper-container .swiper-button-next {
  width: 64px;
  height: 64px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  background-image: none;
}
.certificate-container-content .certificate-swiper-container .swiper-button-prev img,
.certificate-container-content .certificate-swiper-container .swiper-button-next img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.certificate-container-content .certificate-swiper-container .swiper-button-prev {
  left: 0px;
}
.certificate-container-content .certificate-swiper-container .swiper-button-next {
  right: 0px;
  transform: translateY(-50%) rotate(180deg);
}
.certificate-container-content .certificate-swiper-container .swiper-pagination {
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
}
.certificate-container-content .certificate-swiper-container .swiper-pagination .swiper-pagination-bullet {
  margin-left: 24px;
  width: 8px;
  height: 8px;
  background: #E8EAEF;
  border-radius: 5px;
  opacity: 1;
}
.certificate-container-content .certificate-swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  margin-left: 0px;
}
.certificate-container-content .certificate-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0758F1;
}
.home-web .swiper-container,
.scrm.pc .swiper-container,
.medicalBeauty-container-box .swiper-container {
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-color: #ededed;
  position: relative;
}
.home-web .swiper-container .swiper-slide,
.scrm.pc .swiper-container .swiper-slide,
.medicalBeauty-container-box .swiper-container .swiper-slide {
  width: 100% !important;
  height: 600px;
}
.home-web .swiper-container .swiper-slide .swiper-content,
.scrm.pc .swiper-container .swiper-slide .swiper-content,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.home-web .swiper-container .swiper-slide .swiper-content .imga,
.scrm.pc .swiper-container .swiper-slide .swiper-content .imga,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .imga {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-web .swiper-container .swiper-slide .swiper-content .imga img,
.scrm.pc .swiper-container .swiper-slide .swiper-content .imga img,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .imga img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox {
  width: 100%;
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  left: 0px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div {
  width: 1416px;
  margin: 0 auto;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_title,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_title,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_title {
  margin-bottom: 0px;
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #001828;
  line-height: 64px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_desc,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_desc,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_desc {
  font-size: 24px;
  font-family: PingFang SC-Light, PingFang SC;
  color: #0e2545;
  line-height: 34px;
  font-weight: 300;
  margin: 16px 0px 0px 0px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv {
  display: flex;
  align-items: center;
  margin-top: 48px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv a,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv a,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv a,
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv button,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv button,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv button {
  display: flex;
  position: relative;
  width: 128px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  align-items: center;
  justify-content: center;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult {
  background: linear-gradient(90deg, #0758F1 0%, #1A9FFF 100%);
  border-radius: 6px;
  font-size: 18px;
  color: #fff;
  line-height: 48px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult:hover,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult:hover,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult:hover {
  background: #1A9FFF;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .more,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .more,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .more {
  margin-left: 30px;
  border-radius: 6px;
  border: 1px solid #117bf8;
  color: #117bf8;
  font-size: 18px;
  cursor: pointer;
  line-height: 48px;
  background: transparent;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .more:hover,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .more:hover,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .more:hover {
  background: #fff;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox {
  width: 1416px;
  position: absolute;
  top: 177px;
  left: 50%;
  transform: translateX(-50%);
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .text_img,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .text_img,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .text_img {
  width: 575px;
  margin-left: -2px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty a,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty a,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty a,
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty button,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty button,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty button {
  display: flex;
  position: relative;
  width: 274px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  align-items: center;
  justify-content: center;
}
.home-web .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty .consult,
.scrm.pc .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty .consult,
.medicalBeauty-container-box .swiper-container .swiper-slide .swiper-content .swiper-content_txt_imgBox .abtnDiv_medicalBeauty .consult {
  background: linear-gradient(90deg, #0758F1 0%, #1A9FFF 100%);
  border-radius: 6px;
  font-size: 18px;
  color: #fff;
  line-height: 48px;
}
.home-web .swiper-container .swiper-slide .txtBox_content_btns:hover,
.scrm.pc .swiper-container .swiper-slide .txtBox_content_btns:hover,
.medicalBeauty-container-box .swiper-container .swiper-slide .txtBox_content_btns:hover {
  background: #1A9FFF !important;
}
.home-web .swiper-container .swiper-slide .txtBox_content_btns:hover span::after,
.scrm.pc .swiper-container .swiper-slide .txtBox_content_btns:hover span::after,
.medicalBeauty-container-box .swiper-container .swiper-slide .txtBox_content_btns:hover span::after {
  display: none;
}
.home-web .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns,
.scrm.pc .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns,
.medicalBeauty-container-box .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns {
  margin-top: 280px;
}
.home-web .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns:hover,
.scrm.pc .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns:hover,
.medicalBeauty-container-box .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns:hover {
  background: linear-gradient(90deg, #fb9662 0%, #ff007b 100%) !important;
}
.home-web .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns:hover::after,
.scrm.pc .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns:hover::after,
.medicalBeauty-container-box .swiper-container .swiper-slide.slide-banner6 .txtBox_content_btns:hover::after {
  opacity: 0;
}
.home-web .swiper-container .swiper-pagination,
.scrm.pc .swiper-container .swiper-pagination,
.medicalBeauty-container-box .swiper-container .swiper-pagination {
  bottom: 80px !important;
  background-color: none;
  position: absolute;
  left: -660px;
}
.home-web .swiper-container .swiper-pagination .swiper-pagination-bullet,
.scrm.pc .swiper-container .swiper-pagination .swiper-pagination-bullet,
.medicalBeauty-container-box .swiper-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  border-radius: 4px;
  opacity: 0.5;
}
.home-web .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
.scrm.pc .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
.medicalBeauty-container-box .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: #fff;
  border-radius: 4px;
  opacity: 1;
}
.home-web .video-bg,
.scrm.pc .video-bg,
.medicalBeauty-container-box .video-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999999;
  display: none;
}
.home-web .video-bg .video,
.scrm.pc .video-bg .video,
.medicalBeauty-container-box .video-bg .video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 57.2% !important;
  height: 66% !important;
  background: #000;
  z-index: auto;
  transform: translate(-50%, -50%);
}
.home-web .video-bg .close,
.scrm.pc .video-bg .close,
.medicalBeauty-container-box .video-bg .close {
  position: absolute;
  top: 70px;
  right: 30px;
  cursor: pointer;
  color: #fff;
  font-size: 60px;
  background-color: rgba(19, 19, 19, 0.45);
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 34px;
  border-radius: 100%;
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADIklEQVRoQ+2Yy6tOYRTGf49r5JKJvwCJzkThdByciSgxkJmYOCMTyUSGRgYGBsrMQCkGqOPOoWRgYGCAouSWa4QYuWRp1ftp9519eff3bkcne0/3u9f7/NZa717P3mKCX5rg+mkB/nUF2wq0FUjMQNtCiQlMfvz/qYCZLQCOAP3ANWC3pNfJKQTMbApwABgG3gD7JF2KiR1dATO7DyzNBH0ODEp6GbNR0Zog/jSwObPmB7BI0rOq2FEAZjYV+J4TzCH6Jb2t2ijvfoH4ztItks5WxY0C8CBm9gBYkhPwMbC6LoSZTQbOdGW+E96TtVjS0yYBvH1uAfNSIYL4k8DWnFgGbJd0okq834+uQKhCH3CzBGJA0vuyjSPED0s6FiO+NkAExENgTRGEmU0CTpVkvpb4ngAyEN5Oc3MylQsRxB8HthVkd2edzHdi1Gqh7MZmtgy4UQKxStLHAOyZLxO/S9LR2LbJrusZIAhzCD8Ts3I2vwcMAZ//lvieW6irEiuB0RKIu8COguz2nPnkFqoBUdQZyeIbqUBHnZl5JfxMzIzo5T2SDkesq1ySdAa6o5vZIHClAqIx8Y1WIBxqd5XXfRYUpO4T0CfpVWVqIxc0VoFg+Nx8bazY+0UYdm4Ek69GAIL4C8C6SEVeAZ8TyRDJAGY2HThXIN6N2VdgTg5YIxBJAEH85TCwxpzp8IV1p8QAOoR7pyeRlRuzrGcAM5sBXCwQ7xv98TZm5i62yDu9A9zF9gTRE0AQ79N3IHbCVngnh1gr6VHdStQGMDP3Pf6ujxafGXZl3ulD+MauBVELIIj3abs8NvM5w67MOznEkCT/fI26ogHMzN8k3jZF4qMnbLAdRQbQh51/Y0dB1AEYATYVpCVafKR38vmwUJL/Xim9ogDMbBrwrSnxGYgy77Re0tVGADyImX0BZncFrJ35nDNRBLFBkr8s0isQAPYCh0I0n7D7JR2s2iDmfnCx5zOfp7fDgPtZ9XxUC2VKviK8Pkcl+a/Gxi4zmx/+Vvj/1hFJv2KC1wKICTjea1qA8c54935tBdoKJGagbaHEBCY/PuEr8BvkkhdA6fQM0gAAAABJRU5ErkJggg==);
}
.scrm.pc .swiper-pagination {
  left: -682px !important;
}
.medicalBeauty-container-box .swiper-pagination {
  left: -682px !important;
}
.CommonBanner {
  width: 100%;
  height: 600px;
  position: relative;
}
.CommonBanner .imga {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.CommonBanner .imga img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CommonBanner .imga video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.CommonBanner .commonBanner_txtBox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.CommonBanner .commonBanner_txtBox .txtBox_content {
  width: 1416px;
  margin: 0 auto;
}
.CommonBanner .commonBanner_txtBox .txtBox_content.centerShow {
  text-align: center;
}
.CommonBanner .commonBanner_txtBox .txtBox_content.centerShow .txtBox_content_btns {
  margin: 48px auto 0px;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_title {
  font-size: 44px;
  color: #0E2545;
  line-height: 64px;
  margin-bottom: 0px;
  font-weight: bold;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_title .banner10_box {
  display: flex;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_title .banner10_box .banner10_icon {
  width: 24px;
  height: 24px;
  margin: 0 20px;
  margin-top: 21px;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_title .banner10_box .banner10_start {
  width: 28px;
  height: 28px;
  margin-top: 7px;
  margin-left: 1px;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_desc {
  font-size: 24px;
  color: #0E2545;
  line-height: 34px;
  font-weight: 300;
  margin: 16px 0px 0px 0px;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_desc2 {
  font-size: 24px;
  color: #0E2545;
  line-height: 42px;
  font-weight: 500;
  margin: 6px 0px 0px 0px;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_btns {
  width: 128px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 6px;
  margin-top: 40px;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_btns > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #1E62E4;
}
.CommonBanner .commonBanner_txtBox .txtBox_content_btns_round {
  width: 300px;
  height: 48px;
  background: linear-gradient(90deg, #FD2AA3 0%, #664FFF 100%);
  border-radius: 24px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 80px;
}
.Solutions.pc {
  position: relative;
}
.Solutions.pc .Solutions-plan {
  width: 100%;
  min-width: 1350px;
  height: 780px;
  background-size: cover;
  background-color: #344f6e;
}
.Solutions.pc .Solutions-plan .bg img {
  width: 100%;
  height: 780px;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}
.Solutions.pc .Solutions-plan .bg .active {
  opacity: 1;
}
.Solutions.pc .Solutions-plan .Solutions-title {
  text-align: center;
  position: relative;
}
.Solutions.pc .Solutions-plan .Solutions-title h2 {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  line-height: 60px;
  padding-top: 100px;
  margin-bottom: 68px;
  box-sizing: border-box;
}
.Solutions.pc .Solutions-plan .Solutions-title h4 {
  font-size: 20px;
  font-weight: 400;
  color: #d8dde9;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 16px;
  letter-spacing: 2px;
}
.Solutions.pc .Solutions-plan .Solutions-left {
  width: 1200px;
  height: 490px;
  margin: 0 auto;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top {
  width: 184px;
  height: 490px;
  border-radius: 10px 0px 0px 10px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  position: absolute;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top .Solutions-right {
  width: 184px;
  height: 490px;
  border-radius: 10px 0px 0px 10px;
  float: left;
  padding-top: 30px;
  z-index: 999;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top .Solutions-right li {
  width: 152px;
  height: 50px;
  text-align: center;
  margin: 0 auto 8px;
  border-radius: 8px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top .Solutions-right li:last-child {
  margin-bottom: 0;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top .Solutions-right li.active {
  background: linear-gradient(270deg, #18A1FF 0%, #0758F1 100%);
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top .Solutions-right p {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-top li:hover {
  cursor: pointer;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom {
  width: 1016px;
  height: 490px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 10px 10px 0px;
  float: left;
  margin-left: 184px;
  position: relative;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 {
  width: 1016px;
  height: 490px;
  border-radius: 0px 10px 10px 0px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  position: absolute;
  padding: 60px 54px 0 68px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 60px 54px 0 68px;
  opacity: 0;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title.active {
  opacity: 1;
  z-index: 2;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title.active .solutionsContent .solutionsContentLeft {
  opacity: 1;
  transform: translateX(0);
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent {
  display: flex;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .solutionsContentLeft {
  opacity: 0;
  transform: translateX(200px);
  transition: all 0.5s ease-in-out 0.1s;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases {
  margin-left: 50px;
  position: relative;
  z-index: 1;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesTitle {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 28px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 200px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesList .casesListData {
  width: 92px;
  height: 92px;
  margin-right: 16px;
  margin-top: 16px;
  cursor: pointer;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesList .casesListData img {
  width: 100%;
  height: 100%;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesList .casesListData:nth-child(1),
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesList .casesListData:nth-child(2) {
  margin-top: 0;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .solutionsContent .cases .casesList .casesListData:nth-child(2n) {
  margin-right: 0;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  line-height: 36px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title h4 {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .content-banner {
  width: 563px;
  margin-top: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .content-banner .content-text .content-pic {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .content-banner .content-text p {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
  text-align: center;
  margin-top: 14px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .buttonBox {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 86px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .consult {
  width: 120px;
  height: 44px;
  border-radius: 8px;
  background: #0758f1;
  text-align: center;
  line-height: 44px;
  display: block;
  color: #ffffff;
  margin-right: 20px;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .Solutions2-title .look {
  width: 120px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 44px;
  display: block;
  color: #ffffff;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .consult:hover {
  background: #0247c6;
  cursor: pointer;
}
.Solutions.pc .Solutions-plan .Solutions-left .Solutions-bottom .Solutions-top2 .look:hover {
  background: #ffffff;
  cursor: pointer;
  color: #0758f1;
}
.Solutions.mobile .Solutions-plan {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.Solutions.mobile .Solutions-plan .Solutions-title {
  position: relative;
  margin-bottom: 0.56rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #FFFFFF;
  text-align: center;
}
.Solutions.mobile .Solutions-plan .Solutions-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.Solutions.mobile .Solutions-plan .Solutions-right li {
  width: 1.76rem;
  height: 0.72rem;
  margin-bottom: 0.32rem;
  line-height: 0.72rem;
  border-radius: 0.08rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #FFFFFF;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  transition: background 0.3s;
}
.Solutions.mobile .Solutions-plan .Solutions-right li:nth-child(3n - 1) {
  margin-left: 0.48rem;
  margin-right: 0.48rem;
}
.Solutions.mobile .Solutions-plan .Solutions-right li.active {
  background: linear-gradient(270deg, #18A1FF 0%, #0758F1 100%);
}
.Solutions.mobile .Solutions-plan .SolutionSwiper {
  width: 6.86rem;
  margin: 0.24rem auto 0;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent {
  padding: 0.56rem 0.32rem 0.4rem 0.32rem;
  border-radius: 0.2rem;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .content-title {
  margin-bottom: 0.72rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .content-title h3 {
  margin-bottom: 0.32rem;
  font-weight: bold;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.56rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .content-title h4 {
  font-weight: 400;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.4rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .content-banner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .content-banner .content-text {
  width: 2rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.44rem;
  margin-bottom: 0.4rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .content-banner .content-text .content-pic {
  width: 0.72rem;
  height: 0.72rem;
  margin-bottom: 0.16rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .cases {
  margin-top: 0.36rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .cases .casesTitle {
  margin-bottom: 0.32rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.44rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .cases .casesList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .cases .casesList .casesListData {
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .cases .casesList .casesListData img {
  width: 100%;
  height: 100%;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .cases .casesList .casesListData:nth-child(4n) {
  margin-right: 0;
}
.Solutions.mobile .Solutions-plan .SolutionSwiper .solutionsContent .buttonBox {
  margin-top: 0.28rem;
  text-align: right;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.4rem;
}
.cycleService {
  width: 100%;
  min-width: 1350px;
  height: 646px;
  background: url("/assets/images/web/CycleService/bg2.png") no-repeat;
  background-size: cover;
}
.cycleService .cycleService-text {
  width: 1200px;
  height: 646px;
  margin: 0 auto;
}
.cycleService .cycleService-text .cycleService-title {
  color: #191919;
  text-align: center;
}
.cycleService .cycleService-text .cycleService-title h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.cycleService .cycleService-text .cycleService-title h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 16px;
  letter-spacing: 2px;
}
.cycleService .cycleService-text .cycleService-banner {
  width: 1203px;
  height: 320px;
  margin-top: 60px;
}
.cycleService .cycleService-text .cycleService-banner ul {
  float: left;
}
.cycleService .cycleService-text .cycleService-banner ul li {
  width: 180px;
  height: 140px;
  background: linear-gradient(180deg, #f0f2f8 0%, #ffffff 100%);
  box-shadow: 0px 6px 11px 0px rgba(8, 6, 67, 0.06), inset 0px 0px 0px 2px #ffffff;
  border-radius: 10px;
  float: left;
  margin-left: 24px;
  margin-bottom: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li .content-pic {
  margin-left: 60px;
  margin-top: 24px;
  background-size: 60px 830px;
}
.cycleService .cycleService-text .cycleService-banner ul li .content-nav {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 88px;
  text-align: center;
}
.cycleService .cycleService-text .cycleService-banner ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 22px;
  text-align: center;
  margin-top: 12px;
}
.cycleService .cycleService-text .cycleService-banner ul li h6 {
  width: 134px;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
  color: #93969c;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
  margin-top: -16px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(1) h6 {
  width: 138px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(2) h6 {
  width: 125px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(4) h6 {
  width: 146px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(5) h6 {
  width: 158px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(7) h6 {
  width: 146px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(8) h6 {
  width: 110px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(11) h6 {
  width: 110px;
  height: 40px;
}
.cycleService .cycleService-text .cycleService-banner ul li:first-child,
.cycleService .cycleService-text .cycleService-banner ul li:nth-child(7) {
  margin-left: 0;
}
.cycleService .cycleService-text .cycleService-banner ul li:hover {
  cursor: pointer;
}
.MediaReport {
  width: 100%;
  min-width: 1350px;
  background: #f9fcfe;
}
.MediaReport .MediaReport-text {
  padding-bottom: 80px;
  margin: 0 auto;
}
.MediaReport .MediaReport-text .MediaReport-title {
  text-align: center;
  color: #191919;
}
.MediaReport .MediaReport-text .MediaReport-title h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.MediaReport .MediaReport-text .MediaReport-title h4 {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 48px;
  color: #191919;
}
.MediaReport .MediaReport-text .MediaReport-banner {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic {
  width: 450px;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic:nth-child(2) {
  margin: 0 33px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic img {
  width: 100%;
  height: 240px;
  display: block;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic .text {
  padding: 32px 32px 40px;
  border-radius: 0 0 10px 10px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic .text .times {
  margin-bottom: 16px;
  font-size: 16px;
  color: #636363;
  line-height: 22px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic .text .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  line-height: 28px;
  transition: all 0.3s;
}
.MediaReport .MediaReport-text .MediaReport-banner li:hover .title {
  color: #0758f1 !important;
  font-weight: 600 !important;
}
.MediaReport .MediaReport-text .more {
  width: 148px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #0758F1;
  display: block;
  text-align: center;
  line-height: 44px;
  margin: 60px auto 0;
  cursor: pointer;
}
.MediaReport .MediaReport-text .more a {
  display: block;
  width: 100%;
  height: 100%;
  color: #0758F1;
}
.MediaReport li:hover h3,
.MediaReport li:hover p {
  cursor: pointer;
}
.news {
  width: 100%;
  background-color: #fafafa;
}
.news.pc {
  padding-top: 70px;
  min-width: 1416px;
}
.news.pc .banner-wrap {
  height: 370px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/news/new_banner.jpg') no-repeat center;
  background-size: cover;
  -webkit-background-size: cover;
  font-weight: 600;
  font-size: 36px;
  color: #021D51;
  line-height: 50px;
}
.news.pc .banner-wrap .center {
  display: flex;
  align-items: center;
  width: 1416px;
  height: 100%;
  margin: 0 auto;
}
.news.pc .banner-wrap .center .divider {
  width: 2px;
  height: 22px;
  margin: 0 16px;
  background-color: #021D51;
}
.news.pc .recommend {
  width: 1416px;
  margin: 96px auto 120px;
}
.news.pc .recommend .title {
  margin-bottom: 28px;
  font-weight: 600;
  font-size: 40px;
  color: #000000;
  line-height: 56px;
}
.news.pc .recommend .recommend-content {
  display: flex;
}
.news.pc .recommend .recommend-content .recommend-item-left {
  display: block;
  width: 688px;
  margin-right: 32px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.news.pc .recommend .recommend-content .recommend-item-left:hover {
  box-shadow: 0px 8px 10px 0px rgba(8, 6, 67, 0.05);
}
.news.pc .recommend .recommend-content .recommend-item-left .recommend-item-img {
  width: 100%;
  height: 376px;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}
.news.pc .recommend .recommend-content .recommend-item-left .recommend-item-text {
  height: 168px;
  padding: 32px;
  border-top: none;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.news.pc .recommend .recommend-content .recommend-item-left .recommend-item-text .time {
  margin-bottom: 16px;
  font-size: 16px;
  color: #636363;
  line-height: 22px;
}
.news.pc .recommend .recommend-content .recommend-item-left .recommend-item-text .title {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 24px;
  color: #000000;
  line-height: 33px;
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item {
  display: flex;
  width: 696px;
  height: 168px;
  margin-bottom: 20px;
  cursor: pointer;
  border-radius: 10px;
  transition: all 0.3s;
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item:last-child {
  margin-bottom: 0;
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item:hover {
  box-shadow: 0px 8px 10px 0px rgba(8, 6, 67, 0.05);
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item .recommend-item-img {
  width: 260px;
  height: 100%;
  border-radius: 10px 0 0 10px;
  object-fit: cover;
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item .recommend-item-text {
  flex: 1;
  padding: 32px 24px;
  border-left: none;
  border-radius: 0 10px 10px 0;
  background-color: #fff;
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item .recommend-item-text .time {
  margin-bottom: 16px;
  font-size: 16px;
  color: #636363;
  line-height: 22px;
}
.news.pc .recommend .recommend-content .recommend-item-right .recommend-item .recommend-item-text .title {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  line-height: 28px;
}
.news.pc .news-list {
  width: 1416px;
  margin: 0 auto;
}
.news.pc .news-list .news-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 28px;
}
.news.pc .news-list .news-title p {
  font-weight: 600;
  font-size: 40px;
  color: #000;
  line-height: 56px;
}
.news.pc .news-list .news-title .menu {
  display: flex;
}
.news.pc .news-list .news-title .menu .tab-item {
  margin-right: 25px;
  font-size: 18px;
  cursor: pointer;
}
.news.pc .news-list .news-title .menu .tab-item .divider {
  height: 2px;
  background-color: #0758F1;
  border-radius: 2px;
  opacity: 0;
  transition: all 0.3s;
}
.news.pc .news-list .news-title .menu .tab-item.active {
  font-weight: bold;
}
.news.pc .news-list .news-title .menu .tab-item.active .divider {
  opacity: 1;
}
.news.pc .news-list .news-title .menu .tab-item:last-child {
  margin-right: 0;
}
.news.pc .news-list .news-title .menu .tab-item:hover .divider {
  opacity: 1;
}
.news.pc .news-list .news-content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.news.pc .news-list .news-content ul li {
  width: 450px;
  margin-bottom: 32px;
  border-radius: 10px;
  transition: all 0.3s;
}
.news.pc .news-list .news-content ul li:nth-child(3n - 1) {
  margin-left: 33px;
  margin-right: 33px;
}
.news.pc .news-list .news-content ul li:hover {
  box-shadow: 0px 8px 10px 0px rgba(8, 6, 67, 0.05);
}
.news.pc .news-list .news-content ul li a {
  display: block;
  width: 100%;
}
.news.pc .news-list .news-content ul li a .c-wrapper img {
  display: block;
  width: 100%;
  height: 240px;
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
}
.news.pc .news-list .news-content ul li a .c-wrapper .digest {
  height: 142px;
  padding: 24px 32px;
  border-radius: 0px 0px 10px 10px;
  box-sizing: border-box;
  background: #fff;
}
.news.pc .news-list .news-content ul li a .c-wrapper .digest .pub-time {
  margin-bottom: 16px;
  font-size: 16px;
  color: #636363;
  line-height: 22px;
}
.news.pc .news-list .news-content ul li a .c-wrapper .digest .news-title {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  line-height: 28px;
}
.news.pc .news-list .news-page {
  padding: 38px 0 120px;
}
.news.pc .news-list .news-page .ant-pagination .ant-pagination-item {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.news.pc .news-list .news-page .ant-pagination .ant-pagination-prev,
.news.pc .news-list .news-page .ant-pagination .ant-pagination-next,
.news.pc .news-list .news-page .ant-pagination .ant-pagination-jump-prev,
.news.pc .news-list .news-page .ant-pagination .ant-pagination-jump-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.news.pc .news-list .news-page .ant-pagination .ant-pagination-next .anticon,
.news.pc .news-list .news-page .ant-pagination .ant-pagination-prev .anticon {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.news.pc .news-list .news-page .ant-pagination .ant-pagination-next .anticon img,
.news.pc .news-list .news-page .ant-pagination .ant-pagination-prev .anticon img {
  width: 20px;
  height: 20px;
}
.news.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fafafa;
  padding-top: 0.88rem;
}
.news.mobile .banner-wrap {
  width: 100%;
  height: 3.6rem;
  margin-bottom: 1.28rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/news/new_banner.png') no-repeat center;
  background-size: cover;
  -webkit-background-size: cover;
  font-weight: 600;
  font-size: 0.4rem;
  color: #021D51;
  line-height: 0.56rem;
}
.news.mobile .banner-wrap .center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news.mobile .banner-wrap .center .divider {
  width: 0.02rem;
  height: 0.34rem;
  margin: 0 0.24rem;
  background-color: #021D51;
}
.news.mobile .recommend {
  padding-bottom: 1.28rem;
}
.news.mobile .recommend .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.news.mobile .recommend .recommend-content {
  width: 6.86rem;
  margin: 0 auto;
}
.news.mobile .recommend .recommend-content .recommend-item {
  display: block;
  margin-bottom: 0.4rem;
  border-radius: 0.15rem;
}
.news.mobile .recommend .recommend-content .recommend-item .recommend-item-img {
  display: block;
  width: 100%;
  height: 3.64rem;
  object-fit: cover;
  border-radius: 0.15rem 0.15rem 0 0;
}
.news.mobile .recommend .recommend-content .recommend-item .recommend-item-text {
  height: 2.52rem;
  padding: 0.48rem 0.32rem;
  border-top: none;
  border-radius: 0 0 0.15rem 0.15rem;
  background-color: #fff;
}
.news.mobile .recommend .recommend-content .recommend-item .recommend-item-text .time {
  margin-bottom: 0.16rem;
  font-size: 0.28rem;
  color: #636363;
  line-height: 0.4rem;
}
.news.mobile .recommend .recommend-content .recommend-item .recommend-item-text .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.news.mobile .recommend .recommend-content .recommend-item:last-child {
  margin-bottom: 0;
}
.news.mobile .news-list .news-title p {
  margin-bottom: 0.64rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.news.mobile .news-list .news-title .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.14rem;
  margin-bottom: 0.7rem;
  border-bottom: 1px solid #E1E5EE;
}
.news.mobile .news-list .news-title .menu .tab-item {
  position: relative;
  padding-bottom: 0.08rem;
  cursor: pointer;
  font-size: 0.32rem;
  line-height: 0.44rem;
}
.news.mobile .news-list .news-title .menu .tab-item:nth-child(2) {
  margin: 0 1.04rem;
}
.news.mobile .news-list .news-title .menu .tab-item .divider {
  height: 2px;
  background-color: #0758F1;
  border-radius: 2px;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.news.mobile .news-list .news-title .menu .tab-item.active {
  font-weight: bold;
}
.news.mobile .news-list .news-title .menu .tab-item.active .divider {
  opacity: 1;
}
.news.mobile .news-list .news-content {
  padding: 0 0.3rem;
}
.news.mobile .news-list .news-content li {
  margin-bottom: 0.4rem;
  border-radius: 0.15rem;
}
.news.mobile .news-list .news-content li a {
  display: block;
  width: 100%;
}
.news.mobile .news-list .news-content li a .c-wrapper img {
  display: block;
  width: 100%;
  height: 3.64rem;
  object-fit: cover;
  border-radius: 0.15rem 0.15rem 0 0;
}
.news.mobile .news-list .news-content li a .c-wrapper .digest {
  height: 2.52rem;
  padding: 0.48rem 0.32rem;
  border-radius: 0 0 0.15rem 0.15rem;
  background: #fff;
}
.news.mobile .news-list .news-content li a .c-wrapper .digest .pub-time {
  margin-bottom: 0.16rem;
  font-size: 0.28rem;
  color: #636363;
  line-height: 0.4rem;
}
.news.mobile .news-list .news-content li a .c-wrapper .digest .news-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
}
.news.mobile .news-list .news-content li:last-child {
  margin-bottom: 0;
}
.news.mobile .news-page {
  padding: 0.8rem 0 1.28rem;
}
.news.mobile .news-page .ant-pagination .ant-pagination-item {
  width: 0.72rem;
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: 0.28rem;
  margin-right: 0.1rem;
}
.news.mobile .news-page .ant-pagination .ant-pagination-prev,
.news.mobile .news-page .ant-pagination .ant-pagination-next,
.news.mobile .news-page .ant-pagination .ant-pagination-jump-prev,
.news.mobile .news-page .ant-pagination .ant-pagination-jump-next {
  width: 0.72rem;
  height: 0.72rem;
  line-height: 0.72rem;
  margin-right: 0.1rem;
}
.news.mobile .news-page .ant-pagination .ant-pagination-next {
  margin-right: 0;
}
.news.mobile .news-page .ant-pagination .ant-pagination-next .anticon,
.news.mobile .news-page .ant-pagination .ant-pagination-prev .anticon {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.news.mobile .news-page .ant-pagination .ant-pagination-next .anticon img,
.news.mobile .news-page .ant-pagination .ant-pagination-prev .anticon img {
  width: 0.4rem;
  height: 0.4rem;
}
.news.mobile .news-page .ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: #fff;
}
.news .news-page .ant-pagination {
  text-align: center;
}
.news .news-page .ant-pagination .ant-pagination-item {
  border: none;
  background: #fff;
  font-weight: 500;
}
.news .news-page .ant-pagination .ant-pagination-item a {
  color: #8A8A8A;
}
.news .news-page .ant-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: transparent;
}
.news .news-page .ant-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: #000;
}
.news .news-page .ant-pagination .ant-pagination-item:hover {
  background-color: transparent;
}
.news .news-page .ant-pagination .ant-pagination-item:hover a {
  color: #000;
}
.news .news-page .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-next .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-jump-next .ant-pagination-item-link {
  border: none;
  background: #fff;
}
.news .news-page .ant-pagination .ant-pagination-prev .ant-pagination-item-link svg,
.news .news-page .ant-pagination .ant-pagination-next .ant-pagination-item-link svg,
.news .news-page .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-link svg,
.news .news-page .ant-pagination .ant-pagination-jump-next .ant-pagination-item-link svg {
  color: #0758F1;
  font-weight: bold;
}
.news .news-page .ant-pagination .ant-pagination-prev:hover .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-next:hover .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link {
  background-color: transparent;
}
.news .news-page .ant-pagination .ant-pagination-prev:hover .ant-pagination-item-ellipsis,
.news .news-page .ant-pagination .ant-pagination-next:hover .ant-pagination-item-ellipsis,
.news .news-page .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.news .news-page .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
.news .news-page .ant-pagination .ant-pagination-prev:hover .ant-pagination-item-link-icon,
.news .news-page .ant-pagination .ant-pagination-next:hover .ant-pagination-item-link-icon,
.news .news-page .ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.news .news-page .ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.news .news-page .ant-pagination .ant-pagination-prev.ant-pagination-disabled,
.news .news-page .ant-pagination .ant-pagination-next.ant-pagination-disabled,
.news .news-page .ant-pagination .ant-pagination-jump-prev.ant-pagination-disabled,
.news .news-page .ant-pagination .ant-pagination-jump-next.ant-pagination-disabled {
  opacity: 0.5;
}
.news .news-page .ant-pagination .ant-pagination-prev.ant-pagination-disabled:hover .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-next.ant-pagination-disabled:hover .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-jump-prev.ant-pagination-disabled:hover .ant-pagination-item-link,
.news .news-page .ant-pagination .ant-pagination-jump-next.ant-pagination-disabled:hover .ant-pagination-item-link {
  background-color: #fff;
}
.news .news-page .ant-pagination .ant-pagination-prev.ant-pagination-disabled svg,
.news .news-page .ant-pagination .ant-pagination-next.ant-pagination-disabled svg,
.news .news-page .ant-pagination .ant-pagination-jump-prev.ant-pagination-disabled svg,
.news .news-page .ant-pagination .ant-pagination-jump-next.ant-pagination-disabled svg {
  color: rgba(7, 88, 241, 0.3);
}
.home-desktop #nav {
  background-color: #fff;
}
.home-desktop #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.home-desktop #nav .nav-center a,
.home-desktop #nav .nav-center .product,
.home-desktop #nav .nav-center .solution,
.home-desktop #nav .nav-center .Install {
  color: #000000;
}
.home-desktop #nav .nav-center a .arrow,
.home-desktop #nav .nav-center .product .arrow,
.home-desktop #nav .nav-center .solution .arrow,
.home-desktop #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.home-desktop #nav .nav-center a,
.home-desktop #nav .nav-center .aboutUs {
  color: #000000;
}
.home-desktop #nav .nav-center a:hover,
.home-desktop #nav .nav-center .aboutUs:hover {
  color: #0758F1;
}
.home-desktop #nav .nav-center .product:hover {
  color: #0758F1;
}
.home-desktop #nav .nav-center .product:hover .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 82px;
}
.home-desktop #nav .nav-center .product:hover .product-list-content {
  max-height: 580px;
  height: 580px;
  border-bottom: 1px solid #f5f6f9;
}
.home-desktop #nav .nav-center .product:hover .product-list-content h1,
.home-desktop #nav .nav-center .product:hover .product-list-content h2,
.home-desktop #nav .nav-center .product:hover .product-list-content h3,
.home-desktop #nav .nav-center .product:hover .product-list-content h4,
.home-desktop #nav .nav-center .product:hover .product-list-content h5,
.home-desktop #nav .nav-center .product:hover .product-list-content h6 {
  margin-bottom: 0;
}
.home-desktop #nav .nav-center .solution:hover {
  color: #0758F1;
}
.home-desktop #nav .nav-center .solution:hover .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 68px;
}
.home-desktop #nav .nav-center .solution:hover .solution-list {
  max-height: 1000px;
  border-bottom: 1px solid #f5f6f9;
  height: 580px;
}
.home-desktop #nav .nav-center .Install_help:hover .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl-11.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: 83px;
}
.home-desktop #nav .nav-center .Install_help:hover .Install-list {
  max-height: 510px;
  border-bottom: 1px solid #f5f6f9;
}
.home-desktop #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.home-desktop #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.home-desktop #nav .nav-right a.login {
  color: #0758F1;
}
.home-desktop #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.news-wrapper {
  padding-top: 70px;
  min-width: 1416px;
}
.news-wrapper .banner-wrap {
  display: flex;
  width: 100%;
  height: 252px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/news/news-details.png') no-repeat center;
  background-size: cover;
  -webkit-background-size: cover;
}
.news-wrapper .banner-wrap .title-box {
  width: 960px;
  margin: 0 auto;
  padding-top: 66px;
}
.news-wrapper .banner-wrap .title-box .banner-top {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.news-wrapper .banner-wrap .title-box .banner-top .tips {
  height: 30px;
  padding: 0 8px;
  margin-right: 12px;
  background: linear-gradient(317deg, #379FFF 0%, #0055FF 100%);
  border-radius: 4px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
}
.news-wrapper .banner-wrap .title-box .banner-top .updataTime {
  font-size: 16px;
  color: #021D51;
  line-height: 22px;
}
.news-wrapper .banner-wrap .title-box .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 600;
  font-size: 36px;
  color: #021D51;
  line-height: 50px;
}
.news-wrapper .new-tab {
  width: 1200px;
  height: 60px;
  line-height: 60px;
  min-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid #dedede;
}
.news-wrapper .new-tab .tab-item {
  float: left;
  box-sizing: border-box;
  width: 130px;
  height: 60px;
  margin-right: 10px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}
.news-wrapper .new-tab .tab-item.active {
  border-bottom: 3px solid #0758f1;
}
.news-wrapper .new-tab .tab-item:hover {
  border-bottom: 3px solid #0758f1;
}
.news-wrapper .tab-content {
  width: 100%;
}
.news-wrapper .tab-content ul {
  width: 1200px;
  margin: 0 auto;
}
.news-wrapper .tab-content ul li {
  width: 100%;
  height: 190px;
}
.news-wrapper .tab-content ul li .c-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
}
.news-wrapper .tab-content ul li .c-wrapper img {
  float: left;
  width: 280px;
  min-width: 280px;
  height: 160px;
  margin-right: 30px;
  border-radius: 10px;
  object-fit: cover;
}
.news-wrapper .tab-content ul li .c-wrapper .digest {
  float: left;
  width: 80%;
  height: 150px;
}
.news-wrapper .tab-content ul li .c-wrapper .digest .news-title {
  width: 100%;
  line-height: 35px;
  font-size: 20px;
  color: #333;
  white-space: nowrap;
  margin-top: -7px;
}
.news-wrapper .tab-content ul li .c-wrapper .digest .news-digest {
  width: 100%;
  height: 100px;
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
  word-break: break-all;
  letter-spacing: 1px;
  overflow: hidden;
  text-align: justify;
  color: #666;
}
.news-wrapper .tab-content ul li .c-wrapper .digest .pub-time {
  width: 100%;
  margin-top: 5px;
}
.news-wrapper .tab-content ul li .c-wrapper .digest .pub-time span {
  font-size: 13px;
  color: #666;
}
.news-wrapper .tab-content .pages-wrapper {
  height: 50px;
  margin: 20px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.news-wrapper .tab-content .pages-wrapper .text-c {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.news-wrapper .tab-content .pages-wrapper .text-c p.page-outside {
  width: 80px;
  color: #555;
}
.news-wrapper .tab-content .pages-wrapper .text-c p.page-outsides {
  width: 85px;
  color: #555;
}
.news-wrapper .tab-content .pages-wrapper .text-c .page-outsides {
  width: 85px;
  height: 32px;
  border-radius: 5px;
  font-weight: normal;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.news-wrapper .tab-content .pages-wrapper .text-c p {
  width: 50px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #e3e2e5;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.news-wrapper .tab-content .pages-wrapper .text-c p:hover {
  background-color: #0758f1;
  color: #fff;
}
.news-wrapper .tab-content .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.news-wrapper .tab-content .pages-wrapper .text-c .page-center li {
  width: 50px;
  height: 34px;
}
.news-wrapper .news-content {
  width: 100%;
  min-width: 1415px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.news-wrapper .news-content .bread-crumbs {
  width: 1000px;
  padding-top: 50px;
  margin: 10px auto;
  cursor: pointer;
}
.news-wrapper .news-content .bread-crumbs a {
  font-size: 16px;
  color: #666;
  text-decoration: none;
}
.news-wrapper .news-content .bread-crumbs a:hover {
  color: #37a4f5;
}
.news-wrapper .news-content .bread-crumbs a::after {
  content: ">";
  width: 12px;
  height: 12px;
  margin: 10px;
  color: #666 !important;
}
.news-wrapper .news-content .bread-crumbs a:last-child::after {
  content: "";
}
.news-wrapper .news-content .artical-con {
  width: 960px;
  min-width: 800px;
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
}
.news-wrapper .news-content .artical-con .art-title {
  width: 90%;
  text-align: center;
  font-size: 32px;
  color: #333;
  margin: 30px auto 50px;
}
.news-wrapper .news-content .artical-con .updatatime {
  width: 88%;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.6);
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
}
.news-wrapper .news-content .artical-con .updatatime .updatatime_right {
  display: flex;
  align-items: center;
}
.news-wrapper .news-content .artical-con .artcontent {
  margin: 76px auto 60px;
}
.news-wrapper .news-content .artical-con .next-before {
  margin: 0 auto;
  padding: 40px 0 64px;
  border-top: 1px solid #E1E5EE;
}
.news-wrapper .news-content .artical-con .next-before .prev {
  margin-bottom: 12px;
}
.news-wrapper .news-content .artical-con .next-before .prev,
.news-wrapper .news-content .artical-con .next-before .next {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}
.news-wrapper .news-content .artical-con .next-before span {
  display: inline-block;
}
.news-wrapper .news-content .artical-con .next-before a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}
.news-wrapper .news-content .artical-con .next-before a:last-child {
  margin-bottom: 0;
}
.news-wrapper .news-content .artical-con .next-before a:hover {
  color: #0758f1;
}
.mobile-news-wrapper {
  width: 100%;
  padding-top: 0.88rem;
}
.mobile-news-wrapper .mobile-banner-wrap {
  width: 100%;
  height: 3.6rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/news/news-details.png') no-repeat center;
  background-size: cover;
}
.mobile-news-wrapper .mobile-banner-wrap .title-box {
  padding: 0 0.4rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-news-wrapper .mobile-banner-wrap .title-box .banner-top {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.mobile-news-wrapper .mobile-banner-wrap .title-box .banner-top .tips {
  height: 0.6rem;
  padding: 0 0.16rem;
  margin-right: 0.16rem;
  background: linear-gradient(317deg, #379FFF 0%, #0055FF 100%);
  border-radius: 0.08rem;
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.6rem;
}
.mobile-news-wrapper .mobile-banner-wrap .title-box .banner-top .updataTime {
  font-size: 0.28rem;
  color: #021D51;
  line-height: 0.4rem;
}
.mobile-news-wrapper .mobile-banner-wrap .title-box .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 600;
  font-size: 0.48rem;
  color: #021D51;
  line-height: 0.66rem;
}
.mobile-news-wrapper .mobile-new-tab {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid #dedede;
}
.mobile-news-wrapper .mobile-new-tab .tab-item {
  float: left;
  box-sizing: border-box;
  width: 1.3rem;
  height: 0.6rem;
  margin-right: 0.1rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.16rem;
  color: #333;
  cursor: pointer;
}
.mobile-news-wrapper .mobile-new-tab .tab-item.active {
  border-bottom: 3px solid #37a4f5;
}
.mobile-news-wrapper .mobile-new-tab .tab-item:hover {
  border-bottom: 3px solid #37a4f5;
}
.mobile-news-wrapper .mobile-tab-content {
  width: 100%;
}
.mobile-news-wrapper .mobile-tab-content ul {
  width: 100%;
  margin: 0 auto;
}
.mobile-news-wrapper .mobile-tab-content ul li {
  width: 100%;
  height: 1.9rem;
  border-bottom: 1px solid #dedede;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper img {
  float: left;
  width: 2.8rem;
  min-width: 2.8rem;
  height: 1.6rem;
  margin-right: 0.3rem;
  border-radius: 0.1rem;
  object-fit: cover;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper .digest {
  float: left;
  width: 80%;
  height: 1.5rem;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper .digest .news-title {
  width: 4.3rem;
  line-height: 0.35rem;
  font-size: 0.2rem;
  color: #333;
  margin-top: -0.07rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper .digest .news-digest {
  width: 100%;
  height: 1rem;
  font-size: 0.14rem;
  line-height: 0.35rem;
  word-wrap: break-word;
  word-break: break-all;
  letter-spacing: 0.01rem;
  text-align: justify;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper .digest .pub-time {
  width: 100%;
  margin-top: -0.05rem;
}
.mobile-news-wrapper .mobile-tab-content ul li .c-wrapper .digest .pub-time span {
  font-size: 0.13rem;
  color: #666;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper {
  height: 0.5rem;
  margin: 0.2rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper .text-c {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper .text-c p.page-outside {
  width: 1rem;
  color: #555;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper .text-c p {
  width: 0.5rem;
  height: 0.32rem;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.32rem;
  margin-left: 0.1rem;
  background-color: #fff;
  color: #555;
  cursor: pointer;
  font-size: 0.12rem;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper .text-c .page-center li {
  width: 0.5rem;
  height: 0.34rem;
}
.mobile-news-wrapper .mobile-tab-content .pages-wrapper .rc-pagination-item {
  border-radius: 0.1rem;
  border: 1px solid #ccc !important;
  text-align: center;
  line-height: 0.32rem;
  margin-left: 0.1rem;
  color: #555;
  outline: none;
  cursor: pointer;
}
.mobile-news-wrapper .news-content {
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-news-wrapper .news-content .bread-crumbs {
  width: 100%;
  padding-top: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.mobile-news-wrapper .news-content .bread-crumbs a {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 0.44rem;
}
.mobile-news-wrapper .news-content .bread-crumbs a:nth-child(1) {
  margin-left: 0.4rem;
}
.mobile-news-wrapper .news-content .bread-crumbs a:nth-child(2) {
  margin-left: 0.1rem;
}
.mobile-news-wrapper .news-content .bread-crumbs img {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: cover;
  position: relative;
}
.mobile-news-wrapper .news-content .bread-crumbs a:hover {
  color: #37a4f5;
}
.mobile-news-wrapper .news-content .bread-crumbs a:last-child::after {
  content: "";
}
.mobile-news-wrapper .news-content .artical-con {
  width: 100%;
  background-color: #fff;
  margin: 0.8rem auto 0;
  overflow: hidden;
}
.mobile-news-wrapper .news-content .artical-con .art-title {
  font-size: 0.44rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 0.52rem;
  padding: 0rem 0.32rem 0.32rem 0.4rem;
}
.mobile-news-wrapper .news-content .artical-con .ru {
  display: flex;
  margin-bottom: 0.48rem;
  padding: 0.2rem 0.32rem 0rem 0.4rem;
  justify-content: space-between;
}
.mobile-news-wrapper .news-content .artical-con .ru .updatatime {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #B1B1B1;
  line-height: 0.33rem;
}
.mobile-news-wrapper .news-content .artical-con .ru .readtime {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #B1B1B1;
  line-height: 0.33rem;
  position: relative;
}
.mobile-news-wrapper .news-content .artical-con .ru .readtime img {
  width: 0.33rem;
  height: 0.33rem;
  object-fit: cover;
  position: relative;
  left: 0.03rem;
}
.mobile-news-wrapper .news-content .artical-con .artcontent {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0.32rem 0.48rem 0.32rem;
}
.mobile-news-wrapper .news-content .artical-con .artcontent img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.mobile-news-wrapper .news-content .artical-con .next-before {
  width: 6.7rem;
  padding: 0.7rem 0 1.04rem;
  margin: 0 auto;
  border-top: 1px solid #E1E5EE;
}
.mobile-news-wrapper .news-content .artical-con .next-before .prev {
  margin-bottom: 0.32rem;
}
.mobile-news-wrapper .news-content .artical-con .next-before a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  cursor: pointer;
  font-size: 0.28rem;
  color: #333;
  line-height: 0.4rem;
}
.HeaderFooter {
  width: 100%;
  min-width: 1416px;
  height: 554px;
  background: #171B26;
  position: relative;
}
.HeaderFooter .HeaderFooter-text {
  width: 1416px;
  height: 553px;
  margin: 0 auto;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-nav {
  height: 112px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-nav li {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 39px;
  margin-right: 110px;
  white-space: nowrap;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-nav li h3 {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
  margin: 0;
  margin-left: 16px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-soildTop span {
  width: 100%;
  height: 1px;
  background: #414b62;
  display: block;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-left {
  float: left;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-left .footerLogo {
  width: 100px;
  height: 40px;
  margin-top: 30px;
  background: url('/assets/images/web/MediaReport/logo.png') no-repeat;
  background-size: cover;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-left h3 {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  line-height: 22px;
  padding-top: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-left p {
  width: 86px;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  margin-top: 6px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-left img {
  width: 120px;
  height: 120px;
  margin-top: -20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-left li:last-child p {
  width: 160px;
  font-size: 12px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-soildLeft {
  width: 1px;
  height: 268px;
  background: #414b62;
  display: block;
  position: absolute;
  margin-top: 30px;
  margin-left: 200px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right {
  margin-left: 48px;
  float: left;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-right2 {
  height: 22px;
  margin-top: 30px;
  display: flex;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-right2 li {
  width: 140px;
  font-weight: 500;
  color: #ffffff;
  line-height: 22px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-right2 li h3 {
  color: #ffffff;
  font-size: 16px !important;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-right2 li:last-child {
  width: 120px;
  text-align: center;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-right2 li:nth-child(3) {
  width: 216px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-right2 li:nth-child(4) {
  width: 292px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom {
  width: 140px;
  margin-top: 20px;
  float: left;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom-service {
  width: 140px;
  float: left;
  margin-top: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom-service h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-scene {
  display: flex;
  width: 216px;
  float: left;
  margin-top: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-scene .HeaderFooter-bottom2 h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-scene .HeaderFooter-bottom1 {
  margin-left: 24px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-scene .HeaderFooter-bottom1 h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-scene li:hover h3 {
  color: #ffffff;
  cursor: pointer;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-industry {
  display: flex;
  float: left;
  width: 292px;
  margin-top: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-industry .HeaderFooter-bottom3 {
  margin-left: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-industry .HeaderFooter-bottom3 h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-industry .HeaderFooter-bottom3:first-child {
  margin-left: 0;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-industry li:hover h3 {
  color: #ffffff;
  cursor: pointer;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom4 {
  width: 140px;
  float: left;
  margin-top: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom4 h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom5 {
  position: relative;
  width: 140px;
  float: left;
  margin-top: 20px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom5 h3 {
  font-size: 14px;
  font-weight: 400;
  color: #9da5b7;
  line-height: 20px;
  margin-bottom: 14px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right .HeaderFooter-bottom5 img {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  margin-left: 142px;
  border-radius: 8px;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-right li:hover h3 {
  color: #ffffff;
  cursor: pointer;
}
.HeaderFooter .HeaderFooter-text .HeaderFooter-soildBottom span {
  width: 100%;
  height: 1px;
  background: #414b62;
  display: block;
  margin-top: 328px;
}
.HeaderFooter .HeaderFooter-text .footer {
  margin: 0 auto;
  margin-top: 30px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4c5568;
  line-height: 20px;
}
.HeaderFooter .HeaderFooter-text .footer ul {
  display: flex;
  justify-content: space-between;
}
.HeaderFooter .HeaderFooter-text .footer ul li p span a {
  font-size: 12px;
  color: #4c5568;
}
.HeaderFooter .HeaderFooter-text .footer ul li p span a:hover {
  color: #0758f1;
  cursor: pointer;
}
.HeaderFooter .HeaderFooter-text .footer ul li:nth-child(1) {
  width: 732px;
  height: 40px;
}
.HeaderFooter .HeaderFooter-text .footer ul li:nth-child(1) p {
  font-size: 12px;
}
.HeaderFooter .HeaderFooter-text .footer ul li:nth-child(2) {
  width: 367px;
  height: 20px;
  margin-left: 192px;
}
.HeaderFooter .HeaderFooter-text .footer ul li:nth-child(2) img {
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
  left: 7px;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .yba {
  float: left;
  margin-left: 170px;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .yba a {
  color: #4c5568;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .fgov {
  float: left;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .fgov img {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 8px;
  margin-right: 3px;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .fgov .flex_1 {
  float: left;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .fgov .flex_1 a {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4c5568;
  line-height: 20px;
}
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .yba:hover a,
.HeaderFooter .HeaderFooter-text .footer .bottom-bottom .flex_1:hover a {
  color: #0758f1;
  cursor: pointer;
}
.HeaderFooter .HeaderFooter-text .footer .bottom:hover a {
  color: #0758f1;
}
.HeaderFooter .bottom-form {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 92px;
  background-image: url(/assets/images/web/bottom_form_bg.png);
  background-size: cover;
  background-position: 50%;
}
.HeaderFooter .bottom-form .content {
  width: 1200px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
}
.HeaderFooter .bottom-form .content .content-right {
  display: flex;
  align-items: center;
  width: 604px;
  height: 56px;
  padding: 8px;
  background: #f5f9ff;
  box-shadow: 0 10px 80px 0 rgba(1, 40, 111, 0.08);
  border-radius: 12px;
  border: 2px solid hsla(0, 0%, 100%, 0.3);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-sizing: border-box;
}
.HeaderFooter .bottom-form .content .content-right .live-demand {
  width: 240px;
  height: 40px;
  margin-right: 12px;
  box-sizing: border-box;
  background: rgba(203, 222, 255, 0.5);
  border-radius: 6px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input {
  width: 100%;
  height: 100%;
  padding: 0 16px;
  border-radius: 6px;
  background: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  font-family: Repair-Bold, Repair;
  outline: none;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input:focus {
  border: 1px solid #0758f1;
  background-color: #fff;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input::placeholder {
  color: #042c77;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input::-webkit-input-placeholder {
  color: #042c77;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input:-moz-placeholder {
  color: #042c77;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input::-moz-placeholder {
  color: #042c77;
}
.HeaderFooter .bottom-form .content .content-right .live-demand input:-ms-input-placeholder {
  color: #042c77;
}
.HeaderFooter .bottom-form .content .content-right .submit-btn {
  position: relative;
  width: 120px;
  height: 40px;
  border: none;
  border-radius: 6px;
  box-shadow: 0 14px 30px rgba(178, 100, 100, 0.15);
  font-size: 16px;
  font-weight: 500;
  background-color: unset;
  background-image: linear-gradient(135deg, #00aaff, #006cff);
  color: #fff;
  cursor: pointer;
  outline: none;
  overflow: hidden;
}
.HeaderFooter .bottom-form .content .content-right .submit-btn:hover {
  background: linear-gradient(98deg, #74C3FF 0%, #3579F7 98.78%);
}
.HeaderFooter .bottom-form .content .content-right .submit-btn span {
  font-size: 14px;
}
.HeaderFooter .bottom-form > img {
  position: absolute;
  height: 100%;
}
.HeaderFooter .bottom-form > img.left-img {
  left: 0;
}
.HeaderFooter .bottom-form > img.right-img {
  right: 0;
}
@media screen and (min-width: 2560px) {
  .HeaderFooter .bottom-form > img {
    display: none;
  }
}
@media screen and (max-width: 1680px) {
  .HeaderFooter .bottom-form > img {
    display: none;
  }
}
.m-ysfContainer {
  position: fixed;
  min-height: 132px;
  min-width: 70px;
  right: 26px;
  bottom: 15%;
  margin-top: -66px;
  text-align: center;
  z-index: 100;
}
.m-ysfContainer span {
  color: #fff;
  font-size: 12px;
  display: block;
}
.m-ysfContainer .activity {
  width: 70px;
}
.m-ysfContainer .activity img {
  cursor: pointer;
  display: inline-block;
  width: 130px;
  height: 58px;
  animation: breathe-img 1s linear infinite;
  translate: -28px;
}
.m-ysfContainer .qrcodeBox {
  border-bottom: 1px solid #4996FE;
}
.m-ysfContainer .qrcodeBox .hoverBtn .icon {
  background-image: url(/assets/images/web/rightBar/wechat.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px !important;
  height: 24px !important;
}
.m-ysfContainer .qrcodeBox .consult-card {
  position: absolute;
  right: 85px;
  bottom: -70px;
  z-index: 212;
  box-sizing: border-box;
  width: 230px;
  height: 410px;
  color: #60646b;
  display: none;
  transition: all 0.3s;
}
.m-ysfContainer .qrcodeBox .consult-card img {
  width: 100%;
}
.m-ysfContainer .qrcodeBox .consult-card .card__header {
  font-size: 15px;
  text-align: left;
}
.m-ysfContainer .qrcodeBox .consult-card .card__header h3 {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #202124;
}
.m-ysfContainer .qrcodeBox .consult-card .card__header h3:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  width: 26px;
  height: 26px;
  background-image: url(/assets/images/web/aboutus/wechat.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.m-ysfContainer .qrcodeBox .consult-card .card__body {
  padding: 16px 0 0;
  text-align: center;
}
.m-ysfContainer .qrcodeBox .consult-card .card__body .img-box {
  display: inline-block;
  width: 150px;
  height: 150px;
}
.m-ysfContainer .qrcodeBox .consult-card .card__body .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.m-ysfContainer .qrcodeBox:hover .consult-card {
  display: block;
}
.m-ysfContainer .aside-item {
  position: relative;
  width: 70px;
  height: 70px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.4s;
  cursor: pointer;
}
.m-ysfContainer .aside-item .hoverBtn {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: #398bf7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
}
.m-ysfContainer .aside-item .hoverBtn .icon {
  background-image: url(/assets/images/web/rightBar/consult.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
}
.m-ysfContainer .aside-item .hoverBtn > span {
  line-height: 17px;
}
.m-ysfContainer .aside-item .hoverBtn > span,
.m-ysfContainer .aside-item .hoverBtn > .icon {
  display: block;
  position: relative;
  z-index: 10;
}
.m-ysfContainer .aside-item .hoverBtn > span {
  margin-bottom: 0;
}
.m-ysfContainer .aside-item .hoverBtn > .icon {
  margin-bottom: 4px;
}
.m-ysfContainer .aside-item .hoverBtn:after,
.m-ysfContainer .aside-item .hoverBtn:before {
  padding: 18px 0 11px;
  content: '';
  position: absolute;
  top: -4px;
  left: calc(-100% - 50px);
  height: calc(100% + 10px);
  width: calc(100% + 30px);
  color: #fff;
  border-radius: 2px;
  transform: skew(-25deg);
}
.m-ysfContainer .aside-item .hoverBtn:after {
  background: #fff;
  transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1) 0.2s;
  z-index: 0;
  opacity: 0.8;
}
.m-ysfContainer .aside-item .hoverBtn:before {
  background-image: url('/assets/images/web/rightBar/background.png');
  background-size: 100% auto;
  background-position: 0 0;
  z-index: 5;
  transition: left 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.m-ysfContainer .aside-item .hoverBtn:hover:after {
  left: calc(0% - 15px);
  transition: left 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
.m-ysfContainer .aside-item .hoverBtn:hover:before {
  left: calc(0% - 15px);
  transition: left 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.m-ysfContainer .aside-item .hoverBtn.white:before {
  background: #E5F1FF;
}
.m-ysfContainer .aside-item .hoverBtn.white:hover {
  color: #0247C6;
}
.m-ysfContainer .eqr-item .hoverBtn:before {
  background-image: url(/assets/images/web/rightBar/eqr_active.png);
  background-position: 0 0;
}
.m-ysfContainer .experience-item .hoverBtn:before {
  background-image: url(/assets/images/web/rightBar/experience_active.png);
  background-position: 0 0;
}
.m-ysfContainer .aside-item.active .hoverBtn {
  background-image: url('/assets/images/web/rightBar/background.png');
  background-size: 99% 200%;
}
.m-ysfContainer .eqr-item .hoverBtn {
  background-position: 0 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.m-ysfContainer .experience-item .hoverBtn {
  background-position: 0 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.m-ysfContainer .clue-avatar {
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
}
.m-ysfContainer .clue-avatar__border {
  top: 0px;
  left: 0px;
  border-radius: 50%;
  border: 1px solid #398bf7;
  opacity: 0;
  -webkit-animation: breathe 1s linear infinite;
  animation: breathe 1s linear infinite;
}
.m-ysfContainer .clue-avatar:after,
.m-ysfContainer .clue-avatar__border {
  position: absolute;
  width: 69px;
  height: 69px;
}
.m-ysfContainer .clue-avatar__img {
  width: 67px;
  height: 67px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-ysfContainer .clue-avatar__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: breathe-img 1s linear infinite;
  animation: breathe-img 1s linear infinite;
}
.m-ysfContainer .clue-avatar__text {
  position: relative;
  width: 70px;
  height: 26px;
  margin-top: -12px;
  border-radius: 2px;
  line-height: 26px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background-image: url('/assets/images/web/rightBar/consult_back.png');
  background-size: 100% 100%;
}
.m-ysfContainer .clue-avatar__text:hover {
  background-image: url('/assets/images/web/rightBar/consult_back_active.png');
}
.m-ysfContainer .clue-avatar:after {
  top: -1px;
  left: -1px;
  z-index: -1;
  content: "";
  border-radius: 50%;
  border: 2px solid #398bf7;
}
@keyframes breathe {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes breathe-img {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(0.8);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.m-pagebottom {
  position: fixed;
  width: 296px;
  height: 184px;
  left: 0;
  bottom: 0;
  z-index: 1111111111;
}
.m-pagebottom a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.m-pagebottom a img {
  width: 100%;
  height: 100%;
  border: none;
}
.letVideoCreatePrice-container {
  width: 100%;
  min-height: 3.36rem;
  text-align: center;
  background: url(https://img1-www.nuoyun.tv/assets/images/mobile/newHome/bg.png) no-repeat;
  background-size: cover;
  background-position: right;
}
.letVideoCreatePrice-container .letVideoCreatePrice-box {
  padding: 0.54rem 0px;
}
.letVideoCreatePrice-container .letVideoCreatePrice-box h2 {
  font-size: 0.44rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.64rem;
  text-align: center;
}
.letVideoCreatePrice-container .letVideoCreatePrice-box h3 {
  text-align: center;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 0.48rem;
  margin-top: 0.12rem;
}
.letVideoCreatePrice-container .letVideoCreatePrice-box span {
  display: block;
  margin: 0 auto;
  margin-top: 0.36rem;
  text-align: center;
  cursor: pointer;
  width: 2rem;
  height: 0.72rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
}
.letVideoCreatePrice-container .letVideoCreatePrice-box span a {
  font-size: 0.28rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: bold;
  color: #0758F1;
  line-height: 0.48rem;
  line-height: 0.72rem;
}
.footer-container {
  width: 100%;
  min-width: 1350px;
  height: 480px;
  background: #2e323b;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.footer-container .footer-content {
  width: 1200px;
  margin-top: 100px;
  position: relative;
}
.footer-container .footer-content .footer-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer-container .footer-content .footer-top .top-left {
  width: 170px;
  padding: 0 15px;
  margin-right: 100px;
  margin-top: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.footer-container .footer-content .footer-top .top-left img {
  width: 96px;
  height: 39px;
}
.footer-container .footer-content .footer-top .top-left p {
  color: #c8c8c8;
  margin-top: 16px;
  line-height: 32px;
  font-size: 14px;
}
.footer-container .footer-content .footer-top .top-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer-container .footer-content .footer-top .top-right .product-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.footer-container .footer-content .footer-top .top-right .product-content .product-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
  line-height: 1.1;
}
.footer-container .footer-content .footer-top .top-right .product-content a {
  color: #c8c8c8;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
}
.footer-container .footer-content .footer-top .top-right .product-content a:hover {
  color: #2f9cf4;
}
.footer-container .footer-content .footer-top .top-right .contact-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.footer-container .footer-content .footer-top .top-right .contact-content .contact-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
  line-height: 1.1;
}
.footer-container .footer-content .footer-top .top-right .contact-content .contact-detail {
  max-width: 270px;
  color: #c8c8c8;
  font-size: 14px;
  line-height: 32px;
}
.footer-container .footer-content .footer-top .top-right .code-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.footer-container .footer-content .footer-top .top-right .code-content .GXQY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -60px;
  margin-bottom: 30px;
}
.footer-container .footer-content .footer-top .top-right .code-content .GXQY p {
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
  font-weight: bold;
}
.footer-container .footer-content .footer-top .top-right .code-content .GXQY img {
  width: 30px;
  height: 30px;
}
.footer-container .footer-content .footer-top .top-right .code-content .code-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
  line-height: 1.1;
}
.footer-container .footer-content .footer-top .top-right .code-content img {
  width: 150px;
  height: 150px;
}
.footer-container .footer-content .footer-bottom {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-direction: column;
  position: absolute;
  bottom: 1px;
}
.footer-container .footer-content .footer-bottom .bottom-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-container .footer-content .footer-bottom .bottom-top p,
.footer-container .footer-content .footer-bottom .bottom-top a {
  color: #c8c8c8;
  font-size: 12px;
  line-height: 20px;
}
.footer-container .footer-content .footer-bottom .bottom-top a {
  margin: 0 5px;
  display: inline-block;
}
.footer-container .footer-content .footer-bottom .bottom-top a:hover {
  color: #2f9cf4;
}
.footer-container .footer-content .footer-bottom .bottom-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-container .footer-content .footer-bottom .bottom-bottom img {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
.footer-container .footer-content .footer-bottom .bottom-bottom a {
  color: #c8c8c8;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
}
.footer-container .footer-content .footer-bottom .bottom-bottom a:hover {
  color: #2f9cf4;
}
.footer-mobile {
  width: 100%;
  height: 26rem;
  background: #171B26;
}
.footer-mobile .footer-mobile-title h2 {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #E0E3ED;
  line-height: 0.45rem;
  padding-top: 0.6rem;
  margin-left: 0.56rem;
  margin-bottom: 0.3rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.56rem;
  margin-bottom: 0.6rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav p {
  width: 2.12rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9F;
  line-height: 0.4rem;
  margin-right: 1rem;
  margin-bottom: 0.28rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav p a {
  color: #8A8E9F;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav.footer-mobile-nav-s p {
  width: auto;
}
.footer-mobile .footer-mobile-title h3 {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #E0E3ED;
  line-height: 0.45rem;
  margin-left: 0.56rem;
  margin-bottom: 0.3rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.56rem;
  margin-bottom: 0.3rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav2 p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9F;
  line-height: 0.4rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  width: 2rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav2 p a {
  color: #8A8E9F;
}
.footer-mobile .footer-mobile-title h4 {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #E0E3ED;
  line-height: 0.45rem;
  margin-left: 0.56rem;
  margin-bottom: 0.3rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.56rem;
  margin-bottom: 0.6rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav3 p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9F;
  line-height: 0.4rem;
  margin-right: 1.11rem;
  margin-bottom: 0.28rem;
}
.footer-mobile .footer-mobile-title .footer-mobile-nav3 p a {
  color: #8A8E9F;
}
.footer-mobile .footer-mobile-title .service {
  width: 6.38rem;
  height: 0.96rem;
  background: #0758F1;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.88rem;
  border-radius: 0.12rem;
}
.footer-mobile .footer-mobile-title .service p {
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.44rem;
}
.footer-mobile .footer-mobile-title h5 {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #E0E3ED;
  line-height: 0.3rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.footer-mobile .footer-mobile-title .code {
  display: flex;
  justify-content: space-around;
}
.footer-mobile .footer-mobile-title .code > div {
  width: 3.5rem;
}
.footer-mobile .footer-mobile-title .code > div img {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.18rem;
  border-radius: 0.1rem;
}
.footer-mobile .footer-mobile-title .code > div p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9DA5B7;
  line-height: 0.44rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
.footer-mobile .footer-mobile-title .line {
  width: 6.86rem;
  height: 0.01rem;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 auto;
  margin-bottom: 0.24rem;
}
.footer-mobile .footer-mobile-title .footers-mobiles {
  width: 100%;
  padding: 0 0.32rem;
}
.footer-mobile .footer-mobile-title .footers-mobiles p {
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  color: #9DA5B7;
  line-height: 0.4rem;
}
.footer-mobile .footer-mobile-title .footers-mobiles p a {
  font-size: 0.24rem;
  color: #9DA5B7;
}
.footer-mobile .footer-mobile-title .footers-mobiles p .gxj {
  width: 0.48rem;
  height: 0.48rem;
  object-fit: cover;
  margin-right: 0.08rem;
}
.footer-mobile .footer-mobile-title .footers-mobiles p .jhh {
  position: relative;
  top: -0.02rem;
  width: 0.36rem;
  height: 0.4rem;
  object-fit: cover;
}
.footer-mobile .footer-mobile-title .footers-mobiles p:first-child {
  margin-bottom: 0.24rem;
  font-size: 0.28rem;
  line-height: 0.4rem;
}
.footer-mobile .footer-mobile-title .footers-mobiles p:last-child {
  margin-top: 0.24rem;
}
.footer-mobile .footer-mobile-title .copty {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9F;
  margin-bottom: 0.04rem;
}
.footer-mobile .footer-mobile-title .bottom {
  margin-bottom: 0.3rem;
}
.footer-mobile .footer-mobile-title .bottom .yba {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9F;
  line-height: 0.3rem;
  margin-right: 0.24rem;
  margin-left: 0.77rem;
  display: inline-block;
}
.footer-mobile .footer-mobile-title .bottom .yba a {
  color: #8A8E9F;
}
.footer-mobile .footer-mobile-title .bottom .fgov {
  display: inline-block;
}
.footer-mobile .footer-mobile-title .bottom .fgov img {
  width: 0.24rem;
  height: 0.24rem;
}
.footer-mobile .footer-mobile-title .bottom .fgov a {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9F;
  line-height: 0.3rem;
}
.footer-mobile .footer-mobile-title .freeExperience {
  width: 100%;
  height: 1.2rem;
  background: #FFFFFF;
  box-shadow: 0 -20px 120px 0 rgba(1, 40, 111, 0.04);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: fixed;
  cursor: pointer;
  bottom: 0rem;
  z-index: 998;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
}
.footer-mobile .footer-mobile-title .freeExperience .free {
  display: block;
  width: 5.66rem;
  height: 0.8rem;
  box-shadow: 0px -20 120px 0px rgba(1, 40, 111, 0.04);
  border-radius: 0.4rem;
  background: #0758F1;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 500;
  color: #fff;
  line-height: 0.8rem;
  cursor: pointer;
}
.footer-mobile .footer-mobile-title .freeExperience .free2 {
  display: block;
  width: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #848484;
  font-size: 0.22rem;
  line-height: 0.32rem;
}
.footer-mobile .footer-mobile-title .freeExperience .free2 img {
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.04rem;
}
.footer-mobile .footer-mobile-title .activity-mobile-one {
  position: fixed;
  cursor: pointer;
  bottom: 3.6rem /* 180/50 */;
  right: -4px;
  z-index: 9999;
}
.footer-mobile .footer-mobile-title .activity-mobile-one img {
  cursor: pointer;
  display: inline-block;
  width: 1.92rem /* 96/50 */;
  animation: breathe-img 1s linear infinite;
}
.footer-mobile .footer-mobile-title .clue-avatar {
  position: fixed;
  cursor: pointer;
  bottom: 2rem;
  right: 0.29rem;
  z-index: 998;
}
.footer-mobile .footer-mobile-title .clue-avatar__border {
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 0.01rem solid #398bf7;
  opacity: 0;
  -webkit-animation: breathe 1s linear infinite;
  animation: breathe 1s linear infinite;
}
.footer-mobile .footer-mobile-title .clue-avatar:after,
.footer-mobile .footer-mobile-title .clue-avatar__border {
  position: absolute;
  width: 1.06rem;
  height: 1.06rem;
}
.footer-mobile .footer-mobile-title .clue-avatar__img {
  width: 1.06rem;
  height: 1.06rem;
  border-radius: 50%;
  border: 1px solid #0758F1;
}
.footer-mobile .footer-mobile-title .clue-avatar__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: breathe-img 1s linear infinite;
  animation: breathe-img 1s linear infinite;
}
.footer-mobile .footer-mobile-title .clue-avatar__text {
  position: relative;
  width: 0.99rem;
  height: 0.4rem;
  margin-top: -0.12rem;
  border-radius: 0.02rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
  background-color: #0758f1;
  font-size: 0.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-left: 0.06rem;
}
.footer-mobile .footer-mobile-title .clue-avatar__text:hover {
  background: #0247C6;
}
.footer-mobile .mask-bg {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.footer-mobile .mask-box {
  width: 100%;
  height: 8rem;
  padding: 1.92rem 0.48rem 0;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/popupfrom/back.png") no-repeat;
  background-size: cover;
  border-radius: 0.34rem 0.34rem 0 0;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  transform: translateY(0);
  display: none;
  box-sizing: border-box;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.footer-mobile .mask-box .form-input-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.28rem;
  margin-bottom: 0.28rem;
  border-radius: 0.12rem;
  border: 0.5px solid #E1E5EE;
}
.footer-mobile .mask-box .form-input-box img {
  width: 0.56rem;
  height: 0.56rem;
}
.footer-mobile .mask-box .form-input-box .divider {
  width: 0.02rem;
  height: 0.44rem;
  margin: 0 0.28rem;
  background-color: rgba(225, 229, 238, 0.4);
}
.footer-mobile .mask-box .form-input-box input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.28rem;
}
.footer-mobile .mask-box .form-input-box input::placeholder {
  font-size: 0.28rem;
  color: #A6AAB5;
}
.footer-mobile .mask-box .textPhone {
  display: block;
  width: 100%;
  height: 1.8rem;
  padding: 0.28rem;
  margin-bottom: 0.4rem;
  box-sizing: border-box;
  border-radius: 0.12rem;
  border: 0.5px solid #E1E5EE;
  font-size: 0.28rem;
  outline: none;
  background: transparent;
  resize: none;
}
.footer-mobile .mask-box .textPhone::placeholder {
  font-size: 0.28rem;
  color: #A6AAB5;
}
.footer-mobile .mask-box .submitNow {
  height: 0.92rem;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 0.12rem;
  font-weight: 500;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.92rem;
  display: block;
  text-align: center;
  cursor: pointer;
}
.footer-mobile .popup-name {
  width: 2rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 35%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-number {
  width: 2.2rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 35%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-live {
  width: 3.5rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 28%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-suc {
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 17.5%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-err {
  width: 4.9rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 18%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-code {
  width: 2.6rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 32%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-codeErr {
  width: 3.5rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 28%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
.footer-mobile .popup-codeSuc {
  width: 2.5rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 34%;
  top: 40%;
  color: #fff;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.1rem;
  z-index: 11111;
  display: none;
}
@keyframes light-translation {
  0% {
    right: -10px;
    opacity: 1;
  }
  100% {
    right: -60px;
    opacity: 0;
  }
}
.aboutus-wrapper {
  width: 100%;
  height: 100%;
  min-width: 1350px;
}
.aboutus-wrapper .video-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999999;
  display: none;
}
.aboutus-wrapper .video-bg .video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1100px !important;
  height: 620px !important;
  background: #000;
  z-index: auto;
  margin-left: -550px;
  margin-top: -310px;
}
.aboutus-wrapper .video-bg .close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  color: #fff;
  font-size: 60px;
  background-color: rgba(19, 19, 19, 0.45);
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 34px;
  border-radius: 100%;
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADIklEQVRoQ+2Yy6tOYRTGf49r5JKJvwCJzkThdByciSgxkJmYOCMTyUSGRgYGBsrMQCkGqOPOoWRgYGCAouSWa4QYuWRp1ftp9519eff3bkcne0/3u9f7/NZa717P3mKCX5rg+mkB/nUF2wq0FUjMQNtCiQlMfvz/qYCZLQCOAP3ANWC3pNfJKQTMbApwABgG3gD7JF2KiR1dATO7DyzNBH0ODEp6GbNR0Zog/jSwObPmB7BI0rOq2FEAZjYV+J4TzCH6Jb2t2ijvfoH4ztItks5WxY0C8CBm9gBYkhPwMbC6LoSZTQbOdGW+E96TtVjS0yYBvH1uAfNSIYL4k8DWnFgGbJd0okq834+uQKhCH3CzBGJA0vuyjSPED0s6FiO+NkAExENgTRGEmU0CTpVkvpb4ngAyEN5Oc3MylQsRxB8HthVkd2edzHdi1Gqh7MZmtgy4UQKxStLHAOyZLxO/S9LR2LbJrusZIAhzCD8Ts3I2vwcMAZ//lvieW6irEiuB0RKIu8COguz2nPnkFqoBUdQZyeIbqUBHnZl5JfxMzIzo5T2SDkesq1ySdAa6o5vZIHClAqIx8Y1WIBxqd5XXfRYUpO4T0CfpVWVqIxc0VoFg+Nx8bazY+0UYdm4Ek69GAIL4C8C6SEVeAZ8TyRDJAGY2HThXIN6N2VdgTg5YIxBJAEH85TCwxpzp8IV1p8QAOoR7pyeRlRuzrGcAM5sBXCwQ7xv98TZm5i62yDu9A9zF9gTRE0AQ79N3IHbCVngnh1gr6VHdStQGMDP3Pf6ujxafGXZl3ulD+MauBVELIIj3abs8NvM5w67MOznEkCT/fI26ogHMzN8k3jZF4qMnbLAdRQbQh51/Y0dB1AEYATYVpCVafKR38vmwUJL/Xim9ogDMbBrwrSnxGYgy77Re0tVGADyImX0BZncFrJ35nDNRBLFBkr8s0isQAPYCh0I0n7D7JR2s2iDmfnCx5zOfp7fDgPtZ9XxUC2VKviK8Pkcl+a/Gxi4zmx/+Vvj/1hFJv2KC1wKICTjea1qA8c54935tBdoKJGagbaHEBCY/PuEr8BvkkhdA6fQM0gAAAABJRU5ErkJggg==);
}
.aboutus-wrapper .aboutus-banner {
  margin-top: -1px;
  padding-top: 180px;
  width: 100%;
  min-width: 1350px;
  height: 460px;
  position: relative;
  background: url(/assets/images/web/aboutus/banner.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.aboutus-wrapper .aboutus-banner .title {
  width: 1198px;
  margin: 0 auto 16px;
  font-weight: 500;
  font-size: 52px;
  color: #FFFFFF;
  line-height: 73px;
}
.aboutus-wrapper .aboutus-banner .title span {
  margin-left: 28px;
}
.aboutus-wrapper .aboutus-banner .subtitle {
  width: 1198px;
  margin: 0 auto;
  font-weight: 300;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 45px;
}
.aboutus-wrapper .aboutus-col1 {
  width: 100%;
  min-width: 1350px;
  height: 622px;
  padding-top: 140px;
  background: #FFFFFF;
}
.aboutus-wrapper .aboutus-col1 h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 33px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col1 .aboutus-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutus-wrapper .aboutus-col1 .aboutus-nav .aboutus-text .create {
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 600;
  color: #191919;
  line-height: 45px;
}
.aboutus-wrapper .aboutus-col1 .aboutus-nav .aboutus-bottom {
  width: 532px;
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 28px;
  text-align: justify;
}
.aboutus-wrapper .aboutus-col1 .aboutus-nav .aboutus-bottom .bottom {
  margin-top: 24px;
}
.aboutus-wrapper .aboutus-col1 .aboutus-nav .right {
  margin-left: 138px;
}
.aboutus-wrapper .aboutus-col1 .aboutus-nav .right .bg {
  width: 530px;
  height: 342px;
}
.aboutus-wrapper .aboutus-col2 {
  width: 100%;
  height: 608px;
  background: #F9FBFE;
}
.aboutus-wrapper .aboutus-col2 .col2-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 16px;
}
.aboutus-wrapper .aboutus-col2 .col2-content h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col2 .col2-content .col2-box {
  width: 1200px;
  height: 306px;
  margin: 0 auto;
}
.aboutus-wrapper .aboutus-col2 .col2-content .col2-box ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.aboutus-wrapper .aboutus-col2 .col2-content .col2-box ul li {
  width: 282px;
  height: 306px;
  background: #FFFFFF;
  border-radius: 10px;
}
.aboutus-wrapper .aboutus-col2 .col2-content .col2-box ul li img {
  width: 116px;
  height: 116px;
  background: #FFFFFF;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
}
.aboutus-wrapper .aboutus-col2 .col2-content .col2-box ul li p {
  font-size: 26px;
  font-weight: 600;
  color: #191919;
  line-height: 38px;
  margin-bottom: 10px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col2 .col2-content .col2-box ul li h5 {
  font-size: 16px;
  font-weight: 400;
  color: #7F838F;
  line-height: 22px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col5 {
  width: 100%;
  height: 682px;
  overflow: hidden;
  position: relative;
}
.aboutus-wrapper .aboutus-col5 .bg-top {
  width: 1920px;
  height: 202px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 50%;
  margin-left: -960px;
  z-index: -9;
}
.aboutus-wrapper .aboutus-col5 .bg-bottom {
  width: 1920px;
  height: 167px;
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -960px;
  z-index: -9;
}
.aboutus-wrapper .aboutus-col5 .pic1 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
  animation: myMove 50s linear infinite;
  -webkit-animation: myMove 50s linear infinite;
  z-index: -999;
}
.aboutus-wrapper .aboutus-col5 .col5-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 16px;
}
.aboutus-wrapper .aboutus-col5 .col5-content h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col5 .col5-content ul {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.aboutus-wrapper .aboutus-col5 .col5-content ul li img {
  width: 186px;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(8, 6, 67, 0.06);
  border-radius: 4px;
}
.aboutus-wrapper .aboutus-col3 {
  width: 100%;
  height: 800px;
  background: linear-gradient(180deg, #D3F4FF 0%, #FFFFFF 100%);
  position: relative;
}
.aboutus-wrapper .aboutus-col3 .backImg {
  position: absolute;
  top: 8px;
  right: 74px;
  width: 397px;
  height: 434px;
  display: block;
}
.aboutus-wrapper .aboutus-col3 .content-box h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col3 .content-box h4 {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  line-height: 30px;
  margin-bottom: 51px;
  text-align: center;
}
.aboutus-wrapper .aboutus-col3 .swiper-container {
  width: 100%;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .swiper-wrapper .swiper-slide {
  width: 550px !important;
  height: 392px !important;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.aboutus-wrapper .aboutus-col3 .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-prev,
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-next {
  position: relative;
  left: inherit;
  top: inherit;
  right: inherit;
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-prev.swiper-button-disabled,
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-next.swiper-button-disabled {
  cursor: no-drop;
  pointer-events: inherit;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-prev {
  background-image: url('/assets/images/web/aboutus/left_normal.png');
  margin-right: 8px;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-next {
  background-image: url('/assets/images/web/aboutus/right_normal.png');
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-prev:hover {
  background-image: url('/assets/images/web/aboutus/left_hover.png');
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-prev:hover.swiper-button-disabled {
  background-image: url('/assets/images/web/aboutus/left_normal.png');
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-next:hover {
  background-image: url('/assets/images/web/aboutus/right_hover.png');
}
.aboutus-wrapper .aboutus-col3 .swiper-container .change .swiper-button-next:hover.swiper-button-disabled {
  background-image: url('/assets/images/web/aboutus/right_normal.png');
}
.aboutus-wrapper .aboutus-col3 .swiper-container .swiper-pagination {
  bottom: 20px !important;
  background-color: none;
  position: absolute;
  top: 545px;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  border-radius: 5px;
  opacity: 0.5;
}
.aboutus-wrapper .aboutus-col3 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: #FFCB8B;
  border-radius: 4px;
  opacity: 1;
}
.aboutus-wrapper .aboutus-col-process {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 940px;
  background: #1562F3;
  color: #fff;
}
.aboutus-wrapper .aboutus-col-process .process-back {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 1400px;
  height: 1400px;
  object-fit: cover;
  transition: all 1s;
  transform: translate(-50%, -50%) rotate(0deg);
}
.aboutus-wrapper .aboutus-col-process .process-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 80px 0 25px;
  z-index: 1;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-title,
.aboutus-wrapper .aboutus-col-process .process-content .process-describe {
  color: #fff;
  text-align: center;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-title {
  margin-bottom: 17px;
  font-weight: bold;
  font-size: 40px;
  line-height: 56px;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-describe {
  margin-bottom: 74px;
  font-size: 20px;
  line-height: 28px;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom {
  display: flex;
  width: 1000px;
  position: absolute;
  left: calc(50% - 48px);
  transform: translateX(-50%);
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year {
  position: relative;
  width: 100px;
  padding: 24px 0;
  border-right: 2px solid #63A1FF;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  flex-shrink: 0;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item {
  position: relative;
  height: 68px;
  line-height: 68px;
  color: #90BCFF;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item .process-year-icon {
  position: absolute;
  right: -8px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  transition: transform 0.4s linear;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item .process-year-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item.process-year-item-active {
  color: #fff;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item.process-year-item-active .process-year-icon {
  transform: translateY(-50%) scale(1.3);
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item.process-year-item-active::before {
  position: absolute;
  content: "";
  height: 1px;
  top: 50%;
  right: -60px;
  width: 58px;
  background: linear-gradient(90deg, #7CEBFF 0%, rgba(124, 235, 255, 0) 100%);
  transform: translateY(-50%);
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-year-item.process-year-item-active::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -10px;
  width: 10px;
  height: 1px;
  transform: translateY(-50%);
  background-image: linear-gradient(90deg, rgba(106, 202, 255, 0), #7cecff 50%, rgba(106, 202, 255, 0));
  animation: light-translation 2s linear infinite;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-year .process-border {
  position: absolute;
  right: -2px;
  bottom: 0;
  width: 2px;
  height: 592px;
  background-color: #7CEBFF;
  padding-bottom: 10px;
  box-sizing: content-box;
  transition: height 0.5s;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-month {
  margin-left: 126px;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-month .process-month-title {
  margin-bottom: 32px;
  font-weight: bold;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 56px;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-month .process-month-item {
  display: flex;
  margin-bottom: 28px;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 24px;
}
.aboutus-wrapper .aboutus-col-process .process-content .process-bottom .process-month .process-month-item img {
  width: 12px;
  height: 12px;
  display: block;
  margin-right: 7px;
  margin-top: 6px;
}
.footer-container,
.openLive-container {
  display: none;
}
.aboutus-col6 {
  width: 100%;
  height: 210px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/bg3.png') no-repeat;
  background-size: cover;
}
.aboutus-col6 .col6-content {
  width: 635px;
  height: 210px;
  margin: 0 auto;
}
.aboutus-col6 .col6-content p {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 50px;
  text-align: center;
}
.aboutus-col6 .col6-content .col6-left,
.aboutus-col6 .col6-content .col6-right {
  display: block;
  width: 130px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  position: absolute;
  margin-top: 30px;
}
.aboutus-col6 .col6-content .col6-left {
  background: #FFFFFF;
  margin-left: 177px;
}
.aboutus-col6 .col6-content .col6-left a {
  color: #1C7CFA;
}
.aboutus-col6 .col6-content .col6-right {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin-left: 327px;
}
.aboutus-col6 .col6-content .col6-left:hover {
  opacity: 0.9;
  cursor: pointer;
}
.aboutus-col6 .col6-content .col6-right:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
@keyframes myMove {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes myMove {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.about-mobile {
  width: 100%;
  background: #ECF1F7;
  overflow-x: hidden;
}
.about-mobile .banner {
  position: relative;
  width: 100%;
  height: 6rem;
  background: linear-gradient(135deg, #4485F5 0%, #0029DF 100%);
  background: url(/assets/images/mobile/aboutus/banner.png) no-repeat;
  background-size: cover;
}
.about-mobile .banner .banner-box {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.about-mobile .banner .banner-box .title-1 {
  font-size: 0.72rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.84rem;
}
.about-mobile .banner .banner-box .title-2 {
  font-size: 0.6rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.7rem;
  margin-top: 0.16rem;
}
.about-mobile .banner .banner-box .btn {
  width: 2rem;
  height: 0.6rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #FFFFFF;
  margin: 0 auto;
}
.about-mobile .banner .banner-box .btn a {
  display: block;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
}
.about-mobile .box-1 {
  background: #FFFFFF;
  position: relative;
  padding: 0.8rem 0.6rem;
}
.about-mobile .box-1 .text-wrap {
  position: relative;
}
.about-mobile .box-1 .text-wrap .t-1 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.about-mobile .box-1 .text-wrap .box-pic {
  width: 6.1rem;
  height: 3.94rem;
  margin: 0.48rem auto 0;
}
.about-mobile .box-1 .text-wrap .box-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-mobile .box-1 .text-wrap .video2 {
  width: 5.26rem;
  height: 3.38rem;
  display: none;
  margin-top: -5rem;
  margin-bottom: 0.95rem;
  margin-left: 0.82rem;
  background-color: black;
}
.about-mobile .box-1 .text-wrap .clue-avatar {
  position: relative;
  cursor: pointer;
  right: 0.29rem;
  z-index: 9999;
}
.about-mobile .box-1 .text-wrap .clue-avatar__border {
  border-radius: 50%;
  border: 0.1rem solid rgba(57, 139, 246, 0.5);
  opacity: 0;
  -webkit-animation: breathe 2s linear infinite;
  animation: breathe 2s linear infinite;
}
.about-mobile .box-1 .text-wrap .clue-avatar:after,
.about-mobile .box-1 .text-wrap .clue-avatar__border {
  position: absolute;
  width: 1.06rem;
  height: 1.06rem;
  top: -2.95rem;
  right: 2.75rem;
}
.about-mobile .box-1 .text-wrap .clue-avatar__img {
  width: 1.26rem;
  height: 1.26rem;
}
.about-mobile .box-1 .text-wrap .clue-avatar__img img {
  width: 1rem;
  height: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -2.9rem;
  left: 3.13rem;
}
.about-mobile .box-1 .text-wrap h3 {
  font-size: 0.34rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.48rem;
  text-align: center;
  margin-bottom: 0.3rem;
  margin-top: 0.35rem;
}
.about-mobile .box-1 .text-wrap .title {
  margin-bottom: 0.36rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.about-mobile .box-1 .text-wrap #box-1 {
  width: 1.08rem;
  height: 0.46rem;
  display: block;
  margin-left: 0.4rem;
  position: absolute;
  left: 0;
  top: 6.43rem;
}
.about-mobile .box-1 .text-wrap .line {
  display: block;
  width: 0.18rem;
  height: 0.02rem;
  background: #000000;
  position: absolute;
  left: 0.11rem;
  top: 6.63rem;
  margin-left: 1.52rem;
}
.about-mobile .box-1 .text-wrap .box-1-text {
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
  text-align: left;
}
.about-mobile .box-1 .text-wrap .txt {
  margin-top: 0.18rem;
}
.about-mobile .box-2 {
  width: 100%;
  height: 10.76rem;
  background: #F9FBFE;
}
.about-mobile .box-2 .con-wrap {
  text-align: center;
}
.about-mobile .box-2 .con-wrap h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  margin-bottom: 0.16rem;
  padding-top: 0.4rem;
}
.about-mobile .box-2 .con-wrap h3,
.about-mobile .box-2 .con-wrap h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
}
.about-mobile .box-2 ul {
  margin-top: 0.4rem;
}
.about-mobile .box-2 ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 6.9rem;
  height: 1.66rem;
  background: #FFFFFF;
  box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.06);
  border-radius: 0.2rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.about-mobile .box-2 ul li img {
  width: 1.16rem;
  height: 1.16rem;
  margin-left: 0.3rem;
  margin-top: 0.25rem;
}
.about-mobile .box-2 ul li div p:nth-child(1) {
  margin-bottom: 0.14rem;
  font-size: 0.32rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.38rem;
  margin-top: 0.4rem;
  margin-left: 0.23rem;
}
.about-mobile .box-2 ul li div p:nth-child(2) {
  font-size: 0.24rem;
  font-weight: 400;
  color: #7F838F;
  line-height: 0.34rem;
  letter-spacing: 0.03rem;
  margin-left: 0.23rem;
}
.about-mobile .aboutus-col-process {
  position: relative;
  padding: 0.8rem 0;
  background: linear-gradient(180deg, #1562F3 0%, #FFFFFF 100%);
}
.about-mobile .aboutus-col-process .process-back {
  position: absolute;
  left: 50%;
  top: 0;
  width: 7rem;
  height: 7rem;
  transform: translateX(-50%);
  z-index: 0;
}
.about-mobile .aboutus-col-process .process-title-box {
  position: relative;
  margin-bottom: 0.63rem;
  text-align: center;
  color: #FFF;
  z-index: 1;
}
.about-mobile .aboutus-col-process .process-title-box .process-title {
  margin-bottom: 0.16rem;
  font-weight: 600;
  font-size: 0.44rem;
  line-height: 0.6rem;
}
.about-mobile .aboutus-col-process .process-title-box .describe {
  font-size: 0.24rem;
  line-height: 0.38rem;
}
.about-mobile .aboutus-col-process .process-content {
  position: relative;
  width: 6.9rem;
  margin: 0 auto;
  padding: 0.36rem 0.32rem 0.2rem;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.2rem;
  z-index: 1;
}
.about-mobile .aboutus-col-process .process-content .process-swiper {
  width: 5.06rem;
  margin-bottom: 0.48rem;
  text-align: center;
}
.about-mobile .aboutus-col-process .process-content .process-swiper .swiper-slide {
  font-weight: 600;
  font-size: 0.42rem;
  color: #CADFFF;
  line-height: 0.84rem;
}
.about-mobile .aboutus-col-process .process-content .process-swiper .swiper-slide.swiper-slide-active {
  font-size: 0.6rem;
  color: #1562F3;
}
.about-mobile .aboutus-col-process .process-content .swiper-prev,
.about-mobile .aboutus-col-process .process-content .swiper-next {
  position: absolute;
  top: 0.58rem;
  width: 0.4rem;
  height: 0.4rem;
}
.about-mobile .aboutus-col-process .process-content .swiper-prev img,
.about-mobile .aboutus-col-process .process-content .swiper-next img {
  display: block;
  width: 100%;
  height: 100%;
}
.about-mobile .aboutus-col-process .process-content .swiper-prev {
  left: 0.24rem;
}
.about-mobile .aboutus-col-process .process-content .swiper-next {
  right: 0.24rem;
}
.about-mobile .aboutus-col-process .process-content .process-months-box {
  height: 7.5rem;
  overflow-y: auto;
}
.about-mobile .aboutus-col-process .process-content .process-months-box::-webkit-scrollbar {
  display: none;
}
.about-mobile .aboutus-col-process .process-content .process-month {
  display: flex;
}
.about-mobile .aboutus-col-process .process-content .process-month .process-month-left {
  padding-top: 0.14rem;
  margin-right: 0.25rem;
}
.about-mobile .aboutus-col-process .process-content .process-month .process-month-left .process-month-icon {
  width: 0.28rem;
  height: 0.28rem;
  display: block;
  margin-bottom: 0.08rem;
}
.about-mobile .aboutus-col-process .process-content .process-month .process-month-left .process-month-line {
  width: 0.02rem;
  height: calc(100% - 0.3rem);
  background: #EAEAEA;
  margin-left: 0.12rem;
}
.about-mobile .aboutus-col-process .process-content .process-month .process-month-right {
  padding-bottom: 0.52rem;
}
.about-mobile .aboutus-col-process .process-content .process-month .process-month-right .process-month-title {
  margin-bottom: 0.12rem;
  font-weight: 600;
  font-size: 0.4rem;
  color: #000;
  line-height: 0.56rem;
}
.about-mobile .aboutus-col-process .process-content .process-month .process-month-right .process-month-describe {
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.about-mobile .aboutus-col-process .process-content .process-month:last-child .process-month-line {
  display: none;
}
.about-mobile .divider {
  height: 0.46rem;
  background-color: #fff;
}
.about-mobile .box-3 {
  width: 100%;
  height: 7rem;
  background: #FFFFFF;
  background: url('/assets/images/mobile/aboutus/3L_bg.png') no-repeat;
  background-size: cover;
}
.about-mobile .box-3 .con-wrap h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #000;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.16rem;
  text-align: center;
}
.about-mobile .box-3 .con-wrap h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #000;
  line-height: 0.38rem;
  text-align: center;
}
.about-mobile .box-3 .swiper10 {
  overflow: inherit !important;
}
.about-mobile .box-3 .swiper-wrapper {
  overflow-x: auto;
  padding: 0 0.15rem 0.67rem;
  box-sizing: border-box;
}
.about-mobile .box-3 .swiper-wrapper .swiper-slide {
  width: 5.5rem;
  height: 3.92rem;
}
.about-mobile .box-3 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}
.about-mobile .box-3 .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.about-mobile .box-3 .swiper-slide-prev img,
.about-mobile .box-3 .swiper-slide-next img {
  width: 4.9rem !important;
  height: 3.04rem !important;
  margin-top: 0.77rem !important;
}
.about-mobile .box-3 .swiper-pagination {
  bottom: 20px !important;
  background-color: none;
  position: absolute;
  top: 4.68rem;
}
.about-mobile .box-3 .swiper-pagination .swiper-pagination-bullet {
  background: #FFFFFF;
  border-radius: 5px;
  opacity: 0.5;
}
.about-mobile .box-3 .swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: #FFCB8B;
  border-radius: 4px;
  opacity: 1;
}
.about-mobile .box-5 {
  width: 100%;
  height: 2.25rem;
  background: url(/assets/images/mobile/aboutus/us-12.png) no-repeat;
  background-size: cover;
  text-align: center;
  display: none;
}
.about-mobile .box-5 p {
  font-size: 0.36rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 2.25rem;
  letter-spacing: 4px;
}
.about-mobile .mobilePartner-notVertical {
  display: none;
}
.about-mobile .box-4 {
  width: 7.5rem;
  height: 6.5rem;
  background: #FFFFFF;
}
.about-mobile .box-4 h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.16rem;
  text-align: center;
}
.about-mobile .box-4 h3 {
  margin-bottom: 0.36rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
}
.about-mobile .box-4 ul {
  width: 6.86rem;
  height: 0.7rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.about-mobile .box-4 ul li {
  width: 1.64rem;
  height: 0.7rem;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.1rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0.04rem;
}
.about-mobile .box-4 ul li img {
  width: 1.64rem;
  height: 0.7rem;
}
.about-mobile .box-6 {
  width: 100%;
  height: 3.36rem;
  background: url('/assets/images/mobile/newHome/bg.png') no-repeat;
  background-size: cover;
}
.about-mobile .box-6 h2 {
  font-size: 0.4rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.55rem;
  text-align: center;
  padding-top: 0.6rem;
}
.about-mobile .box-6 h3 {
  font-size: 0.36rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.55rem;
  text-align: center;
  margin-bottom: 0.36rem;
}
.about-mobile .box-6 span {
  display: block;
  width: 2.4rem;
  height: 0.7rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
.about-mobile .box-6 span a {
  font-size: 0.28rem;
  font-weight: 400;
  color: #0758F1;
  line-height: 0.7rem;
}
.mediaAccount-container,
.mediaAccount {
  background-color: #F9FBFE;
  width: 100%;
  padding: 80px 0px 0px;
}
.mediaAccount-container-title,
.mediaAccount-title {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 60px;
  text-align: center;
}
.mediaAccount-container-desc,
.mediaAccount-desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
}
.mediaAccount-container .mediaAccount-content,
.mediaAccount .mediaAccount-content {
  width: 1200px;
  margin: 0 auto;
}
.mediaAccount-container-ulList,
.mediaAccount-ulList {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.mediaAccount-container-ulList .mediaAccount-liItem,
.mediaAccount-ulList .mediaAccount-liItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 290px;
  height: 212px;
  cursor: pointer;
}
.mediaAccount-container-ulList .mediaAccount-liItem-img,
.mediaAccount-ulList .mediaAccount-liItem-img {
  width: 80px;
  height: 80px;
  border: 10px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}
.mediaAccount-container-ulList .mediaAccount-liItem-title,
.mediaAccount-ulList .mediaAccount-liItem-title {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #1A1A1A;
  line-height: 23px;
  margin-top: 24px;
  text-align: center;
}
.mediaAccount-container-ulList .mediaAccount-liItem .item-cover-qrcode,
.mediaAccount-ulList .mediaAccount-liItem .item-cover-qrcode {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.mediaAccount-container-ulList .mediaAccount-liItem:hover .item-cover-qrcode,
.mediaAccount-ulList .mediaAccount-liItem:hover .item-cover-qrcode {
  opacity: 1;
}
.mediaAccount_mobile {
  background-color: #F9FCFE;
  padding: 0.64rem 0px;
}
.mediaAccount_mobile .mediaAccount-title_mobile {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #0758F1;
  line-height: 0.66rem;
  text-align: center;
}
.mediaAccount_mobile .mediaAccount-desc_mobile {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(18, 18, 18, 0.8);
  line-height: 0.52rem;
  text-align: center;
  margin-top: 0.24rem;
}
.mediaAccount_mobile .mediaAccount-content_mobile {
  width: 100%;
  padding: 0px 0.32rem 0px 0.3rem;
  margin-top: 0.48rem;
}
.mediaAccount_mobile .mediaAccount-content_mobile .mediaAccount-ulList_mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mediaAccount_mobile .mediaAccount-content_mobile .mediaAccount-ulList_mobile .mediaAccount-liItem_mobile {
  width: 2.16rem;
  height: 1.9rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.2rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0.16rem;
  margin-right: 0.2rem;
  padding: 0.32rem 0px;
  text-align: center;
  margin-bottom: 10px;
}
.mediaAccount_mobile .mediaAccount-content_mobile .mediaAccount-ulList_mobile .mediaAccount-liItem_mobile:nth-child(3),
.mediaAccount_mobile .mediaAccount-content_mobile .mediaAccount-ulList_mobile .mediaAccount-liItem_mobile:nth-child(6) {
  margin-right: 0px;
}
.mediaAccount_mobile .mediaAccount-content_mobile .mediaAccount-ulList_mobile .mediaAccount-liItem_mobile .mediaAccount-liItem-img_mobile {
  width: 36px;
  height: 36px;
}
.mediaAccount_mobile .mediaAccount-content_mobile .mediaAccount-ulList_mobile .mediaAccount-liItem_mobile .mediaAccount-liItem-title_mobile {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #1A2233;
  line-height: 0.28rem;
  margin-top: 0.2rem;
}
.education-wrapper {
  background-color: #fff;
  width: 100%;
  min-width: 1350px;
}
.education-wrapper .education-content {
  width: 100%;
}
.education-wrapper .education-content .wrapper {
  width: 100%;
  height: 600px;
}
.education-wrapper .education-content .wrapper a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.education-wrapper .education-content .wrapper a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.education-wrapper .education-content .education_banner .commonBanner_txtBox {
  top: 229px;
  transform: translateY(0px);
}
.education-wrapper .education-content .col-1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.education-wrapper .education-content .col-1 .col1-wrapper {
  height: 100%;
  width: 1200px;
  padding: 100px 0px 145px;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-title {
  color: #000;
  text-align: center;
  font-weight: 500;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-title span {
  display: block;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-title span:first-child {
  font-size: 36px;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-title span:last-child {
  font-size: 20px;
  margin: 30px 0px 60px;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-contentWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-contentWrapper .col1-content {
  text-align: center;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-contentWrapper .col1-content p {
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: -45px;
}
.education-wrapper .education-content .col-1 .col1-wrapper .col1-contentWrapper .col1-content img {
  width: 220px;
  height: 260px;
}
.education-wrapper .education-content .newcol-2 {
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.education-wrapper .education-content .newcol-2 .newcol2-content {
  width: 1200px;
  padding: 100px 0;
  text-align: center;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-title {
  color: #000;
  text-align: center;
  font-weight: 500;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-title span {
  display: block;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-title span:first-child {
  font-size: 36px;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-title span:last-child {
  font-size: 20px;
  margin: 30px 0px 76px;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-box li {
  width: 385px;
  height: 300px;
  background: #FFFFFF;
  box-shadow: 0px 2px 11px 0px rgba(3, 124, 255, 0.07);
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-box li p span {
  display: block;
  color: #000;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-box li p span:first-of-type {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-box li p span:nth-of-type(2) {
  font-size: 16px;
  line-height: 28px;
}
.education-wrapper .education-content .newcol-2 .newcol2-content .newcol2-box li img {
  margin: 30px 0 20px;
  width: 106px;
  height: 106px;
}
.education-wrapper .education-content .newcol-3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.education-wrapper .education-content .newcol-3 .newcol3-content {
  width: 1200px;
  padding: 100px 0;
  text-align: center;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-title {
  color: #000;
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  margin-bottom: 80px;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box ul li {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 20px;
  position: relative;
  cursor: pointer;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box ul li::after {
  content: "";
  position: absolute;
  height: 5px;
  bottom: -15px;
  left: 50%;
  width: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
  border-radius: 3px;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box ul .active::after {
  width: 100%;
  background: #456DF2;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box .newcol3-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 80px;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box .newcol3-container img {
  width: 660px;
  height: 380px;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box .newcol3-container p {
  width: 480px;
  text-align: left;
  margin-top: 60px;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box .newcol3-container p span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 35px;
}
.education-wrapper .education-content .newcol-3 .newcol3-content .newcol3-box .newcol3-container p a {
  display: inline-block;
  width: 200px;
  height: 48px;
  background: #456DF2;
  border-radius: 4px;
  line-height: 48px;
  color: #fff;
  margin-top: 52px;
  text-align: center;
}
.education-wrapper .education-content .newcol-5 {
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.education-wrapper .education-content .newcol-5 .newcol5-content {
  width: 1200px;
  padding: 100px 0;
  text-align: center;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-title {
  color: #000;
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  margin: 0px 0px 50px;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box {
  width: 100%;
  height: 650px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 40px;
  border: 3px solid #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box .newcol5-left {
  margin: 52px 0px 0px 60px;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box .newcol5-left p {
  text-align: left;
  margin: 0px 0px 50px 0px;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box .newcol5-left p span {
  display: block;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box .newcol5-left p span:first-of-type {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 28px;
  margin-bottom: 15px;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box .newcol5-left p span:nth-of-type(2) {
  font-size: 16px;
  line-height: 26px;
}
.education-wrapper .education-content .newcol-5 .newcol5-content .newcol5-box img {
  width: 709px;
  height: 421px;
  margin-top: 114px;
}
.education-wrapper .education-content .newcol-6 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.education-wrapper .education-content .newcol-6 .newcol6-content {
  width: 1200px;
  padding: 100px 0;
  text-align: center;
}
.education-wrapper .education-content .newcol-6 .newcol6-content .newcol6-title {
  color: #000;
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  margin: 0px 0px 50px;
}
.education-wrapper .education-content .newcol-6 .newcol6-content .newcol6-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.education-wrapper .education-content .newcol-6 .newcol6-content .newcol6-box li img {
  width: 278px;
  height: 100px;
}
.education-wrapper .education-content .col-6 {
  width: 100%;
  height: 888px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #F9FAFB;
}
.education-wrapper .education-content .col-6 .col6-content {
  width: 1200px;
  margin-top: 1px;
  text-align: center;
}
.education-wrapper .education-content .col-6 .col6-content .col6-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  margin-bottom: 60px;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul1 li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul1 li p:first-child {
  font-size: 44px;
  font-weight: bold;
  color: #F54F32;
  line-height: 62px;
  margin-bottom: 16px;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul1 li p:last-child {
  font-size: 20px;
  line-height: 28px;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul2 li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-bottom: 46px;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul2 li img {
  width: 215px;
  height: 140px;
  margin-bottom: 15px;
}
.education-wrapper .education-content .col-6 .col6-content .col6-ul2 li p {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 2px;
}
.education-wrapper .education-content .col-7 {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 350px;
  background: url('/assets/images/web/education_new/col7_1.jpg') no-repeat;
  background-size: cover;
}
.education-wrapper .education-content .col-7 .col7-content {
  width: 1200px;
  color: #fff;
  text-align: center;
}
.education-wrapper .education-content .col-7 .col7-content p:first-child {
  font-size: 48px;
  font-weight: bold;
  line-height: 67px;
  margin-bottom: 20px;
}
.education-wrapper .education-content .col-7 .col7-content p:nth-child(2) {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 62px;
}
.education-wrapper .education-content .col-7 .col7-content button {
  border: none;
  outline: none;
  cursor: pointer;
  background: #fff;
  width: 140px;
  height: 44px;
  border-radius: 4px;
  color: #2C68EA;
  font-size: 16px;
  line-height: 44px;
  letter-spacing: 2px;
}
.education-mobile {
  width: 100%;
  background: #fff;
  color: #fff;
}
.education-mobile .banner {
  width: 100%;
  height: 9rem;
  text-align: center;
  overflow: hidden;
  background: url('/assets/images/mobile/education_new/bg.jpg') no-repeat;
  background-size: cover;
}
.education-mobile .banner .banner-content {
  width: 100%;
  height: 100%;
}
.education-mobile .banner .banner-content img {
  width: 2.8rem;
  height: 0.8rem;
  margin-top: 3.62rem;
}
.education-mobile .banner .banner-content p:first-child {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.67rem;
  margin: 3.1rem 0rem 0.24rem;
}
.education-mobile .banner .banner-content p:nth-child(2) {
  font-size: 0.3rem;
  line-height: 0.48rem;
}
.education-mobile .banner .banner-content .banner-btn {
  width: 2.8rem;
  height: 0.8rem;
  cursor: pointer;
  margin: 1.86rem auto 0rem;
  background: #4385F8;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  letter-spacing: 2px;
}
.education-mobile .banner .banner-content .banner-btn a {
  color: #fff;
}
.education-mobile .col-1 {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
}
.education-mobile .col-1 .col1-content {
  width: 100%;
  height: 100%;
}
.education-mobile .col-1 .col1-content .col1-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.5rem;
  margin: 0.73rem 0rem 0.2rem;
}
.education-mobile .col-1 .col1-content .col1-subtitle {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.37rem;
  margin-bottom: 0.6rem;
}
.education-mobile .col-1 .col1-content .col1-box {
  padding-bottom: 1.01rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.education-mobile .col-1 .col1-content .col1-box .col1box-content img {
  width: 0.8rem;
  height: 0.8rem;
}
.education-mobile .col-1 .col1-content .col1-box .col1box-content p {
  font-size: 0.26rem;
  color: #000;
  line-height: 0.37rem;
}
.education-mobile .col-2 {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
  background: #FAFAFA;
}
.education-mobile .col-2 .col2-content {
  width: 100%;
  height: 100%;
}
.education-mobile .col-2 .col2-content .col2-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  letter-spacing: 0.04rem;
  margin: 0rem 0rem 0.7rem;
}
.education-mobile .col-2 .col2-content img {
  width: 6.86rem;
  height: 3.91rem;
  margin-bottom: 0.26rem;
}
.education-mobile .col-2 .col2-content .col2-box {
  padding-bottom: 0.8rem;
}
.education-mobile .col-2 .col2-content .col2-box li {
  margin-top: 0.6rem;
}
.education-mobile .col-2 .col2-content .col2-box li p:nth-child(1) {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.45rem;
  letter-spacing: 0.02rem;
}
.education-mobile .col-2 .col2-content .col2-box li p:nth-child(2) {
  font-size: 0.26rem;
  line-height: 0.37rem;
  color: #999;
  margin-top: 0.15rem;
}
.education-mobile .col-3 {
  width: 100%;
  color: #000;
  text-align: center;
}
.education-mobile .col-3 .col3-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  margin: 0rem 0rem 0.6rem;
}
.education-mobile .col-4 {
  width: 100%;
  background: #FAFAFA;
  color: #000;
  text-align: center;
  font-weight: 400;
}
.education-mobile .col-4 .col4-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  margin: 0rem 0rem 0.2rem;
}
.education-mobile .col-4 .col4-subtitle {
  font-size: 0.26rem;
  max-width: 3.9rem;
  color: #666;
  line-height: 0.4rem;
  margin: 0 auto;
}
.education-mobile .col-4 img {
  width: 100%;
  height: 7.36rem;
  margin: 0.52rem 0rem 0.5rem;
}
.education-mobile .col-5 {
  width: 100%;
  color: #000;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0.06rem;
}
.education-mobile .col-5 .col5-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  margin: 0rem 0rem 0.44rem;
}
.education-mobile .col-5 .col5-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.education-mobile .col-5 .col5-box li {
  min-width: 3rem;
  margin-bottom: 0.63rem;
}
.education-mobile .col-5 .col5-box li img {
  width: 1rem;
  height: 1.01rem;
}
.education-mobile .col-5 .col5-box li p:nth-child(2) {
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.education-mobile .col-5 .col5-box li p:nth-child(3) {
  font-size: 0.24rem;
  color: #999;
  line-height: 0.33rem;
}
.col-3 .swiper-container .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1.1rem;
}
.col-3 .swiper-container .swiper-slide li {
  width: 6.54rem;
  height: 1.82rem;
  box-shadow: 0px 0px 15px 0px rgba(60, 143, 251, 0.2);
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.col-3 .swiper-container .swiper-slide li img {
  width: 1.22rem;
  height: 1.22rem;
}
.col-3 .swiper-container .swiper-slide li .swiper-detail {
  text-align: left;
  max-width: 4.56rem;
}
.col-3 .swiper-container .swiper-slide li .swiper-detail p:nth-child(1) {
  font-size: 0.3rem;
  font-weight: bold;
  color: #4385F8;
  line-height: 0.42rem;
  margin-bottom: 0.11rem;
}
.col-3 .swiper-container .swiper-slide li .swiper-detail p:nth-child(2) {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.33rem;
}
.col-3 .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 0.5rem !important;
}
.col-3 .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.15rem;
  margin-right: 0.2rem;
  display: inline-block;
}
.newcol-4 {
  width: 100%;
  background-color: #ffffff;
}
.newcol-4 .newcol4-content {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.newcol-4 .newcol4-content .newcol4-title {
  margin-top: 40px;
}
.newcol-4 .newcol4-content .newcol4-title img {
  width: 80px;
  height: 80px;
}
.newcol-4 .newcol4-content .newcol4-title span {
  display: block;
}
.newcol-4 .newcol4-content .newcol4-title span:first-of-type {
  font-size: 36px;
  font-weight: 500;
  color: #333333;
  line-height: 50px;
  margin: 50px 0;
}
.newcol-4 .newcol4-content .newcol4-title span:nth-of-type(2) {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  width: 457px;
}
.newCompany-wrapper {
  width: 100%;
  background: #fff;
  min-width: 1350px;
}
.newCompany-wrapper .company-banner {
  width: 100%;
  height: 600px;
}
.newCompany-wrapper .company-banner .company-banner-a {
  position: relative;
}
.newCompany-wrapper .company-banner .company-banner2 {
  position: absolute;
  width: 1416px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.newCompany-wrapper .company-banner .company-banner2 .company-banner2-title {
  font-size: 44px;
  font-weight: bold;
  color: #0e2545;
  line-height: 64px;
  margin-bottom: 16px;
}
.newCompany-wrapper .company-banner .company-banner2 .company-banner2-desc {
  font-size: 24px;
  color: #0e2545;
  line-height: 34px;
}
.newCompany-wrapper .company-banner .company-banner2 span {
  display: block;
  width: 128px;
  height: 48px;
  margin-top: 48px;
  background: linear-gradient(90deg, #0758F1 0%, #1A9FFF 100%);
  border-radius: 6px;
  font-size: 18px;
  color: #fff;
  line-height: 48px;
  text-align: center;
}
.newCompany-wrapper .company-banner .company-banner2 span a {
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 48px;
}
.newCompany-wrapper .company-banner .company-banner-a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.newCompany-wrapper .company-banner .company-banner-a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newCompany-wrapper .company-banner .company-banner-a .banner-bg {
  width: 665px;
  height: 544px;
  position: absolute;
  top: 143px;
  right: 50%;
  margin-right: -600px;
}
.newCompany-wrapper .company-col1 {
  width: 100%;
  background: #FFFFFF;
  padding: 80px 0px;
}
.newCompany-wrapper .company-col1 .col1-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  text-align: center;
  margin-bottom: 32px;
}
.newCompany-wrapper .company-col1 .col1-content {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.newCompany-wrapper .company-col1 .col1-content .col1-item {
  width: 288px;
  height: 266px;
  background: #FFFFFF;
  box-shadow: 0px 4px 32px 0px rgba(0, 115, 180, 0.06);
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  margin-left: 16px;
  padding: 32px 0px;
}
.newCompany-wrapper .company-col1 .col1-content .col1-item:nth-child(1) {
  margin-left: 0px;
}
.newCompany-wrapper .company-col1 .col1-content .col1-item .item-img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
}
.newCompany-wrapper .company-col1 .col1-content .col1-item .item-wrap {
  margin-top: 32px;
}
.newCompany-wrapper .company-col1 .col1-content .col1-item .item-wrap .item-wrap-title {
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 28px;
}
.newCompany-wrapper .company-col1 .col1-content .col1-item .item-wrap .item-wrap-desc {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 28px;
  margin-top: 16px;
}
.newCompany-wrapper .company-col2 {
  width: 100%;
  background: #fff;
  min-width: 1350px;
  padding: 80px 0px;
}
.newCompany-wrapper .company-col2 .col2-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #2270FC;
  line-height: 72px;
  text-align: center;
}
.newCompany-wrapper .company-col2 .col2-content {
  width: 1200px;
  margin: 0 auto;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li {
  display: flex;
  align-items: center;
  padding: 90px 0px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left {
  width: 600px;
  padding-right: 50px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left .title {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 47px;
  margin-bottom: 20px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left .desc {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left .desc img {
  width: 26px;
  height: 26px;
  display: block;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left .desc span {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 36px;
  margin-left: 5px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left .btns {
  display: block;
  width: 154px;
  height: 50px;
  background: #0758F1;
  border-radius: 6px;
  margin-top: 64px;
  text-align: center;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 50px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-left .btns:hover {
  background-color: #0646C1;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-right {
  width: 600px;
  flex: 1;
  height: 430px;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li-right img {
  width: 100%;
  height: 100%;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li:nth-child(2n) {
  flex-flow: row-reverse;
}
.newCompany-wrapper .company-col2 .col2-content .col2-section-ul .col2-section-li:nth-child(2n) .col2-section-li-left {
  padding-left: 50px;
}
.newCompany-wrapper .company-col3 {
  width: 100%;
  background: #F9FAFB;
  min-width: 1350px;
  padding: 80px 0px;
}
.newCompany-wrapper .company-col3 .col3-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  text-align: center;
  margin-bottom: 32px;
}
.newCompany-wrapper .company-col3 .col3-content {
  width: 1200px;
  margin: 0 auto;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section {
  width: 100%;
  display: flex;
  border-radius: 16px;
  border: 4px solid #FFFFFF;
  overflow: hidden;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-tabList {
  width: 241px;
  height: 610px;
  background: linear-gradient(135deg, #F9FAFF 0%, #E2EBFF 100%);
  border-radius: 0px 0px 0px 0px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-tabList-item {
  width: 161px;
  height: 56px;
  background: linear-gradient(135deg, #FBFCFF 0%, #FCFCFC 100%);
  box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 23px auto 0px;
  cursor: pointer;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-tabList-item > img {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-tabList-item > span {
  display: block;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 26px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-tabList-item.active {
  background: #0758F1;
  border: 2px solid #5C95FF;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-tabList-item.active > span {
  color: #FFFFFF;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content {
  background-color: #F4F6FE;
  width: 959px;
  min-width: 959px;
  max-width: 959px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item {
  display: flex;
  position: absolute;
  opacity: 0;
  background-color: #F4F6FE;
  cursor: pointer;
  z-index: 1;
  transition: all 0.4s ease-in;
  border-radius: 0px 16px 16px 0px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item.active {
  opacity: 1;
  z-index: 10;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item:hover .col3-section-content-item-left .btns {
  background-color: #0758F1;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item:hover .col3-section-content-item-left .btns .txt {
  color: #FFFFFF;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item:hover .col3-section-content-item-left .btns .jiantouBG {
  background-image: url('/assets/images/web/newCompany/col3_jiantou_1.png');
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left {
  width: 519px;
  padding: 64px 0px 0px 56px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem {
  margin-top: 44px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem:nth-child(1) {
  margin-top: 0px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem .descTtile {
  display: flex;
  align-items: center;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem .descTtile > img {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem .descTtile > span {
  font-size: 18px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 21px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem .descTxtBox .descTxt {
  margin-top: 8px;
  display: flex;
  padding-left: 40px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem .descTxtBox .descTxt > img {
  width: 32px;
  height: 32px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .left-descList .left-descItem .descTxtBox .descTxt > span {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #505050;
  line-height: 32px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns {
  width: 134px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #0758F1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  cursor: pointer;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns span {
  display: block;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns .txt {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0758F1;
  line-height: 18px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns .jiantouBG {
  width: 18px;
  height: 18px;
  background-image: url('/assets/images/web/newCompany/col3_jiantou.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: 8px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns.hover {
  background-color: #0646C1 !important;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns.hover .txt {
  color: #FFFFFF;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-left .btns.hover .jiantouBG {
  background-image: url('/assets/images/web/newCompany/col3_jiantou_2.png') !important;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-right {
  padding: 40px;
}
.newCompany-wrapper .company-col3 .col3-content .col3-section-content-item-right > img {
  height: 530px;
  display: block;
}
.newCompany-wrapper .company-col4 {
  width: 100%;
  background: #fff;
  min-width: 1350px;
}
.newCompany-wrapper .company-col4 .col4-content {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
}
.newCompany-wrapper .company-col4 .col4-content .col4-title {
  text-align: center;
}
.newCompany-wrapper .company-col4 .col4-content .col4-title span {
  display: block;
}
.newCompany-wrapper .company-col4 .col4-content .col4-title span:first-child {
  font-size: 36px;
  margin-bottom: 36px;
  line-height: 54px;
}
.newCompany-wrapper .company-col4 .col4-content .col4-title span:last-child {
  font-size: 20px;
  color: #666;
  margin-bottom: 60px;
  line-height: 20px;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop {
  width: 1200px;
  height: 469px;
  position: relative;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 1200px;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options {
  width: 160px;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options div {
  width: 160px;
  height: 76px;
  font-size: 18px;
  color: #000000;
  line-height: 76px;
  text-align: left;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  z-index: 10;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options > div {
  width: 160px;
  height: 76px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-align: right;
  cursor: pointer;
  line-height: 76px;
  position: relative;
  transition: 0.3s;
  background: transparent;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left {
  margin-top: 30px !important;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left .swiper2_bg {
  width: 0px;
  height: 76px;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
  box-sizing: border-box;
  transition: 0.5s;
  background: transparent;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left > div {
  text-align: left !important;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left > div.active {
  color: #2C6EFF;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left > div.active .swiper2_bg {
  opacity: 1;
  width: 160px;
  left: -25px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.08) 0%, rgba(36, 107, 255, 0.32) 100%);
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container {
  width: 806px;
  height: 469px;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul {
  height: 100%;
  width: 100%;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .swiper-item {
  width: 267px;
  height: 469px;
  border-radius: 24px;
  position: absolute;
  transition: all 0.8s ease-in-out;
  padding: 8px;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .swiper-item img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .swiper-item > .mask {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 24px;
  transition: all 1s ease-in-out;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p2 {
  transform: scale(0.8);
  left: 35px;
  z-index: 59;
  background: transparent;
  padding: 0;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p2 .mask {
  opacity: 0.8;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p3 {
  transform: scale(0.9);
  left: 130px;
  z-index: 79;
  background: transparent;
  padding: 0;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p3 .mask {
  opacity: 0.5;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p4 {
  transform: scale(0.9);
  left: 390px;
  z-index: 79;
  background: transparent;
  padding: 0;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p4 .mask {
  opacity: 0.5;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p5 {
  opacity: 1;
  left: 260px;
  z-index: 99;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p5 .mask {
  opacity: 0;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p6 {
  transform: scale(0.8);
  left: 490px;
  z-index: 59;
  background: transparent;
  padding: 0;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container ul .p6 .mask {
  opacity: 0.8;
}
.newCompany-wrapper .company-col4 .col4-content .one-stop .furn-part-swiper .swiper-container > div {
  height: 469px;
  width: 3000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin-top: 30px;
}
.newCompany-wrapper .company .CaseBg-title {
  margin-bottom: 60px;
}
.newCompany-wrapper .company-col5 {
  width: 100%;
  background: #FFFFFF;
  min-width: 1350px;
  padding: 80px;
}
.newCompany-wrapper .company-col5 .col5-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  text-align: center;
  margin-bottom: 60px;
}
.newCompany-wrapper .company-col5 .col5-content {
  width: 1200px;
  margin: 0 auto;
}
.newCompany-wrapper .company-col5 .col5-content .content-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li {
  width: 380px;
  min-width: 380px;
  height: 305px;
  background: #FFFFFF;
  padding: 40px;
  margin-left: 30px;
  cursor: pointer;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li:nth-child(1) {
  margin-left: 0px;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li:hover {
  box-shadow: 0px 4px 32px 0px rgba(0, 36, 89, 0.06);
  border-radius: 10px;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li:hover .btns {
  opacity: 1;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li .col7-li-a {
  width: 100%;
  height: 100%;
  display: block;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li img {
  width: 64px;
  height: 64px;
  transform: translate3d();
}
.newCompany-wrapper .company-col5 .col5-content .content-box li .title1 {
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 28px;
  margin: 24px 0px 10px;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li .title2 {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(18, 18, 18, 0.6);
  line-height: 21px;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li .btns {
  align-items: center;
  padding-top: 40px;
  display: flex;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li .btns a {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #2270FC;
  line-height: 23px;
}
.newCompany-wrapper .company-col5 .col5-content .content-box li .btns img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.newCompany-wrapper .company-col6 {
  width: 100%;
  height: 820px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/newCompany/col6_1.png') no-repeat;
  background-size: cover;
  position: relative;
}
.newCompany-wrapper .company-col6 p {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  position: absolute;
  top: 140px;
  width: 1200px;
  text-align: center;
}
.newCompany-wrapper .company-col6 img {
  width: 1200px;
  height: 660px;
}
.newCompany-wrapper .company-col7 {
  width: 100%;
  height: 372px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/newCompany/col7_1.png') no-repeat;
  background-size: cover;
  text-align: center;
}
.newCompany-wrapper .company-col7 p span {
  display: block;
  color: #fff;
}
.newCompany-wrapper .company-col7 p span:first-child {
  font-size: 36px;
  margin-bottom: 23px;
  line-height: 67px;
}
.newCompany-wrapper .company-col7 p span:last-child {
  font-size: 18px;
  margin-bottom: 62px;
  line-height: 25px;
}
.newCompany-wrapper .company-col7 .right-now {
  width: 140px;
  height: 44px;
  border-radius: 4px;
  margin: 42px auto 0;
  background-color: #fff;
}
.newCompany-wrapper .company-col7 .right-now a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 44px;
  text-align: center;
  color: #2C68EA;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  overflow: hidden;
}
.newCompany-wrapper .company-col7 .right-now a .rip {
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: rip 1s ease-out;
}
@keyframes rip {
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.company-mobile {
  width: 100%;
}
.company-mobile .content {
  width: 100%;
  background-size: cover;
  background-color: #0E0D2C;
}
.company-mobile .content .banner-wrapper {
  position: relative;
  width: 100%;
  height: 10.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/qyLive/banner2_1.png') no-repeat;
  background-size: cover;
}
.company-mobile .content .banner-wrapper .title {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  text-align: center;
  padding-top: 1.48rem;
}
.company-mobile .content .banner-wrapper .desc {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
  text-align: center;
  margin-top: 0.22rem;
}
.company-mobile .content .banner-wrapper .banner-btn {
  width: 2.24rem;
  height: 0.88rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  text-align: center;
  margin: 0 auto;
}
.company-mobile .content .banner-wrapper .banner-btn a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #2021B9;
  line-height: 0.88rem;
}
.company-mobile .con-1 {
  width: 100%;
  overflow: hidden;
  background-color: #FBFCFE;
  padding: 0.64rem 0px;
}
.company-mobile .con-1 .con-1-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.84rem;
  margin-bottom: 0.32rem;
  text-align: center;
}
.company-mobile .con-1 .con-1-wrap {
  position: relative;
  padding: 0px 0.32rem;
}
.company-mobile .con-1 .con-1-wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.company-mobile .con-1 .con-1-wrap ul li {
  width: 3.32rem;
  height: 3.08rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.64rem 0px rgba(0, 115, 180, 0.06);
  border-radius: 0.24rem;
  text-align: center;
  padding: 0.48rem 0px 0.24rem 0px;
  margin: 0.22rem 0.22rem 0px 0px;
}
.company-mobile .con-1 .con-1-wrap ul li:nth-child(2n) {
  margin-right: 0px;
}
.company-mobile .con-1 .con-1-wrap ul li > img {
  width: 0.64rem;
  height: 0.64rem;
  display: block;
  margin: 0 auto;
}
.company-mobile .con-1 .con-1-wrap ul li .title {
  font-size: 0.28rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.32rem;
  margin: 0.32rem 0px 0.12rem 0px;
}
.company-mobile .con-1 .con-1-wrap ul li .desc {
  font-size: 0.2rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(18, 18, 18, 0.6);
  line-height: 0.4rem;
}
.company-mobile .con-2 {
  width: 100%;
  background-color: #FFFFFF;
  padding: 0.64rem 0px;
}
.company-mobile .con-2 .con-2-wrap {
  padding: 0px 0.32rem;
}
.company-mobile .con-2 .con-2-wrap ul li {
  padding: 0.64rem 0px 0px;
}
.company-mobile .con-2 .con-2-wrap ul li .con-2-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.84rem;
  text-align: center;
  margin-bottom: 0.48rem;
}
.company-mobile .con-2 .con-2-wrap ul li > img {
  width: 6.86rem;
  height: 4.92rem;
  display: block;
  margin-bottom: 0.32rem;
}
.company-mobile .con-2 .con-2-wrap ul li .desc {
  display: flex;
  margin-top: 0.32rem;
}
.company-mobile .con-2 .con-2-wrap ul li .desc > img {
  width: 0.52rem;
  height: 0.68rem;
  display: block;
  margin-right: 0.08rem;
}
.company-mobile .con-2 .con-2-wrap ul li .desc span {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 0.64rem;
}
.company-mobile .con-2 .con-2-wrap ul li .btns {
  width: 3.08rem;
  height: 1rem;
  margin: 0.48rem auto 0px;
  background: #0758F1;
  border-radius: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.36rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 0.42rem;
  cursor: pointer;
}
.company-mobile .con-3 {
  width: 100%;
  background: #fff;
  overflow: hidden;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4F7FB 100%);
  padding: 0.64rem 0px;
}
.company-mobile .con-3 .con-3-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.84rem;
  text-align: center;
  margin-bottom: 0.32rem;
}
.company-mobile .con-3 .wrap {
  text-align: center;
}
.company-mobile .con-3 .wrap .swiper-container_box4_tab {
  margin-bottom: 0.6rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_tab .swiper-wrapper .swiper-slide {
  width: 1.92rem !important;
  max-width: 1.92rem !important;
  height: 0.76rem;
  text-align: center;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.76rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_tab .swiper-wrapper .swiper-slide.swiper-slide-active {
  border-radius: 1.02rem;
  background: #2270FC;
  color: #fff;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: 0.64rem;
  padding-top: 0.16rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide {
  width: 6.86rem;
  height: 10.6rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(8, 6, 67, 0.14);
  border-radius: 0.2rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 3.2rem;
  display: block;
  border-radius: 0.2rem 0.2rem 0px 0px;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom {
  padding: 0.32rem;
  text-align: left;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .descList {
  margin-top: 0.4rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .descList:nth-child(1) {
  margin-top: 0px;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .descList .descTtile {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.42rem;
  position: relative;
  padding-left: 0.2rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .descList .descTtile::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 0.06rem;
  height: 0.34rem;
  background: #2270FC;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .descList .descTxtBox .descTxt {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 0.48rem;
  margin-top: 0.2rem;
  position: relative;
  padding-left: 0.42rem;
}
.company-mobile .con-3 .wrap .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .descList .descTxtBox .descTxt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.18rem;
  left: 0.16rem;
  width: 0.12rem;
  height: 0.12rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
}
.company-mobile .con-3 .wrap .btns {
  width: 2.16rem;
  height: 0.88rem;
  background: #FFFFFF;
  border-radius: 0.12rem;
  border: 0.04rem solid #405BFD;
  margin: 0px auto 0px;
}
.company-mobile .con-3 .wrap .btns > a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.32rem;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #0758F1;
  line-height: 0.8rem;
}
.company-mobile .con-4 {
  width: 100%;
  background-color: #F4F7FB;
  padding: 0.64rem 0px;
}
.company-mobile .con-4-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.84rem;
  text-align: center;
}
.company-mobile .con-4-wrap {
  margin: 0.32rem 0px 0px;
}
.company-mobile .con-4-wrap img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.company-mobile .con-5 {
  width: 100%;
  background-color: #FFFFFF;
  padding: 0.64rem 0px;
}
.company-mobile .con-5 .con-5-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.84rem;
  margin-bottom: 0.48rem;
  text-align: center;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul {
  margin: 0.48rem auto 0px;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li {
  width: 6.86rem;
  height: 1.52rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.64rem 0px rgba(0, 36, 89, 0.06);
  border-radius: 0.2rem;
  margin: 0px auto 0.32rem;
  padding: 0.32rem 0.48rem 0.36rem;
  cursor: pointer;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 0.2rem;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li:last-child {
  margin-bottom: 0px;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li .left {
  display: flex;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li .left img {
  width: 0.88rem;
  height: 0.88rem;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li .left .title {
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.38rem;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li .left .desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.28rem;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li .left .leftTxt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 0.32rem;
}
.company-mobile .con-5 .con-5-wrap .con-5-wrap-ul .con-5-wrap-li .right a {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #2270FC;
  line-height: 0.32rem;
}
.company-mobile .con-6 {
  width: 100%;
  height: 2.5rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background: url(https://img1-www.nuoyun.tv/assets/images/mobile/qyLive/footer-bg.jpg) no-repeat center;
  background-size: cover;
}
.company-mobile .con-6 .p1 {
  font-size: 0.38rem;
  font-weight: bold;
  margin-top: 0.6rem;
  margin-bottom: 0.16rem;
}
.company-mobile .con-6 .p2 {
  font-size: 0.25rem;
  margin-bottom: 0.32rem;
  letter-spacing: 1px;
}
.CaseBg-container {
  background-color: #fff;
  padding: 80px 0px;
}
.CaseBg-container .CaseBg-title {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 60px;
  text-align: center;
}
.CaseBg-container .CaseBg-desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
}
.CaseBg-container .CaseBg-content {
  width: 1200px;
  margin: 30px auto 0px;
  height: 280px;
}
.CaseBg-container .CaseBg-content img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.CaseBg-container_mobile {
  background-color: #fff;
  padding: 0.64rem 0px;
  text-align: center;
}
.CaseBg-container_mobile .CaseBg-title_mobile {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.66rem;
}
.CaseBg-container_mobile .CaseBg-desc_mobile {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(18, 18, 18, 0.8);
  line-height: 0.52rem;
  margin-top: 0.24rem;
}
.CaseBg-container_mobile .CaseBg-content_mobile {
  width: 100%;
  margin: 0.48rem auto 0px;
}
.CaseBg-container_mobile .CaseBg-content_mobile > img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.yearMeeting-container {
  background-color: #fff;
  min-width: 1350px;
  overflow-x: hidden;
}
.yearMeeting-container .yearMeeting-content {
  width: 100%;
}
.yearMeeting-container .yearMeeting-content .txtBox_content_desc {
  font-weight: 400;
}
.yearMeeting-container .yearMeeting-content .banner {
  width: 100%;
  height: 600px;
  position: relative;
}
.yearMeeting-container .yearMeeting-content .banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.yearMeeting-container .yearMeeting-content .banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.yearMeeting-container .yearMeeting-content .banner a .txt {
  width: 1200px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 200px;
  margin-left: -600px;
}
.yearMeeting-container .yearMeeting-content .banner a .txt .title {
  font-size: 60px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
}
.yearMeeting-container .yearMeeting-content .banner a .txt .subtitle,
.yearMeeting-container .yearMeeting-content .banner a .txt h4 {
  font-size: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 54px;
}
.yearMeeting-container .yearMeeting-content .banner a .txt a {
  display: block;
  width: 180px;
  height: 60px;
  background: linear-gradient(142deg, #FFE4A5 0%, #E19E3D 100%);
  border-radius: 4px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 60px;
  text-shadow: 0px 2px 4px #D48251;
  text-align: center;
  margin-top: 80px;
  cursor: pointer;
}
.yearMeeting-container .yearMeeting-content .col1 {
  width: 100%;
  min-width: 1350px;
  background: url('/assets/images/web/yearMeeting_new_2021/col1_1_banner.png') no-repeat;
  background-size: cover;
  height: 816px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content {
  width: 1200px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content p:first-child {
  font-size: 40px;
  font-weight: bold;
  line-height: 79px;
  color: #CF1F23;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content p:nth-child(2) {
  font-size: 20px;
  line-height: 79px;
  margin-bottom: 60px;
  color: #333;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul {
  height: 460px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li {
  width: 200px;
  height: 400px;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  position: relative;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li p {
  font-size: 20px;
  font-weight: 500;
  height: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li img {
  width: 100%;
  height: 100%;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li .tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li.active {
  width: 600px;
  height: 460px;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li.active p {
  font-size: 20px;
  font-weight: 500;
  line-height: 77px;
  width: 600px;
  height: 77px;
  text-align: left;
  padding-left: 20px;
  color: #fff;
  font-weight: bold;
  background: url('/assets/images/web/yearMeeting_new_2021/col1_9.png') no-repeat;
  background-size: cover;
}
.yearMeeting-container .yearMeeting-content .col1 .col1-content .swiper-wrapper ul li.active img {
  width: 100%;
  height: 383px;
}
@keyframes droptop {
  0% {
    transform: translate(75%, 175%);
  }
  25% {
    transform: translate(50%, 125%);
  }
  50% {
    transform: translate(25%, 75%);
  }
  75% {
    transform: translate(12%, 25%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.yearMeeting-container .yearMeeting-content .col2 {
  width: 100%;
  height: 1062px;
  min-width: 1350px;
  background: url('/assets/images/web/yearMeeting_new_2021/col2_1.png') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-title {
  color: #CF1F23;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  margin-bottom: 70px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content {
  border-radius: 10px;
  width: 1200px;
  background-size: cover;
  box-shadow: 0px 0px 35px 15px rgba(226, 228, 248, 0.8);
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-header {
  height: 150px;
  background-image: url('/assets/images/web/yearMeeting_new_2021/col2-header-banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0px 0px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-header p {
  margin-left: 40px;
  color: #fff;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-header .col2-header-title {
  font-size: 32px;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 20px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-header .col2-header-subtitle {
  font-size: 20px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content {
  display: flex;
  background-color: #fff;
  padding: 20px 20px 32px 20px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .col2-list-left .item:nth-child(5)::after {
  display: none;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .col2-list-right .item:nth-child(5)::after {
  display: none;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .col2-list-right .item {
  padding: 25px 14px 25px 20px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .col2-list-center {
  cursor: pointer;
  width: 560px;
  background-color: #F2F0F1;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .col2-list-center img {
  display: block;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item {
  width: 300px;
  height: 120px;
  padding: 25px 20px 25px 20px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item .item-title {
  color: #CF1F23;
  font-weight: bold;
  font-size: 20px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item .item-desc {
  color: #333;
  margin-top: 15px;
  font-size: 14px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item::after {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 1px;
  display: block;
  width: 269px;
  background: url('/assets/images/web/yearMeeting_new_2021/line.png') no-repeat;
  background-size: cover;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item.active {
  background: linear-gradient(90deg, #e65833 0%, #d84a33 62%, #d14233 99%);
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item.active::after {
  bottom: 0px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item.active .item-title,
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-list-content .item.active .item-desc {
  color: #fff;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content .col2-subtitle {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 56px;
  margin-left: 60px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul {
  margin-left: 126px;
  margin-right: 113px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li img {
  margin-bottom: 24px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li .liItem-title {
  font-size: 20px;
  font-weight: 500;
  color: #E6C2A4;
  line-height: 36px;
  margin-bottom: 48px;
  position: relative;
  text-align: center;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li .liItem-title::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #CF1F23;
  top: 59px;
  left: 24px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li .liItem-subtitle {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li:first-child img {
  width: 42px;
  height: 40px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li:nth-child(2) img {
  width: 43px;
  height: 40px;
}
.yearMeeting-container .yearMeeting-content .col2 .col2-content ul li:nth-child(3) img {
  width: 40px;
  height: 40px;
}
.yearMeeting-container .yearMeeting-content .col3 {
  width: 100%;
  min-width: 1350px;
  color: #fff;
  padding-bottom: 78px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content {
  width: 1200px;
  text-align: center;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-title {
  font-size: 40px;
  font-weight: bold;
  line-height: 48px;
  margin-top: 80px;
  margin-bottom: 60px;
  color: #CF1F23;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box {
  position: relative;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .swiper-button-prev {
  left: -57px;
  background-image: url('/assets/images/web/yearMeeting_new_2021/jiantou-zuo.png');
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .swiper-button-next {
  right: -57px;
  background-image: url('/assets/images/web/yearMeeting_new_2021/jiantou-you.png');
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .swiper-slide {
  display: flex;
  align-items: center;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .left {
  width: 640px;
  height: 500px;
  background: linear-gradient(90deg, #E65833 0%, #D84A33 63%, #D14233 100%);
  border-radius: 20px;
  text-align: left;
  color: #fff;
  padding: 0 40px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  transition: all 0.3s;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .left .title {
  font-size: 30px;
  font-weight: bold;
  padding: 80px 0 48px 0;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .left .desc {
  width: 572px;
  font-size: 20px;
  line-height: 41px;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .left .desc .num {
  font-weight: 600;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .left .btn {
  display: block;
  margin-top: 63px;
  width: 200px;
  height: 48px;
  background-color: #fff;
  color: #CF1F23;
  line-height: 48px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .right {
  width: 575px;
  height: 380px;
  margin-left: -15px;
  position: relative;
  transition: all 0.3s;
  border-radius: 20px;
}
.yearMeeting-container .yearMeeting-content .col3 .col3-content .col3-box .right img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.yearMeeting-container .yearMeeting-content .col4 {
  width: 100%;
  min-width: 1350px;
  height: 769px;
  background: url('/assets/images/web/yearMeeting_new/col4_1.jpg') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content {
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .col4-title {
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 48px;
  margin-top: 79px;
  margin-bottom: 59px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop {
  width: 1200px;
  height: 572px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto 166px;
  width: 1200px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options {
  width: 310px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options div {
  width: 310px;
  height: 80px;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 80px;
  margin-bottom: 15px;
  text-align: left;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  z-index: 10;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options div:last-child {
  margin-bottom: 0px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options > div {
  width: 310px;
  height: 80px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: right;
  cursor: pointer;
  line-height: 80px;
  position: relative;
  transition: 0.3s;
  background: transparent;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left {
  margin-top: 30px !important;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left .swiper2_bg {
  width: 0px;
  height: 80px;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
  box-sizing: border-box;
  transition: 0.5s;
  background: transparent;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left > div {
  text-align: left !important;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-options-left > div.active .swiper2_bg {
  opacity: 1;
  width: 310px;
  left: -25px;
  background: linear-gradient(270deg, rgba(207, 0, 255, 0) 0%, rgba(207, 0, 255, 0.4) 50%, #FF0000 99%);
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container {
  width: 875px;
  height: 572px;
  margin-left: 60px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .swiper-item {
  width: 326px;
  height: 572px;
  border-radius: 24px;
  position: absolute;
  transition: all 0.8s ease-in-out;
  padding: 8px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .swiper-item img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .swiper-item > .mask {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  transition: all 1s ease-in-out;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p1 {
  transform: scale(0.7);
  opacity: 0;
  left: 20px;
  z-index: 69;
  background: transparent;
  padding: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p1 .mask {
  opacity: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p2 {
  transform: scale(0.8);
  left: -10px;
  z-index: 59;
  background: transparent;
  padding: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p2 .mask {
  opacity: 0.8;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p3 {
  transform: scale(0.9);
  left: 80px;
  z-index: 79;
  background: transparent;
  padding: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p3 .mask {
  opacity: 0.5;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p4 {
  transform: scale(0.9);
  opacity: 0;
  left: 250px;
  z-index: 89;
  background: transparent;
  padding: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p4 .mask {
  opacity: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p5 {
  opacity: 1;
  left: 260px;
  z-index: 99;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p5 .mask {
  opacity: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p6 {
  transform: scale(0.9);
  left: 440px;
  z-index: 89;
  background: transparent;
  padding: 0;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container .p6 .mask {
  opacity: 0.5;
}
.yearMeeting-container .yearMeeting-content .col4 .col4-content .one-stop .furn-part-swiper .swiper-container > div {
  height: 572px;
  width: 3000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin-top: 30px;
}
.yearMeeting-container .yearMeeting-content .col5 {
  width: 1200px;
  height: 1062px;
  margin: 0 auto;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-title {
  font-size: 40px;
  font-weight: bold;
  color: #CF1F23;
  line-height: 48px;
  margin-top: 92px;
  margin-bottom: 59px;
  text-align: center;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content {
  box-shadow: 0px 0px 35px 15px rgba(226, 228, 248, 0.8);
  border-radius: 10px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-header {
  width: 100%;
  height: 150px;
  background-image: url('/assets/images/web/yearMeeting_new_2021/col2-header-banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0px 0px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-header p {
  margin-left: 40px;
  color: #fff;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-header .col2-header-title {
  font-size: 32px;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 20px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-header .col2-header-subtitle {
  font-size: 20px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content {
  display: flex;
  padding: 20px 20px 30px;
  box-sizing: border-box;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .col5-list-left {
  width: 420px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .col5-list-left .item:nth-child(5)::after {
  display: none;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .col5-list-left .item:nth-child(5) {
  padding-right: 0px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .col5-list-right {
  width: 740px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .col5-list-right img {
  display: block;
  height: 604px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item {
  width: 400px;
  height: 120px;
  padding: 25px 20px 25px 20px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item .item-title {
  color: #CF1F23;
  font-weight: bold;
  font-size: 20px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item .item-desc {
  color: #333;
  margin-top: 15px;
  font-size: 14px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item::after {
  position: absolute;
  bottom: 0px;
  content: "";
  height: 1px;
  display: block;
  width: 400px;
  background: url('/assets/images/web/yearMeeting_new_2021/line_1.png') no-repeat;
  background-size: cover;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item.active {
  background: linear-gradient(90deg, #e65833 0%, #d84a33 62%, #d14233 99%);
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item.active .item-title,
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-list-content .item.active .item-desc {
  color: #fff;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box {
  width: 100%;
  height: 640px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-left {
  flex: 1;
  height: 640px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-left li {
  width: 400px;
  height: 160px;
  background: rgba(35, 38, 47, 0.4);
  cursor: pointer;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-left li p {
  margin-left: 35px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-left li p:first-child {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 26px;
  margin-bottom: 15px;
  letter-spacing: 2px;
  padding-top: 30px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-left li p:nth-child(2) {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
  max-width: 322px;
  letter-spacing: 1px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-left li.active {
  background: rgba(70, 65, 67, 0.4);
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right {
  width: 800px;
  height: 640px;
  background: rgba(70, 65, 67, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right li {
  display: none;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right li.active {
  display: block;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right li:first-child img {
  width: 385px;
  height: 631px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right li:nth-child(2) img {
  width: 728px;
  height: 460px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right li:nth-child(3) img {
  width: 717px;
  height: 630px;
}
.yearMeeting-container .yearMeeting-content .col5 .col5-content .col5-box .col5-right li:nth-child(4) img {
  width: 815px;
  height: 623px;
}
.yearMeeting-container .yearMeeting-content .col6 {
  width: 100%;
  min-width: 1350px;
  height: 698px;
  background-image: url('/assets/images/web/yearMeeting_new_2021/广电直播bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content {
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-title {
  font-size: 40px;
  font-weight: bold;
  color: #CF1F23;
  line-height: 48px;
  margin-top: 92px;
  margin-bottom: 59px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 80px;
  width: 100%;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail {
  width: 300px;
  height: 440px;
  cursor: pointer;
  position: relative;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  position: relative;
  overflow: hidden;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top .desc {
  width: 100%;
  position: absolute;
  bottom: -171px;
  transition: bottom 0.3s;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top .desc p {
  font-size: 24px;
  font-weight: 500;
  color: #FFF;
  line-height: 26px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  margin-left: 35px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top .desc p img {
  width: 24px;
  height: 28px;
  margin-right: 15px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top .desc .li-bottom {
  margin: 0px 0px 0px 35px;
  width: 100%;
  opacity: 0;
  transition: all 0.3s;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top .desc .li-bottom li {
  font-size: 18px;
  color: #fff;
  text-align: left;
  margin-top: 26px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail .li-top img {
  width: 100%;
  height: auto;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail:nth-child(1) .desc {
  bottom: -121px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail:nth-child(4) .desc {
  bottom: -121px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail.active .desc {
  bottom: 46px;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail.active .desc .li-bottom {
  opacity: 1;
}
.yearMeeting-container .yearMeeting-content .col6 .col6-content .col6-box .col6-boxdetail.active::before {
  content: "";
  position: absolute;
  height: 4px;
  left: 0;
  width: 100%;
  background: #CF1F23;
}
.yearMeeting-container .yearMeeting-content .col7 {
  width: 100%;
  min-width: 1350px;
  background: url('/assets/images/web/yearMeeting_new_2021/col7_1.png') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 100px;
}
.yearMeeting-container .yearMeeting-content .col7 .col7-content {
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col7 .col7-content .col7-title {
  width: 100%;
  height: 180px;
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 180px;
  margin-top: 81px;
  text-align: center;
  background: url('/assets/images/web/yearMeeting_new_2021/col7_2.png') no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10;
}
.yearMeeting-container .yearMeeting-content .col7 .col7-content .col7-box {
  box-shadow: 0px 0px 35px 15px rgba(226, 228, 248, 0.8);
}
.yearMeeting-container .yearMeeting-content .col8 {
  width: 100%;
  min-width: 1350px;
  height: 300px;
  background: url('/assets/images/web/yearMeeting_new_2021/col8_1.png') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.yearMeeting-container .yearMeeting-content .col8 .col8-content {
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-container .yearMeeting-content .col8 .col8-content .col8-title {
  font-size: 48px;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 77px;
  text-align: center;
}
.yearMeeting-container .yearMeeting-content .col8 .col8-content a {
  width: 260px;
  height: 56px;
  background: #fff;
  border-radius: 4px;
  margin-top: 52px;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 56px;
  color: #CF1F23;
  display: inline-block;
}
.yearMeeting-mobile {
  width: 100%;
}
.yearMeeting-mobile .banner {
  width: 100%;
  height: 10.2rem;
  text-align: center;
  background: url(/assets/images/mobile/yearMeeting_new/banner1.png) no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.yearMeeting-mobile .banner .banner-content {
  width: 100%;
  height: 100%;
  margin-top: 1.6rem;
}
.yearMeeting-mobile .banner .banner-content p {
  color: #fff;
  text-align: center;
  font-weight: 400;
}
.yearMeeting-mobile .banner .banner-content p:first-child {
  font-size: 0.54rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000;
  line-height: 0.7rem;
  margin-bottom: 0.2rem;
}
.yearMeeting-mobile .banner .banner-content p:nth-child(2),
.yearMeeting-mobile .banner .banner-content h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #828994;
  line-height: 0.4rem;
}
.yearMeeting-mobile .banner .banner-content .banner-btn {
  width: 2rem;
  height: 0.6rem;
  background: linear-gradient(142deg, #4583FF 0%, #0070FF 100%);
  border-radius: 0.04rem;
  cursor: pointer;
  margin: 0.4rem auto;
}
.yearMeeting-mobile .banner .banner-content .banner-btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
}
.yearMeeting-mobile .col-1 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  margin-bottom: 0.5rem;
}
.yearMeeting-mobile .col-1 .col1-content {
  width: 100%;
  height: 100%;
}
.yearMeeting-mobile .col-1 .col1-content p:first-child {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  margin: 0.8rem 0rem 0.15rem;
}
.yearMeeting-mobile .col-1 .col1-content p:nth-child(2) {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.54rem;
  margin-bottom: 0.4rem;
}
.yearMeeting-mobile .col-1 .col1-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.yearMeeting-mobile .col-1 .col1-content ul li {
  margin-bottom: 0.3rem;
}
.yearMeeting-mobile .col-1 .col1-content ul li img {
  width: 3.16rem;
  height: 1.98rem;
}
.yearMeeting-mobile .col-1 .col1-content ul li p {
  font-size: 0.26rem;
  line-height: 0.37rem;
  letter-spacing: 0.02rem;
}
.yearMeeting-mobile .col-2 {
  width: 100%;
  background: #F7F7F7;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding-bottom: 0.75rem;
}
.yearMeeting-mobile .col-2 .col2-content {
  width: 100%;
  height: 100%;
}
.yearMeeting-mobile .col-2 .col2-content .col2-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin-bottom: 0.5rem;
}
.yearMeeting-mobile .col-2 .col2-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.yearMeeting-mobile .col-2 .col2-content ul li img {
  width: 1.26rem;
  height: 1.52rem;
}
.yearMeeting-mobile .col-2 .col2-content ul li p {
  font-size: 0.24rem;
  line-height: 0.33rem;
  letter-spacing: 0.02rem;
}
.yearMeeting-mobile .col-3 {
  width: 100%;
  height: 10.83rem;
  text-align: center;
  font-weight: 400;
  color: #000;
}
.yearMeeting-mobile .col-3 .col3-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin-bottom: 0.6rem;
}
.yearMeeting-mobile .col-3 .swiper-container {
  min-height: 8.89rem;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-slide .slide-title {
  font-size: 0.3rem;
  font-weight: bold;
  color: #000;
  line-height: 0.54rem;
  position: relative;
  text-align: left;
  margin-left: 1.05rem;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-slide .slide-title::before {
  content: "";
  position: absolute;
  width: 0.27rem;
  height: 0.27rem;
  background: linear-gradient(90deg, #4535D4 0%, #E30BC3 100%);
  margin-left: -0.57rem;
  margin-top: 0.15rem;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-slide .slide-subtitle {
  width: 6.57rem;
  font-size: 0.26rem;
  color: #000;
  line-height: 0.45rem;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  margin-top: 0.1rem;
  margin-left: 0.46rem;
  text-align: left;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-slide .slide-subtitle span {
  font-size: 0.3rem;
  color: #ba0c01;
  font-weight: bold;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-slide img {
  width: 6.6rem;
  height: 4.18rem;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 6px !important;
  background: #D8D8D8;
  border-radius: 50%;
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.yearMeeting-mobile .col-3 .swiper-container .swiper-pagination-bullet-active {
  height: 0.12rem;
  background: #CF1F23;
  opacity: 1;
  border-radius: 4px;
  width: 0.5rem;
}
.yearMeeting-mobile .col-4 {
  width: 100%;
  background: #F7F7F7;
  text-align: center;
  font-weight: 400;
  color: #000;
}
.yearMeeting-mobile .col-4 .col4-content {
  width: 100%;
  height: 100%;
}
.yearMeeting-mobile .col-4 .col4-content .col4-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin-bottom: 0.15rem;
}
.yearMeeting-mobile .col-4 .col4-content ul li {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.54rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.08rem;
}
.yearMeeting-mobile .col-4 .col4-content .swiper-container {
  padding-top: 0.52rem;
  padding-bottom: 1.2rem;
  margin: 0 0.1rem;
}
.yearMeeting-mobile .col-4 .col4-content .swiper-container img {
  width: 3.42rem;
  height: 6.01rem;
}
.yearMeeting-mobile .col-4 .col4-content .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 6px !important;
  background: #D8D8D8;
  border-radius: 50%;
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.yearMeeting-mobile .col-4 .col4-content .swiper-container .swiper-pagination-bullet-active {
  height: 0.12rem;
  background: #CF1F23;
  opacity: 1;
  border-radius: 4px;
  width: 0.5rem;
}
.yearMeeting-mobile .col-4 .col4-content .swiper-container-horizontal > .swiper-pagination-bullets,
.yearMeeting-mobile .col-4 .col4-content .swiper-pagination-custom,
.yearMeeting-mobile .col-4 .col4-content .swiper-pagination-fraction {
  bottom: 0.35rem !important;
}
.yearMeeting-mobile .col-5 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding-bottom: 0.76rem;
}
.yearMeeting-mobile .col-5 .col5-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.85rem;
  margin-bottom: 0.2rem;
}
.yearMeeting-mobile .col-5 .col5-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  overflow-x: scroll;
  margin-left: 0.4rem;
  overflow-y: hidden;
}
.yearMeeting-mobile .col-5 .col5-tab li.active {
  color: #000;
}
.yearMeeting-mobile .col-5 .col5-tab li.active::after {
  content: "";
  position: absolute;
  width: inherit;
  height: 5px;
  background: #BA0C01;
  left: 0;
  top: 0.48rem;
}
.yearMeeting-mobile .col-5 .col5-tab li {
  font-size: 0.3rem;
  color: #666;
  line-height: 0.42rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
  position: relative;
}
.yearMeeting-mobile .col-5 .col5-tab li:first-child {
  width: 3rem;
  min-width: 3rem;
  margin-right: 0.7rem;
}
.yearMeeting-mobile .col-5 .col5-tab li:nth-child(2) {
  width: 2.4rem;
  min-width: 2.4rem;
  margin-right: 0.7rem;
}
.yearMeeting-mobile .col-5 .col5-tab li:nth-child(3) {
  width: 2.7rem;
  min-width: 2.7rem;
  margin-right: 0.7rem;
}
.yearMeeting-mobile .col-5 .col5-tab li:nth-child(4) {
  width: 2.2rem;
  min-width: 2.2rem;
  margin-right: 0.4rem;
}
.yearMeeting-mobile .col-5 .col5-tabContent li {
  display: none;
}
.yearMeeting-mobile .col-5 .col5-tabContent li p {
  font-size: 0.26rem;
  color: #000;
  line-height: 0.37rem;
  margin-top: 0.5rem;
  margin-bottom: 0.19rem;
}
.yearMeeting-mobile .col-5 .col5-tabContent li:first-child img {
  width: 3.85rem;
  height: 6.31rem;
}
.yearMeeting-mobile .col-5 .col5-tabContent li:nth-child(2) img {
  width: 7.28rem;
  height: 4.6rem;
}
.yearMeeting-mobile .col-5 .col5-tabContent li:nth-child(3) img {
  width: 7.17rem;
  height: 6.3rem;
}
.yearMeeting-mobile .col-5 .col5-tabContent li:nth-child(4) img {
  width: 100%;
  height: 6.23rem;
}
.yearMeeting-mobile .col-5 .col5-tabContent li.active {
  display: block;
}
.yearMeeting-mobile .col-6 {
  width: 100%;
  background: #F7F7F7;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding-bottom: 1rem;
}
.yearMeeting-mobile .col-6 .col6-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.68rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin-bottom: 0.7rem;
}
.yearMeeting-mobile .col-6 ul {
  width: 92%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
.yearMeeting-mobile .col-6 ul li {
  width: 3.2rem;
  height: 4.82rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(60, 143, 251, 0.2);
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
}
.yearMeeting-mobile .col-6 ul li img {
  width: 1rem;
  height: 1rem;
  margin: 0.5rem 0rem 0.26rem;
}
.yearMeeting-mobile .col-6 ul li p:nth-child(2) {
  font-size: 0.32rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.14rem;
}
.yearMeeting-mobile .col-6 ul li p {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.37rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.13rem;
}
.yearMeeting-mobile .col-7 {
  width: 100%;
  color: #fff;
  text-align: center;
  height: 8.92rem;
}
.yearMeeting-mobile .col-7 .col7-title {
  height: 1.6rem;
  font-size: 0.36rem;
  font-weight: 600;
  line-height: 1.6rem;
  background: url(/assets/images/mobile/yearMeeting_new/col7_1.png) no-repeat;
  background-size: cover;
}
.yearMeeting-mobile .col-7 img {
  width: 100%;
  height: 7.32rem;
}
.yearMeeting-mobile .col-8 {
  width: 100%;
  text-align: center;
  height: 2.48rem;
  background: url(/assets/images/mobile/yearMeeting_new/col8_1.png) no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.yearMeeting-mobile .col-8 .col8-title {
  font-size: 0.36rem;
  font-weight: 600;
  color: #fff;
  line-height: 0.5rem;
  letter-spacing: 2px;
  margin-bottom: 0.25rem;
}
.yearMeeting-mobile .col-8 a {
  display: inline-block;
  width: 2.4rem;
  height: 0.68rem;
  background: linear-gradient(270deg, #E3B98F 0%, #F0E0C8 100%);
  color: #333;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.68rem;
  text-align: center;
  letter-spacing: 2px;
}
.pc-case {
  width: 100%;
}
.pc-case #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.pc-case #nav .nav-center a,
.pc-case #nav .nav-center .product,
.pc-case #nav .nav-center .solution,
.pc-case #nav .nav-center .Install {
  color: #000000;
}
.pc-case #nav .nav-center a .arrow,
.pc-case #nav .nav-center .product .arrow,
.pc-case #nav .nav-center .solution .arrow,
.pc-case #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.pc-case #nav .nav-center a,
.pc-case #nav .nav-center .aboutUs {
  color: #000000;
}
.pc-case #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.pc-case #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.pc-case #nav .nav-right a.login {
  color: #0758F1;
}
.pc-case #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.pc-case .case-Banner {
  width: 100%;
  height: 600px;
  background: url(/assets/images/web/case/banners.png) no-repeat;
  background-size: cover;
}
.pc-case .case-Banner .case-Banner-txtBox {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.pc-case .case-Banner .case-Banner-txtBox h2 {
  font-size: 48px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0758F1;
  line-height: 56px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-case .case-Banner .case-Banner-txtBox h2 span {
  color: #000;
}
.pc-case .case-Banner .case-Banner-txtBox p {
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 19px;
  margin-bottom: 30px;
}
.pc-case .case-Banner .case-Banner-txtBox a {
  width: 186px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  display: block;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  margin: 0 auto;
}
.pc-case .case-Banner .case-Banner-txtBox a:hover {
  background-color: #0646C1;
}
.pc-case .case-Con {
  width: 100%;
}
.pc-case .case-Con .case-Cons {
  width: 1300px;
  height: 100%;
  margin: 0 auto;
}
.pc-case .case-Con .case-Cons .case-Top {
  width: 100%;
  height: 198px;
  display: flex;
  justify-content: space-around;
}
.pc-case .case-Con .case-Cons .case-Top li {
  width: 56px;
  height: 80px;
  padding-top: 60px;
  cursor: pointer;
}
.pc-case .case-Con .case-Cons .case-Top li img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  margin-bottom: 10px;
  margin-left: 3px;
}
.pc-case .case-Con .case-Cons .case-Top li p {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 16px;
  text-align: center;
}
.pc-case .case-Con .case-Cons .case-Bom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.pc-case .case-Con .case-Cons .case-Bom .loading {
  display: flex;
  justify-content: center;
  position: absolute;
  padding-top: 100px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.pc-case .case-Con .case-Cons .case-Bom a:hover {
  transform: translateY(-20px);
  transition: transform 0.3s linear;
}
.pc-case .case-Con .case-Cons .case-Bom a {
  display: flex;
  flex-wrap: wrap;
}
.pc-case .case-Con .case-Cons .case-Bom a li {
  width: 380px;
  height: 322px;
  box-shadow: 0px 4px 12px 0px rgba(8, 6, 103, 0.05);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  margin-left: 35px;
  margin-top: 20px;
  cursor: pointer;
}
.pc-case .case-Con .case-Cons .case-Bom a li img {
  width: 380px;
  height: 210px;
  object-fit: cover;
  border-radius: 4px 4px 4px 4px;
}
.pc-case .case-Con .case-Cons .case-Bom a li h4 {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 26px;
  padding: 20px 20px 10px 20px;
}
.pc-case .case-Con .more {
  width: 186px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #0758F1;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 60px;
  color: #0758F1;
}
.pc-case .case-Con .wu {
  width: 186px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #0758F1;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 60px;
  color: #0758F1;
}
.pc-case .case-enterprise {
  width: 100%;
  height: 400px;
  background: url(/assets/images/web/case/bg.png) no-repeat;
  background-size: cover;
}
.pc-case .case-enterprise h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 47px;
  padding-top: 107px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 4px;
}
.pc-case .case-enterprise h2 span {
  color: #0758F1;
}
.pc-case .case-enterprise p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 19px;
  text-align: center;
  margin-bottom: 30px;
}
.pc-case .case-enterprise a {
  width: 186px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.pc-case .case-enterprise a .img {
  width: 20px;
  height: 20px;
  background: url(/assets/images/web/case/yjt.png) no-repeat;
  background-size: cover;
  position: relative;
  top: -33px;
  left: 125px;
}
.pc-case .case-enterprise a:hover .img {
  transform: translateX(5px);
  transition: transform 0.3s linear;
}
.mobile-Case {
  width: 100%;
}
.mobile-Case .header-icon img {
  content: url("https://img1-www.nuoyun.tv/assets/images/mobile/nav/nuoyuntv_logo.svg");
}
.mobile-Case .menu-box img {
  content: url("https://img1-www.nuoyun.tv/assets/images/mobile/nav/ico_02-active.png");
}
.mobile-Case .Case-banner {
  width: 100%;
  height: 7.24rem;
  background: url(/assets/images/web/case/mobile-banner.png) no-repeat;
  background-size: cover;
}
.mobile-Case .Case-banner h2 {
  font-size: 0.72rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000;
  line-height: 0.84rem;
  padding-top: 1.9rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile-Case .Case-banner h2 span {
  color: #0758F1;
}
.mobile-Case .Case-banner p {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.mobile-Case .Case-banner .freeBtn {
  width: 2.72rem;
  height: 0.96rem;
  background: #0758F1;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.96rem;
  display: block;
  margin: 0 auto;
  border: 0;
  text-align: center;
}
.mobile-Case .Case-Tab {
  width: 100%;
}
.mobile-Case .Case-Tab .tabTop {
  width: 100%;
  height: 1.12rem;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.mobile-Case .Case-Tab .tabTop::-webkit-scrollbar {
  display: none;
}
.mobile-Case .Case-Tab .tabTop li p {
  width: 1.88rem;
  height: 1.12rem;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.12rem;
  text-align: center;
}
.mobile-Case .Case-Tab .tabTop li.curs {
  border-bottom: 0.04rem solid #0758F1;
}
.mobile-Case .Case-Tab .tabBom {
  width: 6.9rem;
  margin: 0 auto;
}
.mobile-Case .Case-Tab .tabBom li {
  width: 6.7rem;
  height: 5.16rem;
  box-shadow: 0 0.08rem 0.32rem 0 rgba(6, 11, 51, 0.05);
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  margin-top: 0.4rem;
}
.mobile-Case .Case-Tab .tabBom li img {
  width: 6.7rem;
  height: 3.56rem;
  object-fit: cover;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.mobile-Case .Case-Tab .tabBom li h4 {
  font-size: 0.28rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.44rem;
  padding: 0.36rem 0.4rem;
}
.mobile-Case .Case-Tab .more,
.mobile-Case .Case-Tab .wu {
  width: 2.72rem;
  height: 0.8rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  opacity: 1;
  background-color: #fff;
  border: 0.02rem solid #0758F1;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #0758F1;
  line-height: 0.8rem;
  margin: 0 auto;
  display: block;
  margin-top: 0.8rem;
  margin-bottom: 0.4rem;
}
.mobile-Case .Case-experience {
  width: 100%;
  height: 6rem;
  background: url(/assets/images/web/case/bg1.png) no-repeat;
  background-size: cover;
}
.mobile-Case .Case-experience h2 {
  font-size: 0.72rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.84rem;
  padding-top: 1.08rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile-Case .Case-experience h2 span {
  color: #0758F1;
}
.mobile-Case .Case-experience p {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.mobile-Case .Case-experience a {
  width: 2.72rem;
  height: 0.96rem;
  background: #0758F1;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.96rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 0;
  text-align: center;
}
.mobile-Case .Case-experience a img {
  width: 0.4rem;
  height: 0.4rem;
  object-fit: cover;
}
.detial {
  width: 100%;
}
.detial .detial-Con {
  width: 100%;
  height: 268px;
  margin-top: 70px;
}
.detial .detial-Con .detial-Cons {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.detial .detial-Con .detial-Cons .conLeft {
  width: 334px;
  height: 188px;
  margin-top: 40px;
}
.detial .detial-Con .detial-Cons .conLeft img {
  width: 334px;
  height: 188px;
  object-fit: cover;
}
.detial .detial-Con .detial-Cons .conRight {
  width: 714px;
  height: 188px;
  margin-top: 40px;
}
.detial .detial-Con .detial-Cons .conRight h3 {
  font-size: 26px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 40px;
  margin-bottom: 20px;
  position: relative;
  left: 7px;
}
.detial .detial-Con .detial-Cons .conRight span {
  width: 48px;
  height: 30px;
  background: #0758F1;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  float: left;
  position: relative;
  top: 5px;
}
.detial .detial-Con .detial-Cons .conRight p {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.detial .detial-Con .detial-Cons .code {
  width: 90px;
  height: 122px;
  margin-top: 73px;
}
.detial .detial-Con .detial-Cons .code img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  margin-bottom: 12px;
}
.detial .detial-Con .detial-Cons .code p {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.detial .detialFree {
  width: 100%;
  min-height: 1300px;
  background: #F3F5FD;
}
.detial .detialFree .detialFrees {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.detial .detialFree .detialFrees .freeLeft {
  width: 840px;
}
.detial .detialFree .detialFrees .freeLeft .crumbs {
  width: 100%;
  height: 20px;
  margin-bottom: 20px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.detial .detialFree .detialFrees .freeLeft .crumbs a {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #0758F1;
}
.detial .detialFree .detialFrees .freeLeft .crumbs .yjts {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
.detial .detialFree .detialFrees .freeLeft .crumbs .seo_title {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
}
.detial .detialFree .detialFrees .freeLeft .crumbs .create_time {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.detial .detialFree .detialFrees .freeLeft .crumbs .shu {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
.detial .detialFree .detialFrees .freeLeft .crumbs .read_num {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.detial .detialFree .detialFrees .freeLeft .crumbs > li {
  display: flex;
  align-items: center;
}
.detial .detialFree .detialFrees .freeLeft .ConBox {
  width: 100%;
  background-color: #fff;
  padding: 40px;
  margin-bottom: 40px;
}
.detial .detialFree .detialFrees .freeRight {
  width: 340px;
}
.detial .detialFree .detialFrees .freeRight .top {
  width: 340px;
  height: 252px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  margin-bottom: 20px;
  margin-top: 40px;
}
.detial .detialFree .detialFrees .freeRight .mid {
  width: 340px;
  height: 470px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  margin-bottom: 20px;
}
.detial .detialFree .detialFrees .freeRight .mid h3 {
  width: 67px;
  height: 46px;
  padding-top: 20px;
  margin-left: 20px;
  border-bottom: 2px solid black;
}
.detial .detialFree .detialFrees .freeRight .mid .sixCase {
  width: 300px;
  height: 410px;
  margin-left: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.detial .detialFree .detialFrees .freeRight .mid .sixCase li {
  width: 140px;
  height: 100px;
  margin-top: 20px;
  cursor: pointer;
}
.detial .detialFree .detialFrees .freeRight .mid .sixCase li img {
  width: 140px;
  height: 79px;
  object-fit: cover;
  margin-bottom: 10px;
  border-radius: 10px 10px 10px 10px;
}
.detial .detialFree .detialFrees .freeRight .mid .sixCase li p {
  width: 140px;
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detial .detialFree .detialFrees .freeRight .bom {
  width: 340px;
  height: 466px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
}
.detial .detialFree .detialFrees .freeRight .bom h3 {
  width: 67px;
  height: 46px;
  padding-top: 20px;
  margin-left: 20px;
  border-bottom: 2px solid black;
}
.detial .detialFree .detialFrees .freeRight .bom .tenCase {
  width: 300px;
  height: 420px;
  margin-left: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.detial .detialFree .detialFrees .freeRight .bom .tenCase p {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  margin-top: 20px;
  cursor: pointer;
}
.detial .case-enterprise {
  width: 100%;
  height: 400px;
  background: url(/assets/images/web/case/bg.png) no-repeat;
  background-size: cover;
}
.detial .case-enterprise h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 47px;
  padding-top: 107px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 4px;
}
.detial .case-enterprise h2 span {
  color: #0758F1;
}
.detial .case-enterprise p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 19px;
  text-align: center;
  margin-bottom: 30px;
}
.detial .case-enterprise a {
  width: 186px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.detial .case-enterprise a .img {
  width: 20px;
  height: 20px;
  background: url(/assets/images/web/case/yjt.png) no-repeat;
  background-size: cover;
  position: relative;
  top: -33px;
  left: 125px;
}
.detial .case-enterprise a:hover .img {
  transform: translateX(5px);
  transition: transform 0.3s linear;
}
.mobile-Detial {
  width: 100%;
}
.mobile-Detial .mobileCon {
  width: 100%;
  height: 7.58rem;
}
.mobile-Detial .mobileCon .detImg {
  width: 100%;
  height: 4rem;
}
.mobile-Detial .mobileCon .detImg img {
  width: 100%;
  height: 4rem;
  object-fit: cover;
}
.mobile-Detial .mobileCon .det_RIGHT {
  display: flex;
  align-items: center;
}
.mobile-Detial .mobileCon h3 {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.56rem;
  padding: 0.32rem 0.6rem 0 0.4rem;
  margin-bottom: 0.2rem;
  letter-spacing: 0.01rem;
  margin-left: 0.6rem;
}
.mobile-Detial .mobileCon span {
  width: 0.68rem;
  height: 0.42rem;
  background: #0758F1;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.24rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  display: inline-block;
  line-height: 0.42rem;
  text-align: center;
  float: left;
  position: relative;
  top: 0.4rem;
  left: 0.2rem;
}
.mobile-Detial .mobileCon p {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.4rem;
  padding: 0 0.4rem;
  margin-bottom: 0.2rem;
}
.mobile-Detial .mobileCon li {
  display: flex;
  justify-content: space-between;
}
.mobile-Detial .mobileCon li .eye {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: cover;
}
.mobile-Detial .mobileCon li p {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #AFAFAF;
  line-height: 0.28rem;
}
.mobile-Detial .mobileCon li p:nth-child(2) {
  margin-top: -0.05rem;
}
.mobile-Detial .mobile-ConBox {
  width: 100%;
  padding: 0.4rem;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);
}
.mobile-Detial .mobile-ConBox p {
  overflow: hidden;
}
.mobile-Detial .mobile-ConBox img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
.mobile-Detial .code {
  margin: 0.48rem auto 0px;
}
.mobile-Detial .code > img {
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  margin: 0 auto;
}
.mobile-Detial .code > p {
  margin-top: 0.24rem;
  font-size: 0.28rem;
  color: #1D2129;
  line-height: 0.48rem;
  text-align: center;
}
.mobile-Detial .NY {
  width: 100%;
  height: 5.04rem;
}
.mobile-Detial .NY .nyCon {
  width: 6.7rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-Detial .NY .nyCon .nyCons {
  width: 100%;
  height: 1.4rem;
  display: flex;
  margin-top: 0.4rem;
  margin-bottom: 0.6rem;
}
.mobile-Detial .NY .nyCon .nyCons img {
  width: 1.58rem;
  height: 1.4rem;
  object-fit: cover;
}
.mobile-Detial .NY .nyCon .nyCons > div {
  margin-left: 0.24rem;
}
.mobile-Detial .NY .nyCon .nyCons > div h6 {
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.38rem;
  margin-bottom: 0.2rem;
}
.mobile-Detial .NY .nyCon .nyCons > div p {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.33rem;
}
.mobile-Detial .NY .nyCon .consultation {
  width: 6.7rem;
  height: 0.96rem;
  background: #0758F1;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.96rem;
  display: block;
  text-align: center;
  margin-bottom: 0.32rem;
  cursor: pointer;
}
.mobile-Detial .NY .nyCon .experience {
  width: 6.7rem;
  height: 0.96rem;
  background: #FFFFFF;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  opacity: 1;
  border: 0.02rem solid #0758F1;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #0758F1;
  line-height: 0.96rem;
  display: block;
  text-align: center;
  cursor: pointer;
}
.mobile-Detial .mobile-sixCase {
  width: 100%;
}
.mobile-Detial .mobile-sixCase .mobile-sixCases {
  width: 6.7rem;
  margin: 0 auto;
}
.mobile-Detial .mobile-sixCase .mobile-sixCases h4 {
  width: 100%;
  height: 0.35rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.38rem;
  border-left: 0.08rem solid #0758F1;
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
  padding-left: 0.2rem;
  margin-bottom: 0.4rem;
}
.mobile-Detial .mobile-sixCase .mobile-sixCases .sixBox {
  width: 100%;
  margin-bottom: 0.7rem;
}
.mobile-Detial .mobile-sixCase .mobile-sixCases .sixBox li {
  width: 100%;
  height: 1.44rem;
  margin-top: 0.4rem;
  display: flex;
}
.mobile-Detial .mobile-sixCase .mobile-sixCases .sixBox li img {
  width: 2.4rem;
  height: 1.44rem;
  object-fit: cover;
}
.mobile-Detial .mobile-sixCase .mobile-sixCases .sixBox li p {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.33rem;
  margin-left: 0.24rem;
}
.mobile-Detial .wonderful {
  width: 100%;
  height: 12.24rem;
  margin-bottom: 0.4rem;
}
.mobile-Detial .wonderful .wonderfuls {
  width: 6.7rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-Detial .wonderful .wonderfuls h4 {
  width: 100%;
  height: 0.35rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.38rem;
  border-left: 0.08rem solid #0758F1;
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
  padding-left: 0.2rem;
  margin-bottom: 0.4rem;
}
.mobile-Detial .wonderful .wonderfuls .NewsBox {
  width: 100%;
}
.mobile-Detial .wonderful .wonderfuls .NewsBox li {
  width: 6.7rem;
  height: 0.72rem;
  background: #F6F6F6;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  margin-top: 0.4rem;
}
.mobile-Detial .wonderful .wonderfuls .NewsBox li p {
  width: 6.7rem;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 0.33rem;
  line-height: 0.72rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.16rem;
}
.NuoYun {
  width: 100%;
}
.NuoYun .nyCon {
  width: 340px;
  height: 252px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
}
.NuoYun .nyCon .nyCons {
  width: 340px;
  height: 110px;
  display: flex;
}
.NuoYun .nyCon .nyCons img {
  width: 79.07px;
  height: 70px;
  object-fit: cover;
  margin-top: 20px;
  margin-left: 20px;
}
.NuoYun .nyCon .nyCons > div {
  margin-left: 12px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.NuoYun .nyCon .nyCons > div h6 {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0758F1;
  line-height: 19px;
  margin-bottom: 12px;
}
.NuoYun .nyCon .nyCons > div h6 span {
  color: #000;
}
.NuoYun .nyCon .nyCons > div p {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 16px;
}
.NuoYun .nyCon .consultation {
  width: 300px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.NuoYun .nyCon .experience {
  width: 300px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #0758F1;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #0758F1;
  line-height: 48px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 16px;
}
.CaseTenDetial {
  width: 100%;
}
.CaseTenDetial .detial-Con {
  width: 100%;
  height: 268px;
  margin-top: 70px;
}
.CaseTenDetial .detial-Con .detial-Cons {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.CaseTenDetial .detial-Con .detial-Cons .conLeft {
  width: 334px;
  height: 188px;
  background-color: pink;
  margin-top: 40px;
}
.CaseTenDetial .detial-Con .detial-Cons .conRight {
  width: 714px;
  height: 188px;
  background-color: aquamarine;
  margin-top: 40px;
}
.CaseTenDetial .detial-Con .detial-Cons .conRight h3 {
  font-size: 26px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 40px;
}
.CaseTenDetial .detial-Con .detial-Cons .conRight span {
  width: 48px;
  height: 30px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 16px;
  display: inline-block;
  text-align: center;
}
.CaseTenDetial .detial-Con .detial-Cons .code {
  width: 90px;
  height: 122px;
  background-color: black;
  margin-top: 73px;
}
.activity-wrapper {
  width: 100%;
  background: #fff;
  min-width: 1350px;
}
.activity-wrapper .activity-banner {
  width: 100%;
  height: 740px;
  background-color: #ededed;
}
.activity-wrapper .activity-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.activity-wrapper .activity-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-wrapper .activity-col1 {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.activity-wrapper .activity-col1 .col1-content {
  width: 1200px;
  text-align: center;
  padding: 100px 0;
}
.activity-wrapper .activity-col1 .col1-content .p1 {
  font-size: 36px;
  font-weight: 500;
  color: #000;
  line-height: 54px;
  margin-bottom: 30px;
}
.activity-wrapper .activity-col1 .col1-content .p2 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  margin-bottom: 60px;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul {
  height: 400px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li p {
  font-size: 18px;
  font-weight: 500;
  line-height: 79px;
  position: absolute;
  top: 158px;
  left: 64px;
  color: #fff;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li.active p {
  position: absolute;
  font-size: 18px;
  font-weight: 500;
  line-height: 46px;
  width: 141px;
  height: 40px;
  text-align: left;
  padding-left: 30px;
  top: 0px;
  left: 0;
  background: url('/assets/images/web/activitynew/col1_1.png') no-repeat;
  background-size: cover;
  animation: droptop 300ms ease-in;
}
@keyframes droptop {
  0% {
    transform: translate(75%, 175%);
  }
  25% {
    transform: translate(50%, 125%);
  }
  50% {
    transform: translate(25%, 75%);
  }
  75% {
    transform: translate(12%, 25%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:first-child {
  width: 200px;
  height: 340px;
  background: url('/assets/images/web/activitynew/col1_2.png') no-repeat;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(2) {
  width: 200px;
  height: 340px;
  background: url('/assets/images/web/activitynew/col1_3.png') no-repeat;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(3) {
  width: 200px;
  height: 340px;
  background: url('/assets/images/web/activitynew/col1_4.png') no-repeat;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(4) {
  width: 200px;
  height: 340px;
  background: url('/assets/images/web/activitynew/col1_5.png') no-repeat;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(5) {
  width: 200px;
  height: 340px;
  background: url('/assets/images/web/activitynew/col1_6.png') no-repeat;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:first-child.active {
  width: 400px;
  height: 340px;
  position: relative;
  background: url('/assets/images/web/activitynew/col1-2.png') no-repeat;
  background-size: cover;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(2).active {
  width: 400px;
  height: 340px;
  position: relative;
  background: url('/assets/images/web/activitynew/col1-3.png') no-repeat;
  background-size: cover;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(3).active {
  width: 400px;
  height: 340px;
  position: relative;
  background: url('/assets/images/web/activitynew/col1-4.png') no-repeat;
  background-size: cover;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(4).active {
  width: 400px;
  height: 340px;
  position: relative;
  background: url('/assets/images/web/activitynew/col1-5.png') no-repeat;
  background-size: cover;
}
.activity-wrapper .activity-col1 .col1-content .swiper-wrapper ul li:nth-child(5).active {
  width: 400px;
  height: 340px;
  position: relative;
  background: url('/assets/images/web/activitynew/col1-6.png') no-repeat;
  background-size: cover;
}
.activity-wrapper .activity-col2 {
  width: 100%;
  height: 100%;
  background: #364765;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.activity-wrapper .activity-col2 .col2-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.activity-wrapper .activity-col2 .col2-content .p1 {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  line-height: 54px;
  margin-bottom: 30px;
}
.activity-wrapper .activity-col2 .col2-content .p2 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  margin-bottom: 80px;
}
.activity-wrapper .activity-col2 .col2-content ul {
  width: 100%;
  background: #FFFFFF;
}
.activity-wrapper .activity-col3 {
  width: 100%;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.activity-wrapper .activity-col3 .col3-content {
  width: 1200px;
  text-align: center;
  margin: 100px 0;
}
.activity-wrapper .activity-col3 .col3-content p:first-child {
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 37px;
}
.activity-wrapper .activity-col3 .col3-content ul {
  height: 540px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.activity-wrapper .activity-col3 .col3-content ul li {
  width: 600px;
  height: 180px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-wrapper .activity-col3 .col3-content ul li .li-item {
  margin-left: 45px;
  display: flex;
  align-items: flex-start;
}
.activity-wrapper .activity-col3 .col3-content ul li .li-item img {
  width: 46px;
  height: 46px;
}
.activity-wrapper .activity-col3 .col3-content ul li .li-item p {
  margin-left: 28px;
}
.activity-wrapper .activity-col3 .col3-content ul li .li-item p span {
  display: flex;
  max-width: 423px;
  text-align: left;
}
.activity-wrapper .activity-col3 .col3-content ul li .li-item p span:first-child {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  margin-bottom: 18px;
}
.activity-wrapper .activity-col3 .col3-content ul li .li-item p span:last-child {
  font-size: 16px;
  color: #000;
  line-height: 26px;
}
.activity-wrapper .activity-col4 {
  width: 100%;
  height: 820px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.activity-wrapper .activity-col4 .col4-content {
  width: 1200px;
  background: #fff;
  height: 660px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.activity-wrapper .activity-col4 .col4-content p {
  font-size: 30px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
}
.activity-wrapper .activity-col4 .col4-content .partner-box {
  margin-top: 23px;
}
.activity-wrapper .activity-col4 .col4-content .partner-box img:first-child {
  width: 1067px;
  height: 448px;
}
.activity-mobile {
  width: 100%;
  color: #fff;
}
.activity-mobile .banner-warpper {
  width: 100%;
  height: 9rem;
  font-size: 0;
  background: url(/assets/images/mobile/activity_new/bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.activity-mobile .banner-warpper .banner-text {
  width: 100%;
  position: absolute;
  top: 3.03rem;
  text-align: center;
}
.activity-mobile .banner-warpper .banner-text p {
  color: #fff;
}
.activity-mobile .banner-warpper .banner-text p:first-child {
  height: 0.77rem;
  font-size: 0.55rem;
  font-weight: 500;
  line-height: 0.77rem;
}
.activity-mobile .banner-warpper .banner-text p:nth-child(2) {
  height: 0.48rem;
  font-size: 0.36rem;
  line-height: 0.48rem;
  margin: 0.19rem 0rem 2.23rem;
}
.activity-mobile .banner-warpper .banner-text a img {
  width: 2.8rem;
  height: 0.8rem;
  cursor: pointer;
}
.activity-mobile .col-1 {
  width: 100%;
  margin-bottom: 0.8rem;
}
.activity-mobile .col-1 .col1-title {
  height: 0.5rem;
  font-size: 0.36rem;
  font-weight: 600;
  color: #000;
  line-height: 0.5rem;
  margin-top: 0.8rem;
  text-align: center;
}
.activity-mobile .col-1 .card-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0.5rem 0.32rem 0rem 0.4rem;
}
.activity-mobile .col-1 .card-wrap .card-content {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 3.2rem;
  height: 4.24rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.15rem 0rem rgba(60, 143, 251, 0.2);
  border-radius: 0.1rem;
}
.activity-mobile .col-1 .card-wrap .card-content span {
  position: absolute;
  width: 0.51rem;
  height: 0.38rem;
  background: #D8D8D8;
  font-size: 0.3rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.42rem;
  letter-spacing: 0.02rem;
  top: 0.3rem;
  left: -0.08rem;
  text-align: center;
}
.activity-mobile .col-1 .card-wrap .card-content img {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.4rem;
}
.activity-mobile .col-1 .card-wrap .card-content .card-title {
  font-size: 0.32rem;
  font-weight: 500;
  color: #000;
  line-height: 0.45rem;
  margin-bottom: 0.14rem;
}
.activity-mobile .col-1 .card-wrap .card-content p {
  font-size: 0.26rem;
  font-weight: 400;
  color: #666;
  line-height: 0.37rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.13rem;
}
.activity-mobile .col-1 .card-wrap .card-1,
.activity-mobile .col-1 .card-wrap .card-2 {
  margin-bottom: 0.3rem;
}
.activity-mobile .col-2 {
  width: 100%;
  min-height: 7.22rem;
  background: #fafafa;
  text-align: center;
  font-weight: 400;
  position: relative;
}
.activity-mobile .col-2 .col2-title {
  height: 0.54rem;
  font-size: 0.36rem;
  font-weight: 600;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding: 0.8rem 0rem 0.15rem;
  margin-bottom: 55px;
}
.activity-mobile .col-2 .col2-subtitle {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.37rem;
}
.activity-mobile .col-3 {
  width: 100%;
  text-align: center;
}
.activity-mobile .col-3 .col3-title {
  font-size: 0.36rem;
  font-weight: 600;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  margin: 0.8rem 0rem 0.45rem;
}
.activity-mobile .col-3 .col3-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-bottom: 0.8rem;
}
.activity-mobile .col-3 .col3-card .card-wrap {
  width: 6.8rem;
  height: 2.12rem;
  box-shadow: 0rem 0rem 0.15rem 0rem rgba(60, 143, 251, 0.2);
  border-radius: 0.1rem;
  margin-bottom: 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
}
.activity-mobile .col-3 .col3-card .card-wrap img {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.46rem 0.55rem 0.46rem 0.46rem;
}
.activity-mobile .col-3 .col3-card .card-wrap .card-content {
  flex: 1;
  text-align: left;
  margin: 0.45rem 0rem;
}
.activity-mobile .col-3 .col3-card .card-wrap .card-content p {
  font-size: 0.24rem;
  color: #999;
  line-height: 0.33rem;
}
.activity-mobile .col-3 .col3-card .card-wrap .card-content p:first-child {
  font-size: 0.32rem;
  font-weight: 600;
  color: #000;
  line-height: 0.45rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.15rem;
}
.activity-mobile .col-4 {
  width: 100%;
  min-height: 7.28rem;
  background: #fafafa;
  text-align: center;
}
.activity-mobile .col-4 .col4-title {
  height: 0.54rem;
  font-size: 0.36rem;
  font-weight: 600;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding: 0.8rem 0rem 0.3rem;
  margin-bottom: 55px;
}
.activity-mobile .col-4 .col4-subtitle {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.37rem;
}
.activity-mobile .col-4 img {
  width: 6.9rem;
  height: 3.86rem;
  margin-top: 0.6rem;
}
.activity-mobile .col-5 {
  width: 100%;
  min-height: 12.14rem;
  text-align: center;
}
.activity-mobile .col-5 .col5-title {
  font-size: 0.36rem;
  font-weight: 600;
  color: #000;
  line-height: 0.5rem;
  margin-top: 0.52rem;
}
.activity-mobile .col-5 .col5-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.activity-mobile .col-5 .col5-card .card-wrap {
  width: 3.12rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-top: 0.5rem;
}
.activity-mobile .col-5 .col5-card .card-wrap img {
  width: 1.5rem;
  height: 1.5rem;
}
.activity-mobile .col-5 .col5-card .card-wrap .card-title {
  font-size: 0.3rem;
  color: #000;
  font-weight: 600;
  line-height: 0.2rem;
  margin-bottom: 0.25rem;
}
.activity-mobile .col-5 .col5-card .card-wrap p {
  font-size: 0.24rem;
  color: #999;
  line-height: 0.33rem;
}
.activity-details {
  width: 100%;
  height: 609px;
  color: #000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.activity-details .activity-content {
  width: 100%;
  margin: 0 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.activity-details .activity-content .details {
  flex: 1;
  margin-top: -0.1rem;
}
.activity-details .activity-content .details .title {
  text-align: left;
  margin-bottom: 30px;
}
.activity-details .activity-content .details .title span {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 33px;
}
.activity-details .activity-content .details .title span:first-child {
  margin-right: 12px;
}
.activity-details .activity-content .details ul {
  width: 100%;
}
.activity-details .activity-content .details ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.activity-details .activity-content .details ul li img {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-top: 3px;
}
.activity-details .activity-content .details ul li p span {
  text-align: left;
  display: block;
}
.activity-details .activity-content .details ul li p span:first-child {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  margin-bottom: 12px;
}
.activity-details .activity-content .details ul li p span:last-child {
  max-width: 448px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.activity-details .activity-content img {
  width: 530px;
  height: 449px;
}
.activity-details .activity2-content {
  width: 100%;
  margin: 0 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.activity-details .activity2-content .details {
  flex: 1;
  margin-top: -0.1rem;
}
.activity-details .activity2-content .details .title {
  text-align: left;
  margin-bottom: 30px;
}
.activity-details .activity2-content .details .title span {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 33px;
}
.activity-details .activity2-content .details .title span:first-child {
  margin-right: 12px;
}
.activity-details .activity2-content .details ul {
  width: 100%;
  background: transparent;
}
.activity-details .activity2-content .details ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.activity-details .activity2-content .details ul li img {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-top: 3px;
}
.activity-details .activity2-content .details ul li p span {
  text-align: left;
  display: block;
}
.activity-details .activity2-content .details ul li p span:first-child {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  margin-bottom: 12px;
}
.activity-details .activity2-content .details ul li p span:last-child {
  max-width: 448px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.activity-details .activity2-content .details ul li:nth-child(3) {
  margin-bottom: 50px;
}
.activity-details .activity2-content img {
  width: 530px;
  height: 449px;
  margin-right: 74px;
}
.col-2 .swiper-container {
  width: 90%;
}
.col-2 .swiper-container .swiper-wrapper {
  margin: 0.5rem 0rem 0.7rem;
}
.col-2 .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
}
.col-2 .swiper-container .swiper-wrapper .swiper-slide img {
  width: 5rem;
  height: 3.5rem;
}
.col-2 .swiper-container .swiper-pagination {
  position: absolute;
}
.col-2 .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.15rem;
  margin-right: 0.2rem;
  display: inline-block;
}
.activity-wrapper-new {
  width: 100%;
  background: #fff;
  min-width: 1416px;
}
.activity-wrapper-new .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #fff;
}
.activity-wrapper-new .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-wrapper-new .banner .titleBox {
  position: absolute;
  top: 166px;
  left: 50%;
  transform: translateX(-50%);
  width: 1416px;
  margin: 0 auto;
}
.activity-wrapper-new .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.activity-wrapper-new .banner .titleBox .subtitle {
  width: 626px;
  font-size: 24px;
  text-align: justify;
  line-height: 40px;
}
.activity-wrapper-new .banner .titleBox a {
  margin-top: 32px;
  display: block;
  width: 142px;
  height: 46px;
  border-radius: 6px;
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%);
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-wrapper-new .activity-col1 {
  width: 100%;
  height: 555px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-wrapper-new .activity-col1 .col1-content {
  width: 1200px;
  height: 375px;
  margin: 0 auto;
  text-align: center;
}
.activity-wrapper-new .activity-col1 .col1-content .title {
  font-size: 40px;
  line-height: 56px;
  color: #000;
  font-weight: 600;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list {
  margin-top: 44px;
  width: 100%;
  height: 275px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list .col1-item {
  width: 286px;
  height: 275px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list .col1-item .col1-item-img {
  width: 100%;
  height: 100%;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list .col1-item .textBox {
  position: absolute;
  top: 36px;
  left: 24px;
  text-align: start;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list .col1-item .textBox p {
  font-size: 21px;
  line-height: 34px;
  color: #000000;
  font-weight: 600;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list .col1-item .textBox p span {
  background: linear-gradient(23.60303594deg, #1574FF 0%, #00BEFE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-wrapper-new .activity-col1 .col1-content .col1-list .col1-item:hover {
  transform: scale(1.1);
}
.activity-wrapper-new .activity-col2 {
  width: 100%;
  height: 990px;
  padding-top: 84px;
  position: relative;
}
.activity-wrapper-new .activity-col2 .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.activity-wrapper-new .activity-col2 .title {
  text-align: center;
  position: relative;
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  color: #000000;
  z-index: 2;
}
.activity-wrapper-new .activity-col2 .text {
  text-align: center;
  position: relative;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
  font-weight: 500;
  z-index: 2;
}
.activity-wrapper-new .activity-col2 .centerImg {
  position: relative;
  z-index: 2;
  width: 1214px;
  height: 664px;
  margin: 50px auto 0;
  display: block;
}
.activity-wrapper-new .activity-col3 {
  width: 100%;
  padding-top: 80px;
}
.activity-wrapper-new .activity-col3 .col3-content {
  width: 1200px;
  margin: 0 auto;
}
.activity-wrapper-new .activity-col3 .col3-content ul .activity-details-new:last-child {
  margin-bottom: 0;
}
.activity-wrapper-new .activety-col4 {
  width: 100%;
  padding-top: 90px;
  margin-bottom: 116px;
}
.activity-wrapper-new .activety-col4 .col4-content {
  width: 1342px;
  height: 875px;
  margin: 0 auto;
  position: relative;
}
.activity-wrapper-new .activety-col4 .col4-content .title {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 70px;
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  color: #000000;
}
.activity-wrapper-new .activety-col4 .col4-content .col4-list {
  position: relative;
  z-index: 2;
  padding: 0 66px 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.activity-wrapper-new .activety-col4 .col4-content .col4-list .col4-item {
  width: 370px;
  height: 330px;
  position: relative;
  margin-bottom: 30px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 2px 18px 0px #F0F5FF;
  cursor: pointer;
}
.activity-wrapper-new .activety-col4 .col4-content .col4-list .col4-item .col4-item-imgBox {
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.activity-wrapper-new .activety-col4 .col4-content .col4-list .col4-item .col4-item-imgBox .col4-item-img {
  width: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.activity-wrapper-new .activety-col4 .col4-content .col4-list .col4-item .col4-item-text {
  width: 100%;
  height: 94px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
  backdrop-filter: blur(7px);
}
.activity-wrapper-new .activety-col4 .col4-content .col4-list .col4-item:hover .col4-item-img {
  transform: scale(1.3);
}
.activity-wrapper-new .activety-col4 .col4-content .col4-bottom-bg {
  width: 1342px;
  height: 563px;
  background: #F5FAFF;
  border-radius: 18px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.activity-wrapper-new .activity-col5 {
  width: 100%;
  height: 260px;
  position: relative;
}
.activity-wrapper-new .activity-col5 .bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-wrapper-new .activity-col5 .col5-content {
  width: 1320px;
  height: 100%;
  padding-left: 151px;
  padding-right: 191px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.activity-wrapper-new .activity-col5 .col5-content .col5-left {
  margin-top: 70px;
}
.activity-wrapper-new .activity-col5 .col5-content .col5-left .title {
  font-size: 32px;
  line-height: 44px;
  color: #000;
  font-weight: 600;
  margin-bottom: 28px;
}
.activity-wrapper-new .activity-col5 .col5-content .col5-left a {
  display: block;
  width: 142px;
  height: 46px;
  border-radius: 6px;
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%);
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-wrapper-new .activity-col5 .col5-content .col5-right {
  margin-top: 20px;
}
.activity-wrapper-new .activity-col5 .col5-content .col5-right .col5-right-img {
  width: 190px;
  margin-bottom: 6px;
}
.activity-wrapper-new .activity-col5 .col5-content .col5-right p {
  font-size: 20px;
  color: #000;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
}
.activity-mobile-new {
  width: 100%;
  background: #fff;
}
.activity-mobile-new .banner-warpper {
  width: 100%;
  height: 10.2rem;
  font-size: 0;
  background: url(https://img1-www.nuoyun.tv/assets/images/mobile/newActivityImg/banner-bg.png) no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.activity-mobile-new .banner-warpper .banner-title {
  font-size: 0.54rem;
  line-height: 0.76rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
  margin-top: 3.28rem;
}
.activity-mobile-new .banner-warpper .banner-text {
  font-size: 0.32rem;
  line-height: 0.52rem;
  color: #FFFFFF;
  font-weight: 400;
  text-align: center;
}
.activity-mobile-new .col-1 {
  width: 100%;
  padding: 0.8rem 0;
}
.activity-mobile-new .col-1 .col-1-content {
  height: 6.82rem;
  padding: 0 0.32rem;
  text-align: center;
  margin: 0 auto;
}
.activity-mobile-new .col-1 .col-1-content .col-1-title {
  font-size: 0.44rem;
  line-height: 0.6rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: #000;
}
.activity-mobile-new .col-1 .col-1-content .col-1-list {
  display: grid;
  grid-template-columns: repeat(2, 3.32rem);
  row-gap: 0.22rem;
  column-gap: 0.22rem;
}
.activity-mobile-new .col-1 .col-1-content .col-1-list .col-1-item {
  width: 3.32rem;
  height: 2.8rem;
  position: relative;
  padding: 0.36rem;
}
.activity-mobile-new .col-1 .col-1-content .col-1-list .col-1-item .col-1-item-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.activity-mobile-new .col-1 .col-1-content .col-1-list .col-1-item .textBox {
  text-align: start;
  position: relative;
  z-index: 2;
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #000;
  font-weight: 600;
}
.activity-mobile-new .col-1 .col-1-content .col-1-list .col-1-item .textBox span {
  background: linear-gradient(23.60303594deg, #1574FF 0%, #00BEFE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-mobile-new .col-2 {
  width: 100%;
  height: 26.6rem;
  padding: 0.72rem 0 1rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/mobile/newActivityImg/col-2-bg.png) no-repeat;
  background-size: cover;
}
.activity-mobile-new .col-2 .title {
  font-size: 0.44rem;
  line-height: 0.6rem;
  color: #000;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.18rem;
}
.activity-mobile-new .col-2 .text {
  font-size: 0.26rem;
  line-height: 0.36rem;
  font-weight: 400;
  color: #000;
  text-align: center;
}
.activity-mobile-new .col-2 .col-2-img {
  display: block;
  width: 6.86rem;
  margin: 0.48rem auto 0;
}
.activity-mobile-new .col-3 {
  width: 100%;
  padding-top: 0.6rem;
}
.activity-mobile-new .col-3 .col-3-content {
  width: 6.86rem;
  margin: 0 auto;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item {
  width: 100%;
  height: 12.2rem;
  padding: 0.32rem 0 0.24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.48rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item .col-3-Item-title {
  width: 6.2rem;
  font-size: 0.48rem;
  line-height: 0.66rem;
  font-weight: 600;
  background: linear-gradient(123.60303594deg, #1574FF 0%, #00BEFE 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.2rem;
  text-align: left;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item .details {
  width: 6.2rem;
  margin-bottom: 0.16rem;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item .details span {
  text-align: left;
  display: block;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item .details span:first-child {
  font-size: 0.28rem;
  font-weight: 600;
  color: #000;
  line-height: 0.4rem;
  margin-bottom: 0.04rem;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item .details span:last-child {
  font-size: 0.24rem;
  color: #5C5C5C;
  line-height: 0.36rem;
}
.activity-mobile-new .col-3 .col-3-content .col-3-Item .col-3-Item-img {
  height: 5.4rem;
  margin-top: 0.1rem;
}
.activity-mobile-new .col-4 {
  width: 100%;
  height: 11.52rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.activity-mobile-new .col-4 .col-4-title {
  font-size: 0.44rem;
  line-height: 0.6rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.activity-mobile-new .col-4 .col-4-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0.32rem;
}
.activity-mobile-new .col-4 .col-4-content .col-4-item {
  width: 3.32rem;
  height: 2.96rem;
  border-radius: 0.16rem;
  box-shadow: 0rem 0.02rem 0.18rem 0rem #F0F5FF;
  background: #FFFFFF;
  position: relative;
  margin-bottom: 0.22rem;
  overflow: hidden;
}
.activity-mobile-new .col-4 .col-4-content .col-4-item .col-4-item-img {
  width: 100%;
}
.activity-mobile-new .col-4 .col-4-content .col-4-item .col-4-item-title {
  width: 100%;
  height: 0.84rem;
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(0.14rem);
}
.activity-details-new {
  width: 100%;
  height: 530px;
  color: #000;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.activity-details-new .activity-content {
  width: 100%;
  height: 100%;
  margin-left: 40px;
  margin-right: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.activity-details-new .activity-content .details {
  width: 460px;
  height: 431px;
  margin-top: 49px;
}
.activity-details-new .activity-content .details .title {
  text-align: left;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
  background: linear-gradient(123.60303594deg, #1574FF 0%, #00BEFE 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-details-new .activity-content .details ul {
  width: 100%;
  margin-bottom: 0;
}
.activity-details-new .activity-content .details ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.activity-details-new .activity-content .details ul li .iconBox {
  min-width: 14px;
  height: 14px;
  margin-right: 12px;
  margin-top: 6px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.activity-details-new .activity-content .details ul li .iconBox .icon {
  width: 100%;
  height: 100%;
  background: linear-gradient(114deg, #1574FF 0%, #07E8FF 100%);
  opacity: 0.23;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-details-new .activity-content .details ul li .iconBox .icon2 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(114deg, #1574FF 0%, #07B6FF 100%), linear-gradient(114deg, #1574FF 0%, #41CFFF 100%), #D8D8D8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.activity-details-new .activity-content .details ul li p span {
  text-align: left;
  display: block;
}
.activity-details-new .activity-content .details ul li p span:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 25px;
  margin-bottom: 4px;
}
.activity-details-new .activity-content .details ul li p span:last-child {
  font-size: 14px;
  color: #5C5C5C;
  line-height: 24px;
}
.activity-details-new .activity-content .imgBox {
  height: 100%;
  display: flex;
  align-items: center;
}
.activity-details-new .activity-content .imgBox img {
  width: 524px;
  height: 500px;
}
.activity-details-new .activity2-content {
  width: 100%;
  height: 100%;
  margin-left: 40px;
  margin-right: 79px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.activity-details-new .activity2-content .details {
  width: 460px;
  height: 431px;
  margin-top: 49px;
}
.activity-details-new .activity2-content .details .title {
  text-align: left;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
  background: linear-gradient(123.60303594deg, #1574FF 0%, #00BEFE 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity-details-new .activity2-content .details ul {
  width: 100%;
  margin-bottom: 0;
}
.activity-details-new .activity2-content .details ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.activity-details-new .activity2-content .details ul li .iconBox {
  min-width: 14px;
  height: 14px;
  margin-right: 12px;
  margin-top: 6px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.activity-details-new .activity2-content .details ul li .iconBox .icon {
  width: 100%;
  height: 100%;
  background: linear-gradient(114deg, #1574FF 0%, #07E8FF 100%);
  opacity: 0.23;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-details-new .activity2-content .details ul li .iconBox .icon2 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(114deg, #1574FF 0%, #07B6FF 100%), linear-gradient(114deg, #1574FF 0%, #41CFFF 100%), #D8D8D8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.activity-details-new .activity2-content .details ul li p span {
  text-align: left;
  display: block;
}
.activity-details-new .activity2-content .details ul li p span:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 25px;
  margin-bottom: 4px;
}
.activity-details-new .activity2-content .details ul li p span:last-child {
  font-size: 14px;
  color: #5C5C5C;
  line-height: 24px;
}
.activity-details-new .activity2-content .imgBox {
  height: 100%;
  display: flex;
  align-items: center;
}
.activity-details-new .activity2-content .imgBox img {
  width: 524px;
  height: 500px;
  margin-right: 96px;
}
.retail-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.retail-wrapper .retail-col1 {
  width: 100%;
  height: 516px;
  background: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.retail-wrapper .retail-col1 .col1-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.retail-wrapper .retail-col1 .col1-content .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
.retail-wrapper .retail-col1 .col1-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.retail-wrapper .retail-col1 .col1-content ul li > div {
  box-sizing: border-box;
  width: 220px;
  border-radius: 12px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.retail-wrapper .retail-col1 .col1-content ul li > div img {
  width: 80px;
  height: 80px;
  margin: 24px auto 24px;
}
.retail-wrapper .retail-col1 .col1-content ul li > div p:first-of-type {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 24px;
}
.retail-wrapper .retail-col1 .col1-content ul li > div p:nth-of-type(2),
.retail-wrapper .retail-col1 .col1-content ul li > div p:nth-of-type(3) {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
  letter-spacing: 1px;
}
.retail-wrapper .retail-col1 .col1-content ul li:hover > div {
  box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.retail-wrapper .retail-col2 {
  width: 100%;
  height: 650px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #F5F6FA;
}
.retail-wrapper .retail-col2 .col2-content {
  position: relative;
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.retail-wrapper .retail-col2 .col2-content ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.retail-wrapper .retail-col2 .col2-content > p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 64px;
}
.retail-wrapper .retail-col2 .col2-content img {
  width: 64px;
  height: 64px;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex {
  cursor: pointer;
  text-align: center;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex > div {
  position: relative;
  width: 220px;
  height: 320px;
  padding: 40px 24px;
  background: #ffffff;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex > div p:first-of-type {
  margin-top: 24px;
  line-height: 18px;
  font-size: 12px;
  color: #646A73;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex > div p:nth-of-type(2) {
  font-size: 24px;
  font-weight: 500;
  color: #1D1D1F;
  line-height: 36px;
  margin: 4px 0px 16px;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex > div p:nth-of-type(3) {
  line-height: 20px;
  font-size: 14px;
  color: #646A73;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex:not(:last-of-type) > div::after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 36px solid #fff;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
}
.retail-wrapper .retail-col2 .col2-content .col2_flex:hover > div {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.retail-wrapper .retail-col3 .col3-part1 {
  width: 100%;
  height: 590px;
  background: #FFFFFF;
}
.retail-wrapper .retail-col3 .col3-part1 .part1-content {
  width: 1200px;
  height: 590px;
  margin: 0 auto;
  position: relative;
}
.retail-wrapper .retail-col3 .col3-part1 .part1-content .part1-title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 180px;
}
.retail-wrapper .retail-col3 .col3-part1 .part1-content .part1-box {
  height: 152px;
  width: 535px;
  margin-top: 20px;
}
.retail-wrapper .retail-col3 .col3-part1 .part1-content .part1-box p {
  font-size: 16px;
  font-weight: 400;
  color: #646A73;
  line-height: 26px;
  margin-bottom: 16px;
  text-indent: 35px;
}
.retail-wrapper .retail-col3 .col3-part1 .part1-content .part1-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.retail-wrapper .retail-col3 .col3-part1 .part1-content .part1-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/busilivenew/col3_part1.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.retail-wrapper .retail-col3 .col3-part2 {
  width: 100%;
  height: 590px;
  background: #FAFAFC;
}
.retail-wrapper .retail-col3 .col3-part2 .part2-content {
  width: 1200px;
  height: 590px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.retail-wrapper .retail-col3 .col3-part2 .part2-content .part2-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/busilivenew/col3_part2.png');
  background-size: cover;
  margin-top: 66px;
}
.retail-wrapper .retail-col3 .col3-part2 .part2-content .part2-title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 156px;
  text-indent: 65px;
}
.retail-wrapper .retail-col3 .col3-part2 .part2-content .part2-box {
  width: 535px;
  height: 162px;
  position: absolute;
  margin-top: 240px;
  margin-left: 665px;
}
.retail-wrapper .retail-col3 .col3-part2 .part2-content .part2-box p {
  font-size: 16px;
  font-weight: 400;
  color: #646A73;
  line-height: 26px;
  margin-left: 35px;
  margin-bottom: 16px;
}
.retail-wrapper .retail-col3 .col3-part2 .part2-content .part2-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.retail-wrapper .retail-col3 .col3-part3 {
  width: 100%;
  height: 590px;
  background: #FFFFFF;
}
.retail-wrapper .retail-col3 .col3-part3 .part3-content {
  width: 1200px;
  height: 590px;
  margin: 0 auto;
  position: relative;
}
.retail-wrapper .retail-col3 .col3-part3 .part3-content .part3-title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 190px;
  margin-bottom: 20px;
}
.retail-wrapper .retail-col3 .col3-part3 .part3-content .part3-box {
  width: 535px;
  height: 136px;
  font-size: 16px;
  font-weight: 400;
  color: #646A73;
  line-height: 26px;
}
.retail-wrapper .retail-col3 .col3-part3 .part3-content .part3-box p {
  margin-bottom: 16px;
  margin-left: 35px;
}
.retail-wrapper .retail-col3 .col3-part3 .part3-content .part3-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.retail-wrapper .retail-col3 .col3-part3 .part3-content .part3-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/busilivenew/col3_part3.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.retail-wrapper .retail-col3 .col3-part4 {
  width: 100%;
  height: 590px;
  background: #FAFAFC;
}
.retail-wrapper .retail-col3 .col3-part4 .part4-content {
  width: 1200px;
  height: 590px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.retail-wrapper .retail-col3 .col3-part4 .part4-content .part4-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/busilivenew/col3_part4.png') no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.retail-wrapper .retail-col3 .col3-part4 .part4-content .part4-title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 180px;
  text-indent: 65px;
}
.retail-wrapper .retail-col3 .col3-part4 .part4-content .part4-box {
  width: 500px;
  height: 162px;
  font-size: 16px;
  font-weight: 400;
  color: #646A73;
  line-height: 26px;
  position: absolute;
  margin-left: 700px;
  margin-top: 264px;
}
.retail-wrapper .retail-col3 .col3-part4 .part4-content .part4-box p {
  margin-bottom: 16px;
}
.retail-wrapper .retail-col3 .col3-part4 .part4-content .part4-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.retail-wrapper .retail-col3 .col3-part5 {
  width: 100%;
  height: 590px;
  background: #FFFFFF;
}
.retail-wrapper .retail-col3 .col3-part5 .part5-content {
  width: 1200px;
  height: 590px;
  margin: 0 auto;
  position: relative;
}
.retail-wrapper .retail-col3 .col3-part5 .part5-content .part5-title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 172px;
}
.retail-wrapper .retail-col3 .col3-part5 .part5-content .part5-box {
  height: 152px;
  width: 535px;
  margin-top: 20px;
}
.retail-wrapper .retail-col3 .col3-part5 .part5-content .part5-box p {
  font-size: 16px;
  font-weight: 400;
  color: #646A73;
  line-height: 26px;
  margin-bottom: 16px;
  text-indent: 35px;
}
.retail-wrapper .retail-col3 .col3-part5 .part5-content .part5-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.retail-wrapper .retail-col3 .col3-part5 .part5-content .part5-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/busilivenew/col3_part5.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.retail-wrapper .retail-col4 {
  width: 100%;
  height: 860px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.retail-wrapper .retail-col4 .col4-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.retail-wrapper .retail-col4 .col4-content > p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 60px;
}
.retail-wrapper .retail-col4 .col4-content .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  padding: 64px 104px;
  background-color: #F7F9FC;
}
.retail-wrapper .retail-col4 .col4-content .left {
  width: 688px;
}
.retail-wrapper .retail-col4 .col4-content .left .title {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  line-height: 24px;
  font-size: 16px;
  color: #646A73;
  text-align: left;
}
.retail-wrapper .retail-col4 .col4-content .left .title img {
  margin-right: 16px;
  width: 64px;
  height: 64px;
}
.retail-wrapper .retail-col4 .col4-content .left .title p:first-of-type {
  margin-bottom: 4px;
  line-height: 36px;
  font-weight: 600;
  font-size: 24px;
  color: #1D1D1F;
}
.retail-wrapper .retail-col4 .col4-content .left .desc {
  line-height: 28px;
  text-align: left;
  font-size: 18px;
  color: #1D1D1F;
}
.retail-wrapper .retail-col4 .col4-content .left ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
}
.retail-wrapper .retail-col4 .col4-content .left ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 92px;
}
.retail-wrapper .retail-col4 .col4-content .left ul li img {
  width: 48px;
  height: 48px;
}
.retail-wrapper .retail-col4 .col4-content .left ul li p {
  line-height: 28px;
  font-size: 18px;
  color: #1D1D1F;
}
.retail-wrapper .retail-col4 .col4-content .right img {
  width: 200px;
  height: 404px;
}
.retail-wrapper .retail-col5 {
  width: 100%;
  height: 829px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background: #FAFAFC;
}
.retail-wrapper .retail-col5 .col5-content {
  position: relative;
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 104px;
  height: auto;
}
.retail-wrapper .retail-col5 .col5-content > p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 52px;
}
.retail-wrapper .retail-col5 .col5-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  height: 526px;
  width: 100%;
}
.retail-wrapper .retail-col5 .col5-content ul li {
  position: relative;
  border-radius: 6px;
  width: 220px;
  height: 238px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  overflow: hidden;
}
.retail-wrapper .retail-col5 .col5-content ul li img {
  width: 220px;
  height: 160px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.retail-wrapper .retail-col5 .col5-content ul li > div {
  position: absolute;
  bottom: -50px;
  display: flex;
  flex-direction: column;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #fff;
}
.retail-wrapper .retail-col5 .col5-content ul li > div p {
  padding: 24px;
  line-height: 30px;
  font-size: 20px;
  color: #1D1D1F;
}
.retail-wrapper .retail-col5 .col5-content ul li > div a {
  padding: 10px 24px;
  line-height: 24px;
  font-size: 16px;
  background: linear-gradient(272deg, #2D41FA 0%, #3080FF 100%);
}
.retail-wrapper .retail-col5 .col5-content ul li:hover img {
  transform: scale(1.2);
}
.retail-wrapper .retail-col5 .col5-content ul li:hover > div {
  bottom: 0;
}
.retail-wrapper .retail-col6 {
  width: 100%;
  height: 590px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.retail-wrapper .retail-col6 .col6-content {
  position: relative;
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.retail-wrapper .retail-col6 .col6-content p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 80px;
}
.retail-wrapper .retail-col6 .col6-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
}
.retail-wrapper .retail-col6 .col6-content ul li > div {
  border-radius: 8px;
  width: 282px;
  height: 254px;
  padding: 40px 32px;
  background-color: #F7F8FA;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.retail-wrapper .retail-col6 .col6-content ul li img {
  width: 52px;
  height: 52px;
  margin-bottom: 24px;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.retail-wrapper .retail-col6 .col6-content ul li p:first-of-type {
  font-size: 20px;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 30px;
  margin-bottom: 8px;
}
.retail-wrapper .retail-col6 .col6-content ul li p:nth-of-type(2),
.retail-wrapper .retail-col6 .col6-content ul li p:nth-of-type(3) {
  font-size: 16px;
  color: #646A73;
  line-height: 24px;
}
.retail-wrapper .retail-col6 .col6-content ul li a {
  display: block;
  margin-top: 12px;
  color: #2D41FA;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.retail-wrapper .retail-col6 .col6-content ul li:hover > div {
  padding-top: 28px;
  transform: translateY(-16px);
}
.retail-wrapper .retail-col6 .col6-content ul li:hover > div img {
  margin-bottom: 16px;
}
.retail-wrapper .retail-col6 .col6-content ul li:hover > div p:first-of-type {
  color: #2D41FA;
}
.retail-wrapper .retail-col6 .col6-content ul li:hover > div a {
  margin-top: 20px;
  opacity: 1;
}
.retail-wrapper .retail-col7 {
  width: 100%;
  height: 640px;
  background: #F5F6FA;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.retail-wrapper .retail-col7 .col7-content {
  position: relative;
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 104px;
  height: calc(100% - 104px);
}
.retail-wrapper .retail-col7 .col7-content p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 64px;
}
.retail-wrapper .retail-col7 .col7-content ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.retail-wrapper .retail-col7 .col7-content ul li {
  position: relative;
  border-radius: 8px;
  width: 285px;
  height: 236px;
  font-size: 0;
  overflow: hidden;
  background: #fff;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.retail-wrapper .retail-col7 .col7-content ul li img {
  width: 286px;
  height: 160px;
}
.retail-wrapper .retail-col7 .col7-content ul li p {
  font-size: 20px;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 30px;
  margin-top: 24px;
  text-align: center;
}
.retail-wrapper .retail-col7 .col7-content ul li .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 286px;
  height: 160px;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  font-size: 0;
  text-align: center;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  overflow: hidden;
}
.retail-wrapper .retail-col7 .col7-content ul li .mask img {
  margin-top: 30px;
  width: 80px;
  height: 80px;
}
.retail-wrapper .retail-col7 .col7-content ul li .mask > p.maskTitle {
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  margin-top: 10px;
  line-height: 14px;
}
.retail-wrapper .retail-col7 .col7-content ul li:hover {
  transform: translateY(-12px);
}
.retail-wrapper .retail-col7 .col7-content ul li:hover p {
  color: #2D41FA;
}
.retail-wrapper .retail-col7 .col7-content ul li:hover .mask {
  opacity: 1;
}
.retail-wrapper .retail-col7 .col7-content .more {
  width: 186px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #fff;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 60px;
  color: #fff;
}
.retail-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
}
.retail-wrapper ~ .NewopenLive-container .NewopenLive-content {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.retail-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 24px;
  line-height: 60px;
  font-weight: 500;
  font-size: 40px;
  color: #FFFFFF;
}
.retail-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  width: 144px;
  height: 48px;
  border: 1.5px solid #FFF;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
}
.retail-wrapper-mobile .retail-col1 {
  background-color: #F5F6FA;
}
.retail-wrapper-mobile .retail-col1 .col1-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.retail-wrapper-mobile .retail-col1 .col1-content .col1-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.retail-wrapper-mobile .retail-col1 .col1-content ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  padding: 0 0.32rem;
}
.retail-wrapper-mobile .retail-col1 .col1-content ul::-webkit-scrollbar {
  display: none;
}
.retail-wrapper-mobile .retail-col1 .col1-content ul li {
  flex-shrink: 0;
  border-radius: 0.16rem;
  width: 2.68rem;
  height: 2.56rem;
  padding: 0.48rem 0;
  background-color: #fff;
}
.retail-wrapper-mobile .retail-col1 .col1-content ul li + li {
  margin-left: 0.32rem;
}
.retail-wrapper-mobile .retail-col1 .col1-content ul li img {
  margin: 0 auto;
  width: 0.92rem;
  height: 0.92rem;
}
.retail-wrapper-mobile .retail-col1 .col1-content ul li p {
  margin-top: 0.24rem;
  line-height: 0.4rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-col2 {
  background-color: #292E3A;
}
.retail-wrapper-mobile .retail-col2 .col2-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.retail-wrapper-mobile .retail-col2 .col2-content .col2-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
  color: #fff;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 0 0.32rem;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li {
  flex-shrink: 0;
  border-radius: 0.16rem;
  width: 100%;
  padding: 0.48rem;
  margin-right: 0.32rem;
  text-align: left;
  background-color: #fff;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li + li {
  margin-top: 0.32rem;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.32rem;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li .title p {
  line-height: 0.56rem;
  font-size: 0.36rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li .title .step {
  margin-bottom: 0.08rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: #2D41FA;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li img {
  flex-shrink: 0;
  margin-left: 0.48rem;
  width: 0.92rem;
  height: 0.92rem;
}
.retail-wrapper-mobile .retail-col2 .col2-content ul li .subtitle {
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #646A73;
}
.retail-wrapper-mobile .retail-col3 .col3-part:nth-of-type(odd) {
  background-color: #fff;
}
.retail-wrapper-mobile .retail-col3 .col3-part:nth-of-type(even) {
  background-color: #FAFAFC;
}
.retail-wrapper-mobile .retail-col3 .col3-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.retail-wrapper-mobile .retail-col3 .col3-content .col3-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.retail-wrapper-mobile .retail-col3 .col3-content .col3-box {
  padding: 0 0.32rem;
  text-align: left;
}
.retail-wrapper-mobile .retail-col3 .col3-content .col3-box p {
  position: relative;
  margin-bottom: 0.24rem;
  padding-left: 0.64rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #646A73;
}
.retail-wrapper-mobile .retail-col3 .col3-content .col3-box p::before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
}
.retail-wrapper-mobile .retail-col3 .col3-content .col3-pic {
  width: 6.86rem;
  height: 4.9rem;
}
.retail-wrapper-mobile .retail-col4 {
  background-color: #F5F6FA;
}
.retail-wrapper-mobile .retail-col4 .col4-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.32rem;
  padding: 0.48rem 0 0;
  text-align: center;
  background-color: #fff;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box .title {
  display: flex;
  align-items: center;
  margin-bottom: 0.48rem;
  padding: 0 0.48rem;
  text-align: left;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box .title img {
  margin-right: 0.24rem;
  width: 0.84rem;
  height: 0.84rem;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box .title p:first-of-type {
  line-height: 0.48rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box .title p:last-of-type {
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: #646A73;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box .desc {
  margin-bottom: 0.48rem;
  padding: 0 0.48rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #646A73;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box > img {
  margin-bottom: 0.48rem;
  width: 4rem;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  margin-bottom: 0;
  width: 100%;
  padding: 0 0.4rem;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box ul::-webkit-scrollbar {
  display: none;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box ul li {
  flex-shrink: 0;
  height: 2.08rem;
  padding: 0.4rem 0;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box ul li + li {
  margin-left: 0.8rem;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box ul li img {
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
}
.retail-wrapper-mobile .retail-col4 .col4-content .col4-box ul li p {
  margin-top: 0.16rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-col5 {
  background-color: #F5F6FA;
}
.retail-wrapper-mobile .retail-col5 .col5-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.56rem;
}
.retail-wrapper-mobile .retail-col5 .col5-content .col5-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.64rem;
}
.retail-wrapper-mobile .retail-col5 .col5-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.retail-wrapper-mobile .retail-col5 .col5-content ul li {
  position: relative;
  flex-shrink: 0;
  margin-bottom: 0.24rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.retail-wrapper-mobile .retail-col5 .col5-content ul li img {
  width: 3.32rem;
  height: 2.4rem;
}
.retail-wrapper-mobile .retail-col5 .col5-content ul li div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 0.52rem;
  font-weight: 500;
  font-size: 0.36rem;
  color: #fff;
}
.retail-wrapper-mobile .retail-col6 .col6-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.retail-wrapper-mobile .retail-col6 .col6-content .col6-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.retail-wrapper-mobile .retail-col6 .col6-content ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 0 0.32rem;
}
.retail-wrapper-mobile .retail-col6 .col6-content ul li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.16rem;
  width: 100%;
  padding: 0.32rem;
  margin-right: 0.32rem;
  text-align: left;
  background-color: #F7F8FA;
}
.retail-wrapper-mobile .retail-col6 .col6-content ul li + li {
  margin-top: 0.32rem;
}
.retail-wrapper-mobile .retail-col6 .col6-content ul li p {
  line-height: 0.44rem;
  font-size: 0.28rem;
  color: #646A73;
}
.retail-wrapper-mobile .retail-col6 .col6-content ul li .title {
  line-height: 0.56rem;
  font-weight: 600;
  font-size: 0.36rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-col6 .col6-content ul li img {
  width: 1.28rem;
  height: 1.28rem;
}
.retail-wrapper-mobile .retail-col7 {
  background: url('/assets/images/mobile/busilivenew/col7_bg.png') right top no-repeat, linear-gradient(129deg, #3080FF 0%, #2D41FA 98.9%);
  height: 6.4rem;
  color: #fff;
}
.retail-wrapper-mobile .retail-col7 .col7-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.retail-wrapper-mobile .retail-col7 .col7-content .col7-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1D1D1F;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
  padding-left: 0.32rem;
  text-align: left;
  color: #fff;
}
.retail-wrapper-mobile .retail-col7 .col7-content ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  margin-bottom: 0;
  width: 100%;
  padding: 0 0.32rem;
}
.retail-wrapper-mobile .retail-col7 .col7-content ul::-webkit-scrollbar {
  display: none;
}
.retail-wrapper-mobile .retail-col7 .col7-content ul li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.18rem;
  height: 3.6rem;
  padding: 0.08rem 0.08rem 0;
  background-color: #fff;
}
.retail-wrapper-mobile .retail-col7 .col7-content ul li + li {
  margin-left: 0.24rem;
}
.retail-wrapper-mobile .retail-col7 .col7-content ul li img {
  border-radius: 0.14rem;
  width: 4.32rem;
  height: 2.4rem;
}
.retail-wrapper-mobile .retail-col7 .col7-content ul li div {
  padding: 0.32rem 0.24rem;
  line-height: 0.48rem;
  font-weight: 500;
  font-size: 0.32rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-contact {
  padding: 1.28rem 0;
  background: url('/assets/images/mobile/busilivenew/contact_bg1.png') left bottom no-repeat, url('/assets/images/mobile/busilivenew/contact_bg2.png') top right no-repeat, #F2F4FD;
}
.retail-wrapper-mobile .retail-contact .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.retail-wrapper-mobile .retail-contact .contact-content img {
  margin-bottom: 0.64rem;
  width: 2.24rem;
  height: 2.24rem;
}
.retail-wrapper-mobile .retail-contact .contact-content p:first-of-type {
  margin-bottom: 0.16rem;
  line-height: 0.48rem;
  font-weight: 500;
  font-size: 0.32rem;
  color: #1D1D1F;
}
.retail-wrapper-mobile .retail-contact .contact-content p:last-of-type {
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #646A73;
}
.retail-wrapper .swiper-container {
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-color: #ededed;
}
.retail-wrapper .swiper-container .swiper-slide {
  width: 100% !important;
  height: 600px;
}
.retail-wrapper .swiper-container .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.retail-wrapper .swiper-container .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.retail-wrapper .swiper-container .swiper-pagination {
  bottom: 20px !important;
}
.retail-wrapper .swiper-container .swiper-pagination li {
  width: 30px;
  border-radius: 6px;
  height: 4px;
  margin: 0 10px !important;
}
.retail-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.3;
}
.retail-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 0.9;
}
.retail-banner-mobile {
  width: 100%;
  background: #fff;
  height: 9.6rem;
}
.retail-banner-mobile .swiper-container .swiper-slide {
  height: 9.6rem;
  width: 100% !important;
}
.retail-banner-mobile .swiper-container .swiper-slide .banner-box {
  height: 4.4rem;
}
.retail-banner-mobile .swiper-container .swiper-slide .banner-box .title-1 {
  padding-top: 1.74rem;
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.retail-banner-mobile .swiper-container .swiper-slide .banner-box .title-2 {
  font-size: 0.28rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.48rem;
  margin-top: 0.16rem;
  text-align: center;
}
.retail-banner-mobile .swiper-container .swiper-slide .banner1-pic {
  height: 5.8rem;
}
.retail-banner-mobile .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.retail-banner-mobile .swiper-container .banner1 {
  background-size: contain;
  background-repeat: no-repeat;
}
.retail-banner-mobile .swiper-container .banner2 {
  background-size: contain;
  background-repeat: no-repeat;
}
.retail-banner-mobile .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.retail-banner-mobile .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.retail-banner-mobile .swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.medical-wrapper {
  width: 100%;
  background: #fff;
  min-width: 1350px;
}
.medical-wrapper .medical-banner {
  width: 100%;
  height: 740px;
}
.medical-wrapper .medical-banner .medical-banner2 {
  position: absolute;
  width: 1200px;
  height: 740px;
  left: 50%;
  margin-left: -600px;
}
.medical-wrapper .medical-banner .medical-banner2 h2 {
  font-size: 60px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
  padding-top: 200px;
}
.medical-wrapper .medical-banner .medical-banner2 h3,
.medical-wrapper .medical-banner .medical-banner2 h4 {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 54px;
}
.medical-wrapper .medical-banner .medical-banner2 span {
  display: block;
  width: 180px;
  height: 60px;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  margin-top: 80px;
}
.medical-wrapper .medical-banner .medical-banner2 span:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.medical-wrapper .medical-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.medical-wrapper .medical-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.medical-wrapper .medical-banner a h2 {
  font-size: 60px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
}
.medical-wrapper .medical-col10 {
  width: 100%;
  height: 536px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col10 .col10-content {
  width: 1200px;
  margin: 0 auto;
}
.medical-wrapper .medical-col10 .col10-content .col10-title .title1 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  display: block;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 60px;
}
.medical-wrapper .medical-col10 .col10-content .content-box ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.medical-wrapper .medical-col10 .col10-content .content-box ul li {
  width: 282px;
  height: 240px;
  background: #FFFFFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  cursor: pointer;
}
.medical-wrapper .medical-col10 .col10-content .content-box ul li .liItem {
  margin-top: 48px;
  font-size: 16px;
  font-weight: 400;
  color: #595961;
  line-height: 26px;
  text-align: center;
}
.medical-wrapper .medical-col10 .col10-content .content-box ul li .liItem img {
  width: 72px;
  height: 72px;
  display: block;
  margin: 0 auto;
  margin-bottom: 24px;
}
.medical-wrapper .medical-col10 .col10-content .content-box ul li:hover {
  box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, 0.08);
  margin-top: -5px;
  transition: 0.4s;
  border-radius: 10px;
  cursor: pointer;
}
.medical-wrapper .medical-col11 {
  width: 100%;
  height: 938px;
  background: #F9FCFE;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.medical-wrapper .medical-col11 .bg-left {
  width: 223px;
  height: 289px;
  position: absolute;
  left: 0;
  background: url('/assets/images/web/medical/2L_bg_right2.png') no-repeat;
  background-size: cover;
  z-index: 9;
}
.medical-wrapper .medical-col11 .bg-right {
  width: 380px;
  height: 249px;
  background: url('/assets/images/web/medical/2L_bg_left2.png') no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.medical-wrapper .medical-col11 .col11-content {
  width: 1200px;
  margin: 0 auto;
  z-index: 99;
}
.medical-wrapper .medical-col11 .col11-content .col11-title {
  text-align: center;
}
.medical-wrapper .medical-col11 .col11-content .col11-title .title1 {
  display: block;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
}
.medical-wrapper .medical-col11 .col11-content .col11-title .title2 {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 60px;
}
.medical-wrapper .medical-col11 .col11-content .content-box {
  height: 526px;
  margin-bottom: 40px;
}
.medical-wrapper .medical-col11 .col11-content .content-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.medical-wrapper .medical-col11 .col11-content .subtitle {
  width: 244px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  display: block;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
.medical-wrapper .medical-col11 .col11-content .subtitle a {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
}
.medical-wrapper .medical-col11 .col11-content .subtitle:hover {
  background: #024DD9;
}
.medical-wrapper .medical-col12 {
  width: 100%;
  height: 728px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col12 .col12-content {
  width: 1200px;
  margin: 0 auto;
}
.medical-wrapper .medical-col12 .col12-content .col12-title .title1 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  display: block;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 70px;
}
.medical-wrapper .medical-col12 .col12-content .content-box {
  height: 430px;
  position: relative;
}
.medical-wrapper .medical-col12 .col12-content .content-box .video {
  width: 600px;
  height: 430px;
  object-fit: cover;
  position: absolute;
  right: 0;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 10px;
  margin-bottom: 8px;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem h3 {
  font-size: 16px;
  font-weight: 400;
  color: #9797A1;
  line-height: 26px;
  margin-bottom: 10px;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem span {
  width: 500px;
  height: 1px;
  background: #E3E2E5;
  display: block;
  margin-bottom: 21px;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem2 h3 {
  width: 500px;
  height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #191919;
  line-height: 26px;
  margin-bottom: 8px;
  display: table;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem2 h3 span {
  font-weight: 400;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 52px;
  font-size: 16px;
  font-weight: 400;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 .subtitle {
  width: 154px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  display: block;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  margin-right: 18px;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 .subtitle2 {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  display: block;
  border: 1px solid #0758F1;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 .subtitle2 a {
  color: #0758F1;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 .subtitle:hover {
  background: #024DD9;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 .subtitle2:hover {
  background: #0758F1;
}
.medical-wrapper .medical-col12 .col12-content .content-box .liItem3 .subtitle2:hover a {
  color: #FFFFFF;
}
.medical-wrapper .medical-col13 {
  width: 100%;
  height: 624px;
  background: #F9FCFE;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col13 .col13-content {
  width: 1200px;
  margin: 0 auto;
}
.medical-wrapper .medical-col13 .col13-content .content-box .video {
  width: 600px;
  height: 430px;
  object-fit: cover;
  display: block;
  margin-top: 97px;
  float: left;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 8px;
  text-indent: 103px;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem h3 {
  font-size: 16px;
  font-weight: 400;
  color: #9797A1;
  line-height: 26px;
  margin-bottom: 10px;
  text-indent: 103px;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem span {
  width: 500px;
  height: 1px;
  background: #E3E2E5;
  display: block;
  margin-bottom: 21px;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem2 h3 {
  font-size: 15.7px;
  font-weight: 600;
  color: #191919;
  line-height: 26px;
  margin-bottom: 8px;
  display: table;
  padding-left: 103px;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem2 h3 span {
  font-weight: 400;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 52px;
  font-size: 16px;
  font-weight: 400;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 .subtitle {
  width: 154px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  display: block;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  margin-right: 18px;
  margin-left: 100px;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 .subtitle2 {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  display: block;
  border: 1px solid #0758F1;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 .subtitle2 a {
  color: #0758F1;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 .subtitle:hover {
  background: #024DD9;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 .subtitle2:hover {
  background: #0758F1;
}
.medical-wrapper .medical-col13 .col13-content .content-box .liItem3 .subtitle2:hover a {
  color: #FFFFFF;
}
.medical-wrapper .medical-col14 {
  width: 100%;
  height: 624px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col14 .content-box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.medical-wrapper .medical-col14 .content-box .video {
  width: 600px;
  height: 430px;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 97px;
}
.medical-wrapper .medical-col14 .content-box .liItem h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 8px;
}
.medical-wrapper .medical-col14 .content-box .liItem h3 {
  font-size: 16px;
  font-weight: 400;
  color: #9797A1;
  line-height: 26px;
  margin-bottom: 10px;
}
.medical-wrapper .medical-col14 .content-box .liItem span {
  width: 500px;
  height: 1px;
  background: #E3E2E5;
  display: block;
  margin-bottom: 21px;
}
.medical-wrapper .medical-col14 .content-box .liItem2 h3 {
  width: 500px;
  height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #191919;
  line-height: 26px;
  margin-bottom: 8px;
  display: table;
}
.medical-wrapper .medical-col14 .content-box .liItem2 h3 span {
  font-weight: 400;
}
.medical-wrapper .medical-col14 .content-box .liItem3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 52px;
  font-size: 16px;
  font-weight: 400;
}
.medical-wrapper .medical-col14 .content-box .liItem3 .subtitle {
  width: 154px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  display: block;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  margin-right: 18px;
}
.medical-wrapper .medical-col14 .content-box .liItem3 .subtitle2 {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  display: block;
  border: 1px solid #0758F1;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.medical-wrapper .medical-col14 .content-box .liItem3 .subtitle2 a {
  color: #0758F1;
}
.medical-wrapper .medical-col14 .content-box .liItem3 .subtitle:hover {
  background: #024DD9;
}
.medical-wrapper .medical-col14 .content-box .liItem3 .subtitle2:hover {
  background: #0758F1;
}
.medical-wrapper .medical-col14 .content-box .liItem3 .subtitle2:hover a {
  color: #FFFFFF;
}
.medical-wrapper .medical-col15 {
  width: 100%;
  height: 582px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col15 .col15-content {
  width: 100%;
  margin: 0 auto;
}
.medical-wrapper .medical-col15 .col15-content .col15-title .title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  display: block;
  margin-bottom: 16px;
}
.medical-wrapper .medical-col15 .col15-content .col15-title .title1 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
  display: block;
  margin-bottom: 60px;
}
.medical-wrapper .medical-col15 .col15-content .col15-context {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top {
  width: 3890px;
  animation: scroll 100s linear infinite;
  height: 120px;
  float: left;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li {
  width: 300px;
  height: 98px;
  background: #F9FCFE;
  border-radius: 14px;
  margin-left: 20px;
  float: left;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li .col5-pic {
  margin-left: 14px;
  margin-top: 23px;
  float: left;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li .col5-p {
  margin-top: 22px;
  font-size: 20px;
  font-weight: 600;
  color: #191919;
  line-height: 28px;
  position: absolute;
  margin-left: 8px;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li .col5-p2 {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 22px;
  position: absolute;
  margin-left: 74px;
  margin-top: 54px;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li:nth-child(1) {
  margin-left: 0;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li:nth-child(3),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-top li:nth-child(9) {
  height: 120px;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center {
  animation: scrollr 100s linear infinite;
}
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(2),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(3),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(4),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(5),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(6),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(8),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(9),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(10),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(11),
.medical-wrapper .medical-col15 .col15-content .col15-context .col5-center li:nth-child(12) {
  height: 120px;
}
.medical-wrapper .medical-col15 .col15-content .col15-context::before {
  display: block;
  content: "";
  width: 360px;
  height: 702px;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 84%);
  z-index: 1;
}
.medical-wrapper .medical-col15 .col15-content .col15-context::after {
  display: block;
  content: "";
  width: 360px;
  height: 702px;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 84%);
  z-index: 1;
}
.medical-wrapper .medical-col16 {
  width: 100%;
  height: 906px;
  background: #F9FCFE;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col16 .col16-content {
  width: 1200px;
  margin: 0 auto;
}
.medical-wrapper .medical-col16 .col16-content .col16-title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 60px;
}
.medical-wrapper .medical-col16 .col16-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.medical-wrapper .medical-col16 .col16-content ul li {
  width: 380px;
  height: 300px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
}
.medical-wrapper .medical-col16 .col16-content ul li a {
  font-size: 20px;
  font-weight: 600;
  color: #191919;
  text-align: center;
}
.medical-wrapper .medical-col16 .col16-content ul li a .col16-pic {
  width: 340px;
  height: 210px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 18px;
}
.medical-wrapper .medical-col16 .col16-content ul li a .col16-pic img {
  width: 340px;
  height: 210px;
  border-radius: 10px;
}
.medical-wrapper .medical-col16 .col16-content ul li a p {
  width: 345px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 28px;
}
.medical-wrapper .medical-col16 .col16-content ul li:nth-child(1) {
  margin-bottom: 30px;
}
.medical-wrapper .medical-col16 .col16-content ul li:hover img {
  transform: scale(1.1);
  transition: 0.4s;
  border-radius: 10px;
}
.medical-wrapper .medical-col16 .col16-content ul li:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
  margin-top: -5px;
  transition: 0.4s;
  border-radius: 10px;
}
.medical-wrapper .medical-col16 .col16-content ul li:nth-child(1):hover {
  margin-bottom: 35px;
}
.medical-wrapper .medical-col17 {
  width: 100%;
  height: 210px;
  background: url('/assets/images/web/index/bg3.png') no-repeat;
  background-size: cover;
}
.medical-wrapper .medical-col17 .col17-content {
  width: 635px;
  height: 210px;
  margin: 0 auto;
}
.medical-wrapper .medical-col17 .col17-content p {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 50px;
  text-align: center;
}
.medical-wrapper .medical-col17 .col17-content .left,
.medical-wrapper .medical-col17 .col17-content .right {
  display: block;
  width: 130px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  position: absolute;
  margin-top: 30px;
}
.medical-wrapper .medical-col17 .col17-content .left {
  background: #FFFFFF;
  margin-left: 177px;
}
.medical-wrapper .medical-col17 .col17-content .left a {
  color: #1C7CFA;
}
.medical-wrapper .medical-col17 .col17-content .right {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin-left: 327px;
}
.medical-wrapper .medical-col17 .col17-content .left:hover {
  opacity: 0.9;
  cursor: pointer;
}
.medical-wrapper .medical-col17 .col17-content .right:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.medical-wrapper .medical-col1 {
  width: 100%;
  height: 625px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col1 .col1-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin: 100px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.medical-wrapper .medical-col1 .col1-content .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 50px;
}
.medical-wrapper .medical-col1 .col1-content .content-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.medical-wrapper .medical-col1 .col1-content .content-box .item {
  width: 350px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.medical-wrapper .medical-col1 .col1-content .content-box .item .top {
  width: 350px;
  height: 80px;
  border-radius: 14px;
  font-size: 24px;
  font-weight: 500;
  line-height: 80px;
}
.medical-wrapper .medical-col1 .col1-content .content-box .item .bottom {
  width: 350px;
  height: 188px;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 500;
  padding: 57px 30px 0;
  line-height: 25px;
}
.medical-wrapper .medical-col1 .col1-content .content-box .item img {
  width: 34px;
  height: 29px;
  margin: 14px 0;
}
.medical-wrapper .medical-col1 .col1-content .content-box .orange .top,
.medical-wrapper .medical-col1 .col1-content .content-box .orange .bottom {
  background: #FFF1DE;
  border: 2px solid #FFA115;
  color: #D68112;
}
.medical-wrapper .medical-col1 .col1-content .content-box .blue .top,
.medical-wrapper .medical-col1 .col1-content .content-box .blue .bottom {
  background: #C0D5FF;
  border: 2px solid #2377FF;
  color: #0D57D5;
}
.medical-wrapper .medical-col1 .col1-content .content-box .green .top,
.medical-wrapper .medical-col1 .col1-content .content-box .green .bottom {
  background: #E0F4E5;
  border: 2px solid #6BCB88;
  color: #2B964D;
}
.medical-wrapper .medical-col2_1,
.medical-wrapper .medical-col2_2,
.medical-wrapper .medical-col2_3,
.medical-wrapper .medical-col2_4 {
  width: 100%;
  height: 811px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col2_1 .col2-content,
.medical-wrapper .medical-col2_2 .col2-content,
.medical-wrapper .medical-col2_3 .col2-content,
.medical-wrapper .medical-col2_4 .col2-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin: 100px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.medical-wrapper .medical-col2_1 .col2-content .col2-title,
.medical-wrapper .medical-col2_2 .col2-content .col2-title,
.medical-wrapper .medical-col2_3 .col2-content .col2-title,
.medical-wrapper .medical-col2_4 .col2-content .col2-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 80px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box,
.medical-wrapper .medical-col2_2 .col2-content .content-box,
.medical-wrapper .medical-col2_3 .col2-content .content-box,
.medical-wrapper .medical-col2_4 .col2-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .img,
.medical-wrapper .medical-col2_2 .col2-content .content-box .img,
.medical-wrapper .medical-col2_3 .col2-content .content-box .img,
.medical-wrapper .medical-col2_4 .col2-content .content-box .img {
  display: inline-block;
  width: 600px;
  height: 338px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .img img,
.medical-wrapper .medical-col2_2 .col2-content .content-box .img img,
.medical-wrapper .medical-col2_3 .col2-content .content-box .img img,
.medical-wrapper .medical-col2_4 .col2-content .content-box .img img {
  width: 600px;
  height: 338px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail {
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail .title,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail .title,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail .title,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail .title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  line-height: 33px;
  margin-bottom: 16px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail .subtitle,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail .subtitle,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail .subtitle,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail .subtitle {
  font-size: 18px;
  color: #000000;
  line-height: 25px;
  margin-bottom: 40px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail .txt,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail .txt,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail .txt,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail .txt {
  margin-bottom: 27px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail .txt span:first-child,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail .txt span:first-child,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail .txt span:first-child,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail .txt span:first-child {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  line-height: 22px;
  margin-right: 20px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail .txt span:nth-child(2),
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail .txt span:nth-child(2),
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail .txt span:nth-child(2),
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail .txt span:nth-child(2) {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail img,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail img,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail img,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail img {
  margin: 13px 0px 44px;
}
.medical-wrapper .medical-col2_1 .col2-content .content-box .detail a,
.medical-wrapper .medical-col2_2 .col2-content .content-box .detail a,
.medical-wrapper .medical-col2_3 .col2-content .content-box .detail a,
.medical-wrapper .medical-col2_4 .col2-content .content-box .detail a {
  display: inline-block;
  text-align: center;
  width: 140px;
  height: 40px;
  background: #398BF7;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
  letter-spacing: 3px;
}
.medical-wrapper .medical-col2_1 {
  height: 811px;
  background: #F9FAFB;
}
.medical-wrapper .medical-col2_1 .content-box .img {
  margin-right: 72px;
}
.medical-wrapper .medical-col2_1 .content-box .detail img {
  width: 270px;
  height: 76px;
}
.medical-wrapper .medical-col2_2 {
  height: 677px;
  background: #fff;
}
.medical-wrapper .medical-col2_2 .content-box .detail {
  margin-right: 75px;
}
.medical-wrapper .medical-col2_2 .content-box .detail img {
  width: 476px;
  height: 76px;
}
.medical-wrapper .medical-col2_3 {
  height: 677px;
  background: #F9FAFB;
}
.medical-wrapper .medical-col2_3 .content-box .img {
  margin-right: 72px;
}
.medical-wrapper .medical-col2_3 .content-box .detail img {
  width: 476px;
  height: 76px;
}
.medical-wrapper .medical-col2_4 {
  height: 677px;
  background: #fff;
}
.medical-wrapper .medical-col2_4 .content-box .detail {
  margin-right: 48px;
}
.medical-wrapper .medical-col2_4 .content-box .detail img {
  width: 270px;
  height: 76px;
}
.medical-wrapper .medical-col4 {
  width: 100%;
  height: 1040px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col4 .col4-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.medical-wrapper .medical-col4 .col4-content .col4-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.medical-wrapper .medical-col4 .col4-content .col4-subtitle {
  font-size: 20px;
  color: #666;
  line-height: 53px;
  margin-bottom: 60px;
}
.medical-wrapper .medical-col4 .col4-content ul {
  width: 100%;
  height: 676px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.medical-wrapper .medical-col4 .col4-content ul li {
  width: 380px;
}
.medical-wrapper .medical-col4 .col4-content ul li a {
  width: 380px;
  display: inline-block;
}
.medical-wrapper .medical-col4 .col4-content ul li a img {
  width: 380px;
  height: 234px;
  margin-bottom: 20px;
}
.medical-wrapper .medical-col4 .col4-content ul li a p {
  font-size: 20px;
  color: #333;
  line-height: 33px;
  margin-bottom: 0px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
}
.medical-wrapper .medical-col5 {
  width: 100%;
  height: 583px;
  background: url('/assets/images/web/doctor/me-38.png') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col5 .col5-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 100px;
}
.medical-wrapper .medical-col5 .col5-content p {
  color: #fff !important;
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 100px;
}
.medical-wrapper .medical-col5 .col5-content ul {
  width: 100%;
  height: 241px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.medical-wrapper .medical-col5 .col5-content ul li {
  width: 300px;
}
.medical-wrapper .medical-col5 .col5-content ul li img {
  width: 70px;
  height: 70px;
  margin-bottom: 30px;
}
.medical-wrapper .medical-col5 .col5-content ul li p {
  font-size: 24px;
  color: #333;
  line-height: 33px;
  margin-bottom: 24px;
  font-weight: 500;
}
.medical-wrapper .medical-col5 .col5-content ul li span {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 28px;
}
.medical-wrapper .medical-col6 {
  width: 100%;
  height: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medical-wrapper .medical-col6 .col6-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin: 100px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.medical-wrapper .medical-col6 .col6-content .col6-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 60px;
}
.medical-wrapper .medical-col6 .col6-content .content-box {
  width: 100%;
}
.medical-wrapper .medical-col6 .col6-content .content-box .box-quote {
  width: 100%;
  position: relative;
  height: 250px;
  background: #F9FAFB;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.medical-wrapper .medical-col6 .col6-content .content-box .box-quote span:first-of-type {
  top: 50px;
  left: 85px;
}
.medical-wrapper .medical-col6 .col6-content .content-box .box-quote span {
  font-size: 40px;
  font-weight: normal;
  color: #398BF7;
  line-height: 50px;
  position: absolute;
}
.medical-wrapper .medical-col6 .col6-content .content-box .box-quote p:first-of-type {
  font-size: 24px;
  width: 968px;
  height: 108px;
  font-weight: 500;
  color: #333333;
  line-height: 48px;
  text-align: left;
  margin-bottom: 0px;
}
.medical-wrapper .medical-col6 .col6-content .content-box .box-quote span:nth-of-type(2) {
  right: 85px;
  bottom: 50px;
}
.medical-wrapper .medical-col6 .col6-content .content-dot {
  width: 50px;
  margin: 0 auto;
  height: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.medical-wrapper .medical-col6 .col6-content .content-dot span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #398BF7;
}
.medical-wrapper .medical-col6 .col6-content .content-dot span.active {
  background: #398BF7;
}
.medical-wrapper .medical-col6 .col6-content img {
  width: 100%;
  height: 382px;
  margin-bottom: 40px;
}
.medical-mobile {
  width: 100%;
}
.medical-mobile .banner {
  width: 100%;
  height: 10.2rem;
  text-align: center;
  overflow: hidden;
  background: url(/assets/images/mobile/medical/banner.png) no-repeat;
  background-size: cover;
}
.medical-mobile .banner .banner-content {
  width: 100%;
  height: 100%;
}
.medical-mobile .banner .banner-content h2 {
  font-size: 0.54rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.7rem;
  padding-top: 1.5rem;
  margin-bottom: 0.17rem;
}
.medical-mobile .banner .banner-content p {
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.46rem;
}
.medical-mobile .banner .banner-content .banner-btn {
  width: 2rem;
  height: 0.6rem;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  margin-top: 0.32rem;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  margin: 0.32rem auto;
}
.medical-mobile .banner .banner-content .banner-btn a {
  color: #fff;
}
.medical-mobile .col-7 {
  width: 100%;
  height: 9.8rem;
  background: #FFFFFF;
}
.medical-mobile .col-7 .col7-content {
  width: 100%;
  height: 100%;
}
.medical-mobile .col-7 .col7-content .col7-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: 0.6rem;
}
.medical-mobile .col-7 .col7-content ul li {
  width: 6.9rem;
  height: 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem;
  margin: 0.2rem auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.medical-mobile .col-7 .col7-content ul li img {
  width: 0.92rem;
  height: 0.92rem;
  margin-top: 0.34rem;
  margin-left: 0.4rem;
  margin-right: 0.28rem;
}
.medical-mobile .col-7 .col7-content ul li h3,
.medical-mobile .col-7 .col7-content ul li h4 {
  font-size: 0.28rem;
  font-weight: 400;
  color: #595961;
  line-height: 0.4rem;
}
.medical-mobile .col-7 .col7-content ul li h3 {
  margin-top: 0.4rem;
}
.medical-mobile .col-7 .col7-content ul li h4 {
  position: absolute;
  top: 0.9rem;
  left: 1.6rem;
}
.medical-mobile .col-8 {
  width: 100%;
  height: 7.62rem;
  background: #F9FCFE;
}
.medical-mobile .col-8 .col8-content .col8-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.medical-mobile .col-8 .col8-content h5 {
  width: 6rem;
  height: 0.76rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
  margin: 0 auto;
}
.medical-mobile .col-8 .col8-content img {
  width: 6.9rem;
  height: 3.02rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.medical-mobile .col-8 .col8-content .subtitle {
  display: block;
  width: 4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  margin: 0.42rem auto;
  cursor: pointer;
}
.medical-mobile .col-9 {
  width: 100%;
  height: 12.8rem;
  background: #FFFFFF;
}
.medical-mobile .col-9 .col9-content .col9-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.medical-mobile .col-9 .col9-content h5 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.medical-mobile .col-9 .col9-content .video {
  width: 6.9rem;
  height: 4.95rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.41rem;
}
.medical-mobile .col-9 .col9-content .liItem2 h3 {
  font-size: 0.28rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.44rem;
  margin-bottom: 0.2rem;
  margin-left: 0.3rem;
}
.medical-mobile .col-9 .col9-content .liItem2 h3 span {
  font-weight: 400;
}
.medical-mobile .col-9 .col9-content .liItem2 h3:last-child {
  margin-bottom: 0.4rem;
}
.medical-mobile .col-9 .col9-content .subtitle {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.medical-mobile .col-10 {
  width: 100%;
  height: 13.68rem;
  background: #F9FCFE;
}
.medical-mobile .col-10 .col10-content .col10-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.medical-mobile .col-10 .col10-content h5 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.medical-mobile .col-10 .col10-content .video {
  width: 6.9rem;
  height: 4.95rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.41rem;
}
.medical-mobile .col-10 .col10-content .liItem2 h3 {
  font-size: 0.28rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.44rem;
  margin-bottom: 0.2rem;
  margin-left: 0.3rem;
}
.medical-mobile .col-10 .col10-content .liItem2 h3 span {
  font-weight: 400;
}
.medical-mobile .col-10 .col10-content .liItem2 h3:last-child {
  margin-bottom: 0.4rem;
}
.medical-mobile .col-10 .col10-content .subtitle {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.medical-mobile .col-11 {
  background-color: #FFFFFF !important;
}
.medical-mobile .col-12 {
  width: 100%;
  height: 10.84rem;
  background: #F9FCFE;
}
.medical-mobile .col-12 .col12-content .col12-title {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.4rem;
}
.medical-mobile .col-12 .col12-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 6.9rem;
  margin: 0 auto;
  justify-content: space-between;
}
.medical-mobile .col-12 .col12-content ul li {
  width: 3.34rem;
  height: 2.52rem;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  padding: 0.1rem;
  margin-bottom: 0.2rem;
}
.medical-mobile .col-12 .col12-content ul li a .col16-pic img {
  width: 3.14rem;
  height: 1.8rem;
  border-radius: 0.1rem;
}
.medical-mobile .col-12 .col12-content ul li p {
  width: 3rem;
  height: 0.3rem;
  font-size: 0.22rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.06rem;
}
.medical-mobile .col-13 {
  width: 100%;
  height: 10.02rem;
  background: #FFFFFF;
}
.medical-mobile .col-13 .col13-content {
  width: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.medical-mobile .col-13 .col13-content .col13-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.medical-mobile .col-13 .col13-content h5 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
.medical-mobile .col-13 .col13-content .col13-top {
  width: 28rem;
  animation: scroll 100s linear infinite;
  height: 1.2rem;
  float: left;
  margin-bottom: 0.4rem;
}
.medical-mobile .col-13 .col13-content .col13-top li {
  width: 3.34rem;
  height: 1.48rem;
  background: #F9FCFE;
  border-radius: 0.14rem;
  margin-left: 0.22rem;
  float: left;
}
.medical-mobile .col-13 .col13-content .col13-top li .col5-pic {
  width: 0.52rem !important;
  height: 0.52rem !important;
  margin-left: 0.18rem;
  margin-top: 0.23rem;
  float: left;
}
.medical-mobile .col-13 .col13-content .col13-top li .col5-p {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.4rem;
  position: absolute;
  margin-left: 0.14rem;
}
.medical-mobile .col-13 .col13-content .col13-top li .col5-p2 {
  font-size: 0.22rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.32rem;
  position: absolute;
  margin-left: 0.84rem;
  margin-top: 0.64rem;
}
.medical-mobile .col-13 .col13-content .col13-top li:nth-child(1) {
  margin-left: 0;
}
.medical-mobile .col-13 .col13-content .col13-top li:nth-child(1),
.medical-mobile .col-13 .col13-content .col13-top li:nth-child(4) {
  height: 1.16rem;
}
.medical-mobile .col-13 .col13-content .col14-top {
  width: 28rem;
  animation: scroll 100s linear infinite;
  height: 1.2rem;
  float: left;
  margin-bottom: 0.4rem;
}
.medical-mobile .col-13 .col13-content .col14-top li {
  width: 3.34rem;
  height: 1.48rem;
  background: #F9FCFE;
  border-radius: 0.14rem;
  margin-left: 0.22rem;
  float: left;
}
.medical-mobile .col-13 .col13-content .col14-top li .col5-pic {
  width: 0.52rem !important;
  height: 0.52rem !important;
  margin-left: 0.18rem;
  margin-top: 0.23rem;
  float: left;
}
.medical-mobile .col-13 .col13-content .col14-top li .col5-p {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.4rem;
  position: absolute;
  margin-left: 0.14rem;
}
.medical-mobile .col-13 .col13-content .col14-top li .col5-p2 {
  font-size: 0.22rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.32rem;
  position: absolute;
  margin-left: 0.84rem;
  margin-top: 0.64rem;
}
.medical-mobile .col-13 .col13-content .col14-center {
  animation: scrollr 100s linear infinite !important;
}
.medical-mobile .col-13 .col13-content .col13-center li:nth-child(1),
.medical-mobile .col-13 .col13-content .col13-center li:nth-child(4) {
  height: 1.48rem;
}
.medical-mobile .col-13 .col13-content::before {
  display: block;
  content: "";
  width: 1.92rem;
  height: 10.02rem;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 84%);
  z-index: 1;
}
.medical-mobile .col-13 .col13-content::after {
  display: block;
  content: "";
  width: 1.92rem;
  height: 10.02rem;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 84%);
  z-index: 1;
}
.medical-mobile .col-1 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
}
.medical-mobile .col-1 .col1-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0rem;
}
.medical-mobile .col-1 .col1-content .col1-title {
  text-align: center;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  margin: 0rem 0rem 0.6rem;
}
.medical-mobile .col-1 .col1-content img {
  width: 6.8rem;
  height: 3.84rem;
}
.medical-mobile .col-1 .col1-content ul {
  text-align: center;
  color: #000000;
  margin-bottom: 0.5rem;
}
.medical-mobile .col-1 .col1-content ul .title {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.45rem;
  display: block;
  margin-bottom: 0.2rem;
}
.medical-mobile .col-1 .col1-content ul .subTitle {
  font-size: 0.3rem;
  line-height: 0.42rem;
  display: block;
  margin-bottom: 0.4rem;
}
.medical-mobile .col-1 .col1-content ul li {
  font-size: 0.22rem;
  line-height: 0.33rem;
  margin-bottom: 0.16rem;
}
.medical-mobile .col-5 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  background: #F7F7F7;
}
.medical-mobile .col-5 .col5-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0.48rem 0.9rem;
}
.medical-mobile .col-5 .col5-content .col5-title {
  text-align: center;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  margin: 0rem 0rem 0.6rem;
}
.medical-mobile .col-5 .col5-content ul {
  width: 100%;
  text-align: left;
  color: #000000;
}
.medical-mobile .col-5 .col5-content ul li {
  display: flex;
  padding: 0.45rem 0.42rem 0rem 0.34rem;
  min-width: 6.54rem;
  min-height: 2.08rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(60, 143, 251, 0.2);
  border-radius: 10px;
  margin-bottom: 0.2rem;
}
.medical-mobile .col-5 .col5-content ul li img {
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.28rem;
}
.medical-mobile .col-5 .col5-content ul li span:first-of-type {
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 0.3rem;
  display: block;
  margin-bottom: 0.08rem;
}
.medical-mobile .col-5 .col5-content ul li span:last-of-type {
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.medical-mobile .col-6 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
}
.medical-mobile .col-6 .col6-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  margin: 0.8rem 0rem 0.18rem;
}
.medical-mobile .col-6 img {
  width: 100%;
  height: 4.02rem;
}
.medicalDetail-mobile {
  width: 100%;
  color: #000;
  font-weight: 400;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalDetail-mobile .medicalDetail-content {
  width: 92%;
  margin-top: 0.56rem;
}
.medicalDetail-mobile .medicalDetail-content .medicalDetail-title {
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.5rem;
  margin: 0rem 0rem 0.39rem;
}
.medicalDetail-mobile .medicalDetail-content ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.medicalDetail-mobile .medicalDetail-content ul li {
  width: 2.6rem;
  margin-bottom: 0.4rem;
  text-align: left;
  position: relative;
}
.medicalDetail-mobile .medicalDetail-content ul li .li-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.11rem;
}
.medicalDetail-mobile .medicalDetail-content ul li .li-item img {
  width: 0.42rem;
  height: 0.42rem;
}
.medicalDetail-mobile .medicalDetail-content ul li .li-item p {
  font-size: 0.28rem;
  font-weight: bold;
  color: #333;
  line-height: 0.4rem;
  position: relative;
}
.medicalDetail-mobile .medicalDetail-content ul li p {
  font-size: 0.22rem;
  color: #666;
  line-height: 0.33rem;
  z-index: 1;
}
.medicalDetail-mobile .medicalDetail-content .medicalDetail-img {
  width: 6.53rem;
  height: 4.08rem;
  margin: 0.25rem 0rem;
}
.training-mobile {
  width: 100%;
  background: #fff;
}
.training-mobile .banner {
  width: 100%;
  height: 9rem;
  text-align: center;
  overflow: hidden;
  background: url(/assets/images/mobile/training/bg.jpg) no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.training-mobile .banner .banner-content {
  width: 100%;
  height: 100%;
}
.training-mobile .banner .banner-content p {
  color: #fff;
}
.training-mobile .banner .banner-content p:first-child {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.67rem;
  margin: 2.71rem 0rem 0.37rem;
}
.training-mobile .banner .banner-content p:nth-child(2) {
  font-size: 0.3rem;
  line-height: 0.48rem;
}
.training-mobile .banner .banner-content .banner-btn {
  width: 2.8rem;
  height: 0.8rem;
  cursor: pointer;
  margin: 1.86rem auto 0rem;
  background: #4385F8;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  letter-spacing: 2px;
}
.training-mobile .banner .banner-content .banner-btn a {
  color: #fff;
}
.training-mobile .col-1 {
  width: 100%;
  color: #000;
  text-align: center;
  font-weight: 400;
  margin-bottom: 0.91rem;
}
.training-mobile .col-1 .col1-content {
  width: 100%;
  height: 100%;
}
.training-mobile .col-1 .col1-content .col1-title {
  font-size: 0.36rem;
  font-weight: bold;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  margin: 0.8rem 0rem 0.15rem;
}
.training-mobile .col-1 .col1-content .col1-subtitle {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.54rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.5rem;
}
.training-mobile .col-1 .col1-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0.4rem;
}
.training-mobile .col-1 .col1-content ul li img {
  width: 1.2rem;
  height: 1.2rem;
}
.training-mobile .col-1 .col1-content ul li p {
  font-size: 0.26rem;
  line-height: 0.37rem;
}
.training-mobile .col-6 {
  width: 100%;
  background: #F7F7F7;
  color: #000;
  text-align: center;
  font-weight: 400;
  padding-bottom: 0.95rem;
}
.training-mobile .col-6 .col6-title {
  font-size: 0.36rem;
  font-weight: bold;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin: 0rem 0rem 0.3rem;
}
.training-mobile .col-6 ul {
  width: 92%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.training-mobile .col-6 ul li {
  min-width: 2.64rem;
}
.training-mobile .col-6 ul li img {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.35rem;
}
.training-mobile .col-6 ul li p:nth-child(2) {
  font-size: 0.3rem;
  line-height: 0.42rem;
  margin-bottom: 0.1rem;
}
.training-mobile .col-6 ul li p {
  font-size: 0.24rem;
  color: #999;
  line-height: 0.33rem;
}
.training-mobile .col-7 {
  width: 100%;
  background: #398BF7;
  color: #fff;
  text-align: center;
  font-weight: 400;
  padding-bottom: 0.81rem;
}
.training-mobile .col-7 .col7-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  margin: 0rem 0rem 0.5rem;
  color: #fff;
}
.training-mobile .col-7 .col7-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.52rem;
}
.training-mobile .col-7 .col7-data .data-box p {
  color: #fff;
}
.training-mobile .col-7 .col7-data .data-box p:nth-child(1) {
  font-size: 0.36rem;
  line-height: 0.5rem;
}
.training-mobile .col-7 .col7-data .data-box p:nth-child(2) {
  font-size: 0.24rem;
  line-height: 0.5rem;
}
.training-mobile .col-7 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: -0.12rem 0.36rem 0rem;
}
.training-mobile .col-7 ul li img {
  width: 1rem;
  height: 1.01rem;
}
.training-mobile .col-7 ul li p {
  font-size: 0.24rem;
  line-height: 0.33rem;
  color: #fff;
}
.training-mobile .trainingDetail-wrapper {
  width: 100%;
  color: #000;
  text-align: center;
  font-weight: 400;
  padding-bottom: 0.68rem;
}
.training-mobile .trainingDetail-wrapper .trainingDetail-content {
  width: 100%;
  height: 100%;
}
.training-mobile .trainingDetail-wrapper .trainingDetail-content p:first-child {
  font-size: 0.36rem;
  font-weight: bold;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin: 0rem 0rem 0.15rem;
}
.training-mobile .trainingDetail-wrapper .trainingDetail-content p {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.54rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.38rem;
}
.training-mobile .trainingDetail-wrapper .trainingDetail-content img {
  width: 6.76rem;
  height: 3.91rem;
}
.household-container {
  width: 100%;
  height: 100%;
}
.household-container .household-banner {
  width: 100%;
  height: 740px;
  background-color: aliceblue;
  background: url(/assets/images/web/household/banners1.png) no-repeat;
  background-size: cover;
}
.household-container .household-banner .household-banners {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.household-container .household-banner .household-banners h2 {
  font-size: 60px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
  letter-spacing: 2px;
  padding-top: 212px;
  margin-bottom: 7px;
}
.household-container .household-banner .household-banners h4 {
  font-size: 34px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 60px;
  letter-spacing: 2px;
  margin-bottom: 64px;
}
.household-container .household-banner .household-banners h4 span {
  color: #fff;
  font-weight: bold;
}
.household-container .household-banner .household-banners a {
  width: 180px;
  height: 60px;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  display: block;
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 60px;
  text-align: center;
}
.household-container .household-painPoint {
  width: 100%;
  height: 627px;
}
.household-container .household-painPoint .household-painPoints {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.household-container .household-painPoint .household-painPoints h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 60px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 59px;
}
.household-container .household-painPoint .household-painPoints .household-bg {
  width: 1200px;
  height: 400px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household/bg1.png) no-repeat;
  background-size: cover;
}
.household-container .household-painPoint .household-painPoints .household-bg p {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  cursor: pointer;
}
.household-container .household-painPoint .household-painPoints .household-bg p.cur {
  color: #0758F1;
}
.household-container .household-painPoint .household-painPoints .household-bg p:nth-child(1) {
  position: absolute;
  top: 219px;
  left: 18px;
}
.household-container .household-painPoint .household-painPoints .household-bg p:nth-child(2) {
  position: absolute;
  top: 219px;
  left: 940px;
}
.household-container .household-painPoint .household-painPoints .household-bg p:nth-child(3) {
  position: absolute;
  top: 409px;
  left: 18px;
}
.household-container .household-painPoint .household-painPoints .household-bg p:nth-child(4) {
  position: absolute;
  top: 409px;
  left: 940px;
}
.household-container .household-painPoint .household-painPoints .household-bg h3 {
  width: 370px;
  height: 48px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  letter-spacing: 1px;
}
.household-container .household-painPoint .household-painPoints .household-bg .col-1 {
  position: absolute;
  top: 278px;
  left: 18px;
}
.household-container .household-painPoint .household-painPoints .household-bg .col-2 {
  position: absolute;
  top: 278px;
  left: 815px;
  text-align: right;
}
.household-container .household-painPoint .household-painPoints .household-bg .col-3 {
  position: absolute;
  top: 470px;
  left: 18px;
}
.household-container .household-painPoint .household-painPoints .household-bg .col-4 {
  position: absolute;
  top: 470px;
  left: 815px;
  text-align: right;
}
.household-container .household-core {
  width: 100%;
  height: 618px;
  background: #F6F9FF;
}
.household-container .household-core .household-cores {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.household-container .household-core .household-cores h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 60px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 59px;
}
.household-container .household-core .household-cores .household-flo {
  width: 100%;
  height: 328px;
  display: flex;
  flex-wrap: wrap;
}
.household-container .household-core .household-cores .household-flo li {
  width: 386px;
  height: 154px;
  margin-left: 14px;
  margin-top: 13px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
.household-container .household-core .household-cores .household-flo li h6 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 36px;
  margin-top: 33px;
  margin-left: 30px;
  margin-bottom: 5px;
}
.household-container .household-core .household-cores .household-flo li p {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #93969C;
  line-height: 24px;
  margin-left: 30px;
}
.household-container .household-core .household-cores .household-flo li img {
  width: 84px;
  height: 52px;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
}
.household-container .household-core .household-cores .household-flo li.cur {
  background: linear-gradient(135deg, #2170F2 0%, #0C52E5 100%);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  color: #fff !important;
}
.household-container .household-core .household-cores .household-flo li.cur h6 {
  color: #fff;
}
.household-container .household-core .household-cores .household-flo li.cur p {
  color: #fff;
  opacity: 75%;
}
.household-container .household-core .household-cores .household-flo li.cur.cur:nth-child(1) img {
  content: url(/assets/images/web/household/ones.png);
}
.household-container .household-core .household-cores .household-flo li.cur.cur:nth-child(2) img {
  content: url(/assets/images/web/household/twos.png);
}
.household-container .household-core .household-cores .household-flo li.cur.cur:nth-child(3) img {
  content: url(/assets/images/web/household/threes.png);
}
.household-container .household-core .household-cores .household-flo li.cur.cur:nth-child(4) img {
  content: url(/assets/images/web/household/fores.png);
}
.household-container .household-core .household-cores .household-flo li.cur.cur:nth-child(5) img {
  content: url(/assets/images/web/household/fives.png);
}
.household-container .household-core .household-cores .household-flo li.cur.cur:nth-child(6) img {
  content: url(/assets/images/web/household/sixs.png);
}
.household-container .household-tuyere {
  width: 100%;
  height: 564px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household/bg3.png) no-repeat;
  background-size: cover;
}
.household-container .household-tuyere .household-tuyeres {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.household-container .household-tuyere .household-tuyeres h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 60px;
  padding-top: 80px;
  text-align: center;
}
.household-container .household-solution {
  width: 100%;
  height: 841px;
}
.household-container .household-solution .household-solutions {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.household-container .household-solution .household-solutions h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 60px;
  padding-top: 80px;
  margin-bottom: 70px;
  text-align: center;
}
.household-container .household-solution .household-solutions .household-tabBox {
  width: 100%;
  height: 560px;
}
.household-container .household-solution .household-solutions .household-tabBox ol {
  width: 520px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  margin-bottom: 50px;
}
.household-container .household-solution .household-solutions .household-tabBox ol li {
  width: 160px;
  height: 50px;
  margin-left: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.household-container .household-solution .household-solutions .household-tabBox ol li img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  position: relative;
  top: 8px;
  left: -5px;
}
.household-container .household-solution .household-solutions .household-tabBox ol li.cur {
  background: rgba(7, 88, 241, 0.05);
}
.household-container .household-solution .household-solutions .household-tabBox .font_box {
  width: 1200px;
  height: 400px;
  margin: 0 auto;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li {
  width: 1200px;
  height: 460px;
  display: none;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-left {
  width: 550px;
  height: 100%;
  float: left;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-left h4 {
  height: 110px;
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 38px;
  letter-spacing: 1px;
  padding-top: 9px;
  margin-bottom: 25px;
  border-bottom: 2px solid #ECF1F8;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-left .p-Box {
  width: 100%;
  height: 166px;
  margin-top: 38px;
  margin-bottom: 66px;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-left .p-Box p {
  width: 512px;
  height: 34px;
  margin-top: 26px;
  text-indent: 10px;
  border-left: 4px solid #0758F1;
  line-height: 18px;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-left .p-Boxs {
  width: 100%;
  height: 166px;
  margin-top: 38px;
  margin-bottom: 66px;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-left .p-Boxs p {
  width: 512px;
  height: 16px;
  margin-top: 26px;
  text-indent: 10px;
  border-left: 4px solid #0758F1;
  line-height: 16px;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-right {
  width: 620px;
  height: 100%;
  float: left;
  margin-left: 30px;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li .font-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li.current {
  display: block;
}
.household-container .household-solution .household-solutions .household-tabBox .font_box li a {
  width: 154px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  display: block;
  text-align: center;
}
.household-container .household-dialogue {
  width: 100%;
  height: 815px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household/bg4.png) no-repeat;
  background-size: cover;
}
.household-container .household-dialogue h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 60px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 36px;
}
.household-container .household-dialogue .swiper-container {
  width: 100%;
  height: 740px;
}
.household-container .household-dialogue .swiper-container .swiper-wrapper .swiper-slide {
  width: 790px !important;
  height: 562px;
}
.household-container .household-dialogue .swiper-container .swiper-wrapper .swiper-slide img {
  width: 974px;
  height: 562px;
  object-fit: cover;
  display: block;
  margin-left: -91px;
  border-radius: 10px;
  cursor: pointer;
}
.household-container .household-dialogue .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev img,
.household-container .household-dialogue .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next img {
  opacity: 0.5;
  width: 700px;
  height: 400px;
  margin: 0 auto;
  margin-top: 160px;
  border-radius: 10px;
  cursor: pointer;
}
.household-container .household-dialogue .swiper-container .swiper-pagination {
  margin-bottom: 17px;
}
.household-container .household-dialogue .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 34px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 4px;
  opacity: 0.3;
}
.household-container .household-dialogue .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 34px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 4px;
  opacity: 1;
}
.household-container .household-tip {
  width: 100%;
  height: 590px;
}
.household-container .household-tip .household-tips {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.household-container .household-tip .household-tips h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 60px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 67px;
}
.household-container .household-tip .household-tips img {
  width: 1232px;
  height: 306px;
  object-fit: cover;
}
.household-container .household-deal {
  width: 100%;
  height: 280px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household/bg6.png) no-repeat;
  background-size: cover;
}
.household-container .household-deal .household-deals {
  width: 1100px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.household-container .household-deal .household-deals li {
  width: 260px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  opacity: 1;
  line-height: 24px;
  text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.26);
  padding-top: 123px;
  letter-spacing: 1px;
}
.household-container .household-deal .household-deals li p {
  float: left;
  margin-top: 5px;
}
.houseHold-mobile {
  width: 100%;
  height: 100%;
}
.houseHold-mobile .mobile-banner {
  width: 100%;
  height: 10.2rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household-mobile/banner.png) no-repeat;
  background-size: cover;
}
.houseHold-mobile .mobile-banner .mobile-banners {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.houseHold-mobile .mobile-banner .mobile-banners h2 {
  font-size: 0.54rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.7rem;
  padding-top: 1.5rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.houseHold-mobile .mobile-banner .mobile-banners h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.38rem;
}
.houseHold-mobile .mobile-banner .mobile-banners a {
  width: 2rem;
  height: 0.6rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.houseHold-mobile .mobile-painPoint {
  width: 100%;
  height: 7.36rem;
  background: #F6F9FF;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints {
  width: 7.2rem;
  height: 100%;
  margin: 0 auto;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.71rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints .Transverse-Box {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints .Transverse-Box li {
  display: inline-block;
  margin: 0.15rem;
  width: 4.68rem;
  height: 4.4rem;
  box-shadow: 0 0.04rem 0.1rem 0 rgba(4, 81, 127, 0.07);
  border-radius: 0.1rem;
  border: 0.02rem solid #FFFFFF;
  background-color: #fff;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints .Transverse-Box li img {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.31rem;
  margin-bottom: 0.24rem;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints .Transverse-Box li h5 {
  font-size: 0.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.36rem;
  text-align: center;
  margin-bottom: 0.24rem;
}
.houseHold-mobile .mobile-painPoint .mobile-painPoints .Transverse-Box li p {
  width: 3.98rem;
  height: 1.2rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0.4rem;
  margin: 0 auto;
  text-align: center;
}
.houseHold-mobile .mobile-efficiency {
  width: 100%;
  height: 16.24rem;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys {
  width: 7rem;
  height: 100%;
  margin: 0 auto;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.71rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul {
  width: 100%;
  height: 12.84rem;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul li {
  width: 6.9rem;
  height: 1.94rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem;
  margin-top: 0.24rem;
  display: flex;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul li .li-imgBox {
  width: 0.68rem;
  height: 100%;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul li .li-imgBox img {
  width: 0.68rem;
  height: 0.46rem;
  object-fit: cover;
  margin-top: 0.26rem;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul li .li-font {
  width: 5.76rem;
  height: 100%;
  margin-left: 0.12rem;
  margin-top: 0.31rem;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul li .li-font h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.4rem;
  margin-bottom: 0.12rem;
}
.houseHold-mobile .mobile-efficiency .mobile-efficiencys .efficiency-ul li .li-font p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(25, 25, 25, 0.5);
  line-height: 0.4rem;
}
.houseHold-mobile .mobile-dialogue {
  width: 100%;
  height: 16.18rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.88rem;
  text-align: center;
  margin-bottom: 0.92rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox {
  width: 100%;
  height: calc(100% - 4.68rem);
  margin-bottom: 0.78rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabTop {
  width: 100%;
  height: 1.05rem;
  margin-bottom: 0.34rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabTop ul {
  display: flex;
  width: 100%;
  height: 1rem;
  border-bottom: 0.01rem solid #eeeeee;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabTop ul li {
  width: 2.3rem;
  height: 1rem;
  text-align: center;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabTop ul li img {
  width: 0.42rem;
  height: 0.42rem;
  object-fit: cover;
  display: block;
  margin-bottom: 0.08rem;
  margin: 0 auto;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabTop ul li.cur {
  color: #0758F1;
  font-weight: bold;
  border-bottom: 0.04rem solid #0758F1;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom {
  width: 100%;
  height: 10.12rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li {
  width: 100%;
  height: 10.12rem;
  display: none;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li img {
  width: 6.9rem;
  height: 5.12rem;
  object-fit: cover;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li h2 {
  font-size: 0.36rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.5rem;
  letter-spacing: 0.01rem;
  margin-top: -0.4rem;
  text-align: left;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li .fontBottom {
  width: 100%;
  height: 3.5rem;
  margin-top: -0.5rem;
  border-top: 0.02rem solid #eeeeee;
  margin-bottom: 0.5rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li .fontBottom p {
  height: 0.7rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.37rem;
  margin-top: 0.4rem;
  border-left: 0.04rem solid #0758F1;
  padding-left: 0.2rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li .fontBottoms {
  width: 100%;
  height: 3.5rem;
  margin-top: -0.5rem;
  border-top: 0.02rem solid #eeeeee;
  margin-bottom: 0.5rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li .fontBottoms p {
  height: 0.3rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.3rem;
  margin-top: 0.4rem;
  border-left: 0.04rem solid #0758F1;
  padding-left: 0.2rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li .fontBottoms .p {
  height: 0.69rem;
  border-left: 0.04rem solid #0758F1;
  padding-left: 0.2rem;
  line-height: 0.38rem;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues .tabBox .tabBottom .tab_con_li.current {
  display: block;
}
.houseHold-mobile .mobile-dialogue .mobile-dialogues a {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.houseHold-mobile .mobile-data {
  width: 100%;
  height: 12.5rem;
}
.houseHold-mobile .mobile-data .mobile-datas {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.houseHold-mobile .mobile-data .mobile-datas h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.88rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container {
  width: 100%;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper {
  width: 100%;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide {
  height: 8.16rem;
  background: rgba(7, 88, 241, 0.02);
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .imgBox {
  width: 100%;
  height: 5.2rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .imgBox img {
  width: 100%;
  height: 5.2rem;
  object-fit: cover;
  display: block;
  margin-bottom: 0.06rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBox {
  width: 3.3rem;
  height: 0.65rem;
  margin: 0 auto;
  display: flex;
  margin-bottom: 0.35rem;
  justify-content: space-around;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBox h4 {
  font-size: 0.36rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBox img {
  width: 1.2rem;
  height: 0.5042rem;
  object-fit: cover;
  margin-left: 0.16rem;
  margin-top: 0.04rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBoxs {
  width: 2.7rem;
  height: 0.65rem;
  margin: 0 auto;
  display: flex;
  margin-bottom: 0.35rem;
  justify-content: space-around;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBoxs h4 {
  font-size: 0.36rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBoxs img {
  width: 1.2rem;
  height: 0.5042rem;
  object-fit: cover;
  margin-left: 0.16rem;
  margin-top: 0.04rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBox1 {
  width: 3.1rem;
  height: 0.65rem;
  margin: 0 auto;
  display: flex;
  margin-bottom: 0.35rem;
  justify-content: space-around;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBox1 h4 {
  font-size: 0.36rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .fonBox1 img {
  width: 1.2rem;
  height: 0.5042rem;
  object-fit: cover;
  margin-left: 0.16rem;
  margin-top: 0.04rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .numBox {
  width: 6.9rem;
  height: 1.6rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.1rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .numBox li {
  width: 1.3rem;
  height: 100%;
  position: relative;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .numBox li h4 {
  font-size: 0.36rem;
  font-family: DIN-Bold, DIN;
  font-weight: bold;
  color: #FC8F26;
  line-height: 0.36rem;
  margin-top: 0.34rem;
  margin-bottom: 0.2rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .numBox li h4 span {
  position: absolute;
  top: 0.37rem;
  left: 0.75rem;
  font-size: 0.2rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FC8F26;
  line-height: 0.36rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-container .swiper-wrapper .swiper-slide .numBox li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  text-align: center;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-pagination {
  position: absolute;
  top: 10.5rem;
  left: 2.6rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-pagination .swiper-pagination-bullet {
  width: 0.36rem;
  height: 0.08rem;
  background: #c5c1c1;
  margin-left: 0.14rem;
  border-radius: 0.04rem;
}
.houseHold-mobile .mobile-data .mobile-datas .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.36rem;
  background: #0758F1;
  border-radius: 0.04rem;
}
.houseHold-mobile .mobile-data .mobile-datas a {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 1rem;
}
.houseHold-mobile .mobile-tip {
  width: 100%;
  height: 9.96rem;
}
.houseHold-mobile .mobile-tip .mobile-tips {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.houseHold-mobile .mobile-tip .mobile-tips h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.88rem;
  margin-bottom: 0.34rem;
}
.houseHold-mobile .mobile-tip .mobile-tips img {
  width: 100%;
  height: 6.92rem;
  object-fit: cover;
}
.houseHold-mobile .mobile-customer {
  width: 100%;
  height: 2.8rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household-mobile/bg3.png) no-repeat;
  background-size: cover;
}
.houseHold-mobile .mobile-customer ul {
  display: flex;
  justify-content: space-around;
}
.houseHold-mobile .mobile-customer ul li {
  width: 1.8rem;
  height: 0.86rem;
  margin-top: 1rem;
}
.houseHold-mobile .mobile-customer ul li h4 {
  font-size: 0.46rem;
  font-family: DIN-Bold, DIN;
  font-weight: bold;
  color: #fff;
  line-height: 0.28rem;
  text-shadow: 0 0.02rem 0.16rem rgba(0, 0, 0, 0.26);
  margin-bottom: 0.27rem;
  text-align: center;
}
.houseHold-mobile .mobile-customer ul li p {
  font-size: 0.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  opacity: 80%;
  line-height: 0.24rem;
  text-shadow: 0 0.02rem 0.16rem rgba(0, 0, 0, 0.26);
  text-align: center;
}
.mobile-form {
  width: 100%;
  height: 6.4rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household-mobile/bg1.png) no-repeat;
  background-size: cover;
}
.mobile-form .title {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.6rem;
  padding-top: 0.88rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
.mobile-form form {
  margin-bottom: 0.4rem;
}
.mobile-form form input {
  width: 5.76rem;
  height: 0.7rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.mobile-form form input::-webkit-input-placeholder {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  line-height: 0.33rem;
  text-indent: 0.21rem;
}
.mobile-form .apply-btn {
  width: 5.76rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  border: 0.01rem solid #0758F1;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.23rem;
  cursor: pointer;
}
.mobile-form span {
  font-size: 0.21rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  line-height: 0.3rem;
  text-align: center;
  display: block;
}
.mobile-form2 {
  width: 100%;
  height: 6.4rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/household-mobile/bg2.png) no-repeat;
  background-size: cover;
}
.mobile-form2 .titles {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.6rem;
  padding-top: 0.88rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
.mobile-form2 form {
  margin-bottom: 0.4rem;
}
.mobile-form2 form input {
  width: 5.76rem;
  height: 0.7rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.mobile-form2 form input::-webkit-input-placeholder {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  line-height: 0.33rem;
  text-indent: 0.21rem;
}
.mobile-form2 .apply-btn {
  width: 5.76rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  border: 0.01rem solid #0758F1;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.23rem;
  cursor: pointer;
}
.mobile-form2 p {
  font-size: 0.21rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.3rem;
  text-align: center;
  display: block;
}
.houseHoldDetail-mobile {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding-bottom: 0.8rem;
}
.houseHoldDetail-mobile .houseHoldDetail-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding-top: 0.8rem;
  margin-bottom: 0.15rem;
}
.houseHoldDetail-mobile .houseHoldDetail-subtitle {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.54rem;
  letter-spacing: 0.02rem;
}
.houseHoldDetail-mobile img {
  margin-top: 0.25rem;
}
.householdForm-wrapper {
  width: 100%;
  height: 526px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background: url(/assets/images/web/household/bg3.png) no-repeat;
  background-size: cover;
}
.householdForm-wrapper .householdForm-content {
  width: 1200px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-dirction: column;
  align-items: center;
  -webkit-align-items: center;
  /*清除IE下的 search 叉号*/
  /*清除IE下的 text 叉号*/
  /*清除谷歌浏览器下的 search 叉号*/
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}
.householdForm-wrapper .householdForm-content .title {
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 36px;
  margin-bottom: 68px;
}
.householdForm-wrapper .householdForm-content input {
  display: block;
  width: 432px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EEEEE0;
  margin-bottom: 22px;
  padding-left: 16px;
  outline: #398BF7;
  font-size: 16px;
}
.householdForm-wrapper .householdForm-content input::-webkit-input-placeholder {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
  line-height: 22px;
  text-indent: 10px;
}
.householdForm-wrapper .householdForm-content input::-webkit-outer-spin-button,
.householdForm-wrapper .householdForm-content input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.householdForm-wrapper .householdForm-content input[type="number"] {
  -moz-appearance: textfield;
}
.householdForm-wrapper .householdForm-content input[type=search]::-ms-clear {
  display: none;
}
.householdForm-wrapper .householdForm-content input[type=text]::-ms-clear {
  display: none;
}
.householdForm-wrapper .householdForm-content input::-webkit-search-cancel-button {
  display: none;
}
.householdForm-wrapper .householdForm-content input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.householdForm-wrapper .householdForm-content input:focus:-moz-placeholder {
  opacity: 0;
}
.householdForm-wrapper .householdForm-content input:focus::-moz-placeholder {
  opacity: 0;
}
.householdForm-wrapper .householdForm-content input:focus:-ms-input-placeholder {
  opacity: 0;
}
.householdForm-wrapper .householdForm-content .apply-btn {
  width: 432px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
  line-height: 48px;
  margin-bottom: 37px;
}
.householdForm-wrapper .householdForm-content span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #D8DDE9;
  line-height: 30px;
  letter-spacing: 1px;
}
.householdForm-wrappers {
  width: 100%;
  height: 526px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background: url(/assets/images/web/household/bg5.png) no-repeat;
  background-size: cover;
}
.householdForm-wrappers .householdForm-content {
  width: 1200px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-dirction: column;
  align-items: center;
  -webkit-align-items: center;
  /*清除IE下的 search 叉号*/
  /*清除IE下的 text 叉号*/
  /*清除谷歌浏览器下的 search 叉号*/
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}
.householdForm-wrappers .householdForm-content .title {
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 36px;
  margin-bottom: 68px;
}
.householdForm-wrappers .householdForm-content .titles {
  font-size: 40px;
  font-weight: bold;
  color: #000000;
  line-height: 36px;
  margin-bottom: 68px;
}
.householdForm-wrappers .householdForm-content .ipt {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.householdForm-wrappers .householdForm-content .ipt::-webkit-input-placeholder {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  line-height: 22px;
  text-indent: 10px;
}
.householdForm-wrappers .householdForm-content input {
  display: block;
  width: 432px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EEEEE0;
  margin-bottom: 22px;
  padding-left: 16px;
  outline: #398BF7;
  font-size: 16px;
}
.householdForm-wrappers .householdForm-content input::-webkit-input-placeholder {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
  line-height: 22px;
  text-indent: 10px;
}
.householdForm-wrappers .householdForm-content input::-webkit-outer-spin-button,
.householdForm-wrappers .householdForm-content input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.householdForm-wrappers .householdForm-content input[type="number"] {
  -moz-appearance: textfield;
}
.householdForm-wrappers .householdForm-content input[type=search]::-ms-clear {
  display: none;
}
.householdForm-wrappers .householdForm-content input[type=text]::-ms-clear {
  display: none;
}
.householdForm-wrappers .householdForm-content input::-webkit-search-cancel-button {
  display: none;
}
.householdForm-wrappers .householdForm-content input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.householdForm-wrappers .householdForm-content input:focus:-moz-placeholder {
  opacity: 0;
}
.householdForm-wrappers .householdForm-content input:focus::-moz-placeholder {
  opacity: 0;
}
.householdForm-wrappers .householdForm-content input:focus:-ms-input-placeholder {
  opacity: 0;
}
.householdForm-wrappers .householdForm-content .apply-btn {
  width: 432px;
  height: 48px;
  background: #0758F1;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 48px;
  margin-bottom: 40px;
  margin-top: 8px;
  cursor: pointer;
}
.householdForm-wrappers .householdForm-content span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #D8DDE9;
  line-height: 30px;
  letter-spacing: 1px;
}
.householdForm-wrappers .householdForm-content .span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}
.householdForm-wrappers .householdForm-content .span span {
  color: #F7802A;
}
.household-toast {
  padding: 20px;
  word-break: break-all;
  line-height: 1.5;
  position: fixed;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  max-width: 400px;
  font-size: 20px;
  border-radius: 5px;
  display: none;
  text-align: center;
  z-index: 99999;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner {
  width: 100%;
  height: 100%;
  height: 600px;
  background-color: #ededed;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-slide {
  width: 100% !important;
  height: 600px;
  position: relative;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-pagination {
  bottom: 20px !important;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-pagination li {
  width: 20px;
  border-radius: 0px;
  height: 5px;
  margin: 0 10px !important;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc {
  position: absolute;
  cursor: pointer;
  width: 100%;
  top: 180px;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .label {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  padding: 5px 13px;
  width: 403px;
  line-height: 34px;
  font-size: 24px;
  background-image: linear-gradient(to right, #5BABFF 0%, rgba(255, 255, 255, 0) 100%);
  color: #001964;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .label img {
  margin-right: 13px;
  width: 17.5px !important;
  height: 24px !important;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .ImgLiveBannerDesc_a {
  width: 1200px;
  margin: 0 auto;
  display: block;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .title {
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  line-height: 66px;
  font-size: 48px;
  color: #212225;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .title span {
  color: #166FF4;
  margin-left: 6px;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .desc {
  font-weight: 400;
  font-size: 24px;
  font-family: PingFang SC-Regular, PingFang SC;
  margin: 20px 0px 20px 0px;
  color: #828994;
}
.pc-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .btn {
  width: 136px;
  height: 48px;
  background: linear-gradient(136deg, #007CEF 6%, #2036FF 100%);
  border-radius: 5px 5px 5px 5px;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 48px;
  cursor: pointer;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner {
  width: 100%;
  height: 10.2rem;
  background-color: #ededed;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-slide {
  width: 100% !important;
  height: 10.2rem;
  position: relative;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc {
  width: 100%;
  position: absolute;
  top: 1.4rem;
  left: 0px;
  text-align: center;
  cursor: pointer;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .title {
  font-size: 0.54rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #212225;
  line-height: 0.76rem;
  white-space: nowrap;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .title span {
  color: #166FF4;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .desc {
  line-height: 0.44rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #828994;
  margin: 0.18rem 0px 0.24rem 0px;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .btn {
  display: none;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.16rem;
  line-height: 0.52rem;
  height: 0.64rem;
  font-size: 0.32rem;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #86C0FF 50%, rgba(255, 255, 255, 0) 100%);
  color: #001964;
}
.mobile-imglive .swiper-container.swiper-container_ImgLiveBanner .ImgLiveBannerDesc .label img {
  margin-right: 0.14rem;
  width: 0.26rem !important;
  height: 0.36rem !important;
}
.pc-imglive {
  width: 100%;
}
.pc-imglive .box1 {
  width: 100%;
  height: 910px;
  position: relative;
  background: linear-gradient(180deg, #FFFFFF 0%, #EBF7FF 100%);
}
.pc-imglive .box1 .heart {
  width: 1200px;
  height: 124px;
  margin: 0 auto;
  position: relative;
  top: -72px;
  z-index: 99;
  display: flex;
  justify-content: space-between;
}
.pc-imglive .box1 .heart li {
  width: 380px;
  height: 124px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 6, 61, 0.05);
  border-radius: 10px 10px 10px 10px;
  position: relative;
}
.pc-imglive .box1 .heart li h3 {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 23px;
  margin-top: 32px;
  margin-left: 20px;
  margin-bottom: 10px;
}
.pc-imglive .box1 .heart li p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(18, 18, 18, 0.7);
  line-height: 19px;
  margin-left: 20px;
}
.pc-imglive .box1 .heart li img {
  position: absolute;
  left: 296px;
  top: 30px;
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.pc-imglive .box1 .title_box {
  position: relative;
  z-index: 10;
  padding-top: 8px;
}
.pc-imglive .box1 .title_box .box1_title {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 47px;
  margin-bottom: 30px;
  text-align: center;
}
.pc-imglive .box1 .title_box .box1_title span {
  color: #405BFD;
}
.pc-imglive .box1 .title_box .desc_ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-imglive .box1 .title_box .desc_ul li {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 19px;
  display: flex;
  align-items: center;
}
.pc-imglive .box1 .title_box .desc_ul li:last-child::after {
  content: '';
  display: none;
}
.pc-imglive .box1 .title_box .desc_ul li:after {
  content: '/';
  display: block;
  width: 8px;
  height: 22px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 22px;
  margin: 0px 12px;
}
.pc-imglive .box1 .box1_banner {
  width: 1200px;
  height: 678px;
  display: block;
  margin: 0px auto;
  object-fit: contain;
}
.pc-imglive .photography {
  width: 100%;
  height: 1004px;
  background: url('/assets/images/web/imglive/bg1.png') no-repeat;
  background-size: cover;
}
.pc-imglive .photography h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #405BFD;
  line-height: 47px;
  text-align: center;
  padding-top: 160px;
  margin-bottom: 130px;
}
.pc-imglive .photography .channel {
  width: 1200px;
  height: 498px;
  margin: 0 auto;
  background: rgba(247, 247, 250, 0.4);
  box-shadow: 0px 4px 34px 0px rgba(11, 43, 105, 0.05);
  border-radius: 24px 24px 24px 24px;
  opacity: 1;
  border: 3px solid #FFFFFF;
  position: relative;
}
.pc-imglive .photography .channel h6 {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #2B2D33;
  line-height: 38px;
  margin-top: 140px;
  margin-left: 104px;
  margin-bottom: 40px;
}
.pc-imglive .photography .channel .iphone {
  width: 300px;
  height: 607.04px;
  position: absolute;
  top: -55px;
  left: 796px;
  z-index: 99;
}
.pc-imglive .photography .channel .swiper-container_photography {
  width: 266.9px;
  height: 574.03px !important;
  min-height: 0px;
  background-color: rebeccapurple;
  border-radius: 30px;
  position: absolute;
  top: -40px;
  left: 812px;
  background-color: rgba(0, 0, 0, 0);
}
.pc-imglive .photography .channel .swiper-container_photography .swiper-wrapper {
  width: 266.9px;
  height: 574.03px;
  border-radius: 30px;
}
.pc-imglive .photography .channel .swiper-container_photography .swiper-wrapper .swiper-slide {
  width: 266.9px;
  height: 574.03px;
  border-radius: 30px;
}
.pc-imglive .photography .channel .swiper-container_photography .swiper-wrapper .swiper-slide img {
  width: 266.9px;
  height: 574.03px;
  border-radius: 30px;
}
.pc-imglive .photography .channel .swiper-pagination_photography {
  position: absolute;
  top: 294px;
  left: 88px;
  display: flex;
  align-items: center;
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet {
  width: 144px;
  height: 64px;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  margin-left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet li {
  height: 24px;
  background-image: url('/assets/images/web/imglive/photographs.png');
  background-repeat: no-repeat;
  background-size: 24px;
  display: flex;
  align-items: center;
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet li span {
  display: block;
  padding-left: 32px;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #575757;
  line-height: 21px;
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet.swiper-pagination-bullet-active li {
  background-image: url(/assets/images/web/imglive/photograph.png);
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(2) li {
  background-image: url(/assets/images/web/imglive/mp4s.png);
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active li {
  background-image: url(/assets/images/web/imglive/mp4.png);
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(3) li {
  background-image: url(/assets/images/web/imglive/lives.png);
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active li {
  background-image: url(/assets/images/web/imglive/live.png);
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
}
.pc-imglive .photography .channel .swiper-pagination_photography .swiper-pagination-bullet.swiper-pagination-bullet-active li span {
  color: #fff;
}
.pc-imglive .imgLive {
  width: 100%;
  height: 774px;
  background: url('/assets/images/web/imglive/bg2.png') no-repeat;
  background-size: cover;
  overflow: hidden;
}
.pc-imglive .imgLive h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 60px;
  text-align: center;
  margin-bottom: 40px;
}
.pc-imglive .imgLive .imgLiveContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pc-imglive .imgLive .imgLiveContent .tabUl {
  display: flex;
  align-items: center;
}
.pc-imglive .imgLive .imgLiveContent .tabUl li {
  width: 104px;
  height: 44px;
  border-radius: 40px 40px 40px 40px;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pc-imglive .imgLive .imgLiveContent .tabUl li.active {
  color: #fff;
  background-color: #0758F1;
  border-color: transparent;
}
.pc-imglive .imgLive .imgLiveContent .tabUl li:last-child {
  margin-left: 32px;
}
.pc-imglive .imgLive .imgLiveContent .desc {
  margin: 40px auto;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 26px;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic {
  width: 350px;
  height: 708.21px;
  position: relative;
  z-index: 10;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .iconPic {
  position: absolute;
  top: 149px;
  left: -30px;
  width: 150px;
  height: 154px;
  opacity: 0;
  z-index: 11;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .iconPic.iconPic2 {
  top: 305px;
  left: 291px;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .iconPic.iconPic3 {
  top: 125px;
  left: -39px;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .iconPic.iconPic4 {
  top: 323px;
  left: -6px;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .iconPic.iconPic5 {
  top: 229px;
  left: 314px;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic.imgLivePic-1 .iconPic1,
.pc-imglive .imgLive .imgLiveContent .imgLivePic.imgLivePic-1 .iconPic2 {
  opacity: 1;
  transform: translateY(-30px);
  transition: all 2s;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic.imgLivePic-2 .iconPic3,
.pc-imglive .imgLive .imgLiveContent .imgLivePic.imgLivePic-2 .iconPic4,
.pc-imglive .imgLive .imgLiveContent .imgLivePic.imgLivePic-2 .iconPic5 {
  opacity: 1;
  transform: translateY(-30px);
  transition: all 2s;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneImg {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneBox {
  width: 311.38px;
  height: 673.45px;
  overflow: hidden;
  position: absolute;
  top: 17px;
  left: 19px;
  z-index: 1;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneBox ul {
  display: flex;
  align-items: center;
  width: 682.76px;
  box-sizing: border-box;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneBox ul li {
  width: 311.38px;
  height: 673.45px;
  position: relative;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneBox ul li .contentPic {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneBox ul.toLeft {
  margin-left: 0px;
  transition: all 0.2s;
}
.pc-imglive .imgLive .imgLiveContent .imgLivePic .phoneBox ul.toRight {
  margin-left: -311.38px;
  transition: all 0.2s;
}
.pc-imglive .scenario {
  width: 100%;
  height: 700px;
  background-image: url('/assets/images/web/imglive/box5-banner.png');
  background-repeat: no-repeat;
}
.pc-imglive .scenario .scenarios {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .scenario .scenarios h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 47px;
  text-align: center;
  padding: 90px 0px 30px;
}
.pc-imglive .scenario .scenarios .one-stop {
  position: relative;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swiper-options-tab {
  width: 72%;
  height: 50px;
  margin: 0 auto 60px;
  display: flex;
  line-height: 50px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  margin-bottom: 60px;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swiper-options-tab > div {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.8);
  line-height: 19px;
  width: 104px;
  height: 44px;
  color: #fff;
  border-radius: 40px 40px 40px 40px;
  text-align: center;
  line-height: 44px;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swiper-options-tab > div.active {
  width: 104px;
  height: 44px;
  background: #0758F1;
  color: #fff;
  border-radius: 40px 40px 40px 40px;
  text-align: center;
  line-height: 44px;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container {
  height: 360px;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul {
  height: 100%;
  width: 100%;
  position: relative;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .swiper-item {
  width: 520px;
  height: 360px;
  border-radius: 12px;
  position: absolute;
  opacity: 1;
  transition: all 0.8s ease-in-out;
  transform-origin: left;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .swiper-item img {
  width: 100%;
  height: 100%;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .swiper-item > .mask {
  width: 100%;
  height: 100%;
  background-color: #0F0E2B;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  transition: all 1s ease-in-out;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p6 {
  transform: scale(0.576);
  left: 0px;
  z-index: 59;
  background: transparent;
  padding: 0;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p6 .mask {
  opacity: 0.6;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p5 {
  transform: scale(0.765);
  left: 134px;
  z-index: 79;
  background: transparent;
  padding: 0;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p5 .mask {
  opacity: 0.3;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p7 {
  transform: scale(0.576);
  left: 906px;
  z-index: 59;
  background: transparent;
  padding: 0;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p7 .mask {
  opacity: 0.3;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p8 {
  opacity: 1;
  left: 340px;
  z-index: 99;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p8 .mask {
  opacity: 0;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p9 {
  transform: scale(0.765);
  left: 668px;
  z-index: 79;
  background: transparent;
  padding: 0;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p9 .mask {
  opacity: 0.6;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p3,
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p4,
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container ul .p2 {
  display: none;
}
.pc-imglive .scenario .scenarios .one-stop .furn-part-swiper .swipers-container > div {
  height: 469px;
  width: 3000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin-top: 30px;
}
.pc-imglive .around {
  width: 100%;
  height: 596px;
  background: url('/assets/images/web/imglive/box6-banner.png') no-repeat;
  background-size: cover;
}
.pc-imglive .around .arounds {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .around .arounds h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .around .arounds .camera {
  width: 100%;
  height: 270px;
  display: flex;
  justify-content: space-between;
}
.pc-imglive .around .arounds .camera li:hover {
  box-shadow: 0px 7px 60px 0px rgba(0, 51, 120, 0.2);
  transform: translateY(-20px);
  transition: transform 0.3s linear;
}
.pc-imglive .around .arounds .camera li {
  width: 278px;
  height: 270px;
  background: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
}
.pc-imglive .around .arounds .camera li .img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  margin-top: 30px;
  margin-left: 30px;
}
.pc-imglive .around .arounds .camera li .one {
  width: 48px;
  height: 48px;
  object-fit: cover;
  margin-left: 114px;
}
.pc-imglive .around .arounds .camera li h5 {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 23px;
  margin-top: 38px;
  margin-left: 30px;
  margin-bottom: 16px;
}
.pc-imglive .around .arounds .camera li p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 26px;
  margin-left: 30px;
}
.pc-imglive .burst {
  width: 100%;
  height: 788px;
  background-color: #F4F9FD;
}
.pc-imglive .burst .bursts {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .burst .bursts h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-imglive .burst .bursts p {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .burst .bursts .pluralism {
  width: 100%;
  height: 444px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
.pc-imglive .burst .bursts .pluralism li {
  width: 585px;
  height: 128px;
  background: #FFFFFF;
  display: flex;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
}
.pc-imglive .burst .bursts .pluralism li.active {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 10px 10px;
}
.pc-imglive .burst .bursts .pluralism li.active > div h4,
.pc-imglive .burst .bursts .pluralism li.active > div p {
  color: #FFFFFF;
}
.pc-imglive .burst .bursts .pluralism li img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  margin-top: 32px;
  margin-left: 32px;
}
.pc-imglive .burst .bursts .pluralism li > div {
  margin-left: 20px;
  margin-top: 34px;
}
.pc-imglive .burst .bursts .pluralism li > div h4 {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 23px;
  margin-bottom: 10px;
}
.pc-imglive .burst .bursts .pluralism li > div p {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(18, 18, 18, 0.7);
  line-height: 19px;
}
.pc-imglive .process {
  width: 100%;
  height: 600px;
}
.pc-imglive .process .processs {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .process .processs h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 120px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-imglive .process .processs p {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .process .processs .numBox {
  width: 100%;
  height: 88px;
  display: flex;
  margin-bottom: 18px;
  justify-content: space-around;
}
.pc-imglive .process .processs .numBox img {
  width: 88px;
  height: 88px;
  object-fit: cover;
}
.pc-imglive .process .processs .dian {
  width: 1200px;
  height: 44px;
  object-fit: cover;
  margin-bottom: 18px;
}
.pc-imglive .process .processs ul {
  display: flex;
  justify-content: space-around;
}
.pc-imglive .process .processs ul li {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
}
.pc-imglive .major {
  width: 100%;
  height: 630px;
}
.pc-imglive .major .majors {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .major .majors h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 60px;
  text-align: center;
  margin-bottom: 41px;
}
.pc-imglive .major .majors .col-box {
  width: 100%;
  height: 152px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
.pc-imglive .major .majors .col-box li:hover {
  width: 387px;
  height: 152px;
  box-shadow: 0px 8px 40px 0px rgba(0, 51, 120, 0.3);
  border-radius: 6px 6px 6px 6px;
  transform: translateY(-10px);
}
.pc-imglive .major .majors .col-box li {
  width: 387px;
  height: 152px;
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  border-radius: 6px 6px 6px 6px;
  background: url('/assets/images/web/imglive/bg4.png') no-repeat;
  background-size: cover;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.pc-imglive .major .majors .col-box li p {
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
  margin-top: 47px;
  margin-left: 44px;
}
.pc-imglive .major .majors .col-box li img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  position: absolute;
  left: 310px;
  top: 48px;
}
.pc-imglive .major .majors .cols-box {
  width: 804px;
  height: 152px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.pc-imglive .major .majors .cols-box li:hover {
  width: 387px;
  height: 152px;
  box-shadow: 0px 8px 40px 0px rgba(0, 51, 120, 0.3);
  border-radius: 6px 6px 6px 6px;
  transform: translateY(-10px);
}
.pc-imglive .major .majors .cols-box li {
  width: 387px;
  height: 152px;
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  border-radius: 6px 6px 6px 6px;
  background: url('/assets/images/web/imglive/bg4.png') no-repeat;
  background-size: cover;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.pc-imglive .major .majors .cols-box li p {
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
  margin-top: 47px;
  margin-left: 44px;
}
.pc-imglive .major .majors .cols-box li img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  position: absolute;
  left: 310px;
  top: 48px;
}
.pc-imglive .appointment {
  width: 100%;
  height: 582px;
  background: #F4F7FB;
}
.pc-imglive .appointment .appointments {
  width: 1200px;
  margin: 0 auto;
}
.pc-imglive .appointment .appointments .imgLogo {
  width: 100%;
  height: 170px;
  margin-bottom: 100px;
}
.pc-imglive .appointment .appointments .imgLogo img {
  width: 190px;
  height: 170px;
  object-fit: cover;
  margin-top: 90px;
  margin-left: 505px;
}
.pc-imglive .appointment .appointments h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-imglive .appointment .appointments h2 span {
  color: #405BFD;
}
.pc-imglive .appointment .appointments p {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .appointment #appointmentFrom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-imglive .appointment #appointmentFrom input {
  outline: none;
  width: 278px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 2px solid #FFFFFF;
  padding-left: 24px;
  font-size: 16px;
}
.pc-imglive .appointment #appointmentFrom input:nth-child(2) {
  margin-left: 30px;
}
.pc-imglive .appointment #appointmentFrom input::-webkit-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.pc-imglive .appointment #appointmentFrom input::-moz-placeholder {
  font-size: 16px;
  color: #999999;
}
.pc-imglive .appointment #appointmentFrom input:-ms-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.pc-imglive .appointment #appointmentFrom .fromItem {
  position: relative;
  margin-left: 30px;
}
.pc-imglive .appointment #appointmentFrom .fromItem .tips {
  position: absolute;
  top: 60px;
  left: 0px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 67, 90, 0.97);
}
.pc-imglive .appointment #appointmentFrom .selectBox {
  position: relative;
  margin-left: 30px;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectIpt > input {
  outline: none;
  width: 379px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: 2px solid #FFFFFF;
  position: relative;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectIpt .selectIcon {
  cursor: pointer;
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  top: 50%;
  right: 40px;
  background-image: url('/assets/images/web/imglive/selectIcon.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectIpt.open .selectIcon {
  transform: translateY(-50%) rotate(180deg);
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectList {
  height: 0px;
  width: 379px;
  background: transparent;
  box-shadow: 0px 14px 34px 0px rgba(10, 2, 58, 0.1);
  border-radius: 10px 10px 10px 10px;
  border: 1px solid transparent;
  opacity: 1;
  position: absolute;
  top: 70px;
  left: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 99;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectList.open {
  height: 528px;
  border-color: rgba(12, 7, 63, 0.2);
  background: #fff;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectList li {
  width: 379px;
  height: 48px;
  padding-left: 24px;
  line-height: 48px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #838286;
  cursor: pointer;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectList li.active {
  background: #F7F9FC;
}
.pc-imglive .appointment #appointmentFrom .selectBox .selectList li:hover {
  background: #F7F9FC;
}
.pc-imglive .appointment #appointmentFrom .liveScene::-ms-expand {
  display: none;
}
.pc-imglive .appointment #appointmentFrom .confirm-button {
  outline: none;
  border: none;
  width: 175px;
  height: 48px;
  background: #405BFD;
  border-radius: 6px 6px 6px 6px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 48px;
  margin-left: 30px;
  cursor: pointer;
}
.pc-imglive .pl_content h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 47px;
  text-align: center;
  margin: 60px 0px 0px;
}
.pc-imglive .pl_content .pl_content_box {
  overflow: hidden;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul {
  display: flex;
  align-items: center;
  width: 4300px;
  animation: scroll 100s linear infinite;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul.pl_content_box_ul1 {
  margin-left: -275px;
  padding: 60px 0px 56px;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul.pl_content_box_ul2 {
  margin-left: -95px;
  animation: scrollr 100s linear infinite;
  padding-bottom: 90px;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li {
  min-width: 430px;
  height: 228px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(89, 125, 190, 0.1);
  border-radius: 12px 12px 12px 12px;
  padding: 32px;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li:first-child {
  margin-left: 0px;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li .txt {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #383A44;
  line-height: 30px;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li .pl_info {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li .pl_info .userInfo {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #28292E;
  line-height: 22px;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li .pl_info .userInfo .userPic {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.pc-imglive .pl_content .pl_content_box .pl_content_box_ul li .pl_info .starPic {
  width: 152px;
  height: 24px;
}
.pc-imglive .case {
  width: 100%;
  height: 1050px;
}
.pc-imglive .case .cases {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .case .cases h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-imglive .case .cases p {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
  text-align: center;
  margin-bottom: 40px;
}
.pc-imglive .case .cases .caseBox {
  width: 100%;
  height: 646px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.pc-imglive .case .cases .caseBox .caseItem:hover {
  transform: translateY(-20px);
  transition: transform 0.3s linear;
}
.pc-imglive .case .cases .caseBox .caseItem:hover .caseImg .caseMask {
  display: block;
}
.pc-imglive .case .cases .caseBox .caseItem {
  width: 380px;
  height: 338px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 6, 61, 0.05);
  border-radius: 12px;
  margin-top: 30px;
  cursor: pointer;
}
.pc-imglive .case .cases .caseBox .caseItem .caseImg {
  position: relative;
}
.pc-imglive .case .cases .caseBox .caseItem .caseImg > img {
  width: 380px;
  height: 214px;
  object-fit: cover;
  display: block;
  border-radius: 12px 12px 0px 0px;
}
.pc-imglive .case .cases .caseBox .caseItem .caseImg .caseMask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  padding-top: 50px;
  border-radius: 12px 12px 0px 0px;
}
.pc-imglive .case .cases .caseBox .caseItem .caseImg .caseMask .caseMaskImg {
  background-color: #fff;
  padding: 2px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.pc-imglive .case .cases .caseBox .caseItem .caseImg .caseMask .caseMaskImg > img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  display: block;
}
.pc-imglive .case .cases .caseBox .caseItem .caseImg .caseMask > p {
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 23px;
  margin-top: 15px;
}
.pc-imglive .case .cases .caseBox .caseItem h6 {
  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 34px;
  margin: 24px 24px 32px;
  white-space: nowrap;
}
.pc-imglive .record {
  width: 100%;
  height: 616px;
  background-color: #F4F7FB;
}
.pc-imglive .record .records {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-imglive .record .records h2 {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #121212;
  line-height: 47px;
  padding-top: 90px;
  text-align: center;
  margin-bottom: 20px;
}
.pc-imglive .record .records h2 span {
  color: #0758F1;
}
.pc-imglive .record .records p {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #121212;
  line-height: 23px;
  text-align: center;
  margin-bottom: 60px;
}
.pc-imglive .record .records img {
  width: 1200px;
  height: 272px;
  object-fit: contain;
  margin-bottom: 90px;
}
.mobile-imglive {
  width: 100%;
}
.mobile-imglive .banner {
  width: 100%;
  height: 8.24rem;
  background: url('/assets/images/web/imglive-mobile/banner.png') no-repeat;
  background-size: cover;
}
.mobile-imglive .banner h2 {
  font-size: 0.72rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.84rem;
  padding-top: 2.12rem;
  text-align: center;
  margin-bottom: 0.32rem;
}
.mobile-imglive .banner .desc {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.38rem;
  text-align: center;
  padding: 0 0.4rem;
  margin: 0.32rem 0px 0.64rem;
}
.mobile-imglive .banner .btnTxt {
  width: 2.72rem;
  height: 0.96rem;
  background: linear-gradient(136deg, #007CEF 6%, #2036FF 100%);
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.96rem;
  margin: 0 auto;
  font-size: 0.32rem;
  color: #FFFFFF;
}
.mobile-imglive .box1 {
  background-color: #fff;
}
.mobile-imglive .box1 ul {
  background-color: #fff;
  padding: 0.4rem 0px;
}
.mobile-imglive .box1 ul li {
  width: 6.86rem;
  height: 1.7rem;
  background: #FFFFFF;
  border-radius: 0.16rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(0, 6, 61, 0.05);
  padding: 0.32rem;
  margin-bottom: 0.4rem;
}
.mobile-imglive .box1 ul li:last-child {
  margin-bottom: 0px;
}
.mobile-imglive .box1 ul li .left h3 {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 21px;
}
.mobile-imglive .box1 ul li .left p {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #999999;
  line-height: 16px;
  margin-top: 0.16rem;
}
.mobile-imglive .box1 ul li img {
  width: 1.04rem;
  height: 1.04rem;
}
.mobile-imglive .box2 {
  height: 12.08rem;
  width: 100%;
  background: url(/assets/images/web/imglive-mobile/box2_banner.png) no-repeat;
  overflow: hidden;
}
.mobile-imglive .box2 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #405BFD;
  line-height: 0.66rem;
  text-align: center;
  padding-top: 0.8rem;
}
.mobile-imglive .box2 .desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #2B2D33;
  line-height: 0.52rem;
  text-align: center;
  margin: 0.32rem 0px 0.4rem;
}
.mobile-imglive .box2 .channel {
  position: relative;
}
.mobile-imglive .box2 .channel .iphone {
  width: 5.2rem;
  height: 10.52rem;
  position: relative;
  z-index: 99;
  margin: 0 auto;
  display: block;
}
.mobile-imglive .box2 .channel .swiper-container_photography {
  width: 4.6262rem;
  height: 10.0056rem !important;
  min-height: 0px;
  background-color: rebeccapurple;
  border-radius: 0.6rem;
  position: absolute;
  top: 1.74rem;
  left: 1.44rem;
  background-color: rgba(0, 0, 0, 0);
}
.mobile-imglive .box2 .channel .swiper-container_photography .swiper-wrapper {
  width: 4.6262rem;
  height: 10.0056rem !important;
  border-radius: 0.6rem;
}
.mobile-imglive .box2 .channel .swiper-container_photography .swiper-wrapper .swiper-slide {
  width: 4.6262rem;
  height: 10.0056rem !important;
  border-radius: 0.6rem;
}
.mobile-imglive .box2 .channel .swiper-container_photography .swiper-wrapper .swiper-slide img {
  width: 4.6262rem;
  height: 10.0056rem !important;
  border-radius: 0.6rem;
}
.mobile-imglive .box2 .channel .swiper-pagination_photography {
  display: flex;
  align-items: center;
  margin: 0.4rem 0px 0.6rem;
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet {
  width: 2.08rem;
  height: 0.88rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  margin-left: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet li {
  height: 0.4rem;
  background-image: url('/assets/images/web/imglive/photographs.png');
  background-repeat: no-repeat;
  background-size: 0.4rem;
  display: flex;
  align-items: center;
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet li span {
  display: block;
  padding-left: 0.56rem;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #575757;
  line-height: 0.32rem;
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet.swiper-pagination-bullet-active li {
  background-image: url(/assets/images/web/imglive/photograph.png);
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(2) li {
  background-image: url(/assets/images/web/imglive/mp4s.png);
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active li {
  background-image: url(/assets/images/web/imglive/mp4.png);
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(3) li {
  background-image: url(/assets/images/web/imglive/lives.png);
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active li {
  background-image: url(/assets/images/web/imglive/live.png);
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
}
.mobile-imglive .box2 .channel .swiper-pagination_photography .swiper-pagination-bullet.swiper-pagination-bullet-active li span {
  color: #fff;
}
.mobile-imglive .box3 {
  width: 100%;
  height: 13.08rem;
  background: url(/assets/images/web/imglive-mobile/box3_banner.png) no-repeat;
  overflow: hidden;
}
.mobile-imglive .box3 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.66rem;
  padding: 0.8rem 0px 0.32rem;
  text-align: center;
}
.mobile-imglive .box3 .titleDesc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.56rem;
  text-align: center;
}
.mobile-imglive .box3 .imgLiveContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobile-imglive .box3 .imgLiveContent .tabUl {
  display: flex;
  align-items: center;
  margin: 0.32rem 0px 0.4rem;
}
.mobile-imglive .box3 .imgLiveContent .tabUl li {
  width: 2.08rem;
  height: 0.88rem;
  border-radius: 0.1rem;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mobile-imglive .box3 .imgLiveContent .tabUl li.active {
  color: #fff;
  background-color: #0758F1;
  border-color: transparent;
}
.mobile-imglive .box3 .imgLiveContent .tabUl li:last-child {
  margin-left: 0.3rem;
}
.mobile-imglive .box3 .imgLiveContent .desc {
  margin: 40px auto;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 26px;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic {
  width: 4.8rem;
  height: 10.0554rem;
  position: relative;
  z-index: 10;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .iconPic {
  position: absolute;
  top: 1.26rem;
  left: -0.48rem;
  width: 1.28rem;
  height: 1.28rem;
  opacity: 0;
  z-index: 11;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .iconPic.iconPic2 {
  top: 4.64rem;
  left: 3.936rem;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .iconPic.iconPic3 {
  width: 3.1rem;
  height: 2.46rem;
  top: 1.8rem;
  left: 2.54rem;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .iconPic.iconPic4 {
  top: 5.2rem;
  left: -0.88rem;
  width: 4rem;
  height: 1.3346rem;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic.imgLivePic-1 .iconPic1,
.mobile-imglive .box3 .imgLiveContent .imgLivePic.imgLivePic-1 .iconPic2 {
  opacity: 1;
  transform: translateY(-30px);
  transition: all 2s;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic.imgLivePic-2 .iconPic3,
.mobile-imglive .box3 .imgLiveContent .imgLivePic.imgLivePic-2 .iconPic4,
.mobile-imglive .box3 .imgLiveContent .imgLivePic.imgLivePic-2 .iconPic5 {
  opacity: 1;
  transform: translateY(-30px);
  transition: all 2s;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .phoneBox {
  width: 4.8rem;
  height: 10.0554rem;
  overflow: hidden;
  z-index: 1;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .phoneBox ul {
  display: flex;
  align-items: center;
  width: 9.6rem;
  box-sizing: border-box;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .phoneBox ul li {
  width: 4.8rem;
  height: 10.0554rem;
  position: relative;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .phoneBox ul li .contentPic {
  width: 100%;
  height: 77%;
  object-fit: contain;
  display: block;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .phoneBox ul.toLeft {
  margin-left: 0px;
  transition: all 0.2s;
}
.mobile-imglive .box3 .imgLiveContent .imgLivePic .phoneBox ul.toRight {
  margin-left: -4.8rem;
  transition: all 0.2s;
}
.mobile-imglive .box4 {
  width: 100%;
  height: 8.14rem;
  background: url(/assets/images/web/imglive-mobile/box4_banner.png) no-repeat;
}
.mobile-imglive .box4 h2 {
  text-align: center;
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.66rem;
  padding-top: 0.72rem;
  padding-bottom: 0.48rem;
}
.mobile-imglive .box4 .swiper-container_box4_m .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.mobile-imglive .box4 .swiper-container_box4_m .swiper-wrapper .swiper-slide {
  max-width: 6.46rem !important;
  transition: all 0.3s;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-imglive .box4 .swiper-container_box4_m .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.mobile-imglive .box4 .swiper-container_box4_m .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.mobile-imglive .box4 .swiper-container_box4_m .swiper-wrapper .swiper-slide.swiper-slide-prev,
.mobile-imglive .box4 .swiper-container_box4_m .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.8);
}
.mobile-imglive .box4 .swiper-container_box4_tab {
  margin-bottom: 0.6rem;
}
.mobile-imglive .box4 .swiper-container_box4_tab .swiper-wrapper .swiper-slide {
  width: 1.92rem;
  height: 0.76rem;
  opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.76rem;
  text-align: center;
}
.mobile-imglive .box4 .swiper-container_box4_tab .swiper-wrapper .swiper-slide.swiper-slide-active {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  border-radius: 1.02rem;
  color: #fff;
}
.mobile-imglive .box4 .swiper-pagination_over {
  overflow: auto;
}
.mobile-imglive .box4 .swiper-pagination_box4 {
  width: 19.2rem;
}
.mobile-imglive .box4 .swiper-pagination_box4 li {
  color: #fff;
  width: 1.92rem;
  height: 0.76rem;
}
.mobile-imglive .box4 .swiper-pagination_box4 li.swiper-pagination-bullet-active {
  background: linear-gradient(136deg, #068BEC 0%, #4456FE 100%);
  border-radius: 1.02rem;
}
.mobile-imglive .box5 {
  width: 100%;
  height: 505px;
  background: url(/assets/images/web/imglive-mobile/box5_banner.png);
}
.mobile-imglive .box5 h2 {
  font-size: 28px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 33px;
  text-align: center;
  padding: 0.8rem 0px 0.6rem;
}
.mobile-imglive .box5 .box5_listUl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mobile-imglive .box5 .box5_listUl .box5_listLi {
  flex: 1;
  padding: 0.32rem 0.24rem 0.4rem;
  min-width: 3.31rem;
  max-width: 3.31rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
  margin: 0.24rem 0px 0px 0.24rem;
}
.mobile-imglive .box5 .box5_listUl .box5_listLi:nth-child(2n+1) {
  margin-left: 0.32rem;
}
.mobile-imglive .box5 .box5_listUl .box5_listLi .iconDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-imglive .box5 .box5_listUl .box5_listLi .iconDiv img {
  width: 0.72rem;
  height: 0.72rem;
}
.mobile-imglive .box5 .box5_listUl .box5_listLi_title {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 19px;
  margin: 0.24rem 0px 0.12rem;
}
.mobile-imglive .box5 .box5_listUl .box5_listLi_desc {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #999999;
  line-height: 26px;
}
.mobile-imglive .box6 {
  background: #F8F9FA;
  padding-bottom: 1rem;
}
.mobile-imglive .box6 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #405BFD;
  line-height: 0.66rem;
  text-align: center;
  padding-top: 0.8rem;
}
.mobile-imglive .box6 .sub_title {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.52rem;
  text-align: center;
  padding: 0.4rem 0px 0.6rem;
}
.mobile-imglive .box6 .box6_listUl {
  width: 6.7rem;
  margin: 0 auto;
}
.mobile-imglive .box6 .box6_listUl .box6_listLi {
  padding: 0.4rem 0.32rem;
  display: flex;
  align-items: center;
  width: 6.7rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.2rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0.2rem;
  margin-top: 0.4rem;
}
.mobile-imglive .box6 .box6_listUl .box6_listLi:nth-child(1) {
  margin-top: 0px;
}
.mobile-imglive .box6 .box6_listUl .box6_listLi_left {
  width: 1.12rem;
  height: 1.12rem;
}
.mobile-imglive .box6 .box6_listUl .box6_listLi_right {
  margin-left: 0.4rem;
}
.mobile-imglive .box6 .box6_listUl .box6_listLi_desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #999999;
  line-height: 0.42rem;
  margin-top: 0.16rem;
}
.mobile-imglive .box6 .box6_listUl .box6_listLi_title {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.42rem;
}
.mobile-imglive .box7 {
  background: #FFFFFF;
  padding-bottom: 0.6rem;
}
.mobile-imglive .box7 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #405BFD;
  line-height: 0.66rem;
  text-align: center;
  padding-top: 1rem;
}
.mobile-imglive .box7 .sub_title {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.52rem;
  text-align: center;
  padding: 0.4rem 0px 0.6rem;
}
.mobile-imglive .box7 .box7_listUl {
  display: flex;
  flex-wrap: wrap;
  width: 6.86rem;
  margin: 0 auto;
}
.mobile-imglive .box7 .box7_listUl .box7_listLi {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0.42rem 0.24rem;
  width: 3.32rem;
  min-width: 3.32rem;
  max-width: 3.32rem;
  height: 1.28rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.68rem 0px rgba(6, 4, 65, 0.08);
  border-radius: 0.2rem;
  margin: 0.32rem 0px 0px 0.22rem;
}
.mobile-imglive .box7 .box7_listUl .box7_listLi:nth-child(2n+1) {
  margin-left: 0px;
}
.mobile-imglive .box7 .box7_listUl .box7_listLi_icon {
  width: 0.48rem;
  height: 0.48rem;
}
.mobile-imglive .box7 .box7_listUl .box7_listLi_title {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.38rem;
  margin-left: 0.16rem;
}
.mobile-imglive .box8 {
  width: 100%;
  background: #FFFFFF;
  padding-bottom: 0.8rem;
}
.mobile-imglive .box8 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #405BFD;
  line-height: 0.66rem;
  padding: 0.8rem 0px;
  text-align: center;
}
.mobile-imglive .box8 .box8_listUl {
  width: 6.7rem;
  margin: 0 auto;
}
.mobile-imglive .box8 .box8_listUl .box8_listLi {
  width: 6.7rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(/assets/images/web/imglive-mobile/box8_iconBg.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0.12rem;
  padding: 0.64rem;
  margin-top: 0.4rem;
}
.mobile-imglive .box8 .box8_listUl .box8_listLi:first-child {
  margin-top: 0px;
}
.mobile-imglive .box8 .box8_listUl .box8_listLi_desc {
  font-size: 0.32rem;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #FFFFFF;
  line-height: 0.56rem;
}
.mobile-imglive .box8 .box8_listUl .box8_listLi_icon {
  width: 1.12rem;
  height: 1.12rem;
}
.mobile-imglive .box9 {
  background-color: #fff;
}
.mobile-imglive .box9 h2 {
  font-size: 0.48rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.56rem;
  text-align: center;
  padding: 0.8rem 0px 0px 0px;
}
.mobile-imglive .box9 .pl_content_box {
  overflow: hidden;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul {
  display: flex;
  align-items: center;
  width: 15.6rem;
  animation: scroll 50s linear infinite;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul.pl_content_box_ul1 {
  margin-left: -1.44rem;
  padding-top: 0.4rem;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul.pl_content_box_ul2 {
  margin-left: -4.36rem;
  margin-top: 0.32rem;
  padding-bottom: 0.8rem;
  animation: scrollr 50s linear infinite;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li {
  min-width: 5.2rem;
  height: 3.76rem;
  box-shadow: 0px 0.02rem 0.2rem 0px rgba(89, 125, 190, 0.1);
  border-radius: 0.12rem;
  background: #FFFFFF;
  padding: 0.32rem;
  margin-left: 0.32rem;
  display: flex;
  flex-direction: column;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li:first-child {
  margin-left: 0px;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li .pl_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li .pl_info .userInfo {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #28292E;
  line-height: 0.44rem;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li .pl_info .userInfo .userPic {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.2rem;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li .pl_info .starPic {
  width: 1.52rem;
  height: 0.24rem;
}
.mobile-imglive .box9 .pl_content_box .pl_content_box_ul li .txt {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #28292E;
  line-height: 0.52rem;
  margin-top: 0.24rem;
}
.mobile-imglive .box10 {
  background-color: #F2F5FA;
  width: 100%;
  padding-bottom: 0.8rem;
  padding-top: 0.8rem;
}
.mobile-imglive .box10 .box10_img {
  width: 1.967rem;
  height: 1.76rem;
  display: block;
  margin: 0px auto;
}
.mobile-imglive .box10 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.66rem;
  text-align: center;
}
.mobile-imglive .box10 h2 span {
  color: #405BFD;
}
.mobile-imglive .box10 .sub_title {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.52rem;
  margin: 0.4rem 0px 0.8rem;
  text-align: center;
}
.mobile-imglive .box10 #appointmentFrom_m {
  width: 6.7rem;
  display: block;
  margin: 0 auto;
}
.mobile-imglive .box10 #appointmentFrom_m input {
  outline: none;
  width: 6.7rem;
  height: 0.96rem;
  background: #FFFFFF;
  border-radius: 0.12rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.32rem;
  padding-left: 0.48rem;
}
.mobile-imglive .box10 #appointmentFrom_m input::-webkit-input-placeholder {
  font-size: 0.32rem;
  color: #999999;
}
.mobile-imglive .box10 #appointmentFrom_m input::-moz-placeholder {
  font-size: 0.32rem;
  color: #999999;
}
.mobile-imglive .box10 #appointmentFrom_m input:-ms-input-placeholder {
  font-size: 0.32rem;
  color: #999999;
}
.mobile-imglive .box10 #appointmentFrom_m .fromItem {
  position: relative;
  margin-top: 0.6rem;
}
.mobile-imglive .box10 #appointmentFrom_m .fromItem .tips {
  position: absolute;
  top: 0.96rem;
  left: 0px;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 67, 90, 0.97);
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox {
  position: relative;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectIpt > input {
  outline: none;
  width: 6.7rem;
  height: 0.96rem;
  background: #FFFFFF;
  border-radius: 0.12rem;
  border: 2px solid #FFFFFF;
  position: relative;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectIpt::after {
  content: '';
  position: absolute;
  display: block;
  height: 0.32rem;
  width: 0.32rem;
  top: 50%;
  right: 0.48rem;
  background-image: url('/assets/images/web/imglive/selectIcon.png');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectIpt.open:after {
  transform: translateY(-50%) rotate(180deg);
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectList {
  width: 6.7rem;
  height: 0px;
  background: transparent;
  box-shadow: 0px 0.28rem 0.68rem 0px rgba(10, 2, 58, 0.1);
  border-radius: 0.2rem;
  border: 1px solid transparent;
  opacity: 1;
  position: absolute;
  top: 1.2rem;
  left: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  overflow-y: auto;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectList.open {
  height: 528px;
  border-color: rgba(12, 7, 63, 0.2);
  background: #fff;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectList li {
  width: 6.7rem;
  height: 0.96rem;
  padding-left: 0.48rem;
  line-height: 0.96rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #838286;
  cursor: pointer;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectList li.active {
  background: #F7F9FC;
}
.mobile-imglive .box10 #appointmentFrom_m .selectBox .selectList li:hover {
  background: #F7F9FC;
}
.mobile-imglive .box10 #appointmentFrom_m .liveScene::-ms-expand {
  display: none;
}
.mobile-imglive .box10 #appointmentFrom_m .confirm-button {
  outline: none;
  border: none;
  width: 6.7rem;
  height: 0.96rem;
  background: #405BFD;
  border-radius: 0.12rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 0.96rem;
  cursor: pointer;
  margin-top: 0.6rem;
}
.mobile-imglive .box11 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.66rem;
  padding: 0.8rem 0px 0.4rem;
  text-align: center;
}
.mobile-imglive .box11 h2 span {
  color: #0758F1;
}
.mobile-imglive .box11 .sub_title {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.52rem;
  text-align: center;
}
.mobile-imglive .box11 .box11_listUl {
  padding-top: 0.6rem;
}
.mobile-imglive .box11 .box11_listUl .box11_listLi {
  width: 100%;
  height: 2rem;
  padding: 0.32rem 0.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.mobile-imglive .box11 .box11_listUl .box11_listLi_link {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.mobile-imglive .box11 .box11_listUl .box11_listLi_title {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.44rem;
  max-width: 3.8rem;
}
.mobile-imglive .box11 .box11_listUl .box11_listLi_img {
  border-radius: 0.08rem;
  width: 2.4rem;
  height: 1.32rem;
}
.mobile-imglive .box12 {
  background-color: #F6F8FC;
  padding-bottom: 0.8rem;
}
.mobile-imglive .box12 h2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.66rem;
  text-align: center;
  padding: 0.8rem 0px 0.4rem;
}
.mobile-imglive .box12 h2 span {
  color: #0758F1;
}
.mobile-imglive .box12 .sub_title {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.52rem;
  text-align: center;
}
.mobile-imglive .box12 img {
  display: block;
  margin: 0.8rem auto 0px;
  width: 6.9rem;
  height: 15.2568rem;
  object-fit: contain;
}
.oral-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.oral-wrapper .oral-col1 {
  width: 100%;
  height: 475px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.oral-wrapper .oral-col1 .col1-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
}
.oral-wrapper .oral-col1 .col1-container .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.oral-wrapper .oral-col1 .col1-container ul.col1-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.oral-wrapper .oral-col1 .col1-container ul.col1-content li > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to bottom, #e2e9fb 0%, #ffffff 100%);
  box-shadow: 0 0 26px 0 #f1f1f7;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  width: 280px;
  height: 220px;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.oral-wrapper .oral-col1 .col1-container ul.col1-content li > div img {
  width: 52px;
  height: 52px;
  margin: 26px auto;
}
.oral-wrapper .oral-col1 .col1-container ul.col1-content li > div p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 1px;
}
.oral-wrapper .oral-col1 .col1-container ul.col1-content li:hover > div {
  box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.oral-wrapper .oral-col3 {
  display: flex;
  justify-content: center;
  background-color: #fafcfe;
}
.oral-wrapper .oral-col3 .col3-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
  width: 100%;
}
.oral-wrapper .oral-col3 .col3-container .col3-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 60px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.oral-wrapper .oral-col3 .col3-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.oral-wrapper .oral-col3 .col3-part:nth-of-type(odd) {
  background: #fafcfe;
}
.oral-wrapper .oral-col3 .col3-part:nth-of-type(even) {
  background: #fff;
}
.oral-wrapper .oral-col3 .col3-part.col3-part1 {
  justify-content: flex-start;
  height: 524px;
}
.oral-wrapper .oral-col3 .col3-part.col3-part2 {
  height: 620px;
}
.oral-wrapper .oral-col3 .col3-part.col3-part3 {
  height: 604px;
}
.oral-wrapper .oral-col3 .part-content {
  width: 1200px;
  height: 440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oral-wrapper .oral-col3 .part-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 40px;
}
.oral-wrapper .oral-col3 .part-text {
  width: 448px;
}
.oral-wrapper .oral-col3 .part-box {
  width: 448px;
  margin-top: 40px;
}
.oral-wrapper .oral-col3 .part-box .item {
  margin-bottom: 30px;
  padding-left: 35px;
  position: relative;
  line-height: 25px;
  font-weight: 400;
  font-size: 18px;
  color: rgba(25, 25, 25, 0.75);
}
.oral-wrapper .oral-col3 .part-box .title {
  margin-bottom: 6px;
  font-weight: 600;
  color: #191919;
}
.oral-wrapper .oral-col3 .part-box .desc {
  line-height: 22px;
  font-size: 16px;
  color: #90929e;
}
.oral-wrapper .oral-col3 .part-box .item::before {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
}
.oral-wrapper .oral-col3 .part-pic {
  flex-shrink: 0;
  width: 630px;
  height: 440px;
  background-size: cover;
}
.oral-wrapper .oral-col3 .part-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 56px;
  width: 142px;
  height: 46px;
  border-radius: 6px;
  font-size: 18px;
  background-image: linear-gradient(to right, #4583ff 0%, #0070ff 100%);
  color: #ffffff;
}
.oral-wrapper .oral-col4 {
  width: 100%;
  height: 610px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.oral-wrapper .oral-col4 .col4-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.oral-wrapper .oral-col4 .col4-container .col4-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 24px;
  position: relative;
  width: 590px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
  z-index: 2;
}
.oral-wrapper .oral-col4 .col4-container .col4-title img {
  position: absolute;
  width: 277px;
  height: 56px;
  right: -53px;
  z-index: -1;
}
.oral-wrapper .oral-col4 .col4-container .col4-subtitle {
  line-height: 28px;
  font-weight: 500;
  font-size: 20px;
  color: #191919;
}
.oral-wrapper .oral-col4 .col4-container .col4-subtitle .highlight {
  color: #ff8201;
}
.oral-wrapper .oral-col4 .col4-container .col4-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
  width: 1100px;
  height: 242px;
  background-size: cover;
}
.oral-wrapper .oral-col4 .col4-container .col4-box .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;
  height: 242px;
}
.oral-wrapper .oral-col4 .col4-container .col4-box .card .title {
  margin-bottom: 23px;
  line-height: 46px;
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
}
.oral-wrapper .oral-col4 .col4-container .col4-box .card p {
  line-height: 38px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.oral-wrapper .oral-col4 .col4-container .col4-box .process {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 23px;
  width: 160px;
  height: 83px;
  line-height: 30px;
  font-size: 14px;
  color: #90929e;
}
.oral-wrapper .oral-col5 {
  width: 100%;
  height: 860px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.oral-wrapper .oral-col5 .col5-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 84px;
  height: auto;
}
.oral-wrapper .oral-col5 .col5-container .col5-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.oral-wrapper .oral-col5 .col5-container .col5-subtitle {
  margin-bottom: 18px;
  width: 800px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  color: #191919;
}
.oral-wrapper .oral-col5 .col5-container .col5-content img {
  width: 1268px;
  height: 548px;
}
.oral-wrapper .oral-col6 {
  width: 100%;
  height: 740px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.oral-wrapper .oral-col6 .col6-container {
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 100px;
}
.oral-wrapper .oral-col6 .col6-container .col6-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.oral-wrapper .oral-col6 .col6-container .col6-subtitle {
  margin-bottom: 56px;
  line-height: 36px;
  font-size: 20px;
  text-align: center;
  color: #191919;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item {
  position: relative;
  max-width: 1200px;
  height: 132px;
  overflow: hidden;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item::before {
  background-image: -webkit-linear-gradient(left, #fff 20%, rgba(235, 237, 240, 0));
  content: '';
  height: 120%;
  left: -15px;
  position: absolute;
  top: -10px;
  width: 100px;
  z-index: 2;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item::after {
  background-image: -webkit-linear-gradient(right, #fff 20%, rgba(235, 237, 240, 0));
  content: '';
  height: 120%;
  position: absolute;
  right: -15px;
  top: -10px;
  width: 100px;
  z-index: 2;
}
@keyframes MovetoLeft1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}
@keyframes MovetoLeft2 {
  0% {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item .img-animation {
  display: flex;
  align-items: center;
  height: 100%;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item:nth-of-type(1) .img-animation img {
  animation-duration: 30s;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item:nth-of-type(2) .img-animation img {
  animation-duration: 70s;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item:nth-of-type(3) .img-animation img {
  animation-duration: 50s;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item:hover .img-animation img {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item img {
  position: absolute;
  animation: MovetoLeft 10s linear infinite;
  height: 100%;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item img:nth-of-type(1) {
  animation-name: MovetoLeft1;
}
.oral-wrapper .oral-col6 .col6-container .col6-content .li-item img:nth-of-type(2) {
  animation-name: MovetoLeft2;
}
.oral-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
}
.oral-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info {
  color: #ffffff;
}
.oral-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 14px;
  line-height: 48px;
  font-weight: 500;
  font-size: 34px;
}
.oral-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .desc {
  line-height: 24px;
  font-weight: 400;
  font-size: 18px;
  opacity: 0.8;
}
.oral-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  border-radius: 8px;
  width: 142px;
  height: 46px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.oral-wrapper-mobile .oral-col1 {
  background-color: #fff;
}
.oral-wrapper-mobile .oral-col1 .col1-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.oral-wrapper-mobile .oral-col1 .col1-container .col1-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.oral-wrapper-mobile .oral-col1 .col1-container ul {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  flex-wrap: wrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.oral-wrapper-mobile .oral-col1 .col1-container ul::-webkit-scrollbar {
  display: none;
}
.oral-wrapper-mobile .oral-col1 .col1-container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  margin-bottom: 0.22rem;
  width: 3.32rem;
  height: 2.8rem;
  box-shadow: 0 0 0.34rem 0 #f1f1f7;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background-image: linear-gradient(to bottom, #e2e9fb 0%, #ffffff 100%);
}
.oral-wrapper-mobile .oral-col1 .col1-container ul li img {
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
}
.oral-wrapper-mobile .oral-col1 .col1-container ul li p {
  margin-top: 0.22rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.oral-wrapper-mobile .oral-col3 {
  background-color: #fafafc;
}
.oral-wrapper-mobile .oral-col3 .col3-part:nth-of-type(odd) {
  background-color: #fafcfe;
}
.oral-wrapper-mobile .oral-col3 .col3-part:nth-of-type(even) {
  background-color: #fff;
}
.oral-wrapper-mobile .oral-col3 .col3-part1 {
  padding-bottom: 0.32rem;
}
.oral-wrapper-mobile .oral-col3 .col3-part2 {
  padding-top: 0.8rem;
  padding-bottom: 0.5rem;
}
.oral-wrapper-mobile .oral-col3 .col3-part3 {
  padding-top: 0.6rem;
  padding-bottom: 0.32rem;
}
.oral-wrapper-mobile .oral-col3 .col3-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0;
}
.oral-wrapper-mobile .oral-col3 .col3-container .col3-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.32rem;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-title {
  margin-top: 0.38rem;
  margin-bottom: 0.3rem;
  line-height: 0.5rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.36rem;
  color: #191919;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-box {
  text-align: left;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-box .item {
  position: relative;
  margin-bottom: 0.3rem;
  padding-left: 0.6rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #90929e;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-box .item::before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-box .title {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
  font-weight: bold;
  color: #191919;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-box .desc {
  color: #90929e;
}
.oral-wrapper-mobile .oral-col3 .col3-container .part-pic {
  border-radius: 0.24rem;
  width: 6.86rem;
  height: 4.9rem;
  background-size: cover;
}
.oral-wrapper-mobile .oral-col4 {
  background-color: #fff;
}
.oral-wrapper-mobile .oral-col4 .col4-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.44rem;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
  line-height: 0.64rem;
  color: #000000;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-title .col4-subtitle {
  margin-top: 0.16rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: #9192a2;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-title .col4-desc {
  margin-top: 0.16rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #ff8201;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.32rem;
  text-align: center;
  background-color: #fff;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-content ul {
  margin: 0;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-content li {
  width: 6.86rem;
  height: 2.36rem;
  padding-top: 0.04rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  background-size: cover;
  color: #000000;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-content li + li {
  margin-top: 0.6rem;
}
.oral-wrapper-mobile .oral-col4 .col4-container .col4-content li .title {
  margin-bottom: 0.42rem;
  line-height: 0.6rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #ffffff;
}
.oral-wrapper-mobile .oral-col5 {
  background-color: #fff;
}
.oral-wrapper-mobile .oral-col5 .col5-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.56rem;
}
.oral-wrapper-mobile .oral-col5 .col5-container .col5-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.28rem;
  line-height: 0.66rem;
  color: #000000;
}
.oral-wrapper-mobile .oral-col5 .col5-container .col5-title .col5-subtitle {
  margin-top: 0.16rem;
  line-height: 0.36rem;
  font-weight: 400;
  font-size: 0.26rem;
  color: #9192a2;
}
.oral-wrapper-mobile .oral-col5 .col5-container .col5-content img {
  width: 6.9rem;
  height: 5.82rem;
}
.oral-wrapper-mobile .oral-col6 .col6-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.oral-wrapper-mobile .oral-col6 .col6-content .col6-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.oral-wrapper-mobile .oral-col6 .col6-content ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 0 0.32rem;
}
.oral-wrapper-mobile .oral-col6 .col6-content ul li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.16rem;
  width: 100%;
  padding: 0.32rem;
  margin-right: 0.32rem;
  text-align: left;
  background-color: #f7f8fa;
}
.oral-wrapper-mobile .oral-col6 .col6-content ul li + li {
  margin-top: 0.32rem;
}
.oral-wrapper-mobile .oral-col6 .col6-content ul li p {
  line-height: 0.44rem;
  font-size: 0.28rem;
  color: #646a73;
}
.oral-wrapper-mobile .oral-col6 .col6-content ul li .title {
  line-height: 0.56rem;
  font-weight: 600;
  font-size: 0.36rem;
  color: #1d1d1f;
}
.oral-wrapper-mobile .oral-col6 .col6-content ul li img {
  width: 1.28rem;
  height: 1.28rem;
}
.oral-wrapper-mobile .oral-contact {
  padding: 0.72rem 0 0.66rem;
  background-size: cover;
}
.oral-wrapper-mobile .oral-contact .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.oral-wrapper-mobile .oral-contact .contact-content img {
  margin-bottom: 0.64rem;
  width: 2.24rem;
  height: 2.24rem;
}
.oral-wrapper-mobile .oral-contact .contact-content p:first-of-type {
  margin-bottom: 0.2rem;
  line-height: 0.66rem;
  font-weight: 500;
  font-size: 0.48rem;
  color: #fff;
}
.oral-wrapper-mobile .oral-contact .contact-content p:last-of-type {
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #fff;
  opacity: 0.8;
}
.oral-wrapper-mobile .oral-contact .contact-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.56rem;
  width: 2.4rem;
  height: 0.72rem;
  border-radius: 0.12rem;
  font-weight: bold;
  font-size: 0.28rem;
  background: #ffffff;
  color: #0c74ff;
}
.solution-banner {
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-color: #ededed;
}
.solution-banner .swiper-slide {
  width: 100% !important;
  height: 600px;
}
.solution-banner .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.solution-banner .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-banner .swiper-pagination {
  bottom: 80px !important;
  background-color: none;
  position: absolute;
  left: -560px;
}
.solution-banner .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  border-radius: 4px;
  opacity: 0.5;
}
.solution-banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: #fff;
  border-radius: 4px;
  opacity: 1;
}
.solution-banner-mobile {
  width: 100%;
  background: #fff;
  height: 10.2rem;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-slide {
  height: 10.2rem;
  width: 100% !important;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-slide .banner-box {
  margin: 0 auto;
  width: 5.76rem;
  height: 4.4rem;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-slide .banner-box .title-1 {
  padding-top: 1.6rem;
  line-height: 0.76rem;
  font-size: 0.54rem;
  font-weight: bold;
  text-align: center;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-slide .banner-box .title-2 {
  font-size: 0.32rem;
  font-weight: 400;
  line-height: 0.48rem;
  margin-top: 0.16rem;
  text-align: center;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-slide .banner1-pic {
  height: 5.8rem;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.solution-banner-mobile .solution-banner-swiper-container .banner1 {
  background-size: contain;
  background-repeat: no-repeat;
}
.solution-banner-mobile .solution-banner-swiper-container .banner2 {
  background-size: contain;
  background-repeat: no-repeat;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.solution-banner-mobile .solution-banner-swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.health-wrapper-box #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.health-wrapper-box #nav .nav-center a,
.health-wrapper-box #nav .nav-center .product,
.health-wrapper-box #nav .nav-center .solution,
.health-wrapper-box #nav .nav-center .Install {
  color: #000000;
}
.health-wrapper-box #nav .nav-center a .arrow,
.health-wrapper-box #nav .nav-center .product .arrow,
.health-wrapper-box #nav .nav-center .solution .arrow,
.health-wrapper-box #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.health-wrapper-box #nav .nav-center a,
.health-wrapper-box #nav .nav-center .aboutUs {
  color: #000000;
}
.health-wrapper-box #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.health-wrapper-box #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.health-wrapper-box #nav .nav-right a.login {
  color: #0758F1;
}
.health-wrapper-box #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.health-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.health-wrapper .solution-banner .txtBox_content_title img {
  width: 240px;
}
.health-wrapper .solution-banner .txtBox_content_btns {
  width: 142px;
}
.health-wrapper .solution-banner .banner_2 .txtBox_content_desc {
  color: #2E425E !important;
}
.health-wrapper .health-col1 {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.health-wrapper .health-col1 .col1-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.health-wrapper .health-col1 .col1-container .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.health-wrapper .health-col1 .col1-container ul.col1-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.health-wrapper .health-col1 .col1-container ul.col1-content li > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 26px 0 #e6f0f5;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  width: 280px;
  height: 220px;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.health-wrapper .health-col1 .col1-container ul.col1-content li > div img {
  width: 52px;
  height: 52px;
  margin: 26px auto;
}
.health-wrapper .health-col1 .col1-container ul.col1-content li > div p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 1px;
}
.health-wrapper .health-col1 .col1-container ul.col1-content li:hover > div {
  box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.health-wrapper .health-col2 {
  width: 100%;
  height: 924px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.health-wrapper .health-col2 .col2-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 84px;
  height: auto;
}
.health-wrapper .health-col2 .col2-container .col2-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 46px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.health-wrapper .health-col2 .col2-container .col2-content img {
  width: 1200px;
  height: 582px;
}
.health-wrapper .health-col3 {
  display: flex;
  justify-content: center;
  background-color: #ffffff;
}
.health-wrapper .health-col3 .col3-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
  width: 100%;
}
.health-wrapper .health-col3 .col3-container .col3-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 60px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.health-wrapper .health-col3 .col3-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.health-wrapper .health-col3 .col3-part:nth-of-type(odd) {
  background: #fff;
}
.health-wrapper .health-col3 .col3-part:nth-of-type(even) {
  background: #f4fcff;
}
.health-wrapper .health-col3 .col3-part.col3-part1 {
  justify-content: flex-start;
  height: 530px;
}
.health-wrapper .health-col3 .col3-part.col3-part2 {
  height: 604px;
}
.health-wrapper .health-col3 .col3-part.col3-part3 {
  height: 620px;
}
.health-wrapper .health-col3 .col3-part.col3-part4 {
  height: 604px;
}
.health-wrapper .health-col3 .part-content {
  width: 1200px;
  height: 440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.health-wrapper .health-col3 .part-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 40px;
}
.health-wrapper .health-col3 .part-text {
  width: 480px;
}
.health-wrapper .health-col3 .part-box {
  width: 490px;
  margin-top: 40px;
}
.health-wrapper .health-col3 .part-box .item {
  margin-bottom: 30px;
  padding-left: 33px;
  position: relative;
  line-height: 25px;
  font-weight: 400;
  font-size: 18px;
  color: rgba(25, 25, 25, 0.75);
}
.health-wrapper .health-col3 .part-box .title {
  margin-bottom: 6px;
  font-weight: 600;
  color: #191919;
}
.health-wrapper .health-col3 .part-box .desc {
  line-height: 22px;
  font-size: 16px;
  color: #90929e;
}
.health-wrapper .health-col3 .part-box .item::before {
  display: block;
  content: '';
  width: 19px;
  height: 15px;
  background: url('/assets/images/web/greatHealthLive/col3_icon.png') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 5px;
}
.health-wrapper .health-col3 .part-pic {
  flex-shrink: 0;
  width: 630px;
  height: 440px;
  background-size: cover;
}
.health-wrapper .health-col4 {
  width: 100%;
  height: 762px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.health-wrapper .health-col4 .col4-container {
  width: 1200px;
  height: 100%;
  padding-top: 110px;
  position: relative;
  width: 100%;
}
.health-wrapper .health-col4 .col4-container .col4-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 0;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.health-wrapper .health-col4 .col4-container .col4-content {
  width: 100%;
  margin: 0px auto;
  overflow: hidden;
  padding: 43px 0px 100px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.health-wrapper .health-col4 .col4-container .col4-content::before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 360px;
  height: 100%;
  background: linear-gradient(270deg, rgba(249, 254, 252, 0) 0%, #F9FEFC 100%);
  transform: rotate(180deg);
}
.health-wrapper .health-col4 .col4-container .col4-content::after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 360px;
  height: 100%;
  background: linear-gradient(270deg, rgba(249, 254, 252, 0) 0%, #F9FEFC 100%);
}
.health-wrapper .health-col4 .col4-container .col4-content .col4-line1,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line2,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line3,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line4 {
  height: 114px;
}
.health-wrapper .health-col4 .col4-container .col4-content .col4-line1 .swiper-wrapper,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line2 .swiper-wrapper,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line3 .swiper-wrapper,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line4 .swiper-wrapper {
  transition-timing-function: linear !important;
}
.health-wrapper .health-col4 .col4-container .col4-content .col4-line1 .swiper-wrapper .swiper-slide,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line2 .swiper-wrapper .swiper-slide,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line3 .swiper-wrapper .swiper-slide,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line4 .swiper-wrapper .swiper-slide {
  width: auto;
  height: 100%;
  display: flex;
}
.health-wrapper .health-col4 .col4-container .col4-content .col4-line1 .swiper-wrapper .swiper-slide img,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line2 .swiper-wrapper .swiper-slide img,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line3 .swiper-wrapper .swiper-slide img,
.health-wrapper .health-col4 .col4-container .col4-content .col4-line4 .swiper-wrapper .swiper-slide img {
  height: 100%;
  display: block;
}
.health-wrapper .health-col5 {
  width: 100%;
  height: 540px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.health-wrapper .health-col5 .col5-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.health-wrapper .health-col5 .col5-container .col5-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.health-wrapper .health-col5 .col5-container ul.col5-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.health-wrapper .health-col5 .col5-container ul.col5-content li img {
  width: 284px;
  height: 350px;
}
.health-wrapper .health-col6 {
  width: 100%;
  height: 742px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.health-wrapper .health-col6 .col6-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 81px;
  height: auto;
}
.health-wrapper .health-col6 .col6-container .col6-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 45px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.health-wrapper .health-col6 .col6-container .col6-content img {
  width: 1234px;
  height: 460px;
}
.health-wrapper .health-col7 {
  width: 100%;
  height: 640px;
  background: #f5f6fa;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.health-wrapper .health-col7 .col7-content {
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 104px;
  height: calc(100% - 104px);
}
.health-wrapper .health-col7 .col7-content p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 64px;
}
.health-wrapper .health-col7 .col7-content ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.health-wrapper .health-col7 .col7-content ul li {
  position: relative;
  border-radius: 8px;
  width: 285px;
  height: 236px;
  font-size: 0;
  overflow: hidden;
  background: #fff;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.health-wrapper .health-col7 .col7-content ul li img {
  width: 286px;
  height: 160px;
}
.health-wrapper .health-col7 .col7-content ul li p {
  font-size: 20px;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 30px;
  margin-top: 24px;
  text-align: center;
}
.health-wrapper .health-col7 .col7-content ul li .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 286px;
  height: 160px;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  font-size: 0;
  text-align: center;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  overflow: hidden;
}
.health-wrapper .health-col7 .col7-content ul li .mask img {
  margin-top: 30px;
  width: 80px;
  height: 80px;
}
.health-wrapper .health-col7 .col7-content ul li .mask > p.maskTitle {
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #ffffff;
  margin-top: 10px;
  line-height: 14px;
}
.health-wrapper .health-col7 .col7-content ul li:hover {
  transform: translateY(-12px);
}
.health-wrapper .health-col7 .col7-content ul li:hover p {
  color: #2d41fa;
}
.health-wrapper .health-col7 .col7-content ul li:hover .mask {
  opacity: 1;
}
.health-wrapper .health-col7 .col7-content .more {
  width: 186px;
  height: 48px;
  background: #0758f1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #fff;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 60px;
  color: #fff;
}
.health-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
}
.health-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 14px;
  line-height: 48px;
  font-weight: 500;
  font-size: 34px;
  color: #000;
}
.health-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  border-radius: 8px;
  width: 142px;
  height: 46px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.health-wrapper-mobile .solution-banner-mobile .swiper-container .swiper-slide .banner-box {
  width: 6.5rem;
}
.health-wrapper-mobile .health-col1 {
  height: 8.42rem;
  background-color: #fff;
}
.health-wrapper-mobile .health-col1 .col1-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.health-wrapper-mobile .health-col1 .col1-container .col1-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  line-height: 0.6rem;
}
.health-wrapper-mobile .health-col1 .col1-container ul {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.health-wrapper-mobile .health-col1 .col1-container ul::-webkit-scrollbar {
  display: none;
}
.health-wrapper-mobile .health-col1 .col1-container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  margin-bottom: 0.22rem;
  width: 3.32rem;
  height: 2.8rem;
  box-shadow: 0 0 0.52rem 0 #E6F0F5;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
.health-wrapper-mobile .health-col1 .col1-container ul li img {
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
}
.health-wrapper-mobile .health-col1 .col1-container ul li p {
  margin-top: 0.22rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.health-wrapper-mobile .health-col2 {
  height: 23.56rem;
  background-size: cover;
}
.health-wrapper-mobile .health-col2 .col2-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.44rem;
}
.health-wrapper-mobile .health-col2 .col2-container .col2-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  color: #000000;
}
.health-wrapper-mobile .health-col2 .col2-container .col2-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.health-wrapper-mobile .health-col2 .col2-container .col2-content ul {
  margin: 0;
}
.health-wrapper-mobile .health-col2 .col2-container .col2-content li {
  width: 6.86rem;
  padding-top: 0.04rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.health-wrapper-mobile .health-col2 .col2-container .col2-content li + li {
  margin-top: 0.4rem;
}
.health-wrapper-mobile .health-col2 .col2-container .col2-content li img {
  width: 100%;
}
.health-wrapper-mobile .health-col3 {
  background-color: #fff;
}
.health-wrapper-mobile .health-col3 .col3-part:nth-of-type(even) {
  background-color: rgba(244, 252, 255, 0.65);
}
.health-wrapper-mobile .health-col3 .col3-part:nth-of-type(odd) {
  background-color: #fff;
}
.health-wrapper-mobile .health-col3 .col3-part1 {
  padding-bottom: 0.5rem;
}
.health-wrapper-mobile .health-col3 .col3-part2 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.health-wrapper-mobile .health-col3 .col3-part3 {
  padding-top: 0.8rem;
  padding-bottom: 0.5rem;
}
.health-wrapper-mobile .health-col3 .col3-part4 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.health-wrapper-mobile .health-col3 .col3-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.96rem;
  padding-bottom: 0.96rem;
  padding-bottom: 0;
}
.health-wrapper-mobile .health-col3 .col3-container .col3-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.48rem;
}
.health-wrapper-mobile .health-col3 .col3-container .part-content {
  display: flex;
  flex-direction: column;
  padding: 0 0.32rem;
}
.health-wrapper-mobile .health-col3 .col3-container .part-text {
  padding-left: 0.05rem;
}
.health-wrapper-mobile .health-col3 .col3-container .part-title {
  margin-top: 0.38rem;
  margin-bottom: 0.3rem;
  line-height: 0.5rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.36rem;
  color: #191919;
}
.health-wrapper-mobile .health-col3 .col3-container .part-box {
  text-align: left;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.health-wrapper-mobile .health-col3 .col3-container .part-box .item {
  position: relative;
  margin-bottom: 0.3rem;
  padding-left: 0.53rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #90929e;
}
.health-wrapper-mobile .health-col3 .col3-container .part-box .item::before {
  content: '';
  position: absolute;
  top: 0.08rem;
  left: 0;
  display: block;
  width: 0.38rem;
  height: 0.3rem;
  background: url('/assets/images/web/greatHealthLive/col3_icon.png') no-repeat;
  background-size: cover;
}
.health-wrapper-mobile .health-col3 .col3-container .part-box .title {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
  font-weight: bold;
  color: #191919;
}
.health-wrapper-mobile .health-col3 .col3-container .part-box .desc {
  color: #90929e;
}
.health-wrapper-mobile .health-col3 .col3-container .part-pic {
  border-radius: 0.24rem;
  width: 6.86rem;
  height: 4.8rem;
  background-size: cover;
}
.health-wrapper-mobile .health-col4 {
  height: 12.32rem;
  background-size: cover;
}
.health-wrapper-mobile .health-col4 .col4-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.health-wrapper-mobile .health-col4 .col4-container .col4-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.32rem;
}
.health-wrapper-mobile .health-col4 .col4-container .col4-content img {
  width: 7.18rem;
}
.health-wrapper-mobile .health-col5 {
  background-color: #fff;
}
.health-wrapper-mobile .health-col5 .col5-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.56rem;
}
.health-wrapper-mobile .health-col5 .col5-container .col5-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.04rem;
  color: #000000;
}
.health-wrapper-mobile .health-col5 .col5-container ul.col5-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0.32rem;
}
.health-wrapper-mobile .health-col5 .col5-container ul.col5-content li {
  margin-top: 0.36rem;
}
.health-wrapper-mobile .health-col5 .col5-container ul.col5-content li img {
  width: 3.3rem;
  height: 4.44rem;
}
.health-wrapper-mobile .health-col6 {
  width: 100%;
  height: 10.36rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.health-wrapper-mobile .health-col6 .col6-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.health-wrapper-mobile .health-col6 .col6-container .col6-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.22rem;
  color: #000;
}
.health-wrapper-mobile .health-col6 .col6-container .col6-content img {
  width: 7.42rem;
  height: 7.32rem;
}
.health-wrapper-mobile .health-contact {
  padding: 0.72rem 0 0.66rem;
  background-size: cover;
}
.health-wrapper-mobile .health-contact .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.health-wrapper-mobile .health-contact .contact-content img {
  margin-bottom: 0.64rem;
  width: 2.24rem;
  height: 2.24rem;
}
.health-wrapper-mobile .health-contact .contact-content p:first-of-type {
  margin-bottom: 0.2rem;
  line-height: 0.66rem;
  font-weight: 500;
  font-size: 0.48rem;
  color: #fff;
}
.health-wrapper-mobile .health-contact .contact-content p:last-of-type {
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #fff;
  opacity: 0.8;
}
.health-wrapper-mobile .health-contact .contact-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.56rem;
  width: 2.4rem;
  height: 0.72rem;
  border-radius: 0.12rem;
  font-weight: bold;
  font-size: 0.28rem;
  background: #ffffff;
  color: #0c74ff;
}
.purchase-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.purchase-wrapper .CommonBanner .commonBanner_txtBox {
  top: 50%;
}
.purchase-wrapper .solution-banner .txtBox_content_title {
  margin-bottom: 134px;
}
.purchase-wrapper .solution-banner .txtBox_content_title img {
  width: 409px;
}
.purchase-wrapper .solution-banner .txtBox_content_btns {
  width: 142px;
}
.purchase-wrapper .purchase-col1 {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.purchase-wrapper .purchase-col1 .col1-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.purchase-wrapper .purchase-col1 .col1-container .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 186px;
  height: 310px;
  border-radius: 10px;
  padding-top: 229px;
  padding-left: 7px;
  padding-right: 7px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .active-img,
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .default-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .active-img {
  visibility: hidden;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .default-img {
  visibility: visible;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .header,
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .content {
  position: relative;
  z-index: 2;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  border: 1px solid #fff;
  border-radius: 21px;
  width: 54px;
  height: 23px;
  line-height: 17px;
  font-size: 12px;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .icon {
  margin-right: 5px;
  width: 38px;
  height: 38px;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .title {
  padding-left: 8px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div .content {
  line-height: 20px;
  font-size: 14px;
  color: #333333;
  opacity: 0;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div.active {
  width: 600px;
  padding-top: 105px;
  padding-left: 23px;
  padding-right: 23px;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div.active .active-img {
  visibility: visible;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div.active .default-img {
  visibility: hidden;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div.active .header {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div.active .title {
  padding-left: 0;
  line-height: 30px;
  font-size: 18px;
}
.purchase-wrapper .purchase-col1 .col1-container ul.col1-content li > div.active .content {
  padding-left: 9px;
  width: 300px;
  opacity: 1;
}
.purchase-wrapper .purchase-col2 {
  width: 100%;
  height: 1060px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.purchase-wrapper .purchase-col2 .col2-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 100px;
  height: auto;
}
.purchase-wrapper .purchase-col2 .col2-container .col2-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 48px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.purchase-wrapper .purchase-col2 .col2-container .col2-content {
  width: 100%;
}
.purchase-wrapper .purchase-col2 .col2-container .col2-content img {
  object-fit: cover;
  margin-bottom: 18px;
}
.purchase-wrapper .purchase-col2 .col2-container .col2-content img + img {
  margin-left: 18px;
}
.purchase-wrapper .purchase-col2 .col2-container .col2-content > div:first-of-type img {
  width: calc((100% - 36px) / 3);
}
.purchase-wrapper .purchase-col2 .col2-container .col2-content > div:last-of-type img {
  width: calc((100% - 18px) / 2);
}
.purchase-wrapper .purchase-col3 {
  display: flex;
  justify-content: center;
  height: 776px;
  background-size: cover;
  background-repeat: no-repeat;
}
.purchase-wrapper .purchase-col3 .col3-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
}
.purchase-wrapper .purchase-col3 .col3-container .col3-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.purchase-wrapper .purchase-col4 {
  width: 100%;
  height: 1800px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.purchase-wrapper .purchase-col4 .col4-container {
  width: 1200px;
  height: 100%;
  padding-top: 50px;
  position: relative;
  width: 100%;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 0;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-content {
  margin-top: 28px;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-title,
.purchase-wrapper .purchase-col4 .col4-container .col4-content {
  position: relative;
  z-index: 2;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-part.col4-part1 {
  height: 560px;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-part.col4-part2 {
  height: 560px;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-part.col4-part3 {
  height: 560px;
}
.purchase-wrapper .purchase-col4 .col4-container .part-content {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.purchase-wrapper .purchase-col4 .col4-container .part-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 40px;
}
.purchase-wrapper .purchase-col4 .col4-container .part-text {
  margin-top: 36px;
  width: 510px;
}
.purchase-wrapper .purchase-col4 .col4-container .part-box {
  width: 510px;
  margin-top: 40px;
}
.purchase-wrapper .purchase-col4 .col4-container .part-box .item {
  margin-bottom: 30px;
  padding-left: 18px;
  position: relative;
  line-height: 25px;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}
.purchase-wrapper .purchase-col4 .col4-container .part-box .item:last-of-type {
  margin-bottom: 0;
}
.purchase-wrapper .purchase-col4 .col4-container .part-box .title {
  margin-bottom: 6px;
  font-weight: 600;
  color: #191919;
}
.purchase-wrapper .purchase-col4 .col4-container .part-box .desc {
  line-height: 22px;
  font-size: 16px;
  color: #90929e;
}
.purchase-wrapper .purchase-col4 .col4-container .part-box .item::before {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background: url('/assets/images/web/icon-circle.png') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 7px;
}
.purchase-wrapper .purchase-col4 .col4-container .part-pic {
  flex-shrink: 0;
  width: 620px;
  height: 460px;
  background-size: cover;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.purchase-wrapper .purchase-col4 .col4-container .col4-bg img {
  width: 100vw;
  height: 1270px;
  object-fit: contain;
}
.purchase-wrapper .purchase-col5 {
  position: relative;
  z-index: 2;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.purchase-wrapper .purchase-col5 .col5-container {
  width: 1200px;
  height: 100%;
  padding-top: 40px;
}
.purchase-wrapper .purchase-col5 .col5-container .col5-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.purchase-wrapper .purchase-col5 .col5-container ul.col5-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 100px;
}
.purchase-wrapper .purchase-col5 .col5-container ul.col5-content li img {
  box-shadow: 0 0 26px #e6f4f6;
  width: 284px;
  height: 350px;
}
.purchase-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
}
.purchase-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 14px;
  line-height: 48px;
  font-weight: 500;
  font-size: 34px;
  color: #000;
}
.purchase-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  border-radius: 8px;
  width: 142px;
  height: 46px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.purchase-wrapper-mobile .solution-banner-mobile .solution-banner-swiper-container .swiper-slide .banner-box {
  width: 6.5rem;
}
.purchase-wrapper-mobile .solution-banner-mobile .solution-banner-swiper-container .swiper-slide .banner-box .title-1 {
  padding-top: 1.95rem;
}
.purchase-wrapper-mobile .purchase-col1 {
  height: 15.06rem;
  background-color: #fff;
}
.purchase-wrapper-mobile .purchase-col1 .col1-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1.28rem;
  padding-bottom: 1.28rem;
}
.purchase-wrapper-mobile .purchase-col1 .col1-container .col1-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  line-height: 0.66rem;
  font-size: 0.48rem;
}
.purchase-wrapper-mobile .purchase-col1 .col1-container ul {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.purchase-wrapper-mobile .purchase-col1 .col1-container ul::-webkit-scrollbar {
  display: none;
}
.purchase-wrapper-mobile .purchase-col1 .col1-container ul li {
  margin-bottom: 0.24rem;
  width: 6.88rem;
  height: 3rem;
  box-sizing: border-box;
}
.purchase-wrapper-mobile .purchase-col1 .col1-container ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.purchase-wrapper-mobile .purchase-col2 {
  height: 12.56rem;
  background-color: #fff;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.96rem;
  padding-bottom: 0.96rem;
  padding-bottom: 0;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.48rem;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content {
  width: 100%;
  height: 9rem;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content:first-of-type {
  margin: 0.48rem 0px;
  border-bottom: 0.02rem solid rgba(255, 255, 255, 0.15);
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m {
  width: 6.86rem;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m .swiper-wrapper .swiper-slide {
  overflow: hidden;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m .swiper-wrapper .swiper-slide img {
  width: 100%;
  display: block;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m .swiper-wrapper .swiper-slide.swiper-slide-prev,
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-container-m .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.8);
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-pagination {
  margin-top: 4px;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-pagination .swiper-pagination-bullet {
  margin-right: 4px;
  background: #EEEEEE;
  border-radius: 5px;
  opacity: 0.5;
}
.purchase-wrapper-mobile .purchase-col2 .col2-container .col2-content .purchase-col2-swiper-pagination .swiper-pagination-bullet-active {
  width: 8px;
  background: #D8D8D8;
  border-radius: 4px;
  opacity: 1;
}
.purchase-wrapper-mobile .purchase-col3 {
  height: 12.86rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.64rem;
  padding-bottom: 0.64rem;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-subtitle {
  margin-bottom: 0.4rem;
  line-height: 0.44rem;
  font-weight: 400;
  font-size: 0.32rem;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-content {
  margin-left: 0.32rem;
  padding-bottom: 0.24rem;
  margin-right: 0.32rem;
  overflow-x: auto;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-content::-webkit-scrollbar-track-piece {
  background: #fff;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-content::-webkit-scrollbar {
  height: 0.08rem;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-content::-webkit-scrollbar-thumb {
  background: rgba(216, 216, 216, 0.8);
  border-radius: 0.4rem;
}
.purchase-wrapper-mobile .purchase-col3 .col3-container .col3-content img {
  height: 8.6rem;
}
.purchase-wrapper-mobile .purchase-col4 {
  background-color: #fff;
}
.purchase-wrapper-mobile .purchase-col4 .col4-part1 {
  padding-bottom: 0.5rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-part2 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-part3 {
  padding-top: 0.8rem;
  padding-bottom: 0.5rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-part4 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1.04rem;
  padding-bottom: 1.04rem;
  position: relative;
  padding-bottom: 0;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-subtitle {
  margin-bottom: 0.4rem;
  line-height: 0.44rem;
  font-size: 0.32rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-content {
  display: flex;
  flex-direction: column;
  padding: 0 0.32rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-text {
  padding-left: 0.05rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-title {
  margin-top: 0.56rem;
  margin-bottom: 0.32rem;
  line-height: 0.56rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-box {
  text-align: left;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-box .item {
  position: relative;
  margin-bottom: 0.24rem;
  padding-left: 0.36rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #333333;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-box .item::before {
  content: '';
  position: absolute;
  top: 0.08rem;
  left: 0;
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background: url('/assets/images/web/icon-circle.png') no-repeat;
  background-size: cover;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-box .title {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
  font-weight: bold;
  color: #191919;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-box .desc {
  color: #90929e;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .part-pic {
  border-radius: 0.24rem;
  width: 6.86rem;
  height: 4.8rem;
  background-size: cover;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-title,
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-subtitle,
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-content {
  position: relative;
  z-index: 2;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.purchase-wrapper-mobile .purchase-col4 .col4-container .col4-bg img {
  width: 100vw;
  height: 12rem;
  object-fit: cover;
}
.purchase-wrapper-mobile .purchase-col5 {
  height: 12.92rem;
  background-color: #fff;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container .col5-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  line-height: 0.66rem;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container .col5-subtitle {
  margin-bottom: 0.4rem;
  line-height: 0.44rem;
  font-size: 0.32rem;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container ul {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container ul::-webkit-scrollbar {
  display: none;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
  width: 3.36rem;
  height: 4.14rem;
}
.purchase-wrapper-mobile .purchase-col5 .col5-container ul li img {
  border-radius: 0.24rem;
  box-shadow: 0 0 0.3rem #e6f4f6;
  width: 100%;
  height: 100%;
}
.purchase-wrapper-mobile .purchase-contact {
  padding: 0.72rem 0 0.66rem;
  background-size: cover;
}
.purchase-wrapper-mobile .purchase-contact .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.purchase-wrapper-mobile .purchase-contact .contact-content img {
  margin-bottom: 0.64rem;
  width: 2.24rem;
  height: 2.24rem;
}
.purchase-wrapper-mobile .purchase-contact .contact-content p:first-of-type {
  margin-bottom: 0.2rem;
  line-height: 0.66rem;
  font-weight: 500;
  font-size: 0.48rem;
  color: #fff;
}
.purchase-wrapper-mobile .purchase-contact .contact-content p:last-of-type {
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #fff;
  opacity: 0.8;
}
.purchase-wrapper-mobile .purchase-contact .contact-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.56rem;
  width: 2.4rem;
  height: 0.72rem;
  border-radius: 0.12rem;
  font-weight: bold;
  font-size: 0.28rem;
  background: #ffffff;
  color: #0c74ff;
}
.purchase-wrapper-mobile .NewopenLive-container .NewopenLive-content .NewopenLive-title {
  margin-bottom: 0.64rem;
}
.purchase-wrapper-mobile .NewopenLive-container .NewopenLive-content .qrcode-desc {
  margin-top: 0.24rem;
}
.promotionPage {
  width: 100%;
  background-color: #fff;
}
.promotionPage.pc {
  min-width: 1416px;
}
.promotionPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.promotionPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promotionPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.promotionPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.promotionPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.promotionPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.promotionPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.promotionPage.pc .contentFirst {
  padding: 120px 0;
}
.promotionPage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.promotionPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.promotionPage.pc .contentFirst .content .item {
  width: 338px;
  height: 358px;
  margin-right: 21px;
  padding: 68px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.promotionPage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.promotionPage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.promotionPage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.promotionPage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.promotionPage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.promotionPage.pc .contentSecond {
  padding: 68px 0 74px;
  text-align: center;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/Promotion/second-back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.promotionPage.pc .contentSecond .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #fff;
  line-height: 56px;
}
.promotionPage.pc .contentSecond .contentSecondImg {
  width: 1416px;
  height: 610px;
  margin: 0 auto;
}
.promotionPage.pc .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.promotionPage.pc .contentThird {
  padding: 120px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.promotionPage.pc .contentThird .item {
  width: 698px;
  height: 450px;
  margin-top: 23px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.promotionPage.pc .contentThird .item:nth-child(1),
.promotionPage.pc .contentThird .item:nth-child(2) {
  margin-top: 0;
}
.promotionPage.pc .contentThird .item:nth-child(2n) {
  margin-right: 0;
}
.promotionPage.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.promotionPage.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.promotionPage.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.promotionPage.pc .cases {
  padding-bottom: 79px;
}
.promotionPage.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.promotionPage.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.promotionPage.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.promotionPage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.promotionPage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.promotionPage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.promotionPage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.promotionPage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 0 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.promotionPage.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.promotionPage.pc .cases .content .item .itemContent .describes {
  word-break: keep-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.promotionPage.pc .NewopenLive-title {
  color: #000;
}
.promotionPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.promotionPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.promotionPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/Promotion/banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.promotionPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.promotionPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.promotionPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.promotionPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.promotionPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.promotionPage.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 3.56rem;
  padding: 0.56rem 0 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.promotionPage.mobile .contentFirst .content .item:nth-child(1),
.promotionPage.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.promotionPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.promotionPage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.promotionPage.mobile .contentFirst .content .item .describes {
  margin-bottom: 0.08rem;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.promotionPage.mobile .contentSecond {
  padding: 0.8rem 0 0.96rem;
  background: url("https://img1-www.nuoyun.tv/assets/images/mobile/Promotion/second-back.png") no-repeat;
  background-size: cover;
}
.promotionPage.mobile .contentSecond .title {
  margin-bottom: 0.56rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #FFFFFF;
  line-height: 0.66rem;
  text-align: center;
}
.promotionPage.mobile .contentSecond .contentSecondImg {
  width: 100%;
  padding: 0 0.32rem;
  box-sizing: border-box;
  overflow-x: auto;
}
.promotionPage.mobile .contentSecond .contentSecondImg img {
  display: block;
  height: 10.4rem;
}
.promotionPage.mobile .contentSecond .contentSecondImg::-webkit-scrollbar {
  display: none;
}
.promotionPage.mobile .contentThird {
  padding: 1.28rem 0.32rem;
}
.promotionPage.mobile .contentThird .item {
  height: 6.4rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.promotionPage.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.promotionPage.mobile .contentThird .item:first-child .title {
  margin-bottom: 0.48rem;
}
.promotionPage.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.promotionPage.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.promotionPage.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.18rem;
}
.promotionPage.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.promotionPage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.promotionPage.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.promotionPage.mobile .cases .content .item {
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
  overflow: hidden;
}
.promotionPage.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.promotionPage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promotionPage.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.98rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.promotionPage.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.promotionPage.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.promotionPage.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.promotionPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.brandMarketing {
  width: 100%;
  background-color: #fff;
}
.brandMarketing.pc {
  min-width: 1416px;
}
.brandMarketing.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.brandMarketing.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brandMarketing.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.brandMarketing.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.brandMarketing.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.brandMarketing.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.brandMarketing.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.brandMarketing.pc .contentFirst {
  padding: 120px 0;
}
.brandMarketing.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.brandMarketing.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brandMarketing.pc .contentFirst .content .item {
  width: 338px;
  height: 358px;
  margin-right: 21px;
  padding: 72px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.brandMarketing.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.brandMarketing.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.brandMarketing.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.brandMarketing.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.brandMarketing.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.brandMarketing.pc .contentThird {
  padding-bottom: 120px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.brandMarketing.pc .contentThird .item {
  position: relative;
  width: 698px;
  height: 680px;
  margin-top: 23px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  border-radius: 16px;
}
.brandMarketing.pc .contentThird .item:nth-child(1),
.brandMarketing.pc .contentThird .item:nth-child(2) {
  margin-top: 0;
}
.brandMarketing.pc .contentThird .item:nth-child(2n) {
  margin-right: 0;
}
.brandMarketing.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.brandMarketing.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.brandMarketing.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.brandMarketing.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 572px;
  height: 410px;
  transform: translateX(-50%);
}
.brandMarketing.pc .cases {
  padding-bottom: 79px;
}
.brandMarketing.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.brandMarketing.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brandMarketing.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.brandMarketing.pc .cases .content .item:last-child {
  margin-right: 0;
}
.brandMarketing.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.brandMarketing.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.brandMarketing.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.brandMarketing.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 0 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.brandMarketing.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.brandMarketing.pc .cases .content .item .itemContent .describes {
  word-break: keep-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.brandMarketing.pc .NewopenLive-title {
  color: #000;
}
.brandMarketing.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.brandMarketing.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.brandMarketing.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/BrandMarketing/banner.png') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.brandMarketing.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.brandMarketing.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.brandMarketing.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.brandMarketing.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.brandMarketing.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.brandMarketing.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 4rem;
  padding: 0.56rem 0.52rem 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.brandMarketing.mobile .contentFirst .content .item:nth-child(1),
.brandMarketing.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.brandMarketing.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.brandMarketing.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.brandMarketing.mobile .contentFirst .content .item .describes {
  margin-bottom: 0.08rem;
  white-space: wrap;
  word-break: break-all;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.brandMarketing.mobile .contentThird {
  padding: 0 0.32rem 1.28rem;
}
.brandMarketing.mobile .contentThird .item {
  height: 8.84rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.brandMarketing.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.brandMarketing.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.brandMarketing.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.brandMarketing.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.2rem;
}
.brandMarketing.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.brandMarketing.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.brandMarketing.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.brandMarketing.mobile .cases .content .item {
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
  overflow: hidden;
}
.brandMarketing.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.brandMarketing.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brandMarketing.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.96rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.brandMarketing.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.brandMarketing.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.brandMarketing.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.brandMarketing .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.privateDomainPage {
  width: 100%;
  background-color: #fff;
}
.privateDomainPage.pc {
  min-width: 1416px;
}
.privateDomainPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.privateDomainPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.privateDomainPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.privateDomainPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.privateDomainPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.privateDomainPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.privateDomainPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.privateDomainPage.pc .contentFirst {
  padding: 120px 0;
}
.privateDomainPage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.privateDomainPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.privateDomainPage.pc .contentFirst .content .item {
  width: 338px;
  height: 358px;
  margin-right: 21px;
  padding: 68px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.privateDomainPage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.privateDomainPage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.privateDomainPage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.privateDomainPage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.privateDomainPage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.privateDomainPage.pc .contentSecond {
  position: relative;
}
.privateDomainPage.pc .contentSecond .title {
  position: absolute;
  top: 68px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 40px;
  color: #000000;
  line-height: 56px;
}
.privateDomainPage.pc .contentSecond .title span {
  color: transparent;
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.privateDomainPage.pc .contentSecond .contentSecondImg {
  width: 100%;
  height: 850px;
  margin: 0 auto;
}
.privateDomainPage.pc .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.privateDomainPage.pc .contentThird {
  padding: 120px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.privateDomainPage.pc .contentThird .item {
  position: relative;
  width: 458px;
  height: 680px;
  margin-top: 21px;
  padding: 60px 0 0 32px;
  border-radius: 16px;
}
.privateDomainPage.pc .contentThird .item:nth-child(1),
.privateDomainPage.pc .contentThird .item:nth-child(2),
.privateDomainPage.pc .contentThird .item:nth-child(3) {
  margin-top: 0;
}
.privateDomainPage.pc .contentThird .item:nth-child(2) {
  margin-right: 20px;
  margin-left: 20px;
}
.privateDomainPage.pc .contentThird .item:nth-child(4) {
  margin-right: 20px;
}
.privateDomainPage.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.privateDomainPage.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.privateDomainPage.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.privateDomainPage.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 28px;
  left: 50%;
  width: 410px;
  height: 366px;
  transform: translateX(-50%);
}
.privateDomainPage.pc .contentThird .item:nth-child(4),
.privateDomainPage.pc .contentThird .item:nth-child(5) {
  width: 698px;
}
.privateDomainPage.pc .contentThird .item:nth-child(4) .contentImg,
.privateDomainPage.pc .contentThird .item:nth-child(5) .contentImg {
  width: 510px;
  height: 410px;
  bottom: 14px;
}
.privateDomainPage.pc .cases {
  padding-bottom: 79px;
}
.privateDomainPage.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.privateDomainPage.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.privateDomainPage.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.privateDomainPage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.privateDomainPage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.privateDomainPage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.privateDomainPage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.privateDomainPage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 0 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.privateDomainPage.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.privateDomainPage.pc .cases .content .item .itemContent .describes {
  word-break: keep-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.privateDomainPage.pc .NewopenLive-title {
  color: #000;
}
.privateDomainPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.privateDomainPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.privateDomainPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/PrivateDomain/banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.privateDomainPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.privateDomainPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.privateDomainPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.privateDomainPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.privateDomainPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.privateDomainPage.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 4rem;
  padding: 0.56rem 0.52rem 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.privateDomainPage.mobile .contentFirst .content .item:nth-child(1),
.privateDomainPage.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.privateDomainPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.privateDomainPage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.privateDomainPage.mobile .contentFirst .content .item .describes {
  margin-bottom: 0.08rem;
  white-space: wrap;
  word-break: break-all;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.privateDomainPage.mobile .contentSecond {
  padding-bottom: 1.28rem;
}
.privateDomainPage.mobile .contentSecond .title {
  display: block;
  width: 3.84rem;
  height: 1.32rem;
  margin: 0 auto 1.18rem;
}
.privateDomainPage.mobile .contentSecond .contentSecondImg {
  width: 6.88rem;
  height: 9.52rem;
  margin: 0 auto;
}
.privateDomainPage.mobile .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.privateDomainPage.mobile .contentThird {
  padding: 0 0.32rem 1.28rem;
}
.privateDomainPage.mobile .contentThird .item {
  height: 8.84rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.privateDomainPage.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.privateDomainPage.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.privateDomainPage.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.privateDomainPage.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.2rem;
}
.privateDomainPage.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.privateDomainPage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.privateDomainPage.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.privateDomainPage.mobile .cases .content .item {
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
  overflow: hidden;
}
.privateDomainPage.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.privateDomainPage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.privateDomainPage.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.96rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.privateDomainPage.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.privateDomainPage.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.privateDomainPage.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.privateDomainPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.streamingSalesPage {
  width: 100%;
  background-color: #fff;
}
.streamingSalesPage.pc {
  min-width: 1416px;
}
.streamingSalesPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.streamingSalesPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.streamingSalesPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.streamingSalesPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.streamingSalesPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.streamingSalesPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.streamingSalesPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.streamingSalesPage.pc .contentFirst {
  padding: 120px 0;
}
.streamingSalesPage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.streamingSalesPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.streamingSalesPage.pc .contentFirst .content .item {
  width: 420px;
  height: 358px;
  margin-right: 78px;
  padding: 72px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.streamingSalesPage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.streamingSalesPage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.streamingSalesPage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.streamingSalesPage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.streamingSalesPage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.streamingSalesPage.pc .contentSecond {
  padding: 72px 0 70px;
  text-align: center;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/StreamingSales/second-back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.streamingSalesPage.pc .contentSecond .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
}
.streamingSalesPage.pc .contentSecond .subtitle {
  margin-bottom: 48px;
  font-size: 20px;
  color: #000;
  line-height: 28px;
  text-align: center;
}
.streamingSalesPage.pc .contentSecond .contentSecondImg {
  width: 1100px;
  height: 582px;
  margin: 0 auto;
}
.streamingSalesPage.pc .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.streamingSalesPage.pc .contentThird {
  padding: 120px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.streamingSalesPage.pc .contentThird .item {
  position: relative;
  width: 698px;
  height: 680px;
  margin-top: 23px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
}
.streamingSalesPage.pc .contentThird .item:nth-child(1),
.streamingSalesPage.pc .contentThird .item:nth-child(2) {
  margin-top: 0;
}
.streamingSalesPage.pc .contentThird .item:nth-child(2n) {
  margin-right: 0;
}
.streamingSalesPage.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.streamingSalesPage.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.streamingSalesPage.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.streamingSalesPage.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 510px;
  height: 410;
  transform: translateX(-50%);
}
.streamingSalesPage.pc .cases {
  padding-bottom: 79px;
}
.streamingSalesPage.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.streamingSalesPage.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.streamingSalesPage.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  background: linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 100%);
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.06);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.streamingSalesPage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.streamingSalesPage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.streamingSalesPage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.streamingSalesPage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.streamingSalesPage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 0 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.streamingSalesPage.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.streamingSalesPage.pc .cases .content .item .itemContent .describes {
  word-break: keep-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.streamingSalesPage.pc .NewopenLive-title {
  color: #000;
}
.streamingSalesPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.streamingSalesPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.streamingSalesPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/StreamingSales/banner.png') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.streamingSalesPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.streamingSalesPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.streamingSalesPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.streamingSalesPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.streamingSalesPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.streamingSalesPage.mobile .contentFirst .content .item {
  width: 6.86rem;
  height: 3.28rem;
  padding: 0.56rem 0 0 0.2rem;
  margin-top: 0.16rem;
  background-size: 100% 100%;
}
.streamingSalesPage.mobile .contentFirst .content .item:first-child {
  margin-top: 0;
}
.streamingSalesPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.streamingSalesPage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.streamingSalesPage.mobile .contentFirst .content .item .describes {
  margin-bottom: 0.08rem;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.streamingSalesPage.mobile .contentSecond .title {
  margin-bottom: 0.32rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.streamingSalesPage.mobile .contentSecond .subtitle {
  margin-bottom: 0.56rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.44rem;
  text-align: center;
}
.streamingSalesPage.mobile .contentSecond .contentSecondImg {
  width: 100%;
  padding: 0 0.56rem;
  box-sizing: border-box;
}
.streamingSalesPage.mobile .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.24rem;
}
.streamingSalesPage.mobile .contentSecond .contentSecondImg img:last-child {
  margin-bottom: 0;
}
.streamingSalesPage.mobile .contentThird {
  padding: 1.28rem 0.32rem;
}
.streamingSalesPage.mobile .contentThird .item {
  height: 8.84rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.streamingSalesPage.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.streamingSalesPage.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.streamingSalesPage.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.streamingSalesPage.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.18rem;
}
.streamingSalesPage.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.streamingSalesPage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.streamingSalesPage.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.streamingSalesPage.mobile .cases .content .item {
  overflow: hidden;
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
}
.streamingSalesPage.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.streamingSalesPage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.streamingSalesPage.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.96rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.streamingSalesPage.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.streamingSalesPage.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.streamingSalesPage.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.streamingSalesPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.shareFissionPage {
  width: 100%;
  background-color: #fff;
}
.shareFissionPage.pc {
  min-width: 1416px;
}
.shareFissionPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.shareFissionPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shareFissionPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.shareFissionPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.shareFissionPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.shareFissionPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.shareFissionPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.shareFissionPage.pc .contentFirst {
  padding: 120px 0;
}
.shareFissionPage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.shareFissionPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareFissionPage.pc .contentFirst .content .item {
  width: 420px;
  height: 358px;
  margin-right: 78px;
  padding: 72px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.shareFissionPage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.shareFissionPage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.shareFissionPage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.shareFissionPage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.shareFissionPage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.shareFissionPage.pc .contentSecond {
  padding: 72px 0 70px;
  text-align: center;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/ShareFission/second-back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.shareFissionPage.pc .contentSecond .title {
  margin-bottom: 63px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
}
.shareFissionPage.pc .contentSecond .subtitle {
  margin-bottom: 48px;
  font-size: 20px;
  color: #000;
  line-height: 28px;
  text-align: center;
}
.shareFissionPage.pc .contentSecond .contentSecondImg {
  width: 1102px;
  height: 577px;
  margin: 0 auto;
}
.shareFissionPage.pc .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.shareFissionPage.pc .contentThird {
  padding: 120px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.shareFissionPage.pc .contentThird .item {
  position: relative;
  width: 698px;
  height: 680px;
  margin-top: 23px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
}
.shareFissionPage.pc .contentThird .item:nth-child(1),
.shareFissionPage.pc .contentThird .item:nth-child(2) {
  margin-top: 0;
}
.shareFissionPage.pc .contentThird .item:nth-child(2n) {
  margin-right: 0;
}
.shareFissionPage.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.shareFissionPage.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.shareFissionPage.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.shareFissionPage.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 510px;
  height: 410;
  transform: translateX(-50%);
}
.shareFissionPage.pc .cases {
  padding-bottom: 79px;
}
.shareFissionPage.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.shareFissionPage.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareFissionPage.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  background: linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 100%);
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.06);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.shareFissionPage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.shareFissionPage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.shareFissionPage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.shareFissionPage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.shareFissionPage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 31px 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.shareFissionPage.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.shareFissionPage.pc .cases .content .item .itemContent .describes {
  word-break: break-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.shareFissionPage.pc .NewopenLive-title {
  color: #000;
}
.shareFissionPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.shareFissionPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.shareFissionPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/ShareFission/banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.shareFissionPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.shareFissionPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.shareFissionPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.shareFissionPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.shareFissionPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shareFissionPage.mobile .contentFirst .content .item {
  width: 6.86rem;
  height: 3.28rem;
  padding: 0.56rem 0 0 0.2rem;
  margin-top: 0.16rem;
  background-size: 100% 100%;
}
.shareFissionPage.mobile .contentFirst .content .item:first-child {
  margin-top: 0;
}
.shareFissionPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.shareFissionPage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.shareFissionPage.mobile .contentFirst .content .item .describes {
  margin-bottom: 0.08rem;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.shareFissionPage.mobile .contentSecond .title {
  margin-bottom: 0.7rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.shareFissionPage.mobile .contentSecond .subtitle {
  margin-bottom: 0.56rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.44rem;
  text-align: center;
}
.shareFissionPage.mobile .contentSecond .contentSecondImg {
  width: 100%;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.shareFissionPage.mobile .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.24rem;
}
.shareFissionPage.mobile .contentSecond .contentSecondImg img:last-child {
  margin-bottom: 0;
}
.shareFissionPage.mobile .contentThird {
  padding: 1.28rem 0.32rem;
}
.shareFissionPage.mobile .contentThird .item {
  height: 8.84rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.14rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.shareFissionPage.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.shareFissionPage.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.shareFissionPage.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.shareFissionPage.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.18rem;
}
.shareFissionPage.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.shareFissionPage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.shareFissionPage.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.shareFissionPage.mobile .cases .content .item {
  overflow: hidden;
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
}
.shareFissionPage.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.shareFissionPage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shareFissionPage.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.96rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.shareFissionPage.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.shareFissionPage.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.shareFissionPage.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.shareFissionPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.repeatPurchasePage {
  width: 100%;
  background-color: #fff;
}
.repeatPurchasePage.pc {
  min-width: 1416px;
}
.repeatPurchasePage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.repeatPurchasePage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.repeatPurchasePage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.repeatPurchasePage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.repeatPurchasePage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.repeatPurchasePage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.repeatPurchasePage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.repeatPurchasePage.pc .contentFirst {
  padding: 120px 0;
}
.repeatPurchasePage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.repeatPurchasePage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.repeatPurchasePage.pc .contentFirst .content .item {
  width: 338px;
  height: 358px;
  margin-right: 21px;
  padding: 68px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.repeatPurchasePage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.repeatPurchasePage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.repeatPurchasePage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.repeatPurchasePage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.repeatPurchasePage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.repeatPurchasePage.pc .contentThird {
  padding-bottom: 120px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.repeatPurchasePage.pc .contentThird .item {
  position: relative;
  width: 458px;
  height: 680px;
  margin-top: 21px;
  padding: 60px 0 0 32px;
  border-radius: 16px;
}
.repeatPurchasePage.pc .contentThird .item:nth-child(1),
.repeatPurchasePage.pc .contentThird .item:nth-child(2),
.repeatPurchasePage.pc .contentThird .item:nth-child(3) {
  margin-top: 0;
}
.repeatPurchasePage.pc .contentThird .item:nth-child(2) {
  margin-right: 20px;
  margin-left: 20px;
}
.repeatPurchasePage.pc .contentThird .item:nth-child(4) {
  margin-right: 20px;
}
.repeatPurchasePage.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.repeatPurchasePage.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.repeatPurchasePage.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.repeatPurchasePage.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 28px;
  left: 50%;
  width: 410px;
  height: 366px;
  transform: translateX(-50%);
}
.repeatPurchasePage.pc .contentThird .item:nth-child(4),
.repeatPurchasePage.pc .contentThird .item:nth-child(5) {
  width: 698px;
}
.repeatPurchasePage.pc .contentThird .item:nth-child(4) .contentImg,
.repeatPurchasePage.pc .contentThird .item:nth-child(5) .contentImg {
  width: 510px;
  height: 410px;
  bottom: 14px;
}
.repeatPurchasePage.pc .cases {
  padding-bottom: 79px;
}
.repeatPurchasePage.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.repeatPurchasePage.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.repeatPurchasePage.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  background: linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 100%);
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.06);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.repeatPurchasePage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.repeatPurchasePage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.repeatPurchasePage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.repeatPurchasePage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.repeatPurchasePage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 31px 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.repeatPurchasePage.pc .cases .content .item .itemContent:nth-child(2) {
  padding-right: 15px;
}
.repeatPurchasePage.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.repeatPurchasePage.pc .cases .content .item .itemContent .describes {
  word-break: break-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.repeatPurchasePage.pc .NewopenLive-title {
  color: #000;
}
.repeatPurchasePage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.repeatPurchasePage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.repeatPurchasePage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/RepeatPurchase/banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.repeatPurchasePage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.repeatPurchasePage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.repeatPurchasePage.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.repeatPurchasePage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.repeatPurchasePage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.repeatPurchasePage.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 4rem;
  padding: 0.56rem 0 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.repeatPurchasePage.mobile .contentFirst .content .item:nth-child(1),
.repeatPurchasePage.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.repeatPurchasePage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.44rem;
  text-align: left;
}
.repeatPurchasePage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.repeatPurchasePage.mobile .contentFirst .content .item .describes {
  padding-right: 0.34rem;
  white-space: wrap;
  word-break: break-all;
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.repeatPurchasePage.mobile .contentThird {
  padding: 0 0.32rem 1.28rem;
}
.repeatPurchasePage.mobile .contentThird .item {
  height: 8.84rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.repeatPurchasePage.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.repeatPurchasePage.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.repeatPurchasePage.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.repeatPurchasePage.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.2rem;
}
.repeatPurchasePage.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.repeatPurchasePage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.repeatPurchasePage.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.repeatPurchasePage.mobile .cases .content .item {
  overflow: hidden;
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
}
.repeatPurchasePage.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.repeatPurchasePage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.repeatPurchasePage.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.96rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.repeatPurchasePage.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.repeatPurchasePage.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.repeatPurchasePage.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.repeatPurchasePage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.dataAnalysis {
  width: 100%;
  background-color: #fff;
}
.dataAnalysis.pc {
  min-width: 1416px;
}
.dataAnalysis.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.dataAnalysis.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dataAnalysis.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.dataAnalysis.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.dataAnalysis.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.dataAnalysis.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.dataAnalysis.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.dataAnalysis.pc .contentFirst {
  padding: 120px 0;
}
.dataAnalysis.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.dataAnalysis.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataAnalysis.pc .contentFirst .content .item {
  width: 338px;
  height: 358px;
  margin-right: 21px;
  padding: 72px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.dataAnalysis.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.dataAnalysis.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.dataAnalysis.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.dataAnalysis.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.dataAnalysis.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.dataAnalysis.pc .contentThird {
  padding-bottom: 120px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.dataAnalysis.pc .contentThird .item {
  position: relative;
  width: 698px;
  height: 680px;
  margin-top: 23px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  border-radius: 16px;
}
.dataAnalysis.pc .contentThird .item:nth-child(1),
.dataAnalysis.pc .contentThird .item:nth-child(2) {
  margin-top: 0;
}
.dataAnalysis.pc .contentThird .item:nth-child(2n) {
  margin-right: 0;
}
.dataAnalysis.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.dataAnalysis.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.dataAnalysis.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.dataAnalysis.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 510px;
  height: 410px;
  transform: translateX(-50%);
}
.dataAnalysis.pc .cases {
  padding-bottom: 79px;
}
.dataAnalysis.pc .cases .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.dataAnalysis.pc .cases .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataAnalysis.pc .cases .content .item {
  width: 450px;
  margin-right: 33px;
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.dataAnalysis.pc .cases .content .item:last-child {
  margin-right: 0;
}
.dataAnalysis.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.dataAnalysis.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.dataAnalysis.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 0.5s;
}
.dataAnalysis.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 181px;
  padding: 32px 0 0 40px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.dataAnalysis.pc .cases .content .item .itemContent .title {
  margin-bottom: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #191919;
  line-height: 28px;
  text-align: left;
}
.dataAnalysis.pc .cases .content .item .itemContent .describes {
  word-break: keep-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.dataAnalysis.pc .NewopenLive-title {
  color: #000;
}
.dataAnalysis.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.dataAnalysis.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.dataAnalysis.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/DataAnalysis/banner.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.dataAnalysis.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.dataAnalysis.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.dataAnalysis.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.dataAnalysis.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.dataAnalysis.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dataAnalysis.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 4rem;
  padding: 0.56rem 0 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.dataAnalysis.mobile .contentFirst .content .item:nth-child(1),
.dataAnalysis.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.dataAnalysis.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.dataAnalysis.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.dataAnalysis.mobile .contentFirst .content .item .describes {
  margin-bottom: 0.08rem;
  white-space: wrap;
  word-break: break-all;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.dataAnalysis.mobile .contentThird {
  padding: 0 0.32rem 1.28rem;
}
.dataAnalysis.mobile .contentThird .item {
  height: 8.84rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.dataAnalysis.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.dataAnalysis.mobile .contentThird .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.dataAnalysis.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.dataAnalysis.mobile .contentThird .item .title:nth-child(2) {
  margin-bottom: 0.2rem;
}
.dataAnalysis.mobile .contentThird .item .describes {
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.dataAnalysis.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.dataAnalysis.mobile .cases .content {
  padding: 0 0.32rem 1.28rem;
}
.dataAnalysis.mobile .cases .content .item {
  overflow: hidden;
  margin-bottom: 0.32rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
}
.dataAnalysis.mobile .cases .content .item .itemImgBox {
  height: 2.92rem;
}
.dataAnalysis.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dataAnalysis.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 6.88rem;
  height: 3.96rem;
  padding: 0.82rem 0.32rem 0 0.32rem;
  margin-top: -0.48rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.dataAnalysis.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.28rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #191919;
  line-height: 0.56rem;
}
.dataAnalysis.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.4rem;
}
.dataAnalysis.mobile .cases .content .item:last-child {
  margin-bottom: 0;
}
.dataAnalysis .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.GoodsRetailPage {
  width: 100%;
  background-color: #fff;
}
.GoodsRetailPage.pc {
  min-width: 1416px;
}
.GoodsRetailPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.GoodsRetailPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.GoodsRetailPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.GoodsRetailPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.GoodsRetailPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.GoodsRetailPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.GoodsRetailPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.GoodsRetailPage.pc .contentFirst {
  padding: 120px 0;
}
.GoodsRetailPage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.GoodsRetailPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GoodsRetailPage.pc .contentFirst .content .item {
  width: 268px;
  height: 330px;
  margin-right: 19px;
  padding: 72px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.GoodsRetailPage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.GoodsRetailPage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.GoodsRetailPage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.GoodsRetailPage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.GoodsRetailPage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.GoodsRetailPage.pc .contentSecond {
  padding: 72px 0 59px;
  text-align: center;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/GoodsRetail/second-back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.GoodsRetailPage.pc .contentSecond .title {
  margin-bottom: 42px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
}
.GoodsRetailPage.pc .contentSecond .contentSecondImg {
  width: 1230px;
  height: 721px;
  margin: 0 auto;
}
.GoodsRetailPage.pc .contentSecond .contentSecondImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.GoodsRetailPage.pc .contentThird {
  padding: 120px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.GoodsRetailPage.pc .contentThird .item {
  position: relative;
  width: 698px;
  height: 680px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
}
.GoodsRetailPage.pc .contentThird .item:nth-child(1),
.GoodsRetailPage.pc .contentThird .item:nth-child(2) {
  margin-top: 0;
}
.GoodsRetailPage.pc .contentThird .item:nth-child(2n) {
  margin-right: 0;
}
.GoodsRetailPage.pc .contentThird .item .title {
  text-align: left;
  font-weight: bold;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.GoodsRetailPage.pc .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.GoodsRetailPage.pc .contentThird .item .describes {
  margin-top: 28px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.GoodsRetailPage.pc .contentThird .item .contentImg {
  position: absolute;
  bottom: 19px;
  left: 50%;
  width: 510px;
  height: 410px;
  transform: translateX(-50%);
}
.GoodsRetailPage.pc .cases {
  padding-bottom: 176px;
  position: relative;
}
.GoodsRetailPage.pc .cases .title {
  margin-bottom: 72px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.GoodsRetailPage.pc .cases .back {
  position: absolute;
  left: 50%;
  bottom: 120px;
  transform: translateX(-50%);
  width: 1500px;
  height: 264px;
  background: #F5FAFF;
  border-radius: 25px;
}
.GoodsRetailPage.pc .cases .content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.GoodsRetailPage.pc .cases .content .item {
  width: 338px;
  margin-right: 21px;
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.GoodsRetailPage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.GoodsRetailPage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.GoodsRetailPage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.GoodsRetailPage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 264px;
  object-fit: cover;
  transition: all 0.5s;
}
.GoodsRetailPage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 187px;
  padding: 50px 0 0 24px;
  margin-top: -40px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
}
.GoodsRetailPage.pc .cases .content .item .itemContent .title {
  margin-bottom: 14px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.GoodsRetailPage.pc .cases .content .item .itemContent .describes {
  word-break: break-all;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.GoodsRetailPage.pc .NewopenLive-title {
  color: #000;
}
.GoodsRetailPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.GoodsRetailPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.GoodsRetailPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner5_bg.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.GoodsRetailPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.GoodsRetailPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.GoodsRetailPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem;
}
.GoodsRetailPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.GoodsRetailPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.GoodsRetailPage.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 4rem;
  padding: 0.52rem 0 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.GoodsRetailPage.mobile .contentFirst .content .item:first-child {
  width: 6.86rem;
  height: 3.28rem;
  margin-top: 0;
}
.GoodsRetailPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.GoodsRetailPage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.GoodsRetailPage.mobile .contentFirst .content .item .describes {
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.GoodsRetailPage.mobile .contentSecond {
  padding-bottom: 1.28rem;
}
.GoodsRetailPage.mobile .contentSecond .title {
  margin-bottom: 0.56rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.GoodsRetailPage.mobile .contentSecond .contentSecondImg {
  width: 100%;
  padding: 0 0.32rem;
  box-sizing: border-box;
  overflow-x: auto;
}
.GoodsRetailPage.mobile .contentSecond .contentSecondImg img {
  display: block;
  height: 12.4rem;
}
.GoodsRetailPage.mobile .contentSecond .contentSecondImg::-webkit-scrollbar {
  display: none;
}
.GoodsRetailPage.mobile .contentThird {
  padding: 0 0.32rem 1.28rem;
}
.GoodsRetailPage.mobile .contentThird .item {
  height: 9.6rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.GoodsRetailPage.mobile .contentThird .item:last-child {
  margin-bottom: 0;
}
.GoodsRetailPage.mobile .contentThird .item .title {
  margin-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.GoodsRetailPage.mobile .contentThird .item .title span {
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, #00c2ff 0, #006bed 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.GoodsRetailPage.mobile .contentThird .item .describes {
  display: flex;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.GoodsRetailPage.mobile .contentThird .item .describes span:first-child {
  margin-right: 0.05rem;
}
.GoodsRetailPage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.GoodsRetailPage.mobile .cases .content {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 0.32rem 1.28rem 0.32rem;
  overflow-x: auto;
}
.GoodsRetailPage.mobile .cases .content .item {
  width: 5.4rem;
  flex-shrink: 0;
  margin-right: 0.4rem;
  box-shadow: 0 8px 20px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.16rem;
  overflow: hidden;
}
.GoodsRetailPage.mobile .cases .content .item:last-child {
  margin-right: 0;
}
.GoodsRetailPage.mobile .cases .content .item .itemImgBox {
  height: 4.22rem;
}
.GoodsRetailPage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.GoodsRetailPage.mobile .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  width: 5.42rem;
  height: 2.6rem;
  padding: 0.56rem 0 0 0.48rem;
  margin-top: -0.92rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.GoodsRetailPage.mobile .cases .content .item .itemContent .title {
  margin-bottom: 0.2rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.4rem;
  color: #000;
  line-height: 0.56rem;
}
.GoodsRetailPage.mobile .cases .content .item .itemContent .describes {
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.GoodsRetailPage.mobile .cases .content::-webkit-scrollbar {
  display: none;
}
.GoodsRetailPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.portalMallPage {
  width: 100%;
  background-color: #fff;
}
.portalMallPage.pc {
  min-width: 1416px;
}
.portalMallPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.portalMallPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portalMallPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.portalMallPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.portalMallPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.portalMallPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.portalMallPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.portalMallPage.pc .contentFirst {
  padding: 120px 0 34px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/PortalMall/first-back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.portalMallPage.pc .contentFirst .title {
  margin-bottom: 70px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.portalMallPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 1420px;
  margin: 0 auto;
}
.portalMallPage.pc .contentFirst .content .item {
  width: 462px;
  height: 324px;
  padding: 218px 0 0 34px;
  margin-bottom: 28px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s ease-in-out;
}
.portalMallPage.pc .contentFirst .content .item:nth-child(3n - 1) {
  margin-left: 17px;
  margin-right: 17px;
}
.portalMallPage.pc .contentFirst .content .item .title {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 22px;
  color: #000;
  line-height: 30px;
  text-align: left;
}
.portalMallPage.pc .contentFirst .content .item .describes {
  font-size: 14px;
  color: #484E61;
  line-height: 20px;
}
.portalMallPage.pc .contentSecond {
  padding: 120px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 1416px;
  margin: 0 auto;
}
.portalMallPage.pc .contentSecond .item {
  position: relative;
  width: 458px;
  height: 600px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 60px 0 0 32px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
}
.portalMallPage.pc .contentSecond .item:nth-child(1),
.portalMallPage.pc .contentSecond .item:nth-child(2),
.portalMallPage.pc .contentSecond .item:nth-child(3) {
  margin-top: 0;
}
.portalMallPage.pc .contentSecond .item:nth-child(3),
.portalMallPage.pc .contentSecond .item:last-child {
  margin-right: 0;
}
.portalMallPage.pc .contentSecond .item .title {
  text-align: left;
  font-weight: 600;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.portalMallPage.pc .contentSecond .item .describes {
  margin-top: 20px;
  word-break: break-all;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.portalMallPage.pc .contentSecond .item .contentImg {
  position: absolute;
  bottom: 41px;
  left: 50%;
  width: 410px;
  height: 366px;
  transform: translateX(-50%);
}
.portalMallPage.pc .contentSecond .item:nth-child(4) {
  width: 698px;
}
.portalMallPage.pc .contentSecond .item:nth-child(4) .contentImg {
  width: 510px;
}
.portalMallPage.pc .contentSecond .item:nth-child(5) {
  width: 698px;
}
.portalMallPage.pc .contentSecond .item:nth-child(5) .contentImg {
  width: 553px;
}
.portalMallPage.pc .cases {
  padding-bottom: 176px;
  position: relative;
}
.portalMallPage.pc .cases .title {
  margin-bottom: 72px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.portalMallPage.pc .cases .back {
  position: absolute;
  left: 50%;
  bottom: 120px;
  transform: translateX(-50%);
  width: 1500px;
  height: 195px;
  background: #F5FAFF;
  border-radius: 25px;
}
.portalMallPage.pc .cases .content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.portalMallPage.pc .cases .content .item {
  width: 267px;
  margin-right: 20px;
  box-shadow: 0 4px 10px 0 rgba(8, 6, 67, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.portalMallPage.pc .cases .content .item:last-child {
  margin-right: 0;
}
.portalMallPage.pc .cases .content .item:hover .itemImg {
  transform: scale(1.3);
}
.portalMallPage.pc .cases .content .item .itemImgBox {
  overflow: hidden;
}
.portalMallPage.pc .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 284px;
  object-fit: cover;
  transition: all 0.5s;
}
.portalMallPage.pc .cases .content .item .itemContent {
  position: relative;
  box-sizing: border-box;
  height: 105px;
  margin-top: -48px;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 1;
  text-align: center;
}
.portalMallPage.pc .cases .content .item .itemContent .title {
  font-weight: 500;
  font-size: 22px;
  color: #000;
  line-height: 105px;
}
.portalMallPage.pc .NewopenLive-title {
  color: #000;
}
.portalMallPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.portalMallPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.portalMallPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/PortalMall/banner.png') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.portalMallPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.portalMallPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.portalMallPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem 0.72rem;
  background: linear-gradient(180deg, #FAFEFF 0%, #DCF1FF 52%, #EAF6FF 70%, #F9FCFF 100%);
}
.portalMallPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.portalMallPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.portalMallPage.mobile .contentFirst .content .item {
  width: 3.32rem;
  height: 4.4rem;
  padding: 2.52rem 0.2rem 0 0.24rem;
  margin-top: 0.22rem;
  background-size: 100% 100%;
}
.portalMallPage.mobile .contentFirst .content .item:first-child,
.portalMallPage.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.portalMallPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.12rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.portalMallPage.mobile .contentFirst .content .item .describes {
  font-size: 0.24rem;
  color: #484E61;
  line-height: 0.34rem;
}
.portalMallPage.mobile .contentSecond {
  padding: 1.28rem 0.32rem;
}
.portalMallPage.mobile .contentSecond .item {
  height: 8.4rem;
  margin-bottom: 0.32rem;
  padding: 0.56rem 0 0 0.24rem;
  box-sizing: border-box;
  background-size: 100% 100%;
}
.portalMallPage.mobile .contentSecond .item:last-child {
  margin-bottom: 0;
}
.portalMallPage.mobile .contentSecond .item .title {
  margin-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.portalMallPage.mobile .contentSecond .item .describes {
  display: flex;
  font-size: 0.24rem;
  color: #000;
  line-height: 0.34rem;
}
.portalMallPage.mobile .cases {
  padding-bottom: 1rem;
}
.portalMallPage.mobile .cases .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.portalMallPage.mobile .cases .content {
  padding: 0 0.12rem;
}
.portalMallPage.mobile .cases .content .swiper-wrapper {
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.portalMallPage.mobile .cases .content .item {
  width: 5.74rem;
}
.portalMallPage.mobile .cases .content .item:last-child {
  margin-right: 0;
}
.portalMallPage.mobile .cases .content .item .itemImgBox {
  height: 7.1rem;
}
.portalMallPage.mobile .cases .content .item .itemImgBox .itemImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portalMallPage.mobile .cases .content::-webkit-scrollbar {
  display: none;
}
.portalMallPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.chainStoresPage {
  width: 100%;
  background-color: #fff;
}
.chainStoresPage.pc {
  min-width: 1416px;
}
.chainStoresPage.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.chainStoresPage.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chainStoresPage.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.chainStoresPage.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.chainStoresPage.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.chainStoresPage.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 44px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.chainStoresPage.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.chainStoresPage.pc .contentFirst {
  padding: 120px 0;
}
.chainStoresPage.pc .contentFirst .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.chainStoresPage.pc .contentFirst .content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chainStoresPage.pc .contentFirst .content .item {
  width: 338px;
  height: 358px;
  margin-right: 21px;
  padding: 72px 28px 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.chainStoresPage.pc .contentFirst .content .item:last-child {
  margin-right: 0;
}
.chainStoresPage.pc .contentFirst .content .item:hover {
  transform: scale(1.1);
}
.chainStoresPage.pc .contentFirst .content .item .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
  line-height: 33px;
  text-align: left;
}
.chainStoresPage.pc .contentFirst .content .item .title span {
  color: #4460BA;
}
.chainStoresPage.pc .contentFirst .content .item .describes {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.chainStoresPage.pc .contentSecond .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.chainStoresPage.pc .contentSecond .content {
  box-sizing: border-box;
  padding-top: 64px;
  width: 1416px;
  height: 550px;
  margin: 0 auto;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/ChainStores/second-back.png') no-repeat;
  background-size: 100% 100%;
}
.chainStoresPage.pc .contentSecond .content .contentImg {
  display: block;
  width: 1080px;
  height: 394px;
  margin: 0 auto;
}
.chainStoresPage.pc .contentSecond .content .contentImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.chainStoresPage.pc .contentThird {
  padding-top: 120px;
  width: 1416px;
  margin: 0 auto;
}
.chainStoresPage.pc .contentThird .title {
  margin-bottom: 72px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.chainStoresPage.pc .contentThird .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}
.chainStoresPage.pc .contentThird .item.item2 .itemImg img {
  width: 506px;
}
.chainStoresPage.pc .contentThird .item .itemImg {
  width: 750px;
  height: 486px;
  border-radius: 20px;
  line-height: 486px;
  text-align: center;
}
.chainStoresPage.pc .contentThird .item .itemImg img {
  width: 540px;
  height: auto;
}
.chainStoresPage.pc .contentThird .item .itemTxt {
  width: 598px;
  padding-top: 72px;
}
.chainStoresPage.pc .contentThird .item .itemTxt .itemTitle {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.chainStoresPage.pc .contentThird .item .itemTxt .itemSubtitleBox {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.chainStoresPage.pc .contentThird .item .itemTxt .itemSubtitleBox .itemSubtitle {
  display: flex;
  align-items: center;
}
.chainStoresPage.pc .contentThird .item .itemTxt .itemSubtitleBox .itemSubtitle span {
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(180deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.chainStoresPage.pc .contentThird .item .itemTxt .itemSubtitleBox .itemSubtitle .itemSubtitleDivider {
  width: 1px;
  height: 18px;
  margin: 0 20px;
  background: #E1E1E1;
}
.chainStoresPage.pc .contentThird .item .describes {
  margin-bottom: 16px;
  font-size: 16px;
  color: #000;
  line-height: 22px;
}
.chainStoresPage.pc .contentFourth {
  padding: 84px 0 34px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/ChainStores/fourth-back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.chainStoresPage.pc .contentFourth .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.chainStoresPage.pc .contentFourth .subtitle {
  margin-bottom: 62px;
  font-size: 20px;
  color: #000;
  line-height: 28px;
  text-align: center;
}
.chainStoresPage.pc .contentFourth .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 1420px;
  margin: 0 auto;
}
.chainStoresPage.pc .contentFourth .content .item {
  width: 462px;
  height: 324px;
  padding: 206px 34px 0 34px;
  margin-bottom: 28px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s ease-in-out;
}
.chainStoresPage.pc .contentFourth .content .item:nth-child(3n - 1) {
  margin-left: 17px;
  margin-right: 17px;
}
.chainStoresPage.pc .contentFourth .content .item .title {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 22px;
  color: #000;
  line-height: 30px;
  text-align: left;
}
.chainStoresPage.pc .contentFourth .content .item .describes {
  font-size: 14px;
  color: #484E61;
  line-height: 20px;
}
.chainStoresPage.pc .NewopenLive-title {
  color: #000;
}
.chainStoresPage.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.chainStoresPage.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.chainStoresPage.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/ChainStores/banner.png') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.chainStoresPage.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.chainStoresPage.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.chainStoresPage.mobile .contentFirst {
  padding: 1.28rem 0.32rem 0;
}
.chainStoresPage.mobile .contentFirst .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.chainStoresPage.mobile .contentFirst .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chainStoresPage.mobile .contentFirst .content .item {
  width: 3.36rem;
  height: 4rem;
  padding: 0.56rem 0 0 0.2rem;
  margin-top: 0.14rem;
  background-size: 100% 100%;
}
.chainStoresPage.mobile .contentFirst .content .item:first-child,
.chainStoresPage.mobile .contentFirst .content .item:nth-child(2) {
  margin-top: 0;
}
.chainStoresPage.mobile .contentFirst .content .item .title {
  margin-bottom: 0.2rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.chainStoresPage.mobile .contentFirst .content .item .title span {
  color: #4460BA;
}
.chainStoresPage.mobile .contentFirst .content .item .describes {
  white-space: wrap;
  word-break: break-all;
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.chainStoresPage.mobile .contentSecond {
  padding: 1.28rem 0;
}
.chainStoresPage.mobile .contentSecond .title {
  padding: 0 0.62rem;
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.chainStoresPage.mobile .contentSecond .content {
  padding-left: 0.32rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.chainStoresPage.mobile .contentSecond .content .contentImg {
  width: 21.92rem;
  height: 7.88rem;
}
.chainStoresPage.mobile .contentSecond .content .contentImg img {
  display: block;
  width: 21.6rem;
  height: 100%;
}
.chainStoresPage.mobile .contentSecond .content::-webkit-scrollbar {
  display: none;
}
.chainStoresPage.mobile .contentThird {
  padding: 0 0.32rem;
}
.chainStoresPage.mobile .contentThird .title {
  padding: 0 0.62rem;
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.chainStoresPage.mobile .contentThird .item {
  padding-top: 5.8rem;
  height: 12.18rem;
  margin-bottom: 0.48rem;
}
.chainStoresPage.mobile .contentThird .item.item1 {
  padding-top: 5.92rem;
}
.chainStoresPage.mobile .contentThird .item.item1 .itemSubtitleBox {
  margin-bottom: 0.3rem !important;
}
.chainStoresPage.mobile .contentThird .item.item1 .itemSubtitleBox .itemSubtitle:nth-child(2) {
  margin-right: 2rem;
}
.chainStoresPage.mobile .contentThird .item.item1 .itemSubtitleBox .itemSubtitle:nth-child(2) .itemSubtitleDivider {
  display: none;
}
.chainStoresPage.mobile .contentThird .item.item1 .itemSubtitleBox .itemSubtitle:nth-child(3),
.chainStoresPage.mobile .contentThird .item.item1 .itemSubtitleBox .itemSubtitle:nth-child(4) {
  margin-top: 0.18rem;
}
.chainStoresPage.mobile .contentThird .item.item2 {
  padding-top: 6.52rem;
  height: 12.76rem;
  margin-bottom: 0;
}
.chainStoresPage.mobile .contentThird .item.item2 .itemTitle {
  margin-bottom: 0.22rem;
}
.chainStoresPage.mobile .contentThird .item.item2 .itemSubtitleBox {
  margin-bottom: 0.32rem !important;
}
.chainStoresPage.mobile .contentThird .item.item2 .itemSubtitleBox .itemSubtitle:nth-child(2) {
  margin-right: 2rem;
}
.chainStoresPage.mobile .contentThird .item.item2 .itemSubtitleBox .itemSubtitle:nth-child(2) .itemSubtitleDivider {
  display: none;
}
.chainStoresPage.mobile .contentThird .item.item2 .itemSubtitleBox .itemSubtitle:nth-child(3),
.chainStoresPage.mobile .contentThird .item.item2 .itemSubtitleBox .itemSubtitle:nth-child(4) {
  margin-top: 0.18rem;
}
.chainStoresPage.mobile .contentThird .item .itemTxt {
  padding-left: 0.24rem;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .itemTitle {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .itemSubtitleBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .itemSubtitleBox .itemSubtitle {
  display: flex;
  align-items: center;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .itemSubtitleBox .itemSubtitle span {
  font-weight: bold;
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(180deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .itemSubtitleBox .itemSubtitle .itemSubtitleDivider {
  width: 1px;
  height: 0.32rem;
  margin: 0 0.2rem;
  background: #E1E1E1;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .describes {
  margin-bottom: 0.24rem;
  display: flex;
  font-size: 0.28rem;
  color: #000;
  line-height: 0.4rem;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .describes p {
  flex: 1;
  white-space: nowrap;
}
.chainStoresPage.mobile .contentThird .item .itemTxt .describes .list {
  margin-right: 0.05rem;
}
.chainStoresPage.mobile .contentFourth {
  padding: 1.28rem 0 0.72rem;
}
.chainStoresPage.mobile .contentFourth .title {
  margin-bottom: 0.24rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.chainStoresPage.mobile .contentFourth .subtitle {
  text-align: center;
  margin-bottom: 0.56rem;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.44rem;
}
.chainStoresPage.mobile .contentFourth .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0.32rem;
}
.chainStoresPage.mobile .contentFourth .content .item {
  width: 3.32rem;
  height: 4.4rem;
  padding: 2.52rem 0.2rem 0 0.24rem;
  margin-top: 0.32rem;
  background-size: 100% 100%;
}
.chainStoresPage.mobile .contentFourth .content .item:first-child,
.chainStoresPage.mobile .contentFourth .content .item:nth-child(2) {
  margin-top: 0;
}
.chainStoresPage.mobile .contentFourth .content .item .title {
  margin-bottom: 0.12rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
  text-align: left;
}
.chainStoresPage.mobile .contentFourth .content .item .describes {
  font-size: 0.24rem;
  color: #484E61;
  line-height: 0.34rem;
}
.chainStoresPage .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.wechatLive-wrapper {
  width: 100%;
  background-color: #fff;
  min-width: 1350px;
  font-size: 0;
}
.wechatLive-wrapper .wechatLive-col1 {
  width: 100%;
  height: 180px;
  background: #f9fafb;
}
.wechatLive-wrapper .wechatLive-col1 .col1-content {
  width: 1200px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: auto;
}
.wechatLive-wrapper .wechatLive-col1 .col1-content .content-box {
  width: 250px;
  height: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col1 .col1-content .content-box img {
  width: 70px;
  height: 70px;
}
.wechatLive-wrapper .wechatLive-col1 .col1-content .content-box .content-detail {
  height: 100%;
  margin-top: 23px;
  width: 150px;
}
.wechatLive-wrapper .wechatLive-col1 .col1-content .content-box .content-detail p:first-child {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.wechatLive-wrapper .wechatLive-col1 .col1-content .content-box .content-detail p:nth-child(2) {
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  width: 260px;
}
.wechatLive-wrapper .wechatLive-col2 {
  width: 100%;
  min-width: 1350px;
  background: #fff;
  min-height: 610px;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-title {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
  margin: 80px auto 60px;
  text-align: center;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  height: 382px;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p {
  width: 230px;
  height: 180px;
  background: url('/assets/images/web/wechat/we-5.png') no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 180px;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(2) {
  background: url('/assets/images/web/wechat/we-6.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(3) {
  background: url('/assets/images/web/wechat/we-7.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(4) {
  background: url('/assets/images/web/wechat/we-8.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(5) {
  background: url('/assets/images/web/wechat/we-9.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(6) {
  background: url('/assets/images/web/wechat/we-10.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(7) {
  background: url('/assets/images/web/wechat/we-11.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(8) {
  background: url('/assets/images/web/wechat/we-12.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(9) {
  background: url('/assets/images/web/wechat/we-13.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col2 .col2-content .col2-box p:nth-child(10) {
  background: url('/assets/images/mobile/wechat_new/employee.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col3 {
  width: 100%;
  min-width: 1350px;
  background: #f9fafb;
  min-height: 570px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content {
  width: 1200px;
  height: 100%;
  margin: 60px auto 0;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-title {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 60px;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box {
  width: 100%;
  height: 356px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box li {
  width: 580px;
  height: 140px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box li img {
  width: 100px;
  height: 100px;
  margin-left: 8px;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box li .box-detail {
  margin: 27px 0px 0px 27px;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box li .box-detail p {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
  margin-bottom: 20px;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box li .box-detail p:nth-child(2) {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.wechatLive-wrapper .wechatLive-col3 .col3-content .col3-box li:hover {
  box-shadow: 0rem 0rem 15px 0rem rgba(60, 143, 251, 0.2);
}
.wechatLive-wrapper .wechatLive-col4 {
  width: 100%;
  background: #fff;
  min-width: 1350px;
  height: 675px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col4 .col4-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.wechatLive-wrapper .wechatLive-col4 .col4-content .col4-title {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
  text-align: center;
  margin: 80px auto 60px;
}
.wechatLive-wrapper .wechatLive-col5 {
  width: 100%;
  background: #f9fafb;
  min-width: 1350px;
  height: 495px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col5 .col5-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col6 {
  width: 100%;
  background: #fff;
  min-width: 1350px;
  height: 540px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col6 .col6-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col7 {
  width: 100%;
  background: #f9fafb;
  min-width: 1350px;
  height: 495px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col7 .col7-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col9 {
  width: 100%;
  min-width: 1350px;
  background: #f9fafb;
  min-height: 420px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.wechatLive-wrapper .wechatLive-col9 .col9-content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.wechatLive-wrapper .wechatLive-col9 .col9-content .col9-title {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 60px;
}
.wechatLive-wrapper .wechatLive-col9 .col9-content .col9-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: center;
}
.wechatLive-wrapper .wechatLive-col9 .col9-content .col9-box li img {
  width: 100px;
  height: 100px;
}
.wechatLive-wrapper .wechatLive-col9 .col9-content .col9-box li p {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 25px;
  margin: 24px auto 14px;
}
.wechatLive-wrapper .wechatLive-col9 .col9-content .col9-box li p:nth-child(3) {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.wechatLive-wrapper .wechatLive-col10 {
  width: 100%;
  min-width: 1350px;
  height: 752px;
  background: url('/assets/images/web/index/home-19.png') no-repeat;
  background-size: cover;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content {
  width: 1200px;
  height: 100%;
  margin: 60px auto 0;
  text-align: center;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content p {
  font-size: 30px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content .partner-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 41px;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content .partner-box img:first-child {
  width: 165px;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content .partner-box img:nth-child(2) {
  width: 193px;
  height: 25px;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content .partner-box img:nth-child(3) {
  width: 117px;
  height: 45px;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content .partner-box img:nth-child(4) {
  width: 146px;
  height: 46px;
}
.wechatLive-wrapper .wechatLive-col10 .col10-content .partner-box img:nth-child(5) {
  width: 216px;
  height: 69px;
}
.wechat-mobile {
  width: 100%;
}
.wechat-mobile .pull-title {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin: 0.6rem auto 0;
  text-align: center;
}
.partnerLogo ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.partnerLogo li {
  width: 190px;
  margin-left: 12px;
  margin-top: 12px;
  cursor: pointer;
}
.partnerLogo li img {
  width: 100%;
  height: auto;
}
.partnerLogo li:nth-child(6n+1) {
  margin-left: 0px;
}
.partnerLogo li:first-child {
  margin-left: 0px;
}
.wechatLive-wrapper .swiper-container {
  width: 100%;
  height: 100%;
  min-height: 760px;
  background-color: #ededed;
}
.wechatLive-wrapper .swiper-container .swiper-slide {
  width: 100% !important;
  height: 760px;
}
.wechatLive-wrapper .swiper-container .swiper-slide a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.wechatLive-wrapper .swiper-container .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wechatLive-wrapper .swiper-container .swiper-pagination {
  bottom: 20px !important;
}
.wechatLive-wrapper .swiper-container .swiper-pagination li {
  width: 20px;
  border-radius: 0px;
  height: 5px;
  margin: 0 10px !important;
}
.pullnew-wrapper {
  width: 100%;
}
.pullnew-wrapper .leftTxt-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}
.pullnew-wrapper .leftTxt-wrapper .img-box {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.pullnew-wrapper .leftTxt-wrapper ul {
  flex: 1;
  margin-top: 160px;
}
.pullnew-wrapper .leftTxt-wrapper ul p {
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  margin-bottom: 45px;
}
.pullnew-wrapper .leftTxt-wrapper ul li {
  position: relative;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 8px;
  margin-left: 20px;
}
.pullnew-wrapper .leftTxt-wrapper ul li::before {
  content: "";
  position: absolute;
  margin-left: -20px;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #398bf7;
}
.pullnew-wrapper .rightTxt-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.pullnew-wrapper .rightTxt-wrapper ul {
  width: 50%;
  margin-left: 15%;
}
.pullnew-wrapper .rightTxt-wrapper ul p {
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  margin-bottom: 45px;
}
.pullnew-wrapper .rightTxt-wrapper ul li {
  position: relative;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 8px;
  margin-left: 20px;
}
.pullnew-wrapper .rightTxt-wrapper ul li::before {
  content: "";
  position: absolute;
  margin-left: -20px;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #398bf7;
}
.pullnew-wrapper .rightTxt-wrapper .img-box {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-pull {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.mobile-pull .pull-box {
  width: 90%;
  margin: 0.8rem auto 0;
  text-align: center;
}
.mobile-pull .pull-box p {
  font-size: 0.3rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.42rem;
  margin-bottom: 0.15rem;
}
.mobile-pull .pull-box ul {
  width: 100%;
  text-align: center;
}
.mobile-pull .pull-box ul li {
  font-size: 0.24rem;
  line-height: 0.54rem;
  color: #999999;
}
.mobile-pull .pull-box img {
  margin: 0 auto;
  margin-top: 0.78rem;
  margin-bottom: 0.71rem;
}
.fourHover-wrapper {
  width: 100%;
  min-width: 1350px;
  height: 600px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.fourHover-wrapper .fourHover-content {
  width: 1200px;
  height: 520px;
  margin-top: 80px;
}
.fourHover-wrapper .fourHover-content .fourHover-title {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
  margin-bottom: 25px;
  text-align: center;
}
.fourHover-wrapper .fourHover-content .fourHover-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  margin-top: 30px;
}
.fourHover-wrapper .fourHover-content .fourHover-box li {
  height: 180px;
  cursor: pointer;
  display: flex;
}
.fourHover-wrapper .fourHover-content .fourHover-box li img {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  margin-top: 0;
  margin-left: 0;
}
.fourHover-wrapper .fourHover-content .fourHover-box li .text-box p {
  font-size: 014px;
  color: #333333;
  line-height: 20px;
}
.fourHover-wrapper .fourHover-content .fourHover-box li:nth-child(3),
.fourHover-wrapper .fourHover-content .fourHover-box li:nth-child(1) {
  width: 50%;
}
.fourHover-wrapper .fourHover-content .fourHover-box li:nth-child(2),
.fourHover-wrapper .fourHover-content .fourHover-box li:nth-child(4) {
  width: 24%;
}
.fourHover-wrapper .fourHover-content .fourHover-box li:nth-child(3),
.fourHover-wrapper .fourHover-content .fourHover-box li:nth-child(4) {
  margin-top: 50px;
}
.fourHover-wrapper .fourHover-content .fourHover-box li:hover .text-box p {
  color: #398BF7;
}
.fourHover-wrapper .fourHover-content img {
  width: 586px;
  height: 450px;
  position: absolute;
  margin-top: -420px;
  margin-left: 295px;
}
.privatemarke {
  width: 100%;
  background-color: #fff;
}
.privatemarke.pc {
  min-width: 1416px;
}
.privatemarke.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.privatemarke.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.privatemarke.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.privatemarke.pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.privatemarke.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
}
.privatemarke.pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.privatemarke.pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.privatemarke.pc .col1 {
  padding: 120px 0;
}
.privatemarke.pc .col1 .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.privatemarke.pc .col1 .subtitle {
  margin-bottom: 42px;
  font-size: 20px;
  color: #000;
  line-height: 28px;
  text-align: center;
}
.privatemarke.pc .col1 .content {
  width: 1416px;
  height: 596px;
  margin: 0 auto;
  padding-top: 47px;
  box-sizing: border-box;
  text-align: center;
  background: #FBFDFF;
  border-radius: 20px;
}
.privatemarke.pc .col1 .content img {
  width: 1102px;
  height: 503px;
}
.privatemarke.pc .col2 {
  width: 1416px;
  margin: 0 auto;
}
.privatemarke.pc .col2 .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}
.privatemarke.pc .col2 .item .left {
  width: 642px;
}
.privatemarke.pc .col2 .item .left .itemTitle {
  height: 220px;
  margin-bottom: 24px;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  color: #000;
  line-height: 220px;
  border-radius: 20px;
}
.privatemarke.pc .col2 .item .left .itemTitle span {
  color: transparent;
  background-image: linear-gradient(270deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.privatemarke.pc .col2 .item .left .first {
  padding: 48px 0 16px 40px;
  margin-bottom: 24px;
  border-radius: 20px;
}
.privatemarke.pc .col2 .item .left .first .title {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 26px;
}
.privatemarke.pc .col2 .item .left .first img {
  display: block;
  width: 400px;
  height: 304px;
  margin: 0 auto;
}
.privatemarke.pc .col2 .item .left .concat {
  padding: 52px 0 44px 40px;
  background: #F7FBFF;
  border-radius: 20px;
}
.privatemarke.pc .col2 .item .left .concat .tip {
  margin-bottom: 20px;
  font-size: 18px;
  color: #999;
  line-height: 25px;
}
.privatemarke.pc .col2 .item .left .concat .title {
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 32px;
  color: #000;
  line-height: 45px;
}
.privatemarke.pc .col2 .item .left .concat .title span {
  color: transparent;
  background-image: linear-gradient(270deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.privatemarke.pc .col2 .item .left .concat .concatBtn {
  display: block;
  width: 154px;
  height: 50px;
  background: linear-gradient(270deg, #00C2FF 0%, #006BED 100%);
  border-radius: 25px;
  text-align: center;
  line-height: 50px;
  font-weight: 500;
  font-size: 16px;
  color: #FFF;
}
.privatemarke.pc .col2 .item .left .concat .concatBtn:hover {
  opacity: 0.9;
}
.privatemarke.pc .col2 .item .right {
  width: 750px;
}
.privatemarke.pc .col2 .item .right .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px 40px 20px;
  margin-bottom: 24px;
  border-radius: 20px;
  background: #F7FBFF;
}
.privatemarke.pc .col2 .item .right .list:last-child {
  margin-bottom: 0;
}
.privatemarke.pc .col2 .item .right .list .listTitle {
  padding-top: 24px;
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 26px;
}
.privatemarke.pc .col2 .item .right .list img {
  display: block;
  width: 554px;
  height: 335px;
  margin-left: 58px;
}
.privatemarke.pc .col2 .item.item_0 .left .itemTitle {
  background: linear-gradient(135deg, #C3E2FF 0%, #F7F9FF 100%);
}
.privatemarke.pc .col2 .item.item_0 .left .first {
  background: #F7FBFF;
}
.privatemarke.pc .col2 .item.item_0 .right .list:last-child {
  background: linear-gradient(135deg, #D5EBFF 0%, #F7F9FF 100%);
}
.privatemarke.pc .col2 .item.item_1 .left .itemTitle {
  background: linear-gradient(135deg, #FEF0F1 0%, #FEF7FF 100%);
}
.privatemarke.pc .col2 .item.item_1 .left .itemTitle span {
  background-image: linear-gradient(270deg, #FF00FB 0%, #FF3D3D 100%);
}
.privatemarke.pc .col2 .item.item_1 .left .first {
  background: #F7FBFF;
}
.privatemarke.pc .col2 .item.item_1 .right .list:nth-child(2) {
  background: linear-gradient(135deg, #FEF0F1 0%, #FEF7FF 100%);
}
.privatemarke.pc .col2 .item.item_1 .right .list img {
  width: 386px;
  height: 270px;
  margin-left: 0;
}
.privatemarke.pc .col2 .item.item_2 .left .itemTitle {
  background: linear-gradient(135deg, #EAE4FF 0%, #F7F9FF 100%);
}
.privatemarke.pc .col2 .item.item_2 .left .itemTitle span {
  background-image: linear-gradient(270deg, #AC3AFF 0%, #0253FE 100%);
}
.privatemarke.pc .col2 .item.item_2 .left .first {
  background: linear-gradient(136deg, #F3EBFF 0%, #FCFBFF 100%);
}
.privatemarke.pc .col2 .item.item_2 .left .first img {
  width: 462px;
}
.privatemarke.pc .col2 .item.item_3 .left .itemTitle {
  background: linear-gradient(136deg, #CBF6FF 0%, #F2FBFF 100%);
}
.privatemarke.pc .col2 .item.item_3 .left .first {
  background: #F7FBFF;
}
.privatemarke.pc .col2 .item.item_3 .left .first img {
  width: 462px;
}
.privatemarke.pc .col2 .item.item_3 .right .list:last-child {
  background: linear-gradient(136deg, #DBF9FF 0%, #F2FBFF 100%);
}
.privatemarke.pc .col2 .item.item_3 .right .list img {
  width: 386px;
  height: 270px;
  margin-left: 0;
}
.privatemarke.pc .col3 {
  padding: 80px 0 90px;
  height: 780px;
  box-sizing: border-box;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/PrivateMarke/col3_back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.privatemarke.pc .col3 .title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 40px;
  color: #fff;
  line-height: 56px;
  text-align: center;
}
.privatemarke.pc .col3 .subtitle {
  margin-bottom: 48px;
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  text-align: center;
}
.privatemarke.pc .col3 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1416px;
  margin: 0 auto;
}
.privatemarke.pc .col3 .content .item {
  width: 380px;
  height: 460px;
  padding: 52px 0 16px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-align: center;
}
.privatemarke.pc .col3 .content .item .itemTitle {
  margin-bottom: 44px;
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 33px;
}
.privatemarke.pc .col3 .content .item .itemSubtitle {
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 18px;
  color: #2997FF;
  line-height: 25px;
}
.privatemarke.pc .col3 .content .item img {
  width: 284px;
  height: 204px;
}
.privatemarke.pc .col4 {
  padding: 120px 0 172px;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
}
.privatemarke.pc .col4 .title {
  margin-bottom: 48px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.privatemarke.pc .col4 .content {
  width: 1416px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.privatemarke.pc .col4 .content img {
  display: block;
  width: 186px;
  height: 80px;
  margin-right: 24px;
  margin-bottom: 24px;
}
.privatemarke.pc .col4 .content img:nth-child(6n) {
  margin-right: 0;
}
.privatemarke.pc .NewopenLive-title {
  color: #000;
}
.privatemarke.pc .NewopenLive-title .title {
  color: #000;
  font-size: 30px;
  line-height: 44px;
}
.privatemarke.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.privatemarke.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/index/banner5-new.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.privatemarke.mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.privatemarke.mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.privatemarke.mobile .col1 {
  padding: 1.28rem 0;
  text-align: center;
}
.privatemarke.mobile .col1 .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.privatemarke.mobile .col1 .subtitle {
  margin-bottom: 0.54rem;
  font-size: 0.32rem;
  color: #666;
  line-height: 0.44rem;
}
.privatemarke.mobile .col1 .content {
  padding: 0 0.38rem;
}
.privatemarke.mobile .col1 .content img {
  width: 100%;
}
.privatemarke.mobile .col2 .item {
  position: relative;
  margin-bottom: 1.28rem;
  padding-bottom: 0.36rem;
}
.privatemarke.mobile .col2 .item .itemTitle {
  margin-bottom: 0.56rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.privatemarke.mobile .col2 .item .itemTitle span {
  color: transparent;
  background-image: linear-gradient(270deg, #00C2FF 0%, #006BED 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.privatemarke.mobile .col2 .item .swiper {
  width: 6.86rem;
  margin: 0 auto;
}
.privatemarke.mobile .col2 .item .swiper .swiper-slide {
  height: 8.4rem;
  background-size: 100% 100%;
  padding: 0.72rem 0 0 0.4rem;
}
.privatemarke.mobile .col2 .item .swiper .swiper-slide .listTitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.52rem;
}
.privatemarke.mobile .col2 .item .swiper .swiper-pagination {
  bottom: -6px;
}
.privatemarke.mobile .col2 .item .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #F6F6F6;
  opacity: 1;
}
.privatemarke.mobile .col2 .item .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #E3E3E3;
}
.privatemarke.mobile .col2 .item.item_1 .itemTitle span {
  background-image: linear-gradient(270deg, #FF00FB 0%, #FF3D3D 100%);
}
.privatemarke.mobile .col2 .item.item_2 .itemTitle span {
  background-image: linear-gradient(270deg, #AC3AFF 0%, #0253FE 100%);
}
.privatemarke.mobile .col3 {
  padding: 0.96rem 0 0.84rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/PrivateMarke/col3_back.png') no-repeat;
  background-size: cover;
  text-align: center;
  box-sizing: border-box;
}
.privatemarke.mobile .col3 .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #fff;
  line-height: 0.66rem;
}
.privatemarke.mobile .col3 .subtitle {
  margin-bottom: 0.56rem;
  font-size: 0.32rem;
  color: #fff;
  line-height: 0.44rem;
}
.privatemarke.mobile .col3 .content {
  padding: 0 0.32rem;
}
.privatemarke.mobile .col3 .content .item {
  position: relative;
  height: 7.6rem;
  margin-bottom: 0.32rem;
  padding-top: 0.8rem;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 14px;
  overflow: hidden;
}
.privatemarke.mobile .col3 .content .item .itemTitle {
  margin-bottom: 0.4rem;
  font-weight: bold;
  font-size: 0.4rem;
  color: #fff;
  line-height: 0.56rem;
}
.privatemarke.mobile .col3 .content .item .itemSubtitle {
  font-size: 0.32rem;
  color: #2997FF;
  line-height: 0.44rem;
}
.privatemarke.mobile .col3 .content .item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.privatemarke.mobile .col3 .content .item:last-child {
  margin-bottom: 0;
}
.privatemarke.mobile .col4 {
  padding: 1.28rem 0 0.78rem;
  background: linear-gradient(180deg, #EEF7FF 0%, #EEF7FF 47%, #FFFFFF 100%);
}
.privatemarke.mobile .col4 .title {
  margin-bottom: 0.64rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.privatemarke.mobile .col4 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0.3rem;
}
.privatemarke.mobile .col4 .content img {
  width: 2.2rem;
  height: 0.94rem;
  margin-bottom: 0.2rem;
}
.privatemarke .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.class-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.class-wrapper .class-banner {
  width: 100%;
  height: 600px;
  position: relative;
}
.class-wrapper .class-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.class-wrapper .class-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.class-wrapper .class-banner .class-banner-txtBox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.class-wrapper .class-banner .class-banner-txtBox .txtBox-content {
  width: 1200px;
  margin: 0 auto;
}
.class-wrapper .class-banner .class-banner-txtBox .txtBox-content .txtBox-content_title {
  font-size: 56px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 66px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.class-wrapper .class-banner .class-banner-txtBox .txtBox-content .txtBox-content_desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 23px;
}
.class-wrapper .col-2 {
  width: 100%;
  height: 560px;
  background: #FFFFFF;
}
.class-wrapper .col-2 .col2-content {
  width: 1200px;
  height: 560px;
  margin: 0 auto;
}
.class-wrapper .col-2 .col2-content .class_title {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
}
.class-wrapper .col-2 .col2-content .class_type {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 60px;
}
.class-wrapper .col-2 .col2-content .col2-center {
  width: 1200px;
  height: 238px;
}
.class-wrapper .col-2 .col2-content .col2-center ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.class-wrapper .col-2 .col2-content .col2-center ul li {
  margin-right: 20px;
  border-radius: 8px;
  opacity: 0.95;
}
.class-wrapper .col-2 .col2-content .col2-center ul li .txt_d {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 28px;
}
.class-wrapper .col-2 .col2-content .col2-center ul li .txt_bottom {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  width: 165px;
}
.class-wrapper .col-2 .col2-content .col2-center ul li:last-child {
  margin-right: 0;
}
.class-wrapper .col-2 .col2-content .col2-center ul li:first-child .txt_bottom,
.class-wrapper .col-2 .col2-content .col2-center ul li:nth-child(2) .txt_bottom,
.class-wrapper .col-2 .col2-content .col2-center ul li:nth-child(5) .txt_bottom {
  width: 135px;
}
.class-wrapper .col-2 .col2-content .col2-center ul li:nth-child(3) .txt_bottom {
  width: 145px;
}
.class-wrapper .col-2 .col2-content .col2-center ul li:last-child .txt_bottom {
  width: 175px;
}
.class-wrapper .col-2 .col2-content .col2-center ul li:first-child .txt_bottom2 {
  width: 145px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0;
}
.class-wrapper .col-3 {
  width: 100%;
  height: 890px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/bg2.png') no-repeat;
  background-size: cover;
}
.class-wrapper .col-3 .col3-content {
  width: 1200px;
  height: 890px;
  margin: 0 auto;
}
.class-wrapper .col-3 .col3-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
}
.class-wrapper .col-3 .col3-content h4 {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 60px;
}
.class-wrapper .col-3 .col3-content .col3-bg {
  width: 1200px;
  height: 582px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/solution.png') no-repeat;
  background-size: cover;
}
.class-wrapper .col-4 {
  width: 100%;
  height: 650px;
  background: #FFFFFF;
}
.class-wrapper .col-4 .col4-content {
  width: 1200px;
  height: 650px;
  margin: 0 auto;
}
.class-wrapper .col-4 .col4-content h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
}
.class-wrapper .col-4 .col4-content h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 20px;
}
.class-wrapper .col-4 .col4-content .col4-bg {
  width: 1200px;
  height: 368px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/liansuo.png') no-repeat;
  background-size: cover;
}
.class-wrapper .col-5 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.class-wrapper .col-5 .col5-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.class-wrapper .col-5 .col5-content .col5-bg {
  width: 600px;
  height: 430px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/col5.png') no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.class-wrapper .col-5 .col5-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-left: 65px;
  margin-top: 123px;
}
.class-wrapper .col-5 .col5-content .col5-box {
  width: 535px;
  height: 110px;
  position: absolute;
  margin-top: 199px;
  margin-left: 665px;
}
.class-wrapper .col-5 .col5-content .col5-box p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
  text-indent: 35px;
}
.class-wrapper .col-5 .col5-content .col5-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.class-wrapper .col-5 .col5-content .left,
.class-wrapper .col-5 .col5-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 389px;
}
.class-wrapper .col-5 .col5-content .left {
  background: #1C7CFA;
  color: #FFFFFF;
  margin-left: 665px;
  cursor: pointer;
}
.class-wrapper .col-5 .col5-content .right {
  border: 1px solid #1C7CFA;
  margin-left: 835px;
  cursor: pointer;
}
.class-wrapper .col-5 .col5-content .right a {
  color: #1C7CFA;
}
.class-wrapper .col-5 .col5-content .left:hover {
  background: #0066ED;
}
.class-wrapper .col-5 .col5-content .right:hover {
  background: #1C7CFA;
  color: #FFFFFF;
}
.class-wrapper .col-5 .col5-content .right:hover a {
  color: #FFFFFF;
}
.class-wrapper .col-6 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.class-wrapper .col-6 .col6-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
}
.class-wrapper .col-6 .col6-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 123px;
  margin-bottom: 20px;
}
.class-wrapper .col-6 .col6-content .col6-box {
  width: 535px;
  height: 110px;
}
.class-wrapper .col-6 .col6-content .col6-box p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  text-indent: 35px;
  margin-bottom: 16px;
}
.class-wrapper .col-6 .col6-content .col6-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.class-wrapper .col-6 .col6-content .left,
.class-wrapper .col-6 .col6-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 80px;
}
.class-wrapper .col-6 .col6-content .left {
  background: #1C7CFA;
  color: #FFFFFF;
  cursor: pointer;
}
.class-wrapper .col-6 .col6-content .right {
  border: 1px solid #1C7CFA;
  margin-left: 170px;
  cursor: pointer;
}
.class-wrapper .col-6 .col6-content .right a {
  color: #1C7CFA;
}
.class-wrapper .col-6 .col6-content .left:hover {
  background: #0066ED;
}
.class-wrapper .col-6 .col6-content .right:hover {
  background: #1C7CFA;
  color: #FFFFFF;
}
.class-wrapper .col-6 .col6-content .right:hover a {
  color: #FFFFFF;
}
.class-wrapper .col-6 .col6-content .col6-bg {
  width: 600px;
  height: 430px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/col6.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.class-wrapper .col-7 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.class-wrapper .col-7 .col7-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.class-wrapper .col-7 .col7-content .col7-bg {
  width: 600px;
  height: 430px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/col7.png') no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.class-wrapper .col-7 .col7-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-left: 65px;
  margin-top: 123px;
}
.class-wrapper .col-7 .col7-content .col7-box {
  width: 535px;
  height: 110px;
  position: absolute;
  margin-top: 199px;
  margin-left: 665px;
}
.class-wrapper .col-7 .col7-content .col7-box p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
  text-indent: 35px;
}
.class-wrapper .col-7 .col7-content .col7-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.class-wrapper .col-7 .col7-content .left,
.class-wrapper .col-7 .col7-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 389px;
}
.class-wrapper .col-7 .col7-content .left {
  background: #1C7CFA;
  color: #FFFFFF;
  margin-left: 665px;
  cursor: pointer;
}
.class-wrapper .col-7 .col7-content .right {
  border: 1px solid #1C7CFA;
  margin-left: 835px;
  cursor: pointer;
}
.class-wrapper .col-7 .col7-content .right a {
  color: #1C7CFA;
}
.class-wrapper .col-7 .col7-content .left:hover {
  background: #0066ED;
}
.class-wrapper .col-7 .col7-content .right:hover {
  background: #1C7CFA;
  color: #FFFFFF;
}
.class-wrapper .col-7 .col7-content .right:hover a {
  color: #FFFFFF;
}
.class-wrapper .col-8 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.class-wrapper .col-8 .col8-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
}
.class-wrapper .col-8 .col8-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 123px;
  margin-bottom: 20px;
}
.class-wrapper .col-8 .col8-content .col8-box {
  width: 535px;
  height: 110px;
}
.class-wrapper .col-8 .col8-content .col8-box p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  text-indent: 35px;
  margin-bottom: 16px;
}
.class-wrapper .col-8 .col8-content .col8-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.class-wrapper .col-8 .col8-content .left,
.class-wrapper .col-8 .col8-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 80px;
}
.class-wrapper .col-8 .col8-content .left {
  background: #1C7CFA;
  color: #FFFFFF;
  cursor: pointer;
}
.class-wrapper .col-8 .col8-content .right {
  border: 1px solid #1C7CFA;
  margin-left: 170px;
  cursor: pointer;
}
.class-wrapper .col-8 .col8-content .right a {
  color: #1C7CFA;
}
.class-wrapper .col-8 .col8-content .left:hover {
  background: #0066ED;
}
.class-wrapper .col-8 .col8-content .right:hover {
  background: #1C7CFA;
  color: #FFFFFF;
}
.class-wrapper .col-8 .col8-content .right:hover a {
  color: #FFFFFF;
}
.class-wrapper .col-8 .col8-content .col8-bg {
  width: 600px;
  height: 430px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/col8.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.class-wrapper .col-9 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.class-wrapper .col-9 .col9-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.class-wrapper .col-9 .col9-content .col9-bg {
  width: 600px;
  height: 430px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/col9.png') no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.class-wrapper .col-9 .col9-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-left: 65px;
  margin-top: 123px;
}
.class-wrapper .col-9 .col9-content .col9-box {
  width: 535px;
  height: 110px;
  position: absolute;
  margin-top: 199px;
  margin-left: 665px;
}
.class-wrapper .col-9 .col9-content .col9-box p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
  text-indent: 35px;
}
.class-wrapper .col-9 .col9-content .col9-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.class-wrapper .col-9 .col9-content .left,
.class-wrapper .col-9 .col9-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 389px;
}
.class-wrapper .col-9 .col9-content .left {
  background: #1C7CFA;
  color: #FFFFFF;
  margin-left: 665px;
  cursor: pointer;
}
.class-wrapper .col-9 .col9-content .right {
  border: 1px solid #1C7CFA;
  margin-left: 835px;
  cursor: pointer;
}
.class-wrapper .col-9 .col9-content .right a {
  color: #1C7CFA;
}
.class-wrapper .col-9 .col9-content .left:hover {
  background: #0066ED;
}
.class-wrapper .col-9 .col9-content .right:hover {
  background: #1C7CFA;
  color: #FFFFFF;
}
.class-wrapper .col-9 .col9-content .right:hover a {
  color: #FFFFFF;
}
.class-wrapper .col-10 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.class-wrapper .col-10 .col10-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
}
.class-wrapper .col-10 .col10-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 123px;
  margin-bottom: 20px;
}
.class-wrapper .col-10 .col10-content .col10-box {
  width: 535px;
  height: 110px;
}
.class-wrapper .col-10 .col10-content .col10-box p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  text-indent: 35px;
  margin-bottom: 16px;
}
.class-wrapper .col-10 .col10-content .col10-box p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
}
.class-wrapper .col-10 .col10-content .left,
.class-wrapper .col-10 .col10-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 80px;
}
.class-wrapper .col-10 .col10-content .left {
  background: #1C7CFA;
  color: #FFFFFF;
  cursor: pointer;
}
.class-wrapper .col-10 .col10-content .right {
  border: 1px solid #1C7CFA;
  margin-left: 170px;
  cursor: pointer;
}
.class-wrapper .col-10 .col10-content .right a {
  color: #1C7CFA;
}
.class-wrapper .col-10 .col10-content .left:hover {
  background: #0066ED;
}
.class-wrapper .col-10 .col10-content .right:hover {
  background: #1C7CFA;
  color: #FFFFFF;
}
.class-wrapper .col-10 .col10-content .right:hover a {
  color: #FFFFFF;
}
.class-wrapper .col-10 .col10-content .col10-bg {
  width: 600px;
  height: 430px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/class/col10.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.class-wrapper .col-11 {
  width: 100%;
  height: 560px;
  background: #F9FCFE;
}
.class-wrapper .col-11 .col11-content {
  width: 1200px;
  height: 560px;
  margin: 0 auto;
}
.class-wrapper .col-11 .col11-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
}
.class-wrapper .col-11 .col11-content h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
  text-align: center;
  margin-bottom: 60px;
}
.class-wrapper .col-11 .col11-content .col11-box {
  width: 1200px;
  height: 240px;
}
.class-wrapper .col-11 .col11-content .col11-box ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.class-wrapper .col-11 .col11-content .col11-box ul li {
  width: 380px;
  height: 104px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.class-wrapper .col-11 .col11-content .col11-box ul li .col11-pic {
  margin-left: 24px;
  margin-top: 24px;
}
.class-wrapper .col-11 .col11-content .col11-box ul li .txt {
  font-size: 20px;
  font-weight: 600;
  color: #191919;
  line-height: 28px;
  padding-top: 24px;
  text-indent: 12px;
}
.class-wrapper .col-11 .col11-content .col11-box ul li .txt_d {
  font-size: 14px;
  font-weight: 400;
  color: #191919;
  line-height: 20px;
  position: absolute;
  margin-top: 60px;
  margin-left: 92px;
}
.class-wrapper .col-12 {
  width: 100%;
  height: 636px;
  background: #FFFFFF;
}
.class-wrapper .col-12 .col12-content {
  width: 1200px;
  height: 636px;
  margin: 0 auto;
}
.class-wrapper .col-12 .col12-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 60px;
}
.class-wrapper .col-12 .col12-content .col12-box {
  width: 1200px;
  height: 360px;
}
.class-wrapper .col-12 .col12-content .col12-box ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.class-wrapper .col-12 .col12-content .col12-box ul li {
  border-radius: 10px;
  margin-bottom: 20px;
  width: 380px;
  height: 170px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.class-wrapper .col-12 .col12-content .col12-box ul li .txt {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 170px;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}
.class-wrapper .col-12 .col12-content .col12-box ul li .col12-pic {
  transition: transform 0.3s 0s ease-in-out;
}
.class-wrapper .col-12 .col12-content .col12-box ul li:first-child .txt,
.class-wrapper .col-12 .col12-content .col12-box ul li:nth-child(3) .txt,
.class-wrapper .col-12 .col12-content .col12-box ul li:nth-child(4) .txt {
  margin-left: 158px;
}
.class-wrapper .col-12 .col12-content .col12-box ul li:nth-child(2) .txt {
  margin-left: 143px;
}
.class-wrapper .col-12 .col12-content .col12-box ul li:nth-child(5) .txt {
  margin-left: 136px;
}
.class-wrapper .col-12 .col12-content .col12-box ul li:nth-child(6) .txt {
  margin-left: 126px;
}
.class-wrapper .col-12 .col12-content .col12-box ul li:hover .col12-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
}
.class-wrapper .col-12 .col12-content .col12-box ul li:hover .txt {
  cursor: pointer;
}
.class-wrapper .wechatLive-col13 {
  width: 100%;
  height: 210px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/index/bg3.png') no-repeat;
  background-size: cover;
}
.class-wrapper .wechatLive-col13 .col13-content {
  width: 635px;
  height: 210px;
  margin: 0 auto;
}
.class-wrapper .wechatLive-col13 .col13-content p {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 50px;
  text-align: center;
}
.class-wrapper .wechatLive-col13 .col13-content .left,
.class-wrapper .wechatLive-col13 .col13-content .right {
  display: block;
  width: 130px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  position: absolute;
  margin-top: 30px;
}
.class-wrapper .wechatLive-col13 .col13-content .left {
  background: #FFFFFF;
  margin-left: 177px;
}
.class-wrapper .wechatLive-col13 .col13-content .left a {
  color: #1C7CFA;
}
.class-wrapper .wechatLive-col13 .col13-content .right {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin-left: 327px;
}
.class-wrapper .wechatLive-col13 .col13-content .left:hover {
  opacity: 0.9;
  cursor: pointer;
}
.class-wrapper .wechatLive-col13 .col13-content .right:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.mobile-store {
  width: 100%;
  height: 100%;
}
.mobile-store .store-banner {
  width: 100%;
  height: 10.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/banner_1.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-banner h2 {
  font-size: 0.54rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  padding-top: 1.3rem;
  margin-bottom: 0.3rem;
}
.mobile-store .store-banner h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile-store .store-banner span {
  width: 2.8rem;
  height: 0.8rem;
  background: #FFFFFF;
  border-radius: 0.4rem;
  display: block;
  margin: 0 auto;
}
.mobile-store .store-banner span a {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2883FA;
  line-height: 0.4rem;
  display: block;
  text-align: center;
  line-height: 0.8rem;
}
.mobile-store .store-BrightSpot {
  width: 100%;
  height: 11.09rem;
}
.mobile-store .store-BrightSpot h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  margin-bottom: 0.34rem;
  text-align: center;
}
.mobile-store .store-BrightSpot h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  margin-bottom: 0.4rem;
  text-align: center;
}
.mobile-store .store-BrightSpot .brightSpot-Box {
  width: 100%;
  height: 7.23rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top {
  width: 100%;
  height: 3.53rem;
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top li {
  width: 2.1rem;
  height: 3.53rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top li img {
  width: 0.6rem;
  height: 0.6rem;
  object-fit: cover;
  display: block;
  margin: 1.31rem auto;
  margin-bottom: 0.2rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top li h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top li:nth-child(1) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_1.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top li:nth-child(2) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_2.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-top li:nth-child(3) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_3.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom {
  width: 100%;
  height: 3.5rem;
  display: flex;
  justify-content: space-between;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li {
  width: 1.58rem;
  height: 3.5rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li img {
  width: 0.6rem;
  height: 0.6rem;
  object-fit: cover;
  display: block;
  margin: 1.05rem auto;
  margin-bottom: 0.2rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li:nth-child(1) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_4.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li:nth-child(2) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_5.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li:nth-child(3) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_6.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-BrightSpot .brightSpot-Box .brightSpot-Boxs .brightSpot-bottom li:nth-child(4) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/1L_7.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-solution {
  width: 100%;
  height: 13.72rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/bg_8.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-solution h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.34rem;
}
.mobile-store .store-solution h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
  text-align: center;
}
.mobile-store .store-ManagementSystem {
  width: 100%;
  height: 12.82rem;
}
.mobile-store .store-ManagementSystem h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.34rem;
}
.mobile-store .store-ManagementSystem h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile-store .store-ManagementSystem .ManagementSystem-box {
  width: 100%;
  height: 8.92rem;
}
.mobile-store .store-ManagementSystem .ManagementSystem-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-store .store-GainCustomer {
  width: 100%;
  height: 11.97rem;
  background-color: #F9FCFE;
}
.mobile-store .store-GainCustomer .store-GainCustomers {
  width: 6.2rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-store .store-GainCustomer .store-GainCustomers h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.62rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.59rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-ImgBox {
  width: 100%;
  height: 4.31rem;
  margin-bottom: 0.4rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-ImgBox img {
  width: 6rem;
  height: 4.31rem;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-FontBox {
  width: 100%;
  height: 3.05rem;
  margin-bottom: 0.6rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-FontBox li {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.2rem;
  display: flex;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-FontBox li .dh-box {
  width: 0.36rem;
  height: 0.36rem;
  margin-top: 0.05rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-FontBox li .dh-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-FontBox li .fon-box {
  width: 5rem;
  height: 0.88rem;
  margin-left: 0.23rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .gainCustomers-FontBox li .fon-box p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .btn_box {
  width: 5.3rem;
  height: 0.7rem;
  margin: 0 auto;
  display: flex;
}
.mobile-store .store-GainCustomer .store-GainCustomers .btn_box span {
  width: 2.4rem;
  height: 0.7rem;
  cursor: pointer;
}
.mobile-store .store-GainCustomer .store-GainCustomers .btn_box span:nth-child(1) {
  background: #1C7CFA;
  border-radius: 0.04rem;
  display: block;
}
.mobile-store .store-GainCustomer .store-GainCustomers .btn_box span:nth-child(1) a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  display: block;
  text-align: center;
  line-height: 0.7rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .btn_box span:nth-child(2) {
  border-radius: 0.04rem;
  border: 0.01rem solid #1C7CFA;
  margin-left: 0.2rem;
}
.mobile-store .store-GainCustomer .store-GainCustomers .btn_box span:nth-child(2) a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1C7CFA;
  display: block;
  line-height: 0.7rem;
  text-align: center;
}
.mobile-store .store-GainCustomer2 {
  width: 100%;
  height: 11.97rem;
  background-color: #fff;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers {
  width: 6.2rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.62rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.59rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-ImgBox {
  width: 100%;
  height: 4.31rem;
  margin-bottom: 0.4rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-ImgBox img {
  width: 6rem;
  height: 4.31rem;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-FontBox {
  width: 100%;
  height: 3.05rem;
  margin-bottom: 0.6rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-FontBox li {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.2rem;
  display: flex;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-FontBox li .dh-box {
  width: 0.36rem;
  height: 0.36rem;
  margin-top: 0.05rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-FontBox li .dh-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-FontBox li .fon-box {
  width: 5rem;
  height: 0.88rem;
  margin-left: 0.23rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .gainCustomers-FontBox li .fon-box p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .btn_box {
  width: 5.3rem;
  height: 0.7rem;
  margin: 0 auto;
  display: flex;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .btn_box span {
  width: 2.4rem;
  height: 0.7rem;
  cursor: pointer;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .btn_box span:nth-child(1) {
  background: #1C7CFA;
  border-radius: 0.04rem;
  display: block;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .btn_box span:nth-child(1) a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  display: block;
  text-align: center;
  line-height: 0.7rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .btn_box span:nth-child(2) {
  border-radius: 0.04rem;
  border: 0.01rem solid #1C7CFA;
  margin-left: 0.2rem;
}
.mobile-store .store-GainCustomer2 .store-GainCustomers .btn_box span:nth-child(2) a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1C7CFA;
  display: block;
  line-height: 0.7rem;
  text-align: center;
}
.mobile-store .store-Marketing {
  width: 100%;
  height: 13.94rem;
  background-color: #F9FCFE;
}
.mobile-store .store-Marketing .store-Marketings {
  width: 6.8rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-store .store-Marketing .store-Marketings h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.34rem;
}
.mobile-store .store-Marketing .store-Marketings h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice {
  width: 100%;
  height: 9.34rem;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice li {
  width: 6.78rem;
  height: 1.39rem;
  background-color: #fff;
  margin-top: 0.2rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem;
  display: flex;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice li .left-img {
  width: 0.81rem;
  height: 0.81rem;
  margin-left: 0.3rem;
  margin-top: 0.29rem;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice li .left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice li .right-fon {
  height: 0.81rem;
  margin-left: 0.29rem;
  margin-top: 0.29rem;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice li .right-fon h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.4rem;
  margin-bottom: 0.06rem;
}
.mobile-store .store-Marketing .store-Marketings .Marketings-notice li .right-fon h5 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.33rem;
}
.mobile-store .store-Application {
  width: 100%;
  height: 8.14rem;
}
.mobile-store .store-Application .store-Applications {
  width: 7.3rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-store .store-Application .store-Applications h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  margin-bottom: 0.29rem;
  text-align: center;
}
.mobile-store .store-Application .store-Applications .Applications-box {
  width: 7.3rem;
  display: flex;
  flex-wrap: wrap;
}
.mobile-store .store-Application .store-Applications .Applications-box li {
  width: 3.35rem;
  height: 1.71rem;
  margin-top: 0.19rem;
  margin-left: 0.19rem;
}
.mobile-store .store-Application .store-Applications .Applications-box li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-store .store-live {
  width: 100%;
  height: 3.37rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/storechannel/bg_10.png') no-repeat;
  background-size: cover;
}
.mobile-store .store-live p {
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.55rem;
  text-align: center;
  padding-top: 0.61rem;
  margin-bottom: 0.36rem;
}
.mobile-store .store-live p span {
  font-size: 0.36rem;
  font-weight: 500;
}
.mobile-store .store-live .lives-btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  display: block;
  margin: 0 auto;
}
.mobile-store .store-live .lives-btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0758F1;
  line-height: 0.4rem;
  display: block;
  text-align: center;
  line-height: 0.7rem;
}
.delay1000 {
  animation-delay: 1000ms;
  animation-fill-mode: backwards !important;
}
.delay2000 {
  animation-delay: 2000ms;
  animation-fill-mode: backwards !important;
}
.liveSystem-mobile {
  width: 100%;
  background: #fff;
}
.liveSystem-mobile .swiper-container {
  background-color: #ededed;
}
.liveSystem-mobile .swiper-container .swiper-slide {
  height: 141px;
  width: 100% !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.liveSystem-mobile .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.liveSystem-mobile .col-2 {
  width: 100%;
  background-image: url(/assets/images/mobile/broadcast/image_23.png);
  background-position: center 1.3rem;
  background-repeat: no-repeat;
  background-size: 80%;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-mobile .col-2 .col2-content {
  width: 92%;
  margin-top: 0.87rem;
}
.liveSystem-mobile .col-2 .col2-content .col2-title {
  width: 100%;
  text-align: center;
  line-height: 0.6rem;
  color: #fff;
  font-size: 0.5rem;
  margin-bottom: 1.12rem;
}
.liveSystem-mobile .col-2 .col2-content ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.liveSystem-mobile .col-2 .col2-content ul li {
  width: 2.1rem;
  height: 2.1rem;
  text-align: center;
  margin-bottom: 1.12rem;
}
.liveSystem-mobile .col-2 .col2-content ul li img {
  width: 1.4rem;
  height: 1.4rem;
}
.liveSystem-mobile .col-2 .col2-content ul li p {
  width: 100%;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.3rem;
  height: 0.4rem;
}
.liveSystem-mobile .col-3 {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-mobile .col-3 .col3-content {
  width: 98%;
  margin-top: 0.6rem;
}
.liveSystem-mobile .col-3 .col3-content .col3-title {
  width: 100%;
  text-align: center;
  color: #00acff;
  font-size: 0.5rem;
  line-height: 0.6rem;
  margin-bottom: 0.4rem;
}
.liveSystem-mobile .col-3 .col3-content .col3-subtitle {
  margin: 0 auto;
  text-align: center;
  font-size: 0.35rem;
  line-height: 0.6rem;
  font-weight: bold;
}
.liveSystem-mobile .col-3 .col3-content ul {
  width: 100%;
  margin-top: 1.3rem;
  margin-bottom: 1.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.liveSystem-mobile .col-3 .col3-content ul li {
  width: 3.16rem;
  text-align: center;
}
.liveSystem-mobile .col-3 .col3-content ul li img {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.25rem;
}
.liveSystem-mobile .col-3 .col3-content ul li .li-title {
  color: #009bff;
  line-height: 1rem;
  font-size: 0.4rem;
  font-weight: 600;
  position: relative;
  width: 100%;
}
.liveSystem-mobile .col-3 .col3-content ul li .li-title::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.2rem;
  background: #009bff;
  border-radius: 4px;
  left: 42%;
  top: -0.1rem;
}
.liveSystem-mobile .col-3 .col3-content ul li .li-subtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  min-height: 3.2rem;
  border: 1px solid #000;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 0.3rem;
  line-height: 0.4rem;
  padding: 0 0.1rem;
  letter-spacing: 1px;
}
.liveSystem-mobile .col-4 {
  width: 100%;
  min-height: 4.75rem;
  background-image: url(/assets/images/mobile/broadcast/image_36.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.liveSystem-mobile .col-4 .col4-content {
  width: 98%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  text-align: center;
}
.liveSystem-mobile .col-4 .col4-content p {
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.4rem;
  margin-bottom: 0.32rem;
}
.liveSystem-mobile .col-5 {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-mobile .col-5 .col6-content {
  width: 98%;
  margin-top: 0.5rem;
}
.liveSystem-mobile .col-5 .col6-content ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.liveSystem-mobile .col-5 .col6-content ul li {
  width: 3.16rem;
  text-align: center;
}
.liveSystem-mobile .col-5 .col6-content ul li img {
  width: 1.2rem;
  height: 1.2rem;
}
.liveSystem-mobile .col-5 .col6-content ul li p {
  width: 100%;
}
.liveSystem-mobile .col-5 .col6-content ul li .li-title {
  color: #000;
  font-size: 0.4rem;
  line-height: 0.5rem;
  margin: 0.5rem 0 0.4rem;
}
.liveSystem-mobile .col-5 .col6-content ul li .li-subtitle {
  width: 95%;
  min-height: 2.2rem;
  margin: 0 auto 0;
  font-size: 0.26rem;
  line-height: 0.4rem;
}
.liveSystem-mobile .col-6 {
  width: 100%;
  min-height: 4.96rem;
  background: #01b2fd;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.liveSystem-mobile .col-6 .col6-content {
  width: 98%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.liveSystem-mobile .col-6 .col6-content p {
  color: #fff;
  width: 100%;
  text-align: center;
}
.liveSystem-mobile .col-6 .col6-content .col6-title {
  font-size: 0.5rem;
  line-height: 1rem;
}
.liveSystem-mobile .col-6 .col6-content .col6-subtitle {
  font-size: 0.3rem;
  line-height: 0.5rem;
}
.liveSystem-mobile .col-6 .col6-content a {
  display: inline-block;
  width: 2.2rem;
  height: 0.76rem;
  line-height: 0.76rem;
  border-radius: 4px;
  font-size: 0.3rem;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  margin-top: 0.3rem;
}
.liveSystem-mobile .col-7 {
  width: 100%;
  height: 100%;
}
.liveSystem-mobile .col-7 img {
  width: 100%;
  height: 100%;
}
.liveSystem-mobile .freeExperience {
  width: 100%;
  height: 1.2rem;
  background: #FFFFFF;
  box-shadow: 0px -0.03rem 0.06rem 0px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  cursor: pointer;
  bottom: 0rem;
  z-index: 998;
}
.liveSystem-mobile .freeExperience .free {
  display: block;
  width: 2.6rem;
  height: 0.8rem;
  border: 0.02rem solid #E5E5E5;
  text-align: center;
  margin-top: 0.2rem;
  margin-left: 0.4rem;
  margin-right: 0.2rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.8rem;
  cursor: pointer;
}
.liveSystem-mobile .freeExperience .free2 {
  display: block;
  width: 4rem;
  height: 0.8rem;
  background: #0758F1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.2rem;
}
.liveSystem-mobile .freeExperience .free2 img {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.14rem;
  margin-left: 0.72rem;
  margin-right: 0.16rem;
}
.liveSystem-mobile .freeExperience .free2 a {
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 0.18rem;
}
.liveSystem-mobile .clue-avatar {
  position: fixed;
  cursor: pointer;
  bottom: 2rem;
  right: 0.29rem;
  z-index: 998;
}
.liveSystem-mobile .clue-avatar__border {
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 0.01rem solid #398bf7;
  opacity: 0;
  -webkit-animation: breathe 1s linear infinite;
  animation: breathe 1s linear infinite;
}
.liveSystem-mobile .clue-avatar:after,
.liveSystem-mobile .clue-avatar__border {
  position: absolute;
  width: 1.06rem;
  height: 1.06rem;
}
.liveSystem-mobile .clue-avatar__img {
  width: 1.06rem;
  height: 1.06rem;
  border-radius: 50%;
  border: 1px solid #0758F1;
}
.liveSystem-mobile .clue-avatar__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: breathe-img 1s linear infinite;
  animation: breathe-img 1s linear infinite;
}
.liveSystem-mobile .clue-avatar__text {
  position: relative;
  width: 0.99rem;
  height: 0.4rem;
  margin-top: -0.12rem;
  border-radius: 0.02rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
  background-color: #0758f1;
  font-size: 0.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-left: 0.06rem;
}
.liveSystem-mobile .clue-avatar__text:hover {
  background: #0247C6;
}
.liveSystem-wrapper {
  width: 100%;
  min-width: 1350px;
  height: 100%;
}
.liveSystem-wrapper .swiper-container {
  width: 100%;
  height: 100%;
  min-height: 750px;
  background-color: #ededed;
}
.liveSystem-wrapper .swiper-container .swiper-slide {
  height: 750px;
  width: 100% !important;
}
.liveSystem-wrapper .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.liveSystem-wrapper .swiper-container .swiper-pagination {
  bottom: 20px !important;
}
.liveSystem-wrapper .swiper-container .swiper-pagination li {
  width: 20px;
  border-radius: 0px;
  height: 5px;
  margin: 0 10px !important;
}
.liveSystem-wrapper .col-2 {
  width: 100%;
  min-height: 881px;
  background-image: url(/assets/images/web/livesystem/exclusive_function.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-wrapper .col-2 .col2-content {
  width: 1200px;
  text-align: center;
  margin-top: 80px;
}
.liveSystem-wrapper .col-2 .col2-content p {
  color: #fff;
  font-size: 38px;
  line-height: 40px;
}
.liveSystem-wrapper .col-1_1 {
  width: 100%;
  padding-top: 80px;
  height: 759px;
  box-sizing: border-box;
  padding-top: 115px;
  background: linear-gradient(to bottom, #d7e8fb, #fff) !important;
}
.liveSystem-wrapper .col-1_1 .common-box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.liveSystem-wrapper .col-1_1 .common-box .pic-box {
  float: left;
  width: 58%;
  position: relative;
  height: 642px;
}
.liveSystem-wrapper .col-1_1 .common-box .pic-box img {
  position: absolute;
  opacity: 0;
}
.liveSystem-wrapper .col-1_1 .common-box .pic-box img:first-child {
  width: 499px;
  height: 386px;
  top: 130px;
  z-index: 2;
}
.liveSystem-wrapper .col-1_1 .common-box .pic-box img:nth-child(2) {
  width: 402px;
  height: 522px;
  left: 26px;
}
.liveSystem-wrapper .col-1_1 .common-box .pic-box img:nth-child(3) {
  width: 548px;
  height: 268px;
  top: 313px;
  left: 369px;
  z-index: 1;
}
@keyframes firstIn {
  from {
    transform: translateY(25px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes SecondIn {
  from {
    transform: translateY(25px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes ThirdIn {
  from {
    transform: translateY(25px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.liveSystem-wrapper .col-1_1 .common-box .text-box {
  float: left;
  width: 42%;
  margin-top: 97px;
}
.liveSystem-wrapper .col-1_1 .common-box .text-box .subtitle {
  font-size: 40px;
  line-height: 40px;
  margin-left: 40px;
  position: relative;
}
.liveSystem-wrapper .col-1_1 .common-box .text-box .subtitle::before {
  content: "";
  position: absolute;
  height: 45px;
  width: 12px;
  background-color: #0096ff;
  margin-left: -40px;
}
.liveSystem-wrapper .col-1_1 .common-box .text-box .box-content {
  font-size: 24px;
  line-height: 39px;
  margin-top: 32px;
  color: #515151;
  width: 528px;
}
.liveSystem-wrapper .col-1_2 {
  width: 100%;
  padding-top: 80px;
  height: 759px;
  box-sizing: border-box;
  padding-top: 115px;
  background: #edf9ff;
}
.liveSystem-wrapper .col-1_2 .common-box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.liveSystem-wrapper .col-1_2 .common-box .pic-box {
  float: left;
  width: 58%;
  position: relative;
  height: 642px;
}
.liveSystem-wrapper .col-1_2 .common-box .pic-box img {
  position: absolute;
}
.liveSystem-wrapper .col-1_2 .common-box .pic-box img:first-child {
  width: 532px;
  height: 424px;
  top: 106px;
  right: -37px;
  z-index: 2;
  animation-name: interactWayfadeInUp1;
}
.liveSystem-wrapper .col-1_2 .common-box .pic-box img:nth-child(2) {
  width: 244px;
  height: 566px;
  right: 105px;
  top: 27px;
  z-index: 2;
  animation-delay: 1s;
  animation-name: interactWayfadeInUp2;
}
.liveSystem-wrapper .col-1_2 .common-box .pic-box img:nth-child(3) {
  width: 477px;
  height: 198px;
  top: 439px;
  left: -163px;
  z-index: 1;
  animation-delay: 2s;
}
.liveSystem-wrapper .col-1_2 .common-box .text-box {
  float: left;
  width: 42%;
  margin-top: 97px;
}
.liveSystem-wrapper .col-1_2 .common-box .text-box .subtitle {
  font-size: 40px;
  line-height: 40px;
  margin-left: 40px;
  position: relative;
}
.liveSystem-wrapper .col-1_2 .common-box .text-box .subtitle::before {
  content: "";
  position: absolute;
  height: 45px;
  width: 12px;
  background-color: #0096ff;
  margin-left: -40px;
}
.liveSystem-wrapper .col-1_2 .common-box .text-box .box-content {
  font-size: 24px;
  line-height: 39px;
  margin-top: 32px;
  color: #515151;
  width: 528px;
}
.liveSystem-wrapper .col-1_3 {
  width: 100%;
  padding-top: 80px;
  height: 759px;
  box-sizing: border-box;
  padding-top: 115px;
}
.liveSystem-wrapper .col-1_3 .common-box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.liveSystem-wrapper .col-1_3 .common-box .pic-box {
  float: left;
  width: 58%;
  position: relative;
  height: 642px;
}
.liveSystem-wrapper .col-1_3 .common-box .pic-box img {
  position: absolute;
}
.liveSystem-wrapper .col-1_3 .common-box .pic-box img:first-child {
  width: 566px;
  height: 493px;
  top: 130px;
  z-index: 2;
}
.liveSystem-wrapper .col-1_3 .common-box .pic-box img:nth-child(2) {
  width: 429px;
  height: 407px;
  left: 62px;
  z-index: 2;
  top: 58px;
  animation-delay: 1s;
}
.liveSystem-wrapper .col-1_3 .common-box .pic-box img:nth-child(3) {
  width: 131px;
  height: 171px;
  bottom: -41px;
  left: 418px;
  z-index: 1;
  animation-delay: 2s;
}
.liveSystem-wrapper .col-1_3 .common-box .text-box {
  float: left;
  width: 42%;
  margin-top: 97px;
}
.liveSystem-wrapper .col-1_3 .common-box .text-box .subtitle {
  font-size: 40px;
  line-height: 40px;
  margin-left: 40px;
  position: relative;
}
.liveSystem-wrapper .col-1_3 .common-box .text-box .subtitle::before {
  content: "";
  position: absolute;
  height: 45px;
  width: 12px;
  background-color: #0096ff;
  margin-left: -40px;
}
.liveSystem-wrapper .col-1_3 .common-box .text-box .box-content {
  font-size: 24px;
  line-height: 39px;
  margin-top: 32px;
  color: #515151;
  width: 528px;
}
.liveSystem-wrapper .col-1_4 {
  width: 100%;
  padding-top: 80px;
  height: 759px;
  box-sizing: border-box;
  padding-top: 115px;
  background: #edf9ff;
}
.liveSystem-wrapper .col-1_4 .common-box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.liveSystem-wrapper .col-1_4 .common-box .pic-box {
  float: left;
  width: 58%;
  position: relative;
  height: 642px;
}
.liveSystem-wrapper .col-1_4 .common-box .pic-box img {
  position: absolute;
}
.liveSystem-wrapper .col-1_4 .common-box .pic-box img:first-child {
  width: 615px;
  height: 553px;
  top: 0;
  right: 12px;
  z-index: 2;
}
.liveSystem-wrapper .col-1_4 .common-box .pic-box img:nth-child(2) {
  width: 229px;
  height: 394px;
  top: 0;
  left: 364px;
  z-index: 2;
  animation-delay: 1s;
}
.liveSystem-wrapper .col-1_4 .common-box .text-box {
  float: left;
  width: 42%;
  margin-top: 97px;
}
.liveSystem-wrapper .col-1_4 .common-box .text-box .subtitle {
  font-size: 40px;
  line-height: 40px;
  margin-left: 40px;
  position: relative;
}
.liveSystem-wrapper .col-1_4 .common-box .text-box .subtitle::before {
  content: "";
  position: absolute;
  height: 45px;
  width: 12px;
  background-color: #0096ff;
  margin-left: -40px;
}
.liveSystem-wrapper .col-1_4 .common-box .text-box .box-content {
  font-size: 24px;
  line-height: 39px;
  margin-top: 32px;
  color: #515151;
  width: 528px;
}
.liveSystem-wrapper .col-3 {
  width: 100%;
  min-height: 972px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-wrapper .col-3 .col3-content {
  width: 1200px;
  height: 100%;
  margin-top: 64px;
  text-align: center;
}
.liveSystem-wrapper .col-3 .col3-content .col3-title {
  color: #0096ff;
  font-size: 40px;
}
.liveSystem-wrapper .col-3 .col3-content .col3-subtitle {
  font-size: 24px;
  color: #515151;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: 52px;
  margin-bottom: 72px;
}
.liveSystem-wrapper .col-3 .col3-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.liveSystem-wrapper .col-3 .col3-content ul li {
  position: relative;
  background-size: cover;
  width: 393px;
  height: 506px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  cursor: pointer;
}
.liveSystem-wrapper .col-3 .col3-content ul li img {
  margin-top: 97px;
  margin-bottom: 37px;
  width: 99px;
  height: 99px;
  z-index: 3;
  margin-left: 37%;
}
.liveSystem-wrapper .col-3 .col3-content ul li p:first-of-type {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 24px;
  position: relative;
  z-index: 3;
}
.liveSystem-wrapper .col-3 .col3-content ul li p:first-of-type::before {
  content: "";
  position: absolute;
  width: 34px;
  height: 4px;
  background: #0096ff;
  top: -24px;
  left: 45%;
}
.liveSystem-wrapper .col-3 .col3-content ul li p:nth-of-type(2) {
  color: #fff;
  font-size: 16px;
  margin-top: 24px;
  width: 270px;
  display: none;
  margin-left: 60px;
  z-index: 3;
}
.liveSystem-wrapper .col-3 .col3-content ul li:first-child {
  background: url('/assets/images/web/livesystem/pro_list_bg_one.png') no-repeat;
}
.liveSystem-wrapper .col-3 .col3-content ul li:nth-child(2) {
  background: url('/assets/images/web/livesystem/pro_list_bg_two.png') no-repeat;
}
.liveSystem-wrapper .col-3 .col3-content ul li:nth-child(3) {
  background: url('/assets/images/web/livesystem/pro_list_bg_three.png') no-repeat;
}
.liveSystem-wrapper .col-3 .col3-content ul li.active {
  position: relative;
}
.liveSystem-wrapper .col-3 .col3-content ul li.active img {
  margin-top: 57px;
  margin-bottom: 20px;
}
.liveSystem-wrapper .col-3 .col3-content ul li.active p:first-of-type {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 24px;
  position: relative;
}
.liveSystem-wrapper .col-3 .col3-content ul li.active p:first-of-type::before {
  content: "";
  position: absolute !important;
  display: none;
}
.liveSystem-wrapper .col-3 .col3-content ul li.active p:nth-of-type(2) {
  color: #fff;
  font-size: 16px;
  margin-top: 24px;
  width: 270px;
  display: block;
}
.liveSystem-wrapper .col-3 .col3-content ul li.active::before {
  content: "";
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 204, 255, 0.58), rgba(0, 24, 255, 0.58)) !important;
}
.liveSystem-wrapper .col-4 {
  width: 100%;
  min-height: 582px;
  overflow: hidden;
  background-image: url(/assets/images/web/livesystem/star_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-wrapper .col-4 .col4-content {
  width: 1200px;
  height: 100%;
  margin-top: 66px;
  text-align: center;
}
.liveSystem-wrapper .col-4 .col4-content .col4-title {
  color: #fff;
  font-size: 40px;
  margin-bottom: 30px;
}
.liveSystem-wrapper .col-4 .col4-content .content-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.liveSystem-wrapper .col-4 .col4-content .content-box .col4-left,
.liveSystem-wrapper .col-4 .col4-content .content-box .col4-right {
  width: 26%;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.liveSystem-wrapper .col-4 .col4-content .content-box .col4-left p,
.liveSystem-wrapper .col-4 .col4-content .content-box .col4-right p {
  color: #fff;
  font-size: 22px;
  margin-bottom: 41px;
}
.liveSystem-wrapper .col-4 .col4-content .content-box .bottom-pic {
  flex: 1;
  position: relative;
}
.liveSystem-wrapper .col-4 .col4-content .content-box .bottom-pic .bottom-pic-first {
  position: absolute;
  top: 57px;
  left: 30%;
}
.liveSystem-wrapper .col-5 {
  width: 100%;
  min-height: 640px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-wrapper .col-5 .col6-content {
  width: 1200px;
  height: 100%;
  margin-top: 80px;
  text-align: center;
}
.liveSystem-wrapper .col-5 .col6-content .col6-title {
  color: #0096ff;
  font-size: 40px;
}
.liveSystem-wrapper .col-5 .col6-content ul {
  width: 100%;
  height: 100%;
  margin-top: 51px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.liveSystem-wrapper .col-5 .col6-content ul li {
  width: 18%;
  height: 400px;
  text-align: center;
  margin: 9px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  cursor: pointer;
}
.liveSystem-wrapper .col-5 .col6-content ul li .li-title {
  font-size: 18px;
  color: #151515;
  margin: 20px;
}
.liveSystem-wrapper .col-5 .col6-content ul li .li-subtitle {
  font-size: 12px;
  color: #848484;
  width: 90%;
  margin: 0 auto;
}
.liveSystem-wrapper .col-5 .col6-content ul li:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 5px 3px rgba(0, 138, 255, 0.3);
}
.liveSystem-wrapper .col-6 {
  width: 100%;
  min-height: 319px;
  background-image: url(/assets/images/web/livesystem/contact_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveSystem-wrapper .col-6 .col6-content {
  width: 1200px;
  margin-top: 111px;
  text-align: center;
}
.liveSystem-wrapper .col-6 .col6-content .col6-title {
  font-size: 38px;
  color: #fff;
}
.liveSystem-wrapper .col-6 .col6-content .col6-subtitle {
  color: #fff;
  font-size: 19px;
  margin: 12px 0;
}
.class-wrapper {
  width: 100%;
  min-width: 1350px;
  height: 100%;
}
.class-wrapper .class-banner {
  width: 100%;
  background-color: #ededed;
  height: 600px;
  position: relative;
}
.class-wrapper .class-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.class-wrapper .class-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.class-wrapper .class-banner .class-banner-textBox {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.class-wrapper .class-banner .class-banner-textBox .class-banner-text {
  width: 1200px;
  margin: 0 auto;
}
.class-wrapper .class-banner .class-banner-textBox .class-banner-text-title {
  font-size: 56px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 66px;
}
.class-wrapper .class-banner .class-banner-textBox .class-banner-text-desc {
  max-width: 560px;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.8;
  margin: 28px 0px 40px;
}
.class-wrapper .class-banner .class-banner-textBox .class-banner-text-btn {
  width: 144px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 5px;
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #0CAA6B;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.class-wrapper .class-col1 {
  width: 100%;
  padding: 80px 0px;
  background-color: #F7F8FB;
}
.class-wrapper .class-col1 .class-col1-title {
  text-align: center;
  margin-bottom: 60px;
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
}
.class-wrapper .class-col1 .class-col1-content {
  width: 1200px;
  margin: 0 auto;
}
.class-wrapper .class-col1 .class-col1-content .list {
  display: flex;
}
.class-wrapper .class-col1 .class-col1-content .list-item {
  width: 277px;
  height: 252px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 32px;
  text-align: left;
  margin-left: 30px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.class-wrapper .class-col1 .class-col1-content .list-item:nth-child(1) {
  margin-left: 0px;
}
.class-wrapper .class-col1 .class-col1-content .list-item img {
  width: 48px;
  height: 48px;
  display: block;
}
.class-wrapper .class-col1 .class-col1-content .list-item .list-item-b {
  margin-top: 24px;
}
.class-wrapper .class-col1 .class-col1-content .list-item .list-item-b .title {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 23px;
}
.class-wrapper .class-col1 .class-col1-content .list-item .list-item-b .desc {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #636974;
  line-height: 24px;
  margin-top: 16px;
}
.class-wrapper .class-col1 .class-col1-content .list-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 32px rgba(0, 75, 45, 0.05);
}
.class-wrapper .class-col2 {
  width: 100%;
  padding: 80px 0px;
  height: 480px;
  background: url('/assets/images/web/newSystem/col2_bg.png') no-repeat;
  background-color: #F7F8FB;
  background-size: 100% 193px;
  background-position: 0px 100%;
}
.class-wrapper .class-col2 .class-col2-title {
  text-align: center;
  margin-bottom: 60px;
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
}
.class-wrapper .class-col2 .class-col2-content {
  width: 1200px;
  margin: 0 auto;
}
.class-wrapper .class-col2 .class-col2-content .list {
  display: flex;
}
.class-wrapper .class-col2 .class-col2-content .list-item {
  width: 277px;
  height: 148px;
  background: #FFFFFF;
  border-radius: 10px;
  margin-left: 30px;
  padding: 24px 20px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.class-wrapper .class-col2 .class-col2-content .list-item:nth-child(1) {
  margin-left: 0px;
}
.class-wrapper .class-col2 .class-col2-content .list-item .list-item-t {
  display: flex;
  align-items: center;
}
.class-wrapper .class-col2 .class-col2-content .list-item .list-item-t img {
  width: 26px;
  height: 26px;
  display: block;
}
.class-wrapper .class-col2 .class-col2-content .list-item .list-item-t .title {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 23px;
  margin-left: 10px;
}
.class-wrapper .class-col2 .class-col2-content .list-item .list-item-b {
  margin-top: 16px;
}
.class-wrapper .class-col2 .class-col2-content .list-item .list-item-b .desc {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #636974;
  line-height: 24px;
  margin-top: 16px;
}
.class-wrapper .class-col2 .class-col2-content .list-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 32px rgba(0, 75, 45, 0.05);
}
.class-wrapper .class-col3 {
  width: 100%;
  background: #FFFFFF;
  padding: 80px 0px;
}
.class-wrapper .class-col3 .col3-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 72px;
  text-align: center;
}
.class-wrapper .class-col3 .col3-desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
  text-align: center;
}
.class-wrapper .class-col3 .col3-content {
  width: 1200px;
  margin: 50px auto 0px;
}
.class-wrapper .class-col3 .col3-content .col3-bg {
  width: 100%;
  height: 470px;
  background: url('/assets/images/web/newSystem/col3_bg@2x.png') no-repeat;
  background-size: contain;
}
.class-wrapper .class-col4 {
  background: #FFFFFF;
}
.class-wrapper .class-col4 .col4-content {
  width: 1200px;
  margin: 0 auto;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 430px;
  padding: 90px 0px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item:nth-child(2n) {
  flex-flow: row-reverse;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l {
  width: 600px;
  padding-left: 50px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .title {
  font-size: 40px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 47px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .l-desc-list {
  margin-top: 20px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .l-desc-list > p {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .l-desc-list > p > img {
  width: 26px;
  height: 26px;
  margin-right: 4px;
  display: block;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .l-desc-list > p > span {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 36px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .btns {
  margin-top: 64px;
  width: 154px;
  height: 50px;
  background: #0CAA6B;
  border-radius: 6px;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .btns > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-l .btns:hover {
  background: #008D55;
}
.class-wrapper .class-col4 .col4-content .col4-list .list-item .list-item-r {
  width: 600px;
  height: 430px;
  background-size: contain;
  background-repeat: no-repeat;
}
.class-wrapper .class-col5 {
  width: 100%;
  padding: 80px 0px;
  background-color: #FFFFFF;
  text-align: center;
}
.class-wrapper .class-col5-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  line-height: 72px;
  color: #121212;
}
.class-wrapper .class-col5-title > span {
  color: #0CAA6B;
}
.class-wrapper .class-col5-desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
}
.class-wrapper .class-col5-btns {
  width: 154px;
  height: 50px;
  background: #0CAA6B;
  border-radius: 6px;
  margin: 40px auto 0px;
  cursor: pointer;
}
.class-wrapper .class-col5-btns > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
}
.class-wrapper .class-col5-btns:hover {
  background: #008D55;
}
.class-wrapper .class-col5-content {
  width: 1200px;
  margin: 20px auto 0px;
}
.class-wrapper .class-col5-content .list {
  display: flex;
  flex-wrap: wrap;
}
.class-wrapper .class-col5-content .list .list-item {
  width: 585px;
  height: 156px;
  background: #FFFFFF;
  box-shadow: 0px 4px 32px 0px rgba(0, 44, 17, 0.06);
  border-radius: 10px;
  margin-right: 30px;
  margin: 30px 30px 0px 0px;
  display: flex;
  align-items: center;
  padding: 16px;
  text-align: left;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.class-wrapper .class-col5-content .list .list-item:nth-child(2n) {
  margin-right: 0px;
}
.class-wrapper .class-col5-content .list .list-item > img {
  display: block;
  width: 220px;
  height: 124px;
}
.class-wrapper .class-col5-content .list .list-item-right {
  padding: 12px 0px 20px 24px;
}
.class-wrapper .class-col5-content .list .list-item-right .title {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 23px;
}
.class-wrapper .class-col5-content .list .list-item-right .desc {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 26px;
  margin-top: 12px;
}
.class-wrapper .class-col5-content .list .list-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 32px rgba(0, 44, 17, 0.12);
}
.class-wrapper .class-col6 {
  width: 100%;
  min-width: 1350px;
  background: #F9FEFC;
  padding: 80px 0px 0px 0px;
  position: relative;
}
.class-wrapper .class-col6 .col6-content .col6-title {
  color: #191919;
  text-align: center;
}
.class-wrapper .class-col6 .col6-content .col6-title h2 {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #0CAA6B;
  line-height: 72px;
}
.class-wrapper .class-col6 .col6-content .col6-title h4 {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
}
.class-wrapper .class-col6 .col6-content .col6-context_s {
  width: 100%;
  margin: 0px auto;
  overflow: hidden;
  padding: 60px 0px 80px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-top .swiper-wrapper,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-bottom .swiper-wrapper {
  transition-timing-function: linear !important;
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-top .swiper-wrapper .swiper-slide,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper .swiper-slide,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-bottom .swiper-wrapper .swiper-slide {
  width: 300px;
  min-width: 300px;
  height: 120px;
  background: #FFFFFF;
  box-shadow: 0px 4px 32px 0px rgba(0, 58, 35, 0.08);
  border-radius: 12px;
  display: flex;
  padding: 20px;
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-top .swiper-wrapper .swiper-slide img,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper .swiper-slide img,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-bottom .swiper-wrapper .swiper-slide img {
  width: 52px;
  height: 52px;
  display: block;
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-top .swiper-wrapper .swiper-slide .right,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper .swiper-slide .right,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-bottom .swiper-wrapper .swiper-slide .right {
  margin-left: 16px;
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-top .swiper-wrapper .swiper-slide .right .title,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper .swiper-slide .right .title,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-bottom .swiper-wrapper .swiper-slide .right .title {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 23px;
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-top .swiper-wrapper .swiper-slide .right .desc,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper .swiper-slide .right .desc,
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-bottom .swiper-wrapper .swiper-slide .right .desc {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #303030;
  line-height: 24px;
  margin-top: 4px;
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center {
  margin: 20px 0px;
  transform: translateX(-154px);
}
.class-wrapper .class-col6 .col6-content .col6-context_s .col6-center .swiper-wrapper .swiper-slide {
  flex-flow: row-reverse;
  text-align: left;
}
.class-wrapper .class-col6 .col6-content::before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 360px;
  height: 100%;
  background: linear-gradient(270deg, rgba(249, 254, 252, 0) 0%, #F9FEFC 100%);
  transform: rotate(180deg);
}
.class-wrapper .class-col6 .col6-content::after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 360px;
  height: 100%;
  background: linear-gradient(270deg, rgba(249, 254, 252, 0) 0%, #F9FEFC 100%);
}
.class-wrapper .class-col7 {
  background-color: #F9FEFC;
}
.class-wrapper .class-col7 .CaseBg-content {
  margin-top: 60px;
}
.class-wrapper .class-col8 {
  width: 100%;
  min-height: 210px;
  background: url('/assets/images/web/newSystem/7L_banner.png') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.class-wrapper .class-col8 .col8-content {
  width: 1048px;
  height: 210px;
  margin: 0 auto;
}
.class-wrapper .class-col8 .col8-content p {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  padding-top: 50px;
}
.class-wrapper .class-col8 .col8-content .col8-left {
  width: 130px;
  height: 40px;
  background: #FFFFFF;
  text-align: center;
  margin-left: 381px;
  margin-top: 30px;
}
.class-wrapper .class-col8 .col8-content .col8-left a {
  font-size: 16px;
  font-weight: 400;
  color: #0CAA6B;
  line-height: 40px;
}
.class-wrapper .class-col8 .col8-content .col8-right {
  width: 130px;
  height: 40px;
  border: 1px solid #FFFFFF;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  margin-left: 531px;
  margin-top: -40px;
}
.class-wrapper .class-col8 .col8-content .col8-left:hover {
  opacity: 0.9;
  cursor: pointer;
}
.class-wrapper .class-col8 .col8-content .col8-right:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
@-webkit-keyframes scrollr {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes scrollr {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes scrollr {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes scrollr {
  /* Opera */
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-moz-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-o-keyframes scroll {
  /* Opera */
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.newLiveSystem-wrapper {
  width: 100%;
  min-width: 1350px;
  height: 100%;
}
.newLiveSystem-wrapper .newLiveSystem-banner {
  width: 100%;
  height: 600px;
}
.newLiveSystem-wrapper .newLiveSystem-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.newLiveSystem-wrapper .newLiveSystem-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newLiveSystem-wrapper .newLiveSystem-col1 {
  width: 100%;
  height: 630px;
  background: #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content {
  width: 100%;
  height: 630px;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-title {
  text-align: center;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-title h2 {
  font-size: 40px;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-title h4 {
  font-size: 20px;
  color: #191919;
  line-height: 30px;
  margin-bottom: 40px;
  font-weight: 400;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg {
  width: 1200px;
  height: 328px;
  margin: 0 auto;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top li {
  width: 280px;
  height: 328px;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top li .col1-pic {
  margin: 0 auto;
  margin-bottom: 26px;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top li .col1-content {
  text-align: center;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top li .col1-content p {
  font-size: 26px;
  font-weight: 600;
  color: #191919;
  line-height: 38px;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top li .col1-content .txt {
  font-size: 14px;
  color: #191919;
  line-height: 24px;
  font-weight: 400;
}
.newLiveSystem-wrapper .newLiveSystem-col1 .col1-content .col1-bg .col1-top li .col1-content .title {
  margin-bottom: 6px;
}
.newLiveSystem-wrapper .newLiveSystem-col2 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.newLiveSystem-wrapper .newLiveSystem-col2 .col2-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.newLiveSystem-wrapper .newLiveSystem-col2 .col2-content .col2-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col2.png) no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.newLiveSystem-wrapper .newLiveSystem-col2 .col2-content .col2-nav {
  width: 400px;
  height: 112px;
  margin-top: 160px;
  margin-left: 65px;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-bottom: 20px;
}
.newLiveSystem-wrapper .newLiveSystem-col2 .col2-content .col2-title {
  width: 500px;
  height: 110px;
  position: absolute;
  margin-left: 700px;
  margin-top: 292px;
}
.newLiveSystem-wrapper .newLiveSystem-col2 .col2-content .col2-title p {
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col2 .col2-content .col2-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col3 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col3 .col3-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col3 .col3-content .col3-nav {
  width: 320px;
  height: 112px;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-top: 160px;
  margin-bottom: 20px;
}
.newLiveSystem-wrapper .newLiveSystem-col3 .col3-content .col3-title {
  width: 500px;
  height: 110px;
}
.newLiveSystem-wrapper .newLiveSystem-col3 .col3-content .col3-title p {
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
  margin-left: 35px;
}
.newLiveSystem-wrapper .newLiveSystem-col3 .col3-content .col3-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col3 .col3-content .col3-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col3.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 66PX;
  right: 0;
}
.newLiveSystem-wrapper .newLiveSystem-col4 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.newLiveSystem-wrapper .newLiveSystem-col4 .col4-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.newLiveSystem-wrapper .newLiveSystem-col4 .col4-content .col4-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col4.png) no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.newLiveSystem-wrapper .newLiveSystem-col4 .col4-content .col4-nav {
  width: 280px;
  height: 112px;
  font-size: 40px;
  color: #191919;
  line-height: 56px;
  margin-top: 139px;
  margin-left: 65px;
}
.newLiveSystem-wrapper .newLiveSystem-col4 .col4-content .col4-title {
  width: 500px;
  height: 152px;
  position: absolute;
  margin-top: 271px;
  margin-left: 700px;
}
.newLiveSystem-wrapper .newLiveSystem-col4 .col4-content .col4-title p {
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col4 .col4-content .col4-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col5 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col5 .col5-newLiveSystem {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col5 .col5-newLiveSystem .col5-nav {
  width: 320px;
  height: 112px;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-top: 139px;
  margin-bottom: 20px;
}
.newLiveSystem-wrapper .newLiveSystem-col5 .col5-newLiveSystem .col5-title {
  width: 500px;
  height: 152px;
  margin-left: 35px;
}
.newLiveSystem-wrapper .newLiveSystem-col5 .col5-newLiveSystem .col5-title p {
  width: 500px;
  height: 26px;
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col5 .col5-newLiveSystem .col5-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col5 .col5-newLiveSystem .col5-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col5.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 69px;
  right: 0;
}
.newLiveSystem-wrapper .newLiveSystem-col6 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.newLiveSystem-wrapper .newLiveSystem-col6 .col6-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.newLiveSystem-wrapper .newLiveSystem-col6 .col6-content .col6-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col6.png) no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.newLiveSystem-wrapper .newLiveSystem-col6 .col6-content .col6-nav {
  width: 280px;
  height: 112px;
  font-size: 40px;
  color: #191919;
  line-height: 56px;
  margin-top: 139px;
  margin-left: 65px;
}
.newLiveSystem-wrapper .newLiveSystem-col6 .col6-content .col6-title {
  width: 500px;
  height: 110px;
  position: absolute;
  margin-top: 271px;
  margin-left: 700px;
}
.newLiveSystem-wrapper .newLiveSystem-col6 .col6-content .col6-title p {
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col6 .col6-content .col6-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col7 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col7 .col7-newLiveSystem {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #FFFFFF;
}
.newLiveSystem-wrapper .newLiveSystem-col7 .col7-newLiveSystem .col7-nav {
  width: 320px;
  height: 112px;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-top: 139px;
  margin-bottom: 20px;
}
.newLiveSystem-wrapper .newLiveSystem-col7 .col7-newLiveSystem .col7-title {
  width: 500px;
  height: 110px;
  margin-left: 35px;
}
.newLiveSystem-wrapper .newLiveSystem-col7 .col7-newLiveSystem .col7-title p {
  width: 500px;
  height: 26px;
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col7 .col7-newLiveSystem .col7-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col7 .col7-newLiveSystem .col7-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col7.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.newLiveSystem-wrapper .newLiveSystem-col8 {
  width: 100%;
  height: 562px;
  background: #F9FCFE;
}
.newLiveSystem-wrapper .newLiveSystem-col8 .col8-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.newLiveSystem-wrapper .newLiveSystem-col8 .col8-content .col8-pic {
  width: 600px;
  height: 430px;
  background: url(/assets/images/web/livesystem/col8.png) no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.newLiveSystem-wrapper .newLiveSystem-col8 .col8-content .col8-nav {
  width: 320px;
  height: 112px;
  font-size: 40px;
  color: #191919;
  line-height: 56px;
  margin-top: 139px;
  margin-left: 65px;
}
.newLiveSystem-wrapper .newLiveSystem-col8 .col8-content .col8-title {
  width: 500px;
  height: 110px;
  position: absolute;
  margin-top: 271px;
  margin-left: 700px;
}
.newLiveSystem-wrapper .newLiveSystem-col8 .col8-content .col8-title p {
  font-size: 16px;
  color: #191919;
  line-height: 26px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col8 .col8-content .col8-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/livesystem/blue.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 {
  width: 100%;
  height: 768px;
  background: url(/assets/images/web/livesystem/col9.png) no-repeat;
  background-size: cover;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content {
  width: 1200px;
  height: 768px;
  margin: 0 auto;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content h2 {
  padding-top: 80px;
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 56px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content h4 {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  margin-bottom: 75px;
  font-weight: 400;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-nav {
  width: 1200px;
  height: 511px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-nav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-nav ul li img {
  width: 80px;
  height: 80px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-nav .line img {
  width: 1078px;
  height: 1px;
  margin-left: 65px;
  margin-top: 48px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-nav .point {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 1080px;
  margin: 0 auto;
  margin-top: -8px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-nav .point img {
  width: 6px;
  height: 6px;
  background: #013395;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .bottomTitle ul {
  margin-top: 36px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .bottomTitle ul li {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 25px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-pic {
  width: 1200px;
  height: 190px;
  background: linear-gradient(131deg, #8ACBFC 0%, #92C2F5 100%);
  background: url('/assets/images/web/livesystem/card.png') no-repeat;
  background-size: cover;
  margin-top: 40px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  text-align: center;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-pic p {
  padding-top: 36px;
  font-size: 20px;
  color: #191919;
  line-height: 30px;
  margin-bottom: 16px;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-pic h1 {
  font-size: 50px;
  font-weight: 600;
  color: #191919;
  line-height: 70px;
  display: inline-block;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-pic h3 {
  font-size: 50px;
  font-weight: 600;
  color: #191919;
  line-height: 70px;
  display: inline-block;
  color: #002CD1;
}
.newLiveSystem-wrapper .newLiveSystem-col9 .col9-content .col9-pic span {
  font-size: 18px;
  color: #6D7277;
  line-height: 25px;
}
.mobile_training {
  width: 100%;
}
.mobile_training .mobile_banner-box {
  width: 100%;
  height: 8.24rem;
  background: url('/assets/images/web/livesystem-mobile/banner@2x.png') no-repeat;
  background-size: cover;
}
.mobile_training .mobile_banner-box .mobile_banner_txtBox {
  margin: 0px 0.4rem;
  text-align: center;
  padding-top: 2.4rem;
}
.mobile_training .mobile_banner-box .mobile_banner_txtBox .mobile_banner_title {
  font-size: 0.64rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.76rem;
}
.mobile_training .mobile_banner-box .mobile_banner_txtBox .mobile_banner_desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 0.32rem;
  margin: 0.32rem 0px 0.64rem;
}
.mobile_training .mobile_banner-box .mobile_banner_txtBox .mobile_banner_btns {
  width: 2rem;
  height: 0.72rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  margin: 0 auto;
  text-align: center;
}
.mobile_training .mobile_banner-box .mobile_banner_txtBox .mobile_banner_btns > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0.72rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #0CAA6B;
}
.mobile_training .mobile_col1,
.mobile_training .mobile_col2 {
  width: 100%;
  padding: 0.64rem 0px;
}
.mobile_training .mobile_col1_title,
.mobile_training .mobile_col2_title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.84rem;
  text-align: center;
}
.mobile_training .mobile_col1_content,
.mobile_training .mobile_col2_content {
  margin: 0.32rem 0.32rem 0px;
}
.mobile_training .mobile_col1_content .list,
.mobile_training .mobile_col2_content .list {
  width: 100%;
}
.mobile_training .mobile_col1_content .list .item,
.mobile_training .mobile_col2_content .list .item {
  width: 100%;
  padding: 0.32rem 0.4rem;
  height: 2.34rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.4rem 0px rgba(0, 27, 4, 0.06);
  border-radius: 0.2rem;
  margin-bottom: 0.2rem;
}
.mobile_training .mobile_col1_content .list .item:last-child,
.mobile_training .mobile_col2_content .list .item:last-child {
  margin-bottom: 0px;
}
.mobile_training .mobile_col1_content .list .item .item_t,
.mobile_training .mobile_col2_content .list .item .item_t {
  display: flex;
  align-items: center;
}
.mobile_training .mobile_col1_content .list .item .item_t > img,
.mobile_training .mobile_col2_content .list .item .item_t > img {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  margin: 0px 0.2rem 0rem 0rem;
}
.mobile_training .mobile_col1_content .list .item .item_t > p,
.mobile_training .mobile_col2_content .list .item .item_t > p {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.42rem;
}
.mobile_training .mobile_col1_content .list .item .item_desc,
.mobile_training .mobile_col2_content .list .item .item_desc {
  margin: 0.24rem 0px 0px;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(18, 18, 18, 0.6);
  line-height: 0.48rem;
}
.mobile_training .mobile_col2 .mobile_col2_content .list .item {
  padding: 0.32rem;
}
.mobile_training .mobile_col2 .mobile_col2_content .list .item .item_t > img {
  width: 0.52rem;
  height: 0.52rem;
}
.mobile_training .mobile_col2 .mobile_col2_content .list .item .item_desc {
  margin: 0.32rem 0px 0px;
}
.mobile_training .mobile_col3 {
  width: 100%;
  padding: 0.64rem 0px;
  background-color: #FFFFFF;
  text-align: center;
}
.mobile_training .mobile_col3_title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #0CAA6B;
  line-height: 0.84rem;
}
.mobile_training .mobile_col3_desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(25, 25, 25, 0.6);
  line-height: 0.4rem;
  margin-top: 0.12rem;
}
.mobile_training .mobile_col3_content {
  margin: 0.32rem 0.32rem 0px;
}
.mobile_training .mobile_col3_content .mobile_col3_bg {
  width: 100%;
  height: 12.5866rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.mobile_training .mobile_col4 .commonCol4 {
  width: 100%;
  background-color: #FAFEFC;
  padding: 0.64rem 0px;
}
.mobile_training .mobile_col4 .commonCol4 .commonCol4_title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.84rem;
  text-align: center;
}
.mobile_training .mobile_col4 .commonCol4_content {
  margin: 0.48rem 0.32rem;
}
.mobile_training .mobile_col4 .commonCol4_content .commonCol4_imgBox {
  display: block;
  width: 100%;
  height: 4.92rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.mobile_training .mobile_col4 .commonCol4_content .commonCol4_descList .descItem {
  display: flex;
  margin-top: 0.32rem;
}
.mobile_training .mobile_col4 .commonCol4_content .commonCol4_descList .descItem > img {
  width: 0.52rem;
  height: 0.68rem;
  display: block;
  margin-right: 0.08rem;
}
.mobile_training .mobile_col4 .commonCol4_content .commonCol4_descList .descItem > span {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 0.64rem;
}
.mobile_training .mobile_col4 .commonCol4_content .commonCol4_btns {
  width: 3.08rem;
  height: 1rem;
  background: #0CAA6B;
  border-radius: 0.12rem;
  margin: 0.52rem auto 0px;
}
.mobile_training .mobile_col4 .commonCol4_content .commonCol4_btns > a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.36rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 1rem;
  text-align: center;
}
.mobile_training .mobile_col5 {
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  padding: 0.64rem 0px;
}
.mobile_training .mobile_col5 .mobile_col5_title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.84rem;
}
.mobile_training .mobile_col5 .mobile_col5_title > span {
  display: block;
  color: #0CAA6B;
}
.mobile_training .mobile_col5 .mobile_col5_desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(25, 25, 25, 0.6);
  line-height: 0.4rem;
  margin-top: 0.2rem;
}
.mobile_training .mobile_col5 .mobile_col5_content {
  margin: 0.48rem 0.32rem 0px;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit .item {
  width: 3.28rem;
  margin: 0.32rem 0px 0px 0.3rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.4rem 0px rgba(0, 18, 7, 0.06);
  border-radius: 0.2rem;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit .item:nth-child(2n+1) {
  margin-left: 0px;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit .item .itemImgBox {
  width: 100%;
  height: 1.78rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit .item .itemTxtBox {
  padding: 0.24rem 0.24rem 0.32rem;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit .item .itemTxtBox .title {
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.38rem;
}
.mobile_training .mobile_col5 .mobile_col5_content .lsit .item .itemTxtBox .desc {
  font-size: 0.26rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.48rem;
  margin-top: 0.08rem;
}
.mobile_training .mobile_col5 .mobile_col5_content .mobile_col5_btns {
  width: 3.08rem;
  height: 1rem;
  background: #0CAA6B;
  border-radius: 0.12rem;
  margin: 0.8rem auto 0px;
}
.mobile_training .mobile_col5 .mobile_col5_content .mobile_col5_btns > a {
  font-size: 0.36rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 1rem;
  text-align: center;
}
.mobile_training .mobile_col6 {
  width: 100%;
  background-color: #F9FEFC;
  text-align: center;
  padding: 0.64rem 0rem;
}
.mobile_training .mobile_col6_title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #0CAA6B;
  line-height: 0.84rem;
}
.mobile_training .mobile_col6_desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(25, 25, 25, 0.6);
  line-height: 0.4rem;
  margin-top: 0.32rem;
}
.mobile_training .mobile_col6 .mobile_col6_content {
  margin: 0.32rem 0.32rem 0px;
}
.mobile_training .mobile_col6 .mobile_col6_content .list {
  display: flex;
  flex-wrap: wrap;
}
.mobile_training .mobile_col6 .mobile_col6_content .list .item {
  width: 3.28rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.64rem 0px rgba(0, 58, 35, 0.08);
  border-radius: 0.24rem;
  margin: 0.32rem 0px 0px 0.3rem;
  padding: 0.32rem;
  text-align: left;
}
.mobile_training .mobile_col6 .mobile_col6_content .list .item:nth-child(2n+1) {
  margin-left: 0rem;
}
.mobile_training .mobile_col6 .mobile_col6_content .list .item .item_t {
  display: flex;
  align-items: center;
}
.mobile_training .mobile_col6 .mobile_col6_content .list .item .item_t > img {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  margin-right: 0.16rem;
}
.mobile_training .mobile_col6 .mobile_col6_content .list .item .item_t .title {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.42rem;
}
.mobile_training .mobile_col6 .mobile_col6_content .list .item .desc {
  margin-top: 0.32rem;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #303030;
  line-height: 0.48rem;
}
.mobile_training .mobile_col7 {
  width: 100%;
  background-color: #F7FCFA;
  text-align: center;
  padding: 0.64rem 0px;
}
.mobile_training .mobile_col7_title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.84rem;
}
.mobile_training .mobile_col7 .mobile_col7_content {
  margin: 0.32rem 0px 0px;
}
.mobile_training .mobile_col7 .mobile_col7_content .mobile_col7_bg {
  width: 100%;
  height: 15.2568rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mask-bg {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
.pc-Graphics .pc-banner {
  width: 100%;
  height: 740px;
  background: url('/assets/images/web/graphic/new_banner.png') no-repeat;
  background-size: cover;
}
.pc-Graphics .pc-banner .pc-banners {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-Graphics .pc-banner .pc-banners h2 {
  font-size: 44px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 70px;
  padding-top: 243px;
  margin-bottom: 27px;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.pc-Graphics .pc-banner .pc-banners h3 {
  font-size: 28px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 70px;
  margin-bottom: 52px;
  font-family: PingFangSC-Medium, PingFang SC;
  letter-spacing: 1px;
  cursor: pointer;
}
.pc-Graphics .pc-banner .pc-banners span:hover {
  transform: translateY(-8px);
  transition: transform 0.3s linear;
}
.pc-Graphics .pc-banner .pc-banners span {
  width: 180px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 30px;
  display: block;
  cursor: pointer;
}
.pc-Graphics .pc-banner .pc-banners span a:hover {
  transform: translateX(8px);
  transition: transform 0.3s linear;
}
.pc-Graphics .pc-banner .pc-banners span a {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 60px;
  display: block;
  margin-left: 38px;
  background: linear-gradient(90deg, #4C53FF 0%, #A65DF7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pc-Graphics .pc-banner .pc-banners span a img {
  width: 25px;
  height: 24px;
  position: relative;
  top: 5px;
  left: 8px;
}
.pc-Graphics .pc-vision {
  width: 100%;
  height: 918px;
  background: #FFFFFF;
}
.pc-Graphics .pc-vision h3 {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  text-align: center;
  padding-top: 100px;
  margin-bottom: 70px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.pc-Graphics .pc-vision ul {
  width: 883px;
  height: 143px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.pc-Graphics .pc-vision ul .private-pic {
  width: 90px;
  height: 90px;
  background-size: cover;
  margin-bottom: 20px;
  cursor: pointer;
}
.pc-Graphics .pc-vision ul p {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  line-height: 33px;
  font-family: PingFangSC-Medium, PingFang SC;
}
.pc-Graphics .pc-vision .privateBottom {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.pc-Graphics .pc-vision .privateBottom .privateRight img {
  width: 540px;
  height: 400px;
  object-fit: cover;
  cursor: pointer;
}
.pc-Graphics .pc-vision .privateBottom .privateRight .content-title {
  position: absolute;
  left: 600px;
  top: 0;
}
.pc-Graphics .pc-vision .privateBottom .privateRight .content-title h5 {
  font-size: 28px;
  font-weight: normal;
  color: #333333;
  line-height: 45px;
  padding-top: 50px;
  font-family: PingFangSC-Regular, PingFang SC;
  margin-bottom: 24px;
}
.pc-Graphics .pc-vision .privateBottom .privateRight .content-title p {
  width: 574px;
  height: 72px;
  font-size: 20px;
  font-weight: 400;
  color: #999999;
  line-height: 36px;
  position: absolute;
  font-family: PingFangSC-Regular, PingFang SC;
  left: 0;
  top: 115px;
  letter-spacing: 1px;
}
.pc-Graphics .pc-senior {
  width: 100%;
  height: 668px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/graphic/bg.png') no-repeat;
  background-size: cover;
}
.pc-Graphics .pc-senior .pc-seniors {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-Graphics .pc-senior .pc-seniors h2 {
  font-size: 40px;
  font-weight: bold;
  color: #333333;
  line-height: 56px;
  text-align: center;
  padding-top: 98px;
  margin-bottom: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.pc-Graphics .pc-senior .pc-seniors h3 {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 58px;
}
.pc-Graphics .pc-senior .pc-seniors ul {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.pc-Graphics .pc-senior .pc-seniors ul li:hover {
  transform: translateY(-9px);
  transition: transform 0.3s linear;
}
.pc-Graphics .pc-senior .pc-seniors ul li {
  width: 580px;
  height: 148px;
  background: linear-gradient(78deg, #FFFFFF 0%, #F3E9FF 100%) #FFFFFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1), 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
}
.pc-Graphics .pc-senior .pc-seniors ul li img {
  width: 90px;
  height: 90px;
  margin-top: 29px;
  margin-left: 40px;
}
.pc-Graphics .pc-senior .pc-seniors ul li .left-li {
  width: 90px;
  height: 90px;
}
.pc-Graphics .pc-senior .pc-seniors ul li .right-li {
  width: 200px;
  height: 90px;
  margin-left: 76px;
  margin-top: 54px;
}
.pc-Graphics .pc-senior .pc-seniors ul li .right-li p {
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
}
.pc-Graphics .pc-senior .pc-seniors ul li:nth-child(2) {
  margin-left: 40px;
}
.pc-Graphics .pc-senior .pc-seniors ul li:nth-child(3) {
  margin-top: 29px;
}
.pc-Graphics .pc-senior .pc-seniors ul li:nth-child(4) {
  margin-top: 29px;
  margin-left: 40px;
}
.pc-Graphics .pc-Visual {
  width: 100%;
  height: 688px;
  background: #FFFFFF;
}
.pc-Graphics .pc-Visual .pc-Visual-box h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 98px;
  margin-bottom: 58px;
}
.pc-Graphics .pc-Visual .pc-Visual-box .techEnabled-box {
  width: 1200px;
  height: 340px;
  margin: 0 auto;
}
.pc-Graphics .pc-Visual .pc-Visual-box .techEnabled-box .techEnabled-title {
  display: flex;
  justify-content: space-between;
}
.pc-Graphics .pc-Visual .pc-Visual-box .techEnabled-box .techEnabled-title li {
  width: 280px;
  height: 340px;
  cursor: pointer;
}
.pc-Graphics .pc-Visual .pc-Visual-box .techEnabled-box .techEnabled-title li .techEnabledPic {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.pc-Graphics .pc-Visual .pc-Visual-box .techEnabled-box .techEnabled-title li .techEnabledPic .techEnabled-text h6 {
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  padding-top: 29px;
  margin-left: 30px;
  margin-bottom: 17px;
}
.pc-Graphics .pc-Visual .pc-Visual-box .techEnabled-box .techEnabled-title li .techEnabledPic .techEnabled-text p {
  width: 218px;
  height: 52px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 26px;
  margin-left: 30px;
}
.pc-Graphics .pc-process {
  width: 100%;
  height: 622px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/graphic/bg_2.png') no-repeat;
  background-size: cover;
}
.pc-Graphics .pc-process .pc-processx {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-Graphics .pc-process .pc-processx h2 {
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 98px;
  text-align: center;
  margin-bottom: 58px;
  letter-spacing: 1px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.pc-Graphics .pc-process .pc-processx .anim-box {
  width: 100%;
  height: 335px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .animimg-box {
  width: 100%;
  height: 240px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .animimg-box li:hover {
  transform: translateY(-10px);
  transition: transform 0.3s 0s ease-in-out;
}
.pc-Graphics .pc-process .pc-processx .anim-box .animimg-box li {
  width: 184px;
  height: 240px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/graphic/small_bg.png') no-repeat;
  background-size: cover;
  cursor: pointer;
}
.pc-Graphics .pc-process .pc-processx .anim-box .animimg-box li img {
  width: 80px;
  height: 80px;
  margin-left: 51px;
  margin-top: 19px;
  margin-bottom: 7px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .animimg-box li p {
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  text-align: center;
  margin-bottom: 18px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .animimg-box li span {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  display: block;
  margin-left: 15px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .point-box {
  width: 100%;
  height: 20px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/graphic/dian.png') no-repeat;
  background-size: cover;
  margin-bottom: 23px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li {
  display: flex;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li {
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 38px;
  letter-spacing: 1px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:hover {
  cursor: pointer;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:nth-child(1) {
  margin-left: 42px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:nth-child(2) {
  margin-left: 91px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:nth-child(3) {
  margin-left: 90px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:nth-child(4) {
  margin-left: 104px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:nth-child(5) {
  margin-left: 103px;
}
.pc-Graphics .pc-process .pc-processx .anim-box .ul_li li:nth-child(6) {
  margin-left: 103px;
}
.pc-Graphics .pc-initiate {
  width: 100%;
  height: 210px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/graphic/bg_3.png') no-repeat;
  background-size: cover;
}
.pc-Graphics .pc-initiate .pc-initiates {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-Graphics .pc-initiate .pc-initiates h2 {
  font-size: 28px;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
  background: linear-gradient(90deg, #4C53FF 0%, #A65DF7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 30px;
}
.pc-Graphics .pc-initiate .pc-initiates p {
  width: 130px;
  height: 40px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
.pc-Graphics .pc-initiate .pc-initiates p span {
  width: 130px;
  height: 40px;
  display: block;
}
.pc-Graphics .pc-initiate .pc-initiates p span:nth-child(1):hover {
  background: #FFFFFF linear-gradient(90deg, #4f55f5 0%, #A65DF5 100%);
  opacity: 0.8;
}
.pc-Graphics .pc-initiate .pc-initiates p span:nth-child(1) {
  background: #FFFFFF linear-gradient(90deg, #4C53FF 0%, #A65DF7 100%);
}
.pc-Graphics .pc-initiate .pc-initiates p span:nth-child(1) a {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  display: block;
  text-align: center;
  line-height: 40px;
}
.mobile-Graphics .mobile-banner {
  width: 100%;
  height: 10.2rem;
  background: url('/assets/images/web/graphic-mobile/banner.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-banner .mobile-banners {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-Graphics .mobile-banner .mobile-banners h2 {
  font-size: 0.52rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.7rem;
  padding-top: 1.3rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.mobile-Graphics .mobile-banner .mobile-banners h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.mobile-Graphics .mobile-banner .mobile-banners span {
  width: 3.2rem;
  height: 0.8rem;
  background: #FFFFFF;
  border-radius: 0.4rem;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.mobile-Graphics .mobile-banner .mobile-banners span img {
  width: 0.28rem;
  height: 0.2rem;
  margin-left: 0.19rem;
}
.mobile-Graphics .mobile-banner .mobile-banners span a {
  font-size: 0.32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.45rem;
  letter-spacing: 0.02rem;
  background: linear-gradient(90deg, #4C53FF 0%, #A65DF7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  display: block;
  line-height: 0.8rem;
}
.mobile-Graphics .mobile-design {
  width: 100%;
  height: 10.6rem;
}
.mobile-Graphics .mobile-design h2 {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.92rem;
}
.mobile-Graphics .mobile-design .icon-box {
  width: 6.8rem;
  height: 0.9rem;
  margin: 0 auto;
  margin-bottom: 0.45rem;
}
.mobile-Graphics .mobile-design .icon-box ol {
  display: flex;
  justify-content: space-around;
}
.mobile-Graphics .mobile-design .icon-box ol li:nth-child(1) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_1L.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li:nth-child(2) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_2.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li:nth-child(3) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_3.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li:nth-child(4) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_4.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li {
  width: 0.9rem;
  height: 0.9rem;
  margin-left: 0.1rem;
}
.mobile-Graphics .mobile-design .icon-box ol li.cur:nth-child(1) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_1.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li.cur:nth-child(2) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_2L.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li.cur:nth-child(3) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_3L.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol li.cur:nth-child(4) {
  width: 0.9rem;
  height: 0.9rem;
  background: url('/assets/images/web/graphic-mobile/img_4L.png') no-repeat;
  background-size: cover;
}
.mobile-Graphics .mobile-design .icon-box ol img {
  width: 0.9rem;
  height: 0.9rem;
  object-fit: cover;
}
.mobile-Graphics .font_box {
  width: 6.7rem;
  height: 5.74rem;
  margin: 0 auto;
}
.mobile-Graphics .font_box li {
  width: 100%;
  height: 100%;
  display: none;
}
.mobile-Graphics .font_box li .font-top {
  width: 100%;
  height: 1.37rem;
  margin-bottom: 0.7rem;
}
.mobile-Graphics .font_box li .font-top h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.25rem;
}
.mobile-Graphics .font_box li .font-top h5 {
  width: 5.72rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.36rem;
  text-align: center;
  margin-top: 0.37rem;
  margin: 0 auto;
}
.mobile-Graphics .font_box li .font-bottom {
  width: 5.4rem;
  height: 4rem;
  margin: 0 auto;
}
.mobile-Graphics .font_box li .font-bottom img {
  width: 5.4rem;
  height: 4rem;
  object-fit: cover;
  transition: all 2s ease-in-out;
}
.mobile-Graphics .font_box li.current {
  display: block;
  animation: fadeio 2s infinite;
  -webkit-animation: fadeio 2s infinite;
  -moz-animation: fadeio 2s infinite;
  -o-animation: fadeio 2s infinite;
}
@keyframes font_box {
  /*设置内容由显示变为隐藏*/
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.mobile-senior {
  width: 100%;
  height: 9.18rem;
  background: url('/assets/images/web/graphic-mobile/bg.png') no-repeat;
  background-size: cover;
}
.mobile-senior .mobile-seniors {
  width: 5.3rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-senior .mobile-seniors h2 {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.37rem;
}
.mobile-senior .mobile-seniors h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.33rem;
  text-align: center;
  margin-bottom: 0.1rem;
}
.mobile-senior .mobile-seniors ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mobile-senior .mobile-seniors ul li {
  width: 2.49rem;
  height: 2.5rem;
  background: #FFFFFF;
  border-radius: 0.2rem;
  margin-top: 0.3rem;
}
.mobile-senior .mobile-seniors ul li img {
  width: 0.91rem;
  height: 0.9rem;
  object-fit: cover;
  margin-top: 0.4rem;
  margin-left: 0.79rem;
  margin-bottom: 0.3rem;
}
.mobile-senior .mobile-seniors ul li p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.4rem;
  text-align: center;
}
.mobile-vision {
  width: 100%;
  height: 10.44rem;
}
.mobile-vision .mobile-visions {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-vision .mobile-visions h2 {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  text-align: center;
  padding-top: 0.9rem;
  margin-bottom: 0.26rem;
}
.mobile-vision .mobile-visions .mobile-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mobile-vision .mobile-visions .mobile-ul li {
  width: 3.3rem;
  height: 3.4rem;
  background-color: #fff;
  margin-top: 0.26rem;
}
.mobile-vision .mobile-visions .mobile-ul li h3 {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.36rem;
  margin-top: 0.27rem;
  margin-left: 0.3rem;
  margin-bottom: 0.12rem;
}
.mobile-vision .mobile-visions .mobile-ul li h4 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 0.3rem;
  line-height: 0.36rem;
}
.mobile-vision .mobile-visions .mobile-ul li:nth-child(1) {
  background: url('/assets/images/web/graphic-mobile/bg_1.png') no-repeat;
  background-size: cover;
}
.mobile-vision .mobile-visions .mobile-ul li:nth-child(2) {
  background: url('/assets/images/web/graphic-mobile/bg_2.png') no-repeat;
  background-size: cover;
}
.mobile-vision .mobile-visions .mobile-ul li:nth-child(3) {
  background: url('/assets/images/web/graphic-mobile/bg_3.png') no-repeat;
  background-size: cover;
}
.mobile-vision .mobile-visions .mobile-ul li:nth-child(4) {
  background: url('/assets/images/web/graphic-mobile/bg_4.png') no-repeat;
  background-size: cover;
}
.mobile-Design {
  width: 100%;
  height: 15rem;
  background: url('/assets/images/web/graphic-mobile/bg_5.png') no-repeat;
  background-size: cover;
}
.mobile-Design .mobile-Designs {
  width: 6.7rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-Design .mobile-Designs h2 {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.54rem;
  padding-top: 0.9rem;
  text-align: center;
  margin-bottom: 0.03rem;
}
.mobile-Design .mobile-Designs .ul-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mobile-Design .mobile-Designs .ul-box .ul-left {
  width: 0.2rem;
  height: 10.95rem;
  background: url('/assets/images/web/graphic-mobile/sd.png') no-repeat;
  background-size: cover;
  position: relative;
  top: 0.9rem;
}
.mobile-Design .mobile-Designs .ul-box .ul-right {
  width: 6.29rem;
}
.mobile-Design .mobile-Designs .ul-box .ul-right li {
  width: 6.29rem;
  height: 1.58rem;
  background: url('/assets/images/web/graphic-mobile/bg_6.png') no-repeat;
  background-size: cover;
  margin-top: 0.45rem;
  display: flex;
}
.mobile-Design .mobile-Designs .ul-box .ul-right li .icon-left {
  width: 0.81rem;
  height: 0.81rem;
  position: relative;
  top: 0.39rem;
  left: 0.49rem;
}
.mobile-Design .mobile-Designs .ul-box .ul-right li .icon-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-Design .mobile-Designs .ul-box .ul-right li .font-right {
  height: 0.95rem;
  margin-left: 0.8rem;
  margin-top: 0.31rem;
}
.mobile-Design .mobile-Designs .ul-box .ul-right li .font-right h3 {
  font-size: 0.32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.45rem;
  margin-bottom: 0.17rem;
}
.mobile-Design .mobile-Designs .ul-box .ul-right li .font-right h4 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.33rem;
}
.mobile-quality {
  width: 100%;
  height: 3rem;
  background: url('/assets/images/web/graphic-mobile/bg_7.png') no-repeat;
  background-size: cover;
}
.mobile-quality p {
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 0.55rem;
  background: linear-gradient(90deg, #4C53FF 0%, #A65DF7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 0.6rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile-quality p span {
  font-size: 0.36rem;
  font-weight: 500;
}
.mobile-quality .lives_btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #FFFFFF linear-gradient(90deg, #4C53FF 0%, #A65DF7 100%);
  border-radius: 0.04rem;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.mobile-quality .lives_btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.4rem;
  display: block;
  text-align: center;
  line-height: 0.7rem;
}
.Operation-pc {
  width: 100%;
  height: 100%;
}
.Operation-pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.Operation-pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Operation-pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.Operation-pc .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.Operation-pc .banner .titleBox .subtitle {
  font-size: 20px;
  line-height: 40px;
}
.Operation-pc .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.Operation-pc .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.Operation-pc .Operation-banner {
  width: 100%;
  height: 740px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/Operation/banner1.png') no-repeat;
  background-size: cover;
}
.Operation-pc .Operation-banner .Operation-banners {
  width: 1200px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
.Operation-pc .Operation-banner .Operation-banners h2 {
  font-size: 60px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
  padding-top: 189px;
  margin-bottom: 21px;
}
.Operation-pc .Operation-banner .Operation-banners h3 {
  font-size: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 54px;
  letter-spacing: 1px;
  margin-bottom: 58px;
}
.Operation-pc .Operation-banner .Operation-banners h3 span {
  font-size: 30px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FD8C7E;
  line-height: 54px;
  letter-spacing: 1px;
}
.Operation-pc .Operation-banner .Operation-banners .Operation-consultation {
  width: 180px;
  height: 60px;
  background: linear-gradient(135deg, #FD8F7E 0%, #FF497C 100%);
  border-radius: 4px;
  cursor: pointer;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  line-height: 60px;
  display: block;
  text-align: center;
}
.Operation-pc .Operation-banner .Operation-banners .mask-Box {
  width: 1000px;
  height: 600px;
  position: absolute;
  top: 94px;
  left: 214px;
}
.Operation-pc .Operation-banner .Operation-banners .popup-Box {
  width: 300px;
  height: 372px;
  background-color: #fff;
  position: absolute;
  left: 40%;
  top: 28%;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: none;
}
.Operation-pc .Operation-banner .Operation-banners .popup-Box h3 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
  padding-top: 30px;
  text-align: center;
  margin-bottom: 18px;
}
.Operation-pc .Operation-banner .Operation-banners .popup-Box img {
  width: 196px;
  height: 196px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 18px;
}
.Operation-pc .Operation-banner .Operation-banners .popup-Box h4 {
  font-size: 16px;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  text-align: center;
}
.Operation-pc .Operation-pit {
  width: 100%;
  height: 578px;
  background: #FCFBFF;
}
.Operation-pc .Operation-pit .Operation-pits {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-pit .Operation-pits h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 70px;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul {
  width: 100%;
  height: 307px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li {
  width: 380px;
  height: 126px;
  background-color: #fff;
  display: flex;
  border-radius: 10px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li .ul-bgBox {
  width: 34px;
  height: 34px;
  margin-top: 26px;
  margin-left: 24px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/Question.png) no-repeat;
  background-size: cover;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li .Operation-font {
  width: 288px;
  height: 72px;
  margin-top: 28px;
  margin-left: 12px;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li .Operation-font h4 {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 22px;
  margin-bottom: 10px;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li .Operation-font h5 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(25, 25, 25, 0.65);
  line-height: 20px;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li.cur {
  background: linear-gradient(135deg, #978AFF 0%, #6758D8 100%);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li.cur h4 {
  color: #fff;
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li.cur h5 {
  color: rgba(255, 255, 255, 0.65);
}
.Operation-pc .Operation-pit .Operation-pits .Operation-ul li.cur .ul-bgBox {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/Operation/Questions.png') no-repeat;
  background-size: cover;
}
.Operation-pc .Operation-OneStop {
  width: 100%;
  height: 515px;
}
.Operation-pc .Operation-OneStop .Operation-OneStops {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-OneStop .Operation-OneStops h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 16px;
}
.Operation-pc .Operation-OneStop .Operation-OneStops h3 {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-bottom: 60px;
}
.Operation-pc .Operation-OneStop .Operation-OneStops .Operation-uls {
  width: 1200px;
  height: 183px;
  display: flex;
  justify-content: space-between;
}
.Operation-pc .Operation-OneStop .Operation-OneStops .Operation-uls li {
  width: 132px;
  height: 183px;
  background-color: #FCFBFF;
  border-radius: 10px;
  cursor: pointer;
}
.Operation-pc .Operation-OneStop .Operation-OneStops .Operation-uls li img {
  width: 50px;
  height: 50px;
  margin-top: 36px;
  margin-left: 41px;
}
.Operation-pc .Operation-OneStop .Operation-OneStops .Operation-uls li h4 {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 25px;
  text-align: center;
  margin-top: 22px;
}
.Operation-pc .Operation-aesthetic {
  width: 100%;
  height: 828px;
}
.Operation-pc .Operation-aesthetic .aesthetic-top {
  width: 100%;
  height: 290px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/Operation/bg.png') no-repeat;
  background-size: cover;
}
.Operation-pc .Operation-aesthetic .aesthetic-top .aesthetic-tops {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-aesthetic .aesthetic-top .aesthetic-tops h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom {
  width: 100%;
  height: 538px;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -120px;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul li {
  width: 590px;
  height: 162px;
  background-color: #fff;
  box-shadow: 0px 6px 11px 0px rgba(8, 6, 67, 0.06), inset 0px 0px 0px 2px #FFFFFF;
  border-radius: 10px;
  margin-top: 28px;
  display: flex;
  cursor: pointer;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul li img {
  width: 80px;
  height: 80px;
  margin-top: 41px;
  margin-left: 30px;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul li > div {
  margin-top: 32px;
  margin-left: 20px;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul li > div h4 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  margin-bottom: 8px;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul li > div span {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #808794;
  line-height: 28px;
}
.Operation-pc .Operation-aesthetic .aesthetic-bottom .aesthetic-bottoms .aesthetic-ul li:hover {
  transform: translateY(-10px);
  transition: transform 0.3s 0s ease-in-out;
}
.Operation-pc .Operation-Private {
  width: 100%;
  height: 910px;
  background: #FCFBFF;
}
.Operation-pc .Operation-Private .Operation-Privates {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-Private .Operation-Privates h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 60px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab {
  width: 1200px;
  height: 624px;
  display: flex;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left {
  width: 400px;
  height: 100%;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li {
  width: 400px;
  height: 104px;
  border-radius: 10px;
  display: flex;
  cursor: pointer;
  position: relative;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li h3 {
  font-size: 44px;
  font-family: Arial-BoldMT, Arial;
  font-weight: bold;
  color: #808794;
  line-height: 50px;
  padding-top: 29px;
  margin-left: 23px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li h6 {
  width: 291px;
  margin-top: 20px;
  font-size: 20px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #808794;
  line-height: 36px;
  margin-left: 22px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li h6 span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #808794;
  line-height: 28px;
  position: relative;
  top: -5px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li h6 .img-Box {
  width: 20px;
  height: 20px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/grey-jt.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 62px;
  left: 351px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li.cur {
  background: linear-gradient(135deg, #978AFF 0%, #6758D8 100%);
  box-shadow: 0px 4px 16px 0px rgba(103, 88, 216, 0.5);
  border-radius: 10px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li.cur h3 {
  color: #fff;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li.cur h6 {
  color: #fff;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li.cur h6 span {
  color: #fff;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-left li.cur .img-Box {
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/write-jt.png) no-repeat;
  background-size: cover;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right {
  width: 596px;
  height: 100%;
  margin-left: 119px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right h3 {
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  line-height: 36px;
  padding-top: 52px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right h3::after {
  content: "";
  display: block;
  width: 50px;
  height: 0px;
  background-color: #6758D8;
  border: 2px solid #6758D8;
  margin-top: 18px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right p {
  height: 84px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #808794;
  line-height: 28px;
  margin-top: 18px;
  letter-spacing: 1px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right img {
  width: 596px;
  height: 360px;
  margin-top: 60px;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right .tab_con_li {
  display: none;
}
.Operation-pc .Operation-Private .Operation-Privates .Operation-tab .tab-right .tab_con_li.current {
  display: block;
}
.Operation-pc .Operation-case {
  width: 100%;
  height: 672px;
}
.Operation-pc .Operation-case .Operation-cases {
  width: 1200px;
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
}
.Operation-pc .Operation-case .Operation-cases h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
.Operation-pc .Operation-case .Operation-cases h5 {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-bottom: 60px;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox {
  width: 100%;
  height: 340px;
  display: flex;
  justify-content: space-between;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li {
  width: 285px;
  height: 340px;
  background: #FFFFFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 6px 11px 0px rgba(8, 6, 67, 0.06);
  border-radius: 10px 70px 10px 10px;
  cursor: pointer;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li h6 {
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  line-height: 36px;
  text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  margin-top: 30px;
  margin-left: 39px;
  margin-bottom: 10px;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li p {
  width: 217px;
  height: 112px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 28px;
  text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
  margin-left: 39px;
  margin-bottom: 16px;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li img {
  width: 218px;
  height: 118px;
  display: block;
  margin: 0 auto;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li.cur {
  background: linear-gradient(135deg, #978AFF 0%, #6758D8 100%);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 6px 11px 0px rgba(8, 6, 67, 0.06);
  border-radius: 10px 70px 10px 10px;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li.cur h6 {
  color: #fff;
}
.Operation-pc .Operation-case .Operation-cases .cases-hoverBox li.cur p {
  color: #fff;
  text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
}
.Operation-pc .Operation-process {
  width: 100%;
  height: 447px;
  background: #FCFBFF;
}
.Operation-pc .Operation-process .Operation-processs {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-process .Operation-processs h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 60px;
}
.Operation-pc .Operation-process .Operation-processs .processs-Box {
  width: 1160px;
  height: 88px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/lang-bg.png) no-repeat;
  background-size: cover;
  margin-bottom: 18px;
}
.Operation-pc .Operation-process .Operation-processs ul {
  width: 1200px;
  height: 30px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.Operation-pc .Operation-process .Operation-processs ul li {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 25px;
  text-align: center;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(1) {
  position: absolute;
  left: 8px;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(2) {
  position: absolute;
  left: 185px;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(3) {
  position: absolute;
  left: 346px;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(4) {
  position: absolute;
  left: 535px;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(5) {
  position: absolute;
  left: 722px;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(6) {
  position: absolute;
  left: 876px;
}
.Operation-pc .Operation-process .Operation-processs ul li:nth-child(7) {
  position: absolute;
  left: 1067px;
}
.Operation-pc .Operation-Cooperation {
  width: 100%;
  height: 1604px;
  position: relative;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 22px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations p {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(25, 25, 25, 0.75);
  line-height: 30px;
  text-align: center;
  margin-bottom: 17px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .big_imgBox {
  width: 1270px;
  height: 710px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/big_img.png) no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  margin-left: -45px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .small_imgBox {
  width: 1270px;
  height: 360px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/smalls.png) no-repeat;
  background-size: cover;
  margin-bottom: 60px;
  margin-left: -45px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .playback-btn {
  width: 325px;
  height: 76px;
  background: linear-gradient(135deg, #978AFF 0%, #6758D8 100%);
  border-radius: 8px;
  margin: 0 auto;
  font-size: 24px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 76px;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  cursor: pointer;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .masks-Box {
  width: 100%;
  height: 100%;
  margin-top: -1444px;
  margin-left: -160px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .popups-Box {
  width: 300px;
  height: 372px;
  background-color: #fff;
  position: absolute;
  left: 41.5%;
  top: 57%;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: none;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .popups-Box h3 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
  padding-top: 30px;
  text-align: center;
  margin-bottom: 18px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .popups-Box img {
  width: 196px;
  height: 196px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 18px;
}
.Operation-pc .Operation-Cooperation .Operation-Cooperations .popups-Box h4 {
  font-size: 16px;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  text-align: center;
}
.Operation-pc .Operation-expect {
  width: 100%;
  height: 420px;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation/bg-1.png) no-repeat;
  background-size: cover;
}
.Operation-pc .Operation-expect .Operation-expects {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.Operation-pc .Operation-expect .Operation-expects h2 {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  letter-spacing: 2px;
  padding-top: 106px;
  text-align: center;
  margin-bottom: 16px;
}
.Operation-pc .Operation-expect .Operation-expects h4 {
  font-size: 28px;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  line-height: 40px;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 72px;
}
.Operation-pc .Operation-expect .Operation-expects span {
  width: 140px;
  height: 44px;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.Operation-pc .Operation-expect .Operation-expects span a {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 44px;
  letter-spacing: 2px;
  text-align: center;
  display: block;
}
.mobile-CasePlanning {
  width: 100%;
  height: 100%;
}
.mobile-CasePlanning .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/Operation/banner1-new.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.mobile-CasePlanning .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.mobile-CasePlanning .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.mobile-CasePlanning .mobile-pit {
  width: 100%;
  height: 12.84rem;
  background: #FCFBFF;
}
.mobile-CasePlanning .mobile-pit .mobile-pits {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-pit .mobile-pits h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.62rem;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: 0.6rem;
  letter-spacing: 0.01rem;
}
.mobile-CasePlanning .mobile-pit .mobile-pits .mobile-ul {
  width: 100%;
  height: 9.4rem;
}
.mobile-CasePlanning .mobile-pit .mobile-pits .mobile-ul li {
  width: 6.9rem;
  height: 1.4rem;
  background-color: #fff;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem;
  margin-top: 0.2rem;
  display: flex;
}
.mobile-CasePlanning .mobile-pit .mobile-pits .mobile-ul li img {
  width: 0.64rem;
  height: 0.64rem;
  margin-top: 0.39rem;
  margin-left: 0.29rem;
}
.mobile-CasePlanning .mobile-pit .mobile-pits .mobile-ul li h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(25, 25, 25, 0.85);
  line-height: 0.4rem;
  margin-top: 0.31rem;
  margin-bottom: 0.06rem;
  margin-left: 0.24rem;
}
.mobile-CasePlanning .mobile-pit .mobile-pits .mobile-ul li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(25, 25, 25, 0.5);
  line-height: 0.33rem;
  margin-left: 0.24rem;
}
.mobile-CasePlanning .mobile-OneStop {
  width: 100%;
  height: 7.34rem;
}
.mobile-CasePlanning .mobile-OneStop .mobile-OneStops {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-OneStop .mobile-OneStops h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  margin-bottom: 0.5rem;
  text-align: center;
  letter-spacing: 0.01rem;
}
.mobile-CasePlanning .mobile-OneStop .mobile-OneStops .OneStop-ul {
  width: 100%;
  height: 4.61rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mobile-CasePlanning .mobile-OneStop .mobile-OneStops .OneStop-ul li {
  width: 1.58rem;
  height: 2.19rem;
  background: #FCFBFF;
  border-radius: 0.1rem;
  margin-top: 0.2rem;
}
.mobile-CasePlanning .mobile-OneStop .mobile-OneStops .OneStop-ul li img {
  width: 0.74rem;
  height: 0.74rem;
  margin-top: 0.36rem;
  margin-left: 0.42rem;
}
.mobile-CasePlanning .mobile-OneStop .mobile-OneStops .OneStop-ul li h4 {
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.3rem;
  margin-top: 0.15rem;
  text-align: center;
}
.mobile-CasePlanning .mobile-art {
  width: 100%;
  height: 16.04rem;
}
.mobile-CasePlanning .mobile-art .mobile-arts {
  width: 100%;
  height: 2.4rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation-mobile/bg.png) no-repeat;
  background-size: cover;
  margin-bottom: 0.2rem;
}
.mobile-CasePlanning .mobile-art .mobile-arts h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.62rem;
  text-align: center;
  padding-top: 0.58rem;
  letter-spacing: 0.03rem;
}
.mobile-CasePlanning .mobile-art .art-ul {
  width: 6.9rem;
  height: calc(100% - 2.4rem);
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-art .art-ul li {
  width: 6.9rem;
  height: 1.94rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem;
  margin-top: 0.2rem;
  display: flex;
}
.mobile-CasePlanning .mobile-art .art-ul li img {
  width: 0.64rem;
  height: 0.64rem;
  margin-top: 0.65rem;
  margin-left: 0.3rem;
}
.mobile-CasePlanning .mobile-art .art-ul li h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.4rem;
  margin-top: 0.31rem;
  margin-bottom: 0.12rem;
  margin-left: 0.26rem;
}
.mobile-CasePlanning .mobile-art .art-ul li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(25, 25, 25, 0.5);
  line-height: 0.4rem;
  padding: 0 0.26rem;
}
.mobile-CasePlanning .mobile-support {
  width: 100%;
  height: 9.84rem;
  background: #FCFBFF;
}
.mobile-CasePlanning .mobile-support .mobile-supports {
  width: 5.96rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-support .mobile-supports h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.62rem;
  text-align: center;
  padding-top: 0.7rem;
  margin-bottom: 0.43rem;
  letter-spacing: 0.01rem;
}
.mobile-CasePlanning .mobile-support .mobile-supports .swiper-container {
  width: 100%;
  height: 7rem;
}
.mobile-CasePlanning .mobile-support .mobile-supports .swiper-container .swiper-slide span {
  width: 2.16rem;
  height: 0.64rem;
  border-radius: 0.04rem;
  border: 0.02rem solid rgba(103, 88, 216, 0.2);
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.64rem;
  margin-bottom: 0.27rem;
}
.mobile-CasePlanning .mobile-support .mobile-supports .swiper-container .swiper-slide p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.4rem;
  margin-bottom: 0.4rem;
}
.mobile-CasePlanning .mobile-support .mobile-supports .swiper-container .swiper-slide img {
  width: 5.96rem;
  height: 3.6rem;
}
.mobile-CasePlanning .mobile-support .mobile-supports .swiper-container .swiper-pagination-bullet {
  width: 0.34rem;
  height: 0.06rem;
  background: rgba(103, 20, 216, 0.19);
  border-radius: 0.05rem;
  margin-left: 0.1rem;
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
  margin-top: 0.5rem;
}
.mobile-CasePlanning .mobile-support .mobile-supports .swiper-container .swiper-pagination-bullet-active {
  background: #6758D8;
  opacity: 1;
  border-radius: 4px;
}
.mobile-CasePlanning .mobile-case {
  width: 100%;
  height: 13.25rem;
}
.mobile-CasePlanning .mobile-case .mobile-cases {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-case .mobile-cases h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.34rem;
  letter-spacing: 0.01rem;
}
.mobile-CasePlanning .mobile-case .mobile-cases p {
  width: 6rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0.44rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.35rem;
}
.mobile-CasePlanning .mobile-case .mobile-cases .cases-ul {
  width: 100%;
  height: calc(100% - 4.39rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mobile-CasePlanning .mobile-case .mobile-cases .cases-ul li {
  width: 3.35rem;
  height: 4.3329rem;
  background-color: #fff;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.06), 0 0.06rem 0.11rem 0 rgba(8, 6, 67, 0.06);
  border-radius: 0.1rem 0.7rem 0.1rem 0.1rem;
  margin-top: 0.2rem;
}
.mobile-CasePlanning .mobile-case .mobile-cases .cases-ul li h4 {
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.36rem;
  text-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.06);
  margin-top: 0.37rem;
  margin-left: 0.33rem;
  margin-bottom: 0.1rem;
}
.mobile-CasePlanning .mobile-case .mobile-cases .cases-ul li span {
  height: 1.44rem;
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 0.36rem;
  text-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.06);
  padding: 0 0.33rem;
  display: block;
  margin-bottom: 0.27rem;
}
.mobile-CasePlanning .mobile-case .mobile-cases .cases-ul li img {
  width: 2.8rem;
  height: 1.5162rem;
  display: block;
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-process {
  width: 100%;
  height: 6.84rem;
  background: #FCFBFF;
}
.mobile-CasePlanning .mobile-process .mobile-processs {
  width: 6.9rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.mobile-CasePlanning .mobile-process .mobile-processs h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.6rem;
  letter-spacing: 0.01rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul {
  width: 100%;
  height: 1.72rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.68rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li {
  width: 1.68rem;
  height: 1.72rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.33rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li img {
  display: block;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li .cols {
  width: 0.88rem;
  height: 0.88rem;
  margin-left: 0.2rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li .ellipse {
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.15rem;
  margin-left: 0.54rem;
  z-index: 999;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li .pro-p1 {
  margin-top: 0.09rem;
  margin-left: 0.15rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li .pro-p2 {
  margin-top: 0.09rem;
  margin-left: 0.13rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li .pro-p3 {
  margin-top: 0.09rem;
  margin-left: -0.1rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-ul li .pro-p4 {
  margin-top: 0.09rem;
  margin-left: -0.03rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls {
  width: 5.7rem;
  height: 1.72rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li {
  width: 1.98rem;
  height: 1.72rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.33rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li img {
  display: block;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li .cols {
  width: 0.88rem;
  height: 0.88rem;
  margin-left: 0.25rem;
  margin-top: 0.22rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li .cols1 {
  width: 0.88rem;
  height: 0.88rem;
  margin-left: 0.27rem;
  margin-top: 0.22rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li .ellipse {
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.15rem;
  margin-left: 0.6rem;
  z-index: 999;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li .pro-p5 {
  margin-top: 0.09rem;
  margin-left: -0.07rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li .pro-p6 {
  margin-top: 0.09rem;
  margin-left: -0.1rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .pro-uls li .pro-p7 {
  margin-top: 0.09rem;
  margin-left: 0.21rem;
}
.mobile-CasePlanning .mobile-process .mobile-processs .shadow {
  width: 6.8rem;
  height: 2.15rem;
  position: absolute;
  top: 2.95rem;
  left: -0.05rem;
}
.mobile-CasePlanning .mobile-Cooperation {
  width: 100%;
  height: 11.8rem;
}
.mobile-CasePlanning .mobile-Cooperation .mobile-Cooperations {
  width: 7.5rem;
  height: 100%;
  margin: 0 auto;
}
.mobile-CasePlanning .mobile-Cooperation .mobile-Cooperations h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 0.54rem;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.4rem;
  letter-spacing: 0.01rem;
}
.mobile-CasePlanning .mobile-Cooperation .mobile-Cooperations p {
  font-size: 0.25rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  text-align: center;
  margin-bottom: 0.1rem;
}
.mobile-CasePlanning .mobile-Cooperation .mobile-Cooperations .bg1 {
  width: 100%;
  height: 4.44rem;
  display: block;
  margin-bottom: 0.19rem;
}
.mobile-CasePlanning .mobile-Cooperation .mobile-Cooperations .bg2 {
  width: 100%;
  height: 2.36rem;
  display: block;
  margin-bottom: 0.4rem;
}
.mobile-CasePlanning .mobile-Cooperation .mobile-Cooperations a {
  width: 3.96rem;
  height: 0.8rem;
  background: linear-gradient(135deg, #978AFF 0%, #6758D8 100%);
  border-radius: 0.06rem;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.8rem;
}
.mobile-CasePlanning .mobile-expect {
  width: 100%;
  height: 4.2rem;
  background: url(https://img1-www.nuoyun.tv/assets/images/web/Operation-mobile/bg3.png) no-repeat;
  background-size: cover;
}
.mobile-CasePlanning .mobile-expect h2 {
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.56rem;
  letter-spacing: 0.03rem;
  padding-top: 1.06rem;
  text-align: center;
  margin-bottom: 0.16rem;
}
.mobile-CasePlanning .mobile-expect h6 {
  font-size: 0.28rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.62rem;
}
.mobile-CasePlanning .mobile-expect span {
  width: 2rem;
  height: 0.64rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #FFFFFF;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.mobile-CasePlanning .mobile-expect span a {
  font-size: 0.24rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.64rem;
  display: block;
  letter-spacing: 0.03rem;
}
.wechat-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.wechat-wrapper .solution-banner .txtBox_content_title {
  font-size: 48px;
}
.wechat-wrapper .solution-banner .txtBox_content_title img {
  width: 240px;
}
.wechat-wrapper .solution-banner .txtBox_content_desc {
  font-size: 20px;
}
.wechat-wrapper .solution-banner .txtBox_content_btns {
  width: 142px;
}
.wechat-wrapper .wechat-col1 {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.wechat-wrapper .wechat-col1 .col1-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.wechat-wrapper .wechat-col1 .col1-container .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.wechat-wrapper .wechat-col1 .col1-container ul.col1-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.wechat-wrapper .wechat-col1 .col1-container ul.col1-content li > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 26px 0 #e6f0f5;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  width: 280px;
  height: 220px;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wechat-wrapper .wechat-col1 .col1-container ul.col1-content li > div img {
  width: 52px;
  height: 52px;
  margin: 26px auto;
}
.wechat-wrapper .wechat-col1 .col1-container ul.col1-content li > div p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 1px;
}
.wechat-wrapper .wechat-col1 .col1-container ul.col1-content li:hover > div {
  box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.wechat-wrapper .wechat-col2 {
  display: flex;
  justify-content: center;
  background-color: #fafcfe;
}
.wechat-wrapper .wechat-col2 .col2-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
  width: 100%;
}
.wechat-wrapper .wechat-col2 .col2-container .col2-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 0;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.wechat-wrapper .wechat-col2 .col2-container .col2-subtitle {
  margin-top: 16px;
  margin-bottom: 60px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 20px;
  color: #191919;
}
.wechat-wrapper .wechat-col2 .col2-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  width: 100%;
}
.wechat-wrapper .wechat-col2 .col2-part.col2-part1 {
  justify-content: flex-start;
}
.wechat-wrapper .wechat-col2 .part-content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wechat-wrapper .wechat-col2 .part-title {
  margin-bottom: 54px;
  font-size: 30px;
  font-weight: 600;
  color: #191919;
  line-height: 40px;
  text-align: center;
}
.wechat-wrapper .wechat-col2 .part-box {
  width: 486px;
}
.wechat-wrapper .wechat-col2 .part-box .item {
  position: relative;
  line-height: 25px;
  font-weight: 400;
  font-size: 18px;
  color: rgba(25, 25, 25, 0.75);
}
.wechat-wrapper .wechat-col2 .part-box .item + .item {
  margin-top: 30px;
}
.wechat-wrapper .wechat-col2 .part-box .title {
  margin-bottom: 12px;
  font-weight: 600;
  color: #191919;
}
.wechat-wrapper .wechat-col2 .part-box .desc {
  padding-left: 35px;
  line-height: 32px;
  font-size: 16px;
  color: #6c6e72;
}
.wechat-wrapper .wechat-col2 .part-box .desc::before {
  display: block;
  content: '';
  margin-top: 5px;
  width: 20px;
  height: 20px;
  background: url('/assets/images/web/index/blue2.png') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
}
.wechat-wrapper .wechat-col2 .part-pic {
  flex-shrink: 0;
  width: 630px;
}
.wechat-wrapper .wechat-col2 .part-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 56px;
  width: 142px;
  height: 46px;
  border-radius: 6px;
  font-size: 18px;
  background-image: linear-gradient(to right, #4583ff 0%, #0070ff 100%);
  color: #ffffff;
}
.wechat-wrapper .wechat-col3 {
  width: 100%;
  height: 682px;
  overflow: hidden;
  position: relative;
}
.wechat-wrapper .wechat-col3 .bg-top {
  width: 1920px;
  height: 202px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 50%;
  margin-left: -960px;
  z-index: -9;
}
.wechat-wrapper .wechat-col3 .bg-bottom {
  width: 1920px;
  height: 167px;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -960px;
  z-index: -9;
}
.wechat-wrapper .wechat-col3 .pic1 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
  animation: myMove 50s linear infinite;
  -webkit-animation: myMove 50s linear infinite;
  z-index: -999;
}
.wechat-wrapper .wechat-col3 .col3-content h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 16px;
}
.wechat-wrapper .wechat-col3 .col3-content h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.wechat-wrapper .wechat-col3 .col3-content ul {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.wechat-wrapper .wechat-col3 .col3-content ul li img {
  width: 186px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(8, 6, 67, 0.06);
  border-radius: 4px;
}
.wechat-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
}
.wechat-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 14px;
  line-height: 48px;
  font-weight: 500;
  font-size: 34px;
  color: #000;
}
.wechat-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  border-radius: 8px;
  width: 142px;
  height: 46px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.wechat-wrapper-mobile .solution-banner-mobile {
  height: 8.24rem;
}
.wechat-wrapper-mobile .solution-banner-mobile .swiper-container .swiper-slide {
  height: 8.24rem;
}
.wechat-wrapper-mobile .solution-banner-mobile .swiper-container .swiper-slide .banner-box {
  width: 6.5rem;
}
.wechat-wrapper-mobile .wechat-col1 {
  height: 8.42rem;
  background-color: #fff;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.4rem;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container .col1-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  line-height: 0.6rem;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container ul {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container ul::-webkit-scrollbar {
  display: none;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  margin-bottom: 0.22rem;
  width: 3.32rem;
  height: 2.8rem;
  box-shadow: 0 0 0.52rem 0 #e6f0f5;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background-color: #ffffff;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container ul li img {
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
}
.wechat-wrapper-mobile .wechat-col1 .col1-container ul li p {
  margin-top: 0.22rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.wechat-wrapper-mobile .wechat-col2 {
  background-color: #fff;
}
.wechat-wrapper-mobile .wechat-col2 .col2-part {
  padding-bottom: 0.3rem;
}
.wechat-wrapper-mobile .wechat-col2 .col2-part + .col2-part {
  padding-top: 0.6rem;
}
.wechat-wrapper-mobile .wechat-col2 .col2-part:nth-of-type(even) {
  background-color: rgba(244, 252, 255, 0.65);
}
.wechat-wrapper-mobile .wechat-col2 .col2-part:nth-of-type(odd) {
  background-color: #fff;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
  padding-bottom: 0;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .col2-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.48rem;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-content {
  display: flex;
  flex-direction: column;
  padding: 0 0.32rem;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-text {
  padding-left: 0.05rem;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-title {
  margin-top: 0.38rem;
  margin-bottom: 0.3rem;
  line-height: 0.5rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.36rem;
  color: #191919;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-box {
  text-align: left;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-box .item {
  position: relative;
  margin-bottom: 0.3rem;
  padding-left: 0.53rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #90929e;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-box .title {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
  font-weight: bold;
  color: #191919;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-box .desc {
  list-style: circle;
  color: #6c6e72;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-box .item::before {
  content: '';
  position: absolute;
  top: 0.04rem;
  left: 0;
  display: block;
  width: 0.38rem;
  height: 0.3rem;
  background: url('/assets/images/web/greatHealthLive/col3_icon.png') no-repeat;
  background-size: cover;
}
.wechat-wrapper-mobile .wechat-col2 .col2-container .part-pic {
  border-radius: 0.24rem;
  width: 6.86rem;
  height: 4.8rem;
  background-size: cover;
}
.wechat-wrapper-mobile .wechat-col3 {
  width: 7.5rem;
  height: 6.5rem;
  background: #ffffff;
}
.wechat-wrapper-mobile .wechat-col3 h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.6rem;
  margin-bottom: 0.16rem;
  text-align: center;
}
.wechat-wrapper-mobile .wechat-col3 h3 {
  margin-bottom: 0.36rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #8d909e;
  line-height: 0.38rem;
  text-align: center;
}
.wechat-wrapper-mobile .wechat-col3 ul {
  width: 6.86rem;
  height: 0.7rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.wechat-wrapper-mobile .wechat-col3 ul li {
  width: 1.64rem;
  height: 0.7rem;
  background: #ffffff;
  box-shadow: 0px 0.04rem 0.1rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0.04rem;
}
.wechat-wrapper-mobile .wechat-col3 ul li img {
  width: 1.64rem;
  height: 0.7rem;
}
.community-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.community-wrapper .solution-banner .txtBox_content_title img {
  width: 240px;
}
.community-wrapper .solution-banner .txtBox_content_btns {
  width: 142px;
}
.community-wrapper .community-col1 {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.community-wrapper .community-col1 .col1-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.community-wrapper .community-col1 .col1-container .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.community-wrapper .community-col1 .col1-container ul.col1-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.community-wrapper .community-col1 .col1-container ul.col1-content li > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 26px 0 #e6f0f5;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  width: 280px;
  height: 220px;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.community-wrapper .community-col1 .col1-container ul.col1-content li > div img {
  width: 52px;
  height: 52px;
  margin: 26px auto;
}
.community-wrapper .community-col1 .col1-container ul.col1-content li > div p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 1px;
}
.community-wrapper .community-col1 .col1-container ul.col1-content li:hover > div {
  box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.community-wrapper .community-col2 {
  width: 100%;
  height: 924px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.community-wrapper .community-col2 .col2-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 84px;
  height: auto;
}
.community-wrapper .community-col2 .col2-container .col2-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.community-wrapper .community-col2 .col2-container .col2-subtitle {
  margin-bottom: 46px;
  line-height: 40px;
  font-size: 26px;
}
.community-wrapper .community-col2 .col2-container .col2-content img {
  width: 1200px;
  height: 582px;
}
.community-wrapper .community-col3 {
  display: flex;
  justify-content: center;
  background-color: #ffffff;
}
.community-wrapper .community-col3 .col3-container {
  width: 1200px;
  height: 100%;
  padding-top: 80px;
  width: 100%;
}
.community-wrapper .community-col3 .col3-container .col3-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 60px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.community-wrapper .community-col3 .col3-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.community-wrapper .community-col3 .col3-part:nth-of-type(odd) {
  background: #fff;
}
.community-wrapper .community-col3 .col3-part:nth-of-type(even) {
  background: #f4fcff;
}
.community-wrapper .community-col3 .col3-part.col3-part1 {
  justify-content: flex-start;
  height: 530px;
}
.community-wrapper .community-col3 .col3-part.col3-part2 {
  height: 604px;
}
.community-wrapper .community-col3 .col3-part.col3-part3 {
  height: 620px;
}
.community-wrapper .community-col3 .col3-part.col3-part4 {
  height: 604px;
}
.community-wrapper .community-col3 .part-content {
  width: 1200px;
  height: 640px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.community-wrapper .community-col3 .part-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
  line-height: 40px;
}
.community-wrapper .community-col3 .part-text {
  width: 480px;
}
.community-wrapper .community-col3 .part-box {
  width: 490px;
  margin-top: 40px;
}
.community-wrapper .community-col3 .part-box .item {
  margin-bottom: 30px;
  padding-left: 33px;
  position: relative;
  line-height: 25px;
  font-weight: 400;
  font-size: 18px;
  color: rgba(25, 25, 25, 0.75);
}
.community-wrapper .community-col3 .part-box .title {
  margin-bottom: 6px;
  font-weight: 600;
  color: #191919;
}
.community-wrapper .community-col3 .part-box .desc {
  line-height: 22px;
  font-size: 16px;
  color: #90929e;
}
.community-wrapper .community-col3 .part-box .item::before {
  display: block;
  content: '';
  width: 19px;
  height: 15px;
  background: url('/assets/images/web/greatHealthLive/col3_icon.png') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 5px;
}
.community-wrapper .community-col3 .part-pic {
  flex-shrink: 0;
  width: 630px;
  height: 440px;
  background-size: cover;
}
.community-wrapper .community-col4 {
  width: 100%;
  height: 762px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.community-wrapper .community-col4 .col4-container {
  width: 1200px;
  height: 100%;
  padding-top: 110px;
  position: relative;
  width: 100%;
}
.community-wrapper .community-col4 .col4-container .col4-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 0;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.community-wrapper .community-col4 .col4-container .col4-content {
  width: 100%;
  margin: 0px auto;
  overflow: hidden;
  padding: 43px 0px 100px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.community-wrapper .community-col4 .col4-container .col4-content::before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 360px;
  height: 100%;
  background: linear-gradient(270deg, rgba(249, 254, 252, 0) 0%, #f9fefc 100%);
  transform: rotate(180deg);
}
.community-wrapper .community-col4 .col4-container .col4-content::after {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 360px;
  height: 100%;
  background: linear-gradient(270deg, rgba(249, 254, 252, 0) 0%, #f9fefc 100%);
}
.community-wrapper .community-col4 .col4-container .col4-content .col4-line1,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line2,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line3,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line4 {
  height: 114px;
}
.community-wrapper .community-col4 .col4-container .col4-content .col4-line1 .swiper-wrapper,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line2 .swiper-wrapper,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line3 .swiper-wrapper,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line4 .swiper-wrapper {
  transition-timing-function: linear !important;
}
.community-wrapper .community-col4 .col4-container .col4-content .col4-line1 .swiper-wrapper .swiper-slide,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line2 .swiper-wrapper .swiper-slide,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line3 .swiper-wrapper .swiper-slide,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line4 .swiper-wrapper .swiper-slide {
  width: auto;
  height: 100%;
  display: flex;
}
.community-wrapper .community-col4 .col4-container .col4-content .col4-line1 .swiper-wrapper .swiper-slide img,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line2 .swiper-wrapper .swiper-slide img,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line3 .swiper-wrapper .swiper-slide img,
.community-wrapper .community-col4 .col4-container .col4-content .col4-line4 .swiper-wrapper .swiper-slide img {
  height: 100%;
  display: block;
}
.community-wrapper .community-col5 {
  width: 100%;
  height: 540px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.community-wrapper .community-col5 .col5-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.community-wrapper .community-col5 .col5-container .col5-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.community-wrapper .community-col5 .col5-container .col5-subtitle {
  margin-bottom: 46px;
  line-height: 40px;
  text-align: center;
  font-size: 26px;
}
.community-wrapper .community-col5 .col5-container ul.col5-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.community-wrapper .community-col5 .col5-container ul.col5-content li img {
  width: 284px;
  height: 350px;
}
.community-wrapper .community-col6 {
  width: 100%;
  height: 742px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.community-wrapper .community-col6 .col6-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 81px;
  height: auto;
}
.community-wrapper .community-col6 .col6-container .col6-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 45px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.community-wrapper .community-col6 .col6-container .col6-content img {
  width: 1234px;
  height: 460px;
}
.community-wrapper .community-col7 {
  width: 100%;
  height: 640px;
  background: #f5f6fa;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.community-wrapper .community-col7 .col7-content {
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 104px;
  height: calc(100% - 104px);
}
.community-wrapper .community-col7 .col7-content p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 64px;
}
.community-wrapper .community-col7 .col7-content ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.community-wrapper .community-col7 .col7-content ul li {
  position: relative;
  border-radius: 8px;
  width: 285px;
  height: 236px;
  font-size: 0;
  overflow: hidden;
  background: #fff;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.community-wrapper .community-col7 .col7-content ul li img {
  width: 286px;
  height: 160px;
}
.community-wrapper .community-col7 .col7-content ul li p {
  font-size: 20px;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 30px;
  margin-top: 24px;
  text-align: center;
}
.community-wrapper .community-col7 .col7-content ul li .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 286px;
  height: 160px;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  font-size: 0;
  text-align: center;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  overflow: hidden;
}
.community-wrapper .community-col7 .col7-content ul li .mask img {
  margin-top: 30px;
  width: 80px;
  height: 80px;
}
.community-wrapper .community-col7 .col7-content ul li .mask > p.maskTitle {
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #ffffff;
  margin-top: 10px;
  line-height: 14px;
}
.community-wrapper .community-col7 .col7-content ul li:hover {
  transform: translateY(-12px);
}
.community-wrapper .community-col7 .col7-content ul li:hover p {
  color: #2d41fa;
}
.community-wrapper .community-col7 .col7-content ul li:hover .mask {
  opacity: 1;
}
.community-wrapper .community-col7 .col7-content .more {
  width: 186px;
  height: 48px;
  background: #0758f1;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #fff;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 60px;
  color: #fff;
}
.community-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
}
.community-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 14px;
  line-height: 48px;
  font-weight: 500;
  font-size: 34px;
  color: #000;
}
.community-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  border-radius: 8px;
  width: 142px;
  height: 46px;
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}
.community-wrapper-mobile .solution-banner-mobile .swiper-container .swiper-slide .banner-box {
  width: 6.5rem;
}
.community-wrapper-mobile .community-col1 {
  height: 8.42rem;
  background-color: #fff;
}
.community-wrapper-mobile .community-col1 .col1-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.community-wrapper-mobile .community-col1 .col1-container .col1-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  line-height: 0.6rem;
}
.community-wrapper-mobile .community-col1 .col1-container ul {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.community-wrapper-mobile .community-col1 .col1-container ul::-webkit-scrollbar {
  display: none;
}
.community-wrapper-mobile .community-col1 .col1-container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  margin-bottom: 0.22rem;
  width: 3.32rem;
  height: 2.8rem;
  box-shadow: 0 0 0.52rem 0 #e6f0f5;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background-color: #ffffff;
}
.community-wrapper-mobile .community-col1 .col1-container ul li img {
  margin: 0 auto;
  width: 0.8rem;
  height: 0.8rem;
}
.community-wrapper-mobile .community-col1 .col1-container ul li p {
  margin-top: 0.22rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.community-wrapper-mobile .community-col2 {
  height: 23.56rem;
  background-size: cover;
}
.community-wrapper-mobile .community-col2 .col2-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.44rem;
}
.community-wrapper-mobile .community-col2 .col2-container .col2-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.4rem;
  color: #000000;
}
.community-wrapper-mobile .community-col2 .col2-container .col2-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.community-wrapper-mobile .community-col2 .col2-container .col2-content ul {
  margin: 0;
}
.community-wrapper-mobile .community-col2 .col2-container .col2-content li {
  width: 6.86rem;
  padding-top: 0.04rem;
  line-height: 0.44rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.community-wrapper-mobile .community-col2 .col2-container .col2-content li + li {
  margin-top: 0.4rem;
}
.community-wrapper-mobile .community-col2 .col2-container .col2-content li img {
  width: 100%;
}
.community-wrapper-mobile .community-col3 {
  background-color: #fff;
}
.community-wrapper-mobile .community-col3 .col3-part:nth-of-type(even) {
  background-color: rgba(244, 252, 255, 0.65);
}
.community-wrapper-mobile .community-col3 .col3-part:nth-of-type(odd) {
  background-color: #fff;
}
.community-wrapper-mobile .community-col3 .col3-part1 {
  padding-bottom: 0.5rem;
}
.community-wrapper-mobile .community-col3 .col3-part2 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.community-wrapper-mobile .community-col3 .col3-part3 {
  padding-top: 0.8rem;
  padding-bottom: 0.5rem;
}
.community-wrapper-mobile .community-col3 .col3-part4 {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.community-wrapper-mobile .community-col3 .col3-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.96rem;
  padding-bottom: 0.96rem;
  padding-bottom: 0;
}
.community-wrapper-mobile .community-col3 .col3-container .col3-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.48rem;
}
.community-wrapper-mobile .community-col3 .col3-container .part-content {
  display: flex;
  flex-direction: column;
  padding: 0 0.32rem;
}
.community-wrapper-mobile .community-col3 .col3-container .part-text {
  padding-left: 0.05rem;
}
.community-wrapper-mobile .community-col3 .col3-container .part-title {
  margin-top: 0.38rem;
  margin-bottom: 0.3rem;
  line-height: 0.5rem;
  text-align: left;
  font-weight: bold;
  font-size: 0.36rem;
  color: #191919;
}
.community-wrapper-mobile .community-col3 .col3-container .part-box {
  text-align: left;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.community-wrapper-mobile .community-col3 .col3-container .part-box .item {
  position: relative;
  margin-bottom: 0.3rem;
  padding-left: 0.53rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #90929e;
}
.community-wrapper-mobile .community-col3 .col3-container .part-box .item::before {
  content: '';
  position: absolute;
  top: 0.08rem;
  left: 0;
  display: block;
  width: 0.38rem;
  height: 0.3rem;
  background: url('/assets/images/web/greatHealthLive/col3_icon.png') no-repeat;
  background-size: cover;
}
.community-wrapper-mobile .community-col3 .col3-container .part-box .title {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
  font-weight: bold;
  color: #191919;
}
.community-wrapper-mobile .community-col3 .col3-container .part-box .desc {
  color: #90929e;
}
.community-wrapper-mobile .community-col3 .col3-container .part-pic {
  border-radius: 0.24rem;
  width: 6.86rem;
  height: 4.8rem;
  background-size: cover;
}
.community-wrapper-mobile .community-col4 {
  height: 12.32rem;
  background-size: cover;
}
.community-wrapper-mobile .community-col4 .col4-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.community-wrapper-mobile .community-col4 .col4-container .col4-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.32rem;
}
.community-wrapper-mobile .community-col4 .col4-container .col4-content img {
  width: 7.18rem;
}
.community-wrapper-mobile .community-col5 {
  background-color: #fff;
}
.community-wrapper-mobile .community-col5 .col5-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.56rem;
}
.community-wrapper-mobile .community-col5 .col5-container .col5-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.04rem;
  color: #000000;
}
.community-wrapper-mobile .community-col5 .col5-container ul.col5-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0.32rem;
}
.community-wrapper-mobile .community-col5 .col5-container ul.col5-content li {
  margin-top: 0.36rem;
}
.community-wrapper-mobile .community-col5 .col5-container ul.col5-content li img {
  width: 3.3rem;
  height: 4.44rem;
}
.community-wrapper-mobile .community-col6 {
  width: 100%;
  height: 10.36rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.community-wrapper-mobile .community-col6 .col6-container {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.community-wrapper-mobile .community-col6 .col6-container .col6-title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.68rem;
  margin-bottom: 0.22rem;
  color: #000;
}
.community-wrapper-mobile .community-col6 .col6-container .col6-content img {
  width: 7.42rem;
  height: 7.32rem;
}
.community-wrapper-mobile .community-contact {
  padding: 0.72rem 0 0.66rem;
  background-size: cover;
}
.community-wrapper-mobile .community-contact .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.community-wrapper-mobile .community-contact .contact-content img {
  margin-bottom: 0.64rem;
  width: 2.24rem;
  height: 2.24rem;
}
.community-wrapper-mobile .community-contact .contact-content p:first-of-type {
  margin-bottom: 0.2rem;
  line-height: 0.66rem;
  font-weight: 500;
  font-size: 0.48rem;
  color: #fff;
}
.community-wrapper-mobile .community-contact .contact-content p:last-of-type {
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #fff;
  opacity: 0.8;
}
.community-wrapper-mobile .community-contact .contact-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.56rem;
  width: 2.4rem;
  height: 0.72rem;
  border-radius: 0.12rem;
  font-weight: bold;
  font-size: 0.28rem;
  background: #ffffff;
  color: #0c74ff;
}
.videoStream-mobile {
  width: 100%;
  height: 100%;
}
.videoStream-mobile .col-1 {
  width: 100%;
  height: 4rem;
  font-size: 0;
  background: url('/assets/images/mobile/videostream/videostream.png') no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.videoStream-mobile .col-2 {
  width: 100%;
  height: 100%;
}
.videoStream-mobile .col-2 .col2-content {
  margin-top: 0.7rem;
}
.videoStream-mobile .col-2 .col2-content .title-container {
  position: relative;
  text-align: center;
}
.videoStream-mobile .col-2 .col2-content .title-container .text-bg {
  position: absolute;
  height: 0.82rem;
  line-height: 0.82rem;
  font-size: 0.76rem;
  color: #efefef;
  left: 15%;
  z-index: -1;
  top: 0.4rem;
}
.videoStream-mobile .col-2 .col2-content .title-container .line {
  height: 0.66rem;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.66rem;
  margin: 0 auto 0.1rem;
  display: inline-block;
  border-bottom: 1px solid #de3d56;
}
.videoStream-mobile .col-2 .col2-content ul {
  width: 94%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.videoStream-mobile .col-2 .col2-content ul li {
  width: 3.32rem;
  height: 3.3rem;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-bottom: 0.2rem;
}
.videoStream-mobile .col-2 .col2-content ul li img {
  width: 100%;
  height: 2.5rem;
}
.videoStream-mobile .col-2 .col2-content ul li p {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #646565;
  font-size: 0.24rem;
  background: #edecec;
}
.videoStream-mobile .col-3 {
  width: 100%;
  height: 100%;
}
.videoStream-mobile .col-3 .col3-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-top: 0.7rem;
  width: 100%;
}
.videoStream-mobile .col-3 .col3-content .title-container {
  position: relative;
  text-align: center;
  width: 100%;
}
.videoStream-mobile .col-3 .col3-content .title-container .text-bg {
  position: absolute;
  height: 0.82rem;
  line-height: 0.82rem;
  font-size: 0.76rem;
  color: #efefef;
  left: 23%;
  z-index: -1;
  top: 0.4rem;
}
.videoStream-mobile .col-3 .col3-content .title-container .line {
  height: 0.66rem;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.66rem;
  margin: 0 auto 0.1rem;
  display: inline-block;
  border-bottom: 1px solid #de3d56;
}
.videoStream-mobile .col-3 .col3-content ul {
  overflow: hidden;
  width: 100%;
  background-color: #f5f5f5;
  padding: 0;
  padding-bottom: 0.28rem;
}
.videoStream-mobile .col-3 .col3-content ul li {
  position: relative;
  margin-top: 0.28rem;
}
.videoStream-mobile .col-3 .col3-content ul li .pic {
  position: absolute;
  top: 34%;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #55addf;
  border-radius: 0.98rem;
  margin-left: 0.24rem;
}
.videoStream-mobile .col-3 .col3-content ul li .pic img {
  display: block;
  width: 84%;
  height: 80%;
  margin: 0 auto;
  margin-top: 0.12rem;
}
.videoStream-mobile .col-3 .col3-content ul li .content {
  height: 4rem;
  background-color: white;
  width: 85%;
  border-radius: 0.1rem;
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.3);
  margin-left: 12%;
}
.videoStream-mobile .col-3 .col3-content ul li .content .p-con {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-left: 0.84rem;
  position: relative;
}
.videoStream-mobile .col-3 .col3-content ul li .content .p-con span {
  position: absolute;
  left: 0;
  font-size: 0.38rem;
  display: table-cell;
  color: #2588bd;
  width: 11%;
  vertical-align: middle;
  line-height: 0.4rem;
}
.videoStream-mobile .col-3 .col3-content ul li .content .p-con p {
  font-size: 0.26rem;
  color: #848181;
  line-height: 0.4rem !important;
  margin-bottom: 0;
}
.videoStream-mobile .col-3 .col3-content ul li p {
  font-size: 0.24rem;
  text-align: center;
  color: #666;
  line-height: 1.8rem;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.videoStream-mobile .col-4 {
  width: 100%;
  height: 100%;
}
.videoStream-mobile .col-4 .col4-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-top: 0.7rem;
  margin-bottom: 0.3rem;
}
.videoStream-mobile .col-4 .col4-content .title-container {
  position: relative;
  text-align: center;
}
.videoStream-mobile .col-4 .col4-content .title-container .text-bg {
  position: absolute;
  height: 0.82rem;
  line-height: 0.82rem;
  font-size: 0.76rem;
  color: #efefef;
  left: -23%;
  z-index: -1;
  top: 0.4rem;
}
.videoStream-mobile .col-4 .col4-content .title-container .line {
  height: 0.66rem;
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.66rem;
  margin: 0 auto 0.1rem;
  display: inline-block;
  border-bottom: 1px solid #de3d56;
}
.videoStream-mobile .col-4 .col4-content img {
  width: 6.9rem;
  height: 14.5rem;
}
.videoStream-mobile .col-5 {
  width: 100%;
  height: 100%;
}
.videoStream-mobile .col-5 img {
  width: 100%;
  height: 100%;
}
.videoStream-mobile .freeExperience {
  width: 100%;
  height: 1.2rem;
  background: #FFFFFF;
  box-shadow: 0px -0.03rem 0.06rem 0px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  cursor: pointer;
  bottom: 0rem;
  z-index: 998;
}
.videoStream-mobile .freeExperience .free {
  display: block;
  width: 2.6rem;
  height: 0.8rem;
  border: 0.02rem solid #E5E5E5;
  text-align: center;
  margin-top: 0.2rem;
  margin-left: 0.4rem;
  margin-right: 0.2rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.8rem;
  cursor: pointer;
}
.videoStream-mobile .freeExperience .free2 {
  display: block;
  width: 4rem;
  height: 0.8rem;
  background: #0758F1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.2rem;
}
.videoStream-mobile .freeExperience .free2 img {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.14rem;
  margin-left: 0.72rem;
  margin-right: 0.16rem;
}
.videoStream-mobile .freeExperience .free2 a {
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 0.18rem;
}
.videoStream-mobile .clue-avatar {
  position: fixed;
  cursor: pointer;
  bottom: 2rem;
  right: 0.29rem;
  z-index: 998;
}
.videoStream-mobile .clue-avatar__border {
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 0.01rem solid #398bf7;
  opacity: 0;
  -webkit-animation: breathe 1s linear infinite;
  animation: breathe 1s linear infinite;
}
.videoStream-mobile .clue-avatar:after,
.videoStream-mobile .clue-avatar__border {
  position: absolute;
  width: 1.06rem;
  height: 1.06rem;
}
.videoStream-mobile .clue-avatar__img {
  width: 1.06rem;
  height: 1.06rem;
  border-radius: 50%;
  border: 1px solid #0758F1;
}
.videoStream-mobile .clue-avatar__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: breathe-img 1s linear infinite;
  animation: breathe-img 1s linear infinite;
}
.videoStream-mobile .clue-avatar__text {
  position: relative;
  width: 0.99rem;
  height: 0.4rem;
  margin-top: -0.12rem;
  border-radius: 0.02rem;
  line-height: 0.4rem;
  text-align: center;
  color: #fff;
  background-color: #0758f1;
  font-size: 0.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-left: 0.06rem;
}
.videoStream-mobile .clue-avatar__text:hover {
  background: #0247C6;
}
.videoStream-wrapper {
  min-width: 12rem;
  overflow: hidden;
}
.videoStream-wrapper .banner {
  width: 100%;
  overflow: hidden;
  font-size: 14px !important;
  height: 750px;
  background: url("/assets/images/web/cloud/db_1.jpg") no-repeat;
  background-size: 100% 100%;
  background-color: #ededed;
}
.videoStream-wrapper .banner .banner1 .double-circle {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: transparent;
}
.videoStream-wrapper .banner .banner1 .double-circle .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #eee;
  border-radius: 50%;
}
.videoStream-wrapper .banner .banner1 .circle-size-0 {
  width: 16px;
  height: 6px;
}
.videoStream-wrapper .banner .banner1 .circle-size-0 .size-0 {
  width: 44px;
  height: 14px;
  margin-top: -7px;
  margin-left: -22px;
}
.videoStream-wrapper .banner .banner1 .circle-size-1 {
  width: 16px;
  height: 8px;
}
.videoStream-wrapper .banner .banner1 .circle-size-1 .size-1 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px;
}
.videoStream-wrapper .banner .banner1 .circle-size-2 {
  width: 24px;
  height: 12px;
}
.videoStream-wrapper .banner .banner1 .circle-size-2 .size-2 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px;
}
.videoStream-wrapper .banner .banner1 .inner-delay-0 {
  animation: banner-move1 8s linear infinite;
}
.videoStream-wrapper .banner .banner1 .outer-delay-0 {
  opacity: 0;
  animation: banner-move1 8s linear 2s infinite;
}
.videoStream-wrapper .banner .banner1 .inner-delay-1 {
  opacity: 0;
  animation: banner-move1 8s linear 3s infinite;
}
.videoStream-wrapper .banner .banner1 .outer-delay-1 {
  opacity: 0;
  animation: banner-move1 8s linear 5s infinite;
}
.videoStream-wrapper .banner .banner1 .inner-delay-2 {
  opacity: 0;
  animation: banner-move1 8s linear 6s infinite;
}
.videoStream-wrapper .banner .banner1 .outer-delay-2 {
  opacity: 0;
  animation: banner-move1 8s linear 8s infinite;
}
.videoStream-wrapper .banner .banner1 .left-0 {
  top: 525px;
  margin-left: -573px;
  transform: rotateX(45deg);
}
.videoStream-wrapper .banner .banner1 .left-1 {
  top: 553px;
  margin-left: -365px;
  transform: rotateX(30deg);
}
.videoStream-wrapper .banner .banner1 .left-2 {
  top: 501px;
  margin-left: -159px;
}
.videoStream-wrapper .banner .banner1 .right-0 {
  top: 540px;
  margin-left: 104px;
  transform: rotateX(30deg);
}
.videoStream-wrapper .banner .banner1 .right-1 {
  top: 495px;
  margin-left: 322px;
  transform: rotateX(30deg);
}
.videoStream-wrapper .banner .banner1 .right-2 {
  top: 553px;
  margin-left: 635px;
  transform: rotateX(45deg);
}
.videoStream-wrapper .banner .banner1 .bg-blur {
  position: absolute;
  top: 392px;
  left: 0;
  width: 100%;
  height: 283px;
  background: url("/assets/images/web/cloud/bbg_1.png") no-repeat bottom center;
}
@keyframes banner-move1 {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  40% {
    transform: scale(1.6, 1.6);
    opacity: 1;
  }
  80% {
    transform: scale(3, 3);
    opacity: 0;
  }
  100% {
    transform: scale(3, 3);
    opacity: 0;
  }
}
@-webkit-keyframes banner-move1 {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  40% {
    transform: scale(1.6, 1.6);
    opacity: 1;
  }
  80% {
    transform: scale(3, 3);
    opacity: 0;
  }
  100% {
    transform: scale(3, 3);
    opacity: 0;
  }
}
.videoStream-wrapper .banner .e_box {
  position: absolute;
  top: 450px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 173px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 2px;
  cursor: pointer;
}
.videoStream-wrapper .banner .e_box a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.videoStream-wrapper .banner .e_box:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  color: #fff !important;
}
.videoStream-wrapper .col-1 {
  width: 100%;
  min-width: 1350px;
}
.videoStream-wrapper .col-1 .col1-tab {
  width: 1200px;
  height: 77px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.videoStream-wrapper .col-1 .col1-tab p {
  box-sizing: border-box;
  width: 160px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  line-height: 77px;
  font-size: 20px;
  position: relative;
}
.videoStream-wrapper .col-1 .col1-tab p.active {
  color: #4385f8;
}
.videoStream-wrapper .col-1 .col1-tab p.active::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  background: #4385f8;
  bottom: 0;
  left: 0;
}
.videoStream-wrapper .col-1 .col1-tabContent {
  width: 100%;
  height: 580px;
}
.videoStream-wrapper .col-1 .col1-tabContent .tab-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  background-size: cover;
  display: none;
  text-align: center;
}
.videoStream-wrapper .col-1 .col1-tabContent .tab-content p:nth-child(1) {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 48px;
  margin-bottom: 57px;
}
.videoStream-wrapper .col-1 .col1-tabContent .tab-content p:nth-child(2) {
  width: 940px;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
}
.videoStream-wrapper .col-1 .col1-tabContent .tab-content.active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.videoStream-wrapper .func {
  width: 100%;
  height: 10.4rem;
  background: #eef1f5;
  overflow: hidden;
}
.videoStream-wrapper .func .box {
  margin-top: 0.94rem;
  margin-left: 3.6rem;
}
.videoStream-wrapper .func .box .title_1 {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #4385f8;
}
.videoStream-wrapper .func .box .title_2 {
  color: #d3d9e1;
}
.videoStream-wrapper .func .func_list {
  width: 12rem;
  margin-top: 0.9rem;
  margin-left: 3.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.videoStream-wrapper .func .func_list li {
  width: 3.1rem;
  height: 2rem;
  font-size: 0.2rem;
  margin-bottom: 1.5rem;
  text-align: center;
  cursor: pointer;
  color: #7c7e9d;
}
.videoStream-wrapper .func .func_list li img {
  width: 0.8rem;
  margin-bottom: 0.3rem;
}
.videoStream-wrapper .func .func_list li p:nth-of-type(1) {
  font-size: 0.2rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.videoStream-wrapper .func .func_list li p:nth-of-type(2) {
  font-size: 0.15rem;
  height: 0.3rem;
  line-height: 0.3rem;
}
.videoStream-wrapper .func .func_list li:hover p {
  color: #4385f8;
}
.videoStream-wrapper .func .func_list li:nth-of-type(5) img {
  margin-bottom: 0.4rem;
}
.videoStream-wrapper .func .func_list li:nth-of-type(2) img {
  margin-bottom: 0.13rem;
}
.videoStream-wrapper .adv {
  width: 100%;
  height: 9.4rem;
  overflow: hidden;
}
.videoStream-wrapper .adv .box {
  margin-top: 0.94rem;
  margin-left: 3.6rem;
}
.videoStream-wrapper .adv .box .title_1 {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #4385f8;
}
.videoStream-wrapper .adv .box .title_2 {
  color: #d3d9e1;
}
.videoStream-wrapper .adv .adv_1 {
  position: relative;
  width: 12rem;
  height: 4.9rem;
  margin-top: 1.2rem;
}
.videoStream-wrapper .adv .adv_1 .t_6 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 6rem;
  height: 3.2rem;
  cursor: pointer;
  z-index: 1;
  transition: all 0.6s ease;
}
.videoStream-wrapper .adv .adv_1 .t_6 .t_5 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
}
.videoStream-wrapper .adv .adv_1 .t_6 .t_5 p {
  width: 100%;
  font-size: 0.34rem;
  line-height: 0.4rem;
  margin-left: 0.9rem;
  margin-top: 1.18rem;
}
.videoStream-wrapper .adv .adv_1 .t_6 .t_5 .span_box {
  font-size: 0.15rem;
  margin-top: 0.5rem;
  margin-left: 0.9rem;
}
.videoStream-wrapper .adv .adv_1 .t_6 .t_5 .span_box span {
  display: inline-block;
  margin-right: 0.2rem;
}
.videoStream-wrapper .adv .adv_1 .t_6 img {
  width: 100%;
  height: 100%;
}
.videoStream-wrapper .adv .adv_1 .ad_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6rem;
  height: 3.2rem;
  cursor: pointer;
  z-index: 1;
  transition: all 0.6s ease;
}
.videoStream-wrapper .adv .adv_1 .ad_box img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoStream-wrapper .adv .adv_1 .ad_box .t_5 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
}
.videoStream-wrapper .adv .adv_1 .ad_box .t_5 p {
  width: 100%;
  font-size: 0.34rem;
  line-height: 0.4rem;
  margin-left: 0.9rem;
  margin-top: 1.18rem;
}
.videoStream-wrapper .adv .adv_1 .ad_box .t_5 .span_box {
  font-size: 0.15rem;
  margin-top: 0.5rem;
  margin-left: 0.9rem;
}
.videoStream-wrapper .adv .adv_1 .ad_box .t_5 .span_box span {
  display: inline-block;
  margin-right: 0.2rem;
}
.videoStream-wrapper .adv .adv_1 .active {
  z-index: 2;
  width: 8.95rem;
  height: 4.84rem;
}
.videoStream-wrapper .application {
  width: 100%;
  height: 9.15rem;
  background: #0a0a0a;
  overflow: hidden;
}
.videoStream-wrapper .application .box {
  margin-top: 0.94rem;
  margin-left: 3.6rem;
}
.videoStream-wrapper .application .box .title_box .title_1 {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #4385f8;
}
.videoStream-wrapper .application .box .title_box .title_2 {
  color: #d3d9e1;
}
.videoStream-wrapper .application .f_box {
  position: relative;
  width: 10rem;
  height: 5rem;
  margin-left: 3.6rem;
}
.videoStream-wrapper .application .f_box .zy-Slide {
  font-size: 12px;
  position: relative;
  margin: 115px auto 0;
}
.videoStream-wrapper .application .f_box .zy-Slide ul {
  position: relative;
  width: 12rem;
  height: 5rem;
}
.videoStream-wrapper .application .f_box .zy-Slide ul li {
  position: absolute;
  list-style: none;
  width: 0;
  height: 0;
  top: 1.46rem;
  left: 3.77rem;
  z-index: 0;
  cursor: pointer;
  border-radius: 3px;
  margin: 0;
  padding: 0;
  font-size: 0;
  transition: all 0.8s ease-in-out;
}
.videoStream-wrapper .application .f_box .zy-Slide ul li img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.videoStream-wrapper .application .f_box section {
  position: absolute;
  top: 2rem;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
  right: -2.5rem;
  z-index: 9999999;
  color: #fff;
}
.videoStream-wrapper .application .f_box section img {
  width: 100%;
  height: 100%;
}
.videoStream-wrapper .col-2 {
  position: relative;
  width: 100%;
  height: 8.4rem;
  background: #14141b;
  overflow: hidden;
}
.videoStream-wrapper .col-2 .col2-content {
  float: right;
  width: 15.6rem;
  margin-top: 1.1rem;
  overflow: hidden;
}
.videoStream-wrapper .col-2 .col2-content .title-box .title_1 {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #4385f8;
}
.videoStream-wrapper .col-2 .col2-content .title-box .title_2 {
  font-size: 0.2rem;
  line-height: 0.25rem;
  color: #717985;
  margin-top: 0.1rem;
}
.videoStream-wrapper .col-2 .col2-content .swiper-container {
  width: 100%;
  height: 5rem;
  margin-top: 0.9rem;
}
.videoStream-wrapper .col-2 .col2-content .swiper-container .swiper-slide {
  box-sizing: border-box;
  width: 4.9rem !important;
  height: 3.5rem;
}
.videoStream-wrapper .col-2 .col2-content .swiper-container .swiper-slide img {
  width: 4.81rem;
  height: 2.64rem;
}
.videoStream-wrapper .col-2 .col2-content .swiper-container .swiper-slide .t1 {
  width: 80%;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.18rem;
  letter-spacing: 1px;
  margin: 0.3rem auto 0;
  color: #fff;
}
.videoStream-wrapper .col-2 .col2-content .swiper-container .swiper-slide .t2 {
  width: 80%;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  letter-spacing: 1px;
  margin: 0.2rem auto 0;
  color: #848484;
}
.videoStream-wrapper .col-2 .col2-content .swiper-button-prev {
  left: 15%;
  top: 45%;
  -webkit-animation: shake_1 3s linear 1s infinite;
  -moz-animation: shake_1 3s linear 1s infinite;
  -ms-animation: shake_1 3s linear 1s infinite;
  -o-animation: shake_1 3s linear 1s infinite;
  animation: shake_1 3s linear 1s infinite;
  outline: none;
}
@keyframes shake_1 {
  0% {
    opacity: 1;
    transform: translate(0rem);
  }
  50% {
    opacity: 0.7;
    transform: translate(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0rem);
  }
}
@-moz-keyframes shake_1 {
  0% {
    opacity: 1;
    transform: translate(0rem);
  }
  50% {
    opacity: 0.7;
    transform: translate(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0rem);
  }
}
@-ms-keyframes shake_1 {
  0% {
    opacity: 1;
    transform: translate(0rem);
  }
  50% {
    opacity: 0.7;
    transform: translate(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0rem);
  }
}
@-o-keyframes shake_1 {
  0% {
    opacity: 1;
    transform: translate(0rem);
  }
  50% {
    opacity: 0.7;
    transform: translate(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0rem);
  }
}
@-webkit-keyframes shake_1 {
  0% {
    opacity: 1;
    transform: translate(0rem);
  }
  50% {
    opacity: 0.7;
    transform: translate(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0rem);
  }
}
.videoStream-wrapper .col-3 {
  position: relative;
  width: 100%;
  height: 9.65rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.videoStream-wrapper .col-3 .col3-content {
  width: 12rem;
  overflow: hidden;
  height: 6.2rem;
}
.videoStream-wrapper .col-3 .col3-content .title-box .title_1 {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #4385f8;
}
.videoStream-wrapper .col-3 .col3-content .title-box .title_2 {
  font-size: 0.2rem;
  line-height: 0.25rem;
  color: #717985;
  margin-top: 0.1rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box {
  position: relative;
  width: 100%;
  height: 4.6rem;
  border-radius: 0.1rem;
  margin-top: 0.6rem;
  overflow: hidden;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 19rem;
  height: 4.6rem;
  transition: all 0.5s;
  cursor: pointer;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box {
  position: absolute;
  width: 9.3rem;
  height: 100%;
  left: 0;
  top: 0.1rem;
  overflow: hidden;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box .mask_content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 0.2rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box .mask_content .jr {
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  width: 1.1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  background: #4385f8;
  border-radius: 0.2rem;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  font-size: 0.16rem;
  letter-spacing: 1px;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box .mask_content .text_list {
  position: absolute;
  width: 6.9rem;
  height: 2.2rem;
  left: 2.36rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  overflow: hidden;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box .mask_content .text_list li {
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box .mask_content .text_list li:nth-child(5) {
  margin-top: 0.4rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .i_box .mask_content .text_list li:nth-child(5) img {
  width: 0.38rem;
  vertical-align: middle;
  margin-right: 0.55rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .lf {
  left: 0;
  top: 0;
  border-radius: 0.05rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .lf img {
  width: 100%;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .lr {
  left: 9.5rem;
  top: 0;
  border-radius: 0.05rem;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .slide-content .lr img {
  width: 100%;
}
.videoStream-wrapper .col-3 .col3-content .slide_box .active {
  left: -6.7rem;
}
.videoStream-wrapper .col-4 {
  position: relative;
  width: 100%;
  height: 8.45rem;
  background: #1d1d1d;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.videoStream-wrapper .col-4 .col4-content {
  width: 12rem;
  margin-top: 1rem;
  overflow: hidden;
  text-align: center;
}
.videoStream-wrapper .col-4 .col4-content .title-box {
  width: 100%;
  text-align: left;
}
.videoStream-wrapper .col-4 .col4-content .title-box .title_1 {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.3rem;
  color: #4385f8;
}
.videoStream-wrapper .col-4 .col4-content .title-box .title_2 {
  font-size: 0.2rem;
  line-height: 0.25rem;
  color: #717985;
  margin-top: 0.1rem;
}
.videoStream-wrapper .col-4 .col4-content ul {
  width: 100%;
  margin-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.videoStream-wrapper .col-4 .col4-content ul li {
  position: relative;
}
.videoStream-wrapper .col-4 .col4-content ul li img {
  width: 1.7rem;
  height: 1.7rem;
  cursor: pointer;
}
.videoStream-wrapper .col-4 .col4-content ul li p {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  margin-top: 0.1rem;
}
.videoStream-wrapper .col-4 .col4-content ul li::after {
  content: "";
  position: absolute;
  width: 0.27rem;
  height: 0.25rem;
  background: url('/assets/images/web/cloud/arrow.png') no-repeat;
  background-size: cover;
  top: 30%;
  margin-left: 1.6rem;
  left: 45%;
  visibility: hidden;
}
.videoStream-wrapper .col-4 .col4-content ul li.active::after {
  visibility: visible;
}
.videoStream-wrapper .col-4 .col4-content ul li:nth-child(4)::after {
  content: "";
  display: none;
}
.videoStream-wrapper .col-4 .col4-content a {
  width: 1.7rem;
  height: 0.55rem;
  line-height: 0.55rem;
  text-align: center;
  border-radius: 0.05rem;
  border: 1px solid #fff;
  font-size: 0.2rem;
  margin: 100px auto 0;
  cursor: pointer;
  display: inline-block;
  color: #fff;
}
.videoStream-wrapper .col-4 .col4-content a:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  color: #fff !important;
}
.videoStream-wrapper .col-5 {
  position: relative;
  width: 100%;
  min-width: 1350px;
  height: 780px;
  background: url(/assets/images/web/cloud/bg_1.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.videoStream-wrapper .col-5 .col5-content {
  width: 1200px;
  overflow: hidden;
  margin: 100px auto 0;
}
.videoStream-wrapper .col-5 .col5-content .title-box .title_1 {
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  color: #4385f8;
}
.videoStream-wrapper .col-5 .col5-content .title-box .title_2 {
  font-size: 20px;
  line-height: 25px;
  color: #717985;
  margin-top: 10px;
}
.videoStream-wrapper .col-5 #q_line {
  position: absolute;
  top: 3.45rem;
  left: 0;
  width: 20rem;
  visibility: hidden;
}
@keyframes fadeIn {
  from {
    transform: translateY(25px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.videoStream-wrapper .col-5 .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.videoStream-wrapper .col-5 .animated.infinite {
  animation-iteration-count: infinite;
}
.videoStream-wrapper .col-5 .pulse {
  animation-name: pulse;
}
.videoStream-wrapper .col-5 .spot {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
}
.videoStream-wrapper .col-5 .spot img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.videoStream-wrapper .col-5 .spot img:nth-child(2) {
  width: 0.36rem;
  height: 0.36rem;
}
.videoStream-wrapper .col-5 .spot_1 {
  top: 3.4rem;
  left: 5.9rem;
}
.videoStream-wrapper .col-5 .spot_2 {
  top: 5.65rem;
  left: 9.9rem;
}
.videoStream-wrapper .col-5 .spot_3 {
  top: 3.5rem;
  left: 13.6rem;
}
.videoStream-wrapper .col-5 .t_1 {
  top: 2.9rem;
  left: 5.9rem;
}
.videoStream-wrapper .col-5 .tip_text {
  position: absolute;
  color: #333;
  font-size: 0.23rem;
  line-height: 0.3rem;
  display: none;
}
.videoStream-wrapper .col-5 .t_2 {
  top: 6.3rem;
  left: 10rem;
}
.videoStream-wrapper .col-5 .t_3 {
  top: 3rem;
  left: 13.7rem;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  to {
    transform: scaleX(1);
  }
}
.mask-bg {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
.cloud-content #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.cloud-content #nav .nav-center a,
.cloud-content #nav .nav-center .product,
.cloud-content #nav .nav-center .solution,
.cloud-content #nav .nav-center .Install {
  color: #000000;
}
.cloud-content #nav .nav-center a .arrow,
.cloud-content #nav .nav-center .product .arrow,
.cloud-content #nav .nav-center .solution .arrow,
.cloud-content #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.cloud-content #nav .nav-center a,
.cloud-content #nav .nav-center .aboutUs {
  color: #000000;
}
.cloud-content #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.cloud-content #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.cloud-content #nav .nav-right a.login {
  color: #0758F1;
}
.cloud-content #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.cloud-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.cloud-wrapper .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.cloud-wrapper .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cloud-wrapper .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
}
.cloud-wrapper .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
}
.cloud-wrapper .banner .titleBox .subtitle {
  font-size: 20px;
  line-height: 40px;
}
.cloud-wrapper .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 118px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.cloud-wrapper .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.cloud-wrapper .commonBanner_txtBox {
  top: 53%;
}
.cloud-wrapper .commonBanner_txtBox .txtBox_content_btns {
  margin-top: 82px;
  width: 142px;
  height: 46px;
  background: linear-gradient(to right, #1574FF 0%, #08A9FF 100%) !important;
}
.cloud-wrapper .commonBanner_txtBox .txtBox_content_btns a {
  line-height: 46px;
}
.cloud-wrapper .cloud-col1 {
  width: 100%;
  height: 652px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.cloud-wrapper .cloud-col1 .col1-container {
  width: 1200px;
  height: 100%;
  padding-top: 90px;
}
.cloud-wrapper .cloud-col1 .col1-container .col1-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.cloud-wrapper .cloud-col1 .col1-container .col1-main {
  display: block;
  margin: 0 auto;
  width: 1200px;
}
.cloud-wrapper .cloud-col2 {
  display: flex;
  justify-content: center;
  height: 672px;
  background-image: linear-gradient(to right, #e0eafe 0%, #e2fcfe 100%);
}
.cloud-wrapper .cloud-col2 .col2-container {
  width: 1200px;
  height: 100%;
  padding-top: 84px;
  width: 100%;
}
.cloud-wrapper .cloud-col2 .col2-container .col2-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 12px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.cloud-wrapper .cloud-col2 .col2-container .col2-subtitle {
  line-height: 32px;
  font-size: 20px;
  color: #676666;
  text-align: center;
}
.cloud-wrapper .cloud-col2 .col2-container .col2-main {
  display: block;
  margin: 46px auto 0;
  width: 1200px;
}
.cloud-wrapper .cloud-part3 {
  background-size: cover;
  background-position: center;
}
.cloud-wrapper .cloud-col3 {
  width: 100%;
  height: 644px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.cloud-wrapper .cloud-col3 .col3-container {
  width: 1200px;
  height: 100%;
  padding-top: 91px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
  line-height: 62px;
  font-size: 40px;
  color: #000;
  z-index: 2;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-title img {
  position: absolute;
  width: 277px;
  height: 56px;
  right: -53px;
  z-index: -1;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content {
  display: flex;
  align-items: stretch;
  box-shadow: 0 0 32px #ebeff9;
  height: 370px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  cursor: pointer;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-box {
  width: 223px;
  overflow: hidden;
  transition: all 0.3s linear;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-box + .col3-box {
  border-left: 1px solid #e5e7ea;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-box:last-child .col3-list-header {
  width: 150px;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-list {
  display: block;
  width: 170px;
  height: 100%;
  margin: 0 auto;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-list .col3-list-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e7ea;
  margin-bottom: 30px;
  width: 170px;
  height: 105px;
  padding-top: 30px;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  word-break: break-all;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-list .col3-list-header img {
  flex-shrink: 0;
  margin-right: 11px;
  width: 34px;
  height: 34px;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-list .col3-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  line-height: 22px;
  font-size: 16px;
  color: #676666;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-list .col3-list-item img {
  margin-right: 11px;
  width: 12px;
  height: 8px;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-desc {
  display: none;
  width: 320px;
  height: 100%;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-desc .col3-desc-header {
  display: flex;
  align-items: center;
  height: 105px;
  padding: 0 26px;
  line-height: 30px;
  font-size: 20px;
  background-size: cover;
  color: #fff;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-desc .col3-desc-header .col3-desc-icon {
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 5px;
  width: 34px;
  height: 34px;
  background-color: #f1f9ff;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-desc .col3-desc-header .col3-desc-icon img {
  width: 100%;
  height: 100%;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .col3-desc .col3-desc-content {
  padding: 36px 30px 0;
  line-height: 30px;
  font-size: 16px;
  color: #676666;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .active {
  width: 320px;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .active .col3-list {
  display: none;
}
.cloud-wrapper .cloud-col3 .col3-container .col3-content .active .col3-desc {
  display: block;
}
.cloud-wrapper .cloud-col4 {
  width: 100%;
  height: 808px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-repeat: no-repeat;
}
.cloud-wrapper .cloud-col4 .col4-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 150px;
  height: auto;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 14px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-subtitle {
  margin-bottom: 70px;
  line-height: 28px;
  text-align: center;
  font-size: 20px;
  color: #676666;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -20px;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-content ul li {
  display: flex;
  flex-direction: column;
  margin: 20px 0 0 16px;
  padding: 24px 24px 0;
  width: 288px;
  height: 180px;
  background-size: cover;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-content ul li:nth-of-type(4n + 1) {
  margin-left: 0;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-content ul li .col4-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
  color: #000;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-content ul li .col4-item-title img {
  margin-right: 9px;
  width: 8px;
  height: 8px;
}
.cloud-wrapper .cloud-col4 .col4-container .col4-content ul li .col4-item-content {
  text-align: justify;
  word-break: break-all;
  line-height: 26px;
  font-size: 14px;
  color: #676666;
}
.cloud-wrapper .cloud-col5 {
  width: 100%;
  height: 726px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.cloud-wrapper .cloud-col5 .col5-container {
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 100px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 60px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container {
  width: 100%;
  margin-bottom: 70px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide {
  width: 275px;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  background-color: #fafcfe;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item {
  display: flex;
  flex-direction: column;
  width: 275px;
  height: 320px;
  padding: 37px 34px;
  border: 1px solid #f1f1f7;
  border-radius: 8px;
  overflow: hidden;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 0 26px #f1f1f7;
  width: 80px;
  height: 80px;
  background-color: #fff;
  overflow: hidden;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .icon img {
  width: 100%;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .title {
  margin-bottom: 5px;
  line-height: 30px;
  font-weight: 500;
  font-size: 18px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .subtitle {
  margin-bottom: 16px;
  line-height: 25px;
  font-size: 14px;
  color: #676666;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .demand,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .solution {
  color: #676666;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .demand {
  margin-bottom: 16px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-prev {
  margin-right: -125px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-prev,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-next {
  margin-top: 20px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-prev .subtitle,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-next .subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-prev .demand .text,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-next .demand .text {
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-prev .solution,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-next .solution {
  display: none;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active {
  width: 650px !important;
  background-size: 100% 100%;
  background-image: url('/assets/images/web/CloudPlatform/col5-swiper-active.png');
  z-index: 9;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item {
  flex-direction: row;
  width: 650px;
  border: none;
  height: 360px;
  padding: 44px;
  color: #fff;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .icon {
  margin-right: 32px;
  box-shadow: none;
  width: 98px;
  height: 98px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .title {
  margin-bottom: 6px;
  line-height: 30px;
  font-weight: 500;
  font-size: 20px;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .subtitle {
  line-height: 24px;
  font-size: 14px;
  color: #fff;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .demand,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .solution {
  margin-top: 24px;
  line-height: 24px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .demand .label,
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .swiper-wrapper .swiper-slide-active .li-item .solution .label {
  font-weight: 500;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .change {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 700px;
  z-index: 10;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .change .swiper-button-prev {
  left: 0;
  width: 52px;
  height: 52px;
  background-size: cover;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.cloud-wrapper .cloud-col5 .col5-container .col5-content .swiper-container .change .swiper-button-next {
  right: 0;
  width: 52px;
  height: 52px;
  background-size: cover;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.cloud-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
  height: 260px;
  background-size: cover;
}
.cloud-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 10px;
  line-height: 50px;
  font-weight: 500;
  font-size: 36px;
  color: #000;
}
.cloud-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .desc {
  margin-bottom: 34px;
  line-height: 28px;
  font-weight: 400;
  font-size: 20px;
  color: #676666;
}
.cloud-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0px 4px 20px 0px rgba(0, 40, 99, 0.2);
  border-radius: 8px;
  width: 142px;
  height: 46px;
  font-size: 18px;
  line-height: 28px;
  background-image: linear-gradient(to right, #4583ff, #0070ff);
  font-weight: bold;
}
.cloud-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right {
  line-height: 28px;
  font-weight: 500;
  font-size: 20px;
  color: #000;
  text-align: center;
}
.cloud-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right img {
  margin-bottom: 6px;
  width: 190px;
  height: 190px;
}
.cloud-wrapper-mobile .swiper-container .swiper-slide .banner-box {
  width: 7rem;
}
.cloud-wrapper-mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/CloudPlatform/banner-new.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.cloud-wrapper-mobile .banner .title {
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.54rem;
  color: #000;
  line-height: 0.76rem;
}
.cloud-wrapper-mobile .banner .subtitle {
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.cloud-wrapper-mobile .cloud-col1 {
  background-color: #fff;
}
.cloud-wrapper-mobile .cloud-col1 .col1-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.cloud-wrapper-mobile .cloud-col1 .col1-content .col1-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.cloud-wrapper-mobile .cloud-col1 .col1-content ul {
  padding: 0 0.32rem;
}
.cloud-wrapper-mobile .cloud-col1 .col1-content ul li {
  width: 6.86rem;
  background-color: #fff;
}
.cloud-wrapper-mobile .cloud-col1 .col1-content ul li + li {
  margin-top: 0.16rem;
}
.cloud-wrapper-mobile .cloud-col1 .col1-content ul li img {
  box-shadow: 0 0 10px #f1f1f7;
  border-radius: 12px;
  width: 100%;
}
.cloud-wrapper-mobile .cloud-col2 {
  background-image: linear-gradient(to bottom, #e0eafe 0%, #e2fcfe 100%);
}
.cloud-wrapper-mobile .cloud-col2 .col2-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.74rem;
}
.cloud-wrapper-mobile .cloud-col2 .col2-content .col2-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.18rem;
  line-height: 0.6rem;
  font-size: 0.44rem;
}
.cloud-wrapper-mobile .cloud-col2 .col2-content .col2-subtitle {
  margin-bottom: 0.4rem;
  line-height: 0.36rem;
  font-size: 0.26rem;
  color: #9192a2;
}
.cloud-wrapper-mobile .cloud-col2 .col2-content .col2-main {
  width: 7rem;
}
.cloud-wrapper-mobile .cloud-part3 {
  background-size: cover;
}
.cloud-wrapper-mobile .cloud-col3 {
  height: 10.26rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content .col3-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.4rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll hidden;
  padding: 0 0.32rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul::-webkit-scrollbar {
  display: none;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li {
  flex-shrink: 0;
  width: 5.4rem;
  height: 7.22rem;
  background-color: #fff;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li + li {
  margin-left: 0.32rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-item-header {
  display: flex;
  align-items: center;
  width: 5.4rem;
  height: 1.4rem;
  padding-left: 0.52rem;
  line-height: 0.6rem;
  background-size: cover;
  font-weight: 500;
  font-size: 0.32rem;
  color: #fff;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-item-header .icon {
  flex-shrink: 0;
  display: flex;
  border-radius: 0.08rem;
  margin-right: 0.3rem;
  width: 0.44rem;
  height: 0.44rem;
  background-color: #fff;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-item-header img {
  width: 100%;
  height: 100%;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 0.32rem 0.4rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-item-desc {
  margin-bottom: 0.26rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
  color: #676666;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-list-item {
  display: flex;
  align-items: center;
  line-height: 0.44rem;
  font-size: 0.28rem;
  color: #676666;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-list-item + .col3-list-item {
  margin-top: 0.16rem;
}
.cloud-wrapper-mobile .cloud-col3 .col3-content ul li .col3-list-item img {
  margin-right: 0.28rem;
  width: 0.26rem;
}
.cloud-wrapper-mobile .cloud-col4 {
  height: 17.48rem;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-bottom: 0;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content .col4-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.18rem;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content .col4-subtitle {
  color: #9192a2;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.4rem;
  margin-bottom: 0;
  padding: 0 0.32rem;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content ul li {
  position: relative;
  flex-shrink: 0;
  margin-bottom: 0.2rem;
  width: 3.3rem;
  height: 3.3rem;
  padding: 0.28rem;
  line-height: 0.46rem;
  font-size: 0.24rem;
  text-align: left;
  background-size: cover;
  background-position: right;
  color: #676666;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content ul li .col4-item-title {
  display: flex;
  align-items: center;
  margin-bottom: 0.08rem;
  line-height: 0.48rem;
  font-weight: 500;
  font-size: 0.32rem;
  color: #000000;
}
.cloud-wrapper-mobile .cloud-col4 .col4-content ul li .col4-item-title img {
  margin-right: 0.16rem;
  width: 0.14rem;
  height: 0.14rem;
}
.cloud-wrapper-mobile .cloud-col5 {
  background-color: #f5f6fa;
  overflow: hidden;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 1.06rem;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .col5-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.64rem;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper10 {
  overflow: inherit !important;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide {
  border-radius: 0.16rem;
  width: 6.34rem;
  height: 8.36rem;
  background-size: 100% 100%;
  background-image: url('/assets/images/web/CloudPlatform/col5-swiper-active.png');
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev,
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.92);
  opacity: 0.21;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0.48rem;
  border: 1px solid #f1f1f7;
  text-align: left;
  color: #fff;
  overflow: hidden;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0.18rem;
  border-radius: 0.1rem;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  overflow: hidden;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .icon img {
  width: 100%;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .title {
  margin-bottom: 0.08rem;
  line-height: 0.52rem;
  font-weight: 500;
  font-size: 0.32rem;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .subtitle {
  margin-bottom: 0.24rem;
  line-height: 0.4rem;
  font-size: 0.26rem;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .demand,
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .solution {
  line-height: 0.44rem;
  font-size: 0.26rem;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .demand .label,
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .solution .label {
  font-weight: 500;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-wrapper .swiper-slide .li-item .demand {
  margin-bottom: 0.24rem;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-pagination {
  bottom: -30px;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background: #ccd2de;
  border-radius: 5px;
  opacity: 1;
}
.cloud-wrapper-mobile .cloud-col5 .col5-content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.4rem;
  height: 0.1rem;
  background: #0758f1;
  border-radius: 0.05rem;
  opacity: 1;
}
.cloud-wrapper-mobile .cloud-contact {
  height: 8rem;
  padding-top: 0.72rem;
  background-image: url('/assets/images/mobile/CloudPlatform/contact-bg.png');
  background-size: cover;
}
.cloud-wrapper-mobile .cloud-contact .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cloud-wrapper-mobile .cloud-contact .contact-content img {
  margin-bottom: 0.24rem;
  width: 2.88rem;
  height: 2.88rem;
}
.cloud-wrapper-mobile .cloud-contact .contact-content .title {
  margin-bottom: 0.2rem;
  line-height: 0.66rem;
  font-weight: bold;
  font-size: 0.48rem;
}
.cloud-wrapper-mobile .cloud-contact .contact-content .subtitle {
  margin-bottom: 0.48rem;
  line-height: 0.42rem;
  font-size: 0.3rem;
  color: #676666;
}
.cloud-wrapper-mobile .cloud-contact .contact-content a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.52rem;
  border-radius: 0.12rem;
  width: 2.4rem;
  height: 0.7rem;
  line-height: 0.56rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #fff;
  background-image: linear-gradient(to right, #4583ff, #0070ff);
  cursor: pointer;
}
.cloud-wrapper-mobile .cloud-contact .contact-content .text {
  line-height: 0.4rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: #000000;
}
.activities-wrapper {
  width: 100%;
  background-color: #fff;
  min-width: 1350px;
}
.activities-wrapper .activities-banner {
  width: 100%;
  height: 740px;
}
.activities-wrapper .activities-banner .activities-banner2 {
  position: absolute;
  width: 1200px;
  height: 740px;
  left: 50%;
  margin-left: -600px;
}
.activities-wrapper .activities-banner .activities-banner2 h2 {
  font-size: 60px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
  padding-top: 142px;
  text-shadow: 0px 2px 4px rgba(52, 52, 52, 0.5);
  margin-bottom: 28px;
}
.activities-wrapper .activities-banner .activities-banner2 h3,
.activities-wrapper .activities-banner .activities-banner2 h4 {
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
}
.activities-wrapper .activities-banner .activities-banner2 span {
  display: block;
  width: 240px;
  height: 70px;
  background: #FFFFFF;
  border-radius: 4px;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
  margin-top: 88px;
}
.activities-wrapper .activities-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #188FFF;
}
.activities-wrapper .activities-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activities-wrapper .activities-banner a h2 {
  font-size: 60px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
}
.activities-wrapper .activities-banner a .banner-bg {
  width: 665px;
  height: 544px;
  position: absolute;
  top: 55px;
  right: 50%;
  margin-right: -600px;
}
.activities-wrapper .activities-col1 {
  width: 100%;
  height: 900px;
  background: #FFFFFF;
}
.activities-wrapper .activities-col1 .col1-title {
  text-align: center;
}
.activities-wrapper .activities-col1 .col1-title h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
}
.activities-wrapper .activities-col1 .col1-title h4 {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #191919;
  line-height: 30px;
  margin-bottom: 60px;
}
.activities-wrapper .activities-col1 .col1-bg {
  width: 1200px;
  height: 598px;
  margin: 0 auto;
  margin-top: -20px;
  background: url('/assets/images/web/activitynew/col1.png') no-repeat;
  background-size: cover;
}
.activities-wrapper .activities-col2 {
  width: 100%;
  height: 562px;
  background: #FEFBF9;
}
.activities-wrapper .activities-col2 .col2-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.activities-wrapper .activities-col2 .col2-content .col2-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/activitynew/col2.png') no-repeat;
  background-size: cover;
  margin-top: 66px;
}
.activities-wrapper .activities-col2 .col2-content h4 {
  width: 360px;
  height: 112px;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 74px;
  margin-left: 65px;
  margin-bottom: 20px;
}
.activities-wrapper .activities-col2 .col2-content .col2-title {
  width: 500px;
  height: 152px;
  position: absolute;
  margin-top: 206px;
  margin-left: 700px;
}
.activities-wrapper .activities-col2 .col2-content .col2-title p {
  margin-bottom: 16px;
  font-size: 16px;
  color: #191919;
  line-height: 26px;
}
.activities-wrapper .activities-col2 .col2-content .col2-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/activitynew/orange.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.activities-wrapper .activities-col2 .col2-content .left,
.activities-wrapper .activities-col2 .col2-content .right {
  width: 154px;
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  position: absolute;
  margin-top: 415px;
}
.activities-wrapper .activities-col2 .col2-content .left {
  background: #FF8300;
  color: #FFFFFF;
  margin-left: 665px;
  cursor: pointer;
}
.activities-wrapper .activities-col2 .col2-content .right {
  border: 1px solid #FF8300;
  margin-left: 835px;
  cursor: pointer;
}
.activities-wrapper .activities-col2 .col2-content .right a {
  color: #FF8300;
}
.activities-wrapper .activities-col2 .col2-content .left:hover {
  background: #FF4C00;
}
.activities-wrapper .activities-col2 .col2-content .right:hover {
  background: #FF8300;
}
.activities-wrapper .activities-col2 .col2-content .right:hover a {
  color: #fff;
}
.activities-wrapper .activities-col3 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.activities-wrapper .activities-col3 .col3-content {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #FFFFFF;
}
.activities-wrapper .activities-col3 .col3-content h4 {
  width: 320px;
  height: 112px;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  margin-top: 74px;
  margin-bottom: 20px;
}
.activities-wrapper .activities-col3 .col3-content .col3-title {
  width: 500px;
  height: 152px;
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 26px;
  margin-left: 35px;
}
.activities-wrapper .activities-col3 .col3-content .col3-title p {
  margin-bottom: 16px;
  font-size: 16px;
  color: #191919;
  line-height: 26px;
}
.activities-wrapper .activities-col3 .col3-content .col3-title p::before {
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  background: url('/assets/images/web/activitynew/orange.png') no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -35px;
}
.activities-wrapper .activities-col3 .col3-content .left,
.activities-wrapper .activities-col3 .col3-content .right {
  width: 154px;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  border-radius: 4px;
  position: absolute;
  margin-top: 80px;
}
.activities-wrapper .activities-col3 .col3-content .left {
  background: #FF8300;
  color: #FFFFFF;
  cursor: pointer;
}
.activities-wrapper .activities-col3 .col3-content .right {
  border: 1px solid #FF8300;
  margin-left: 170px;
  cursor: pointer;
}
.activities-wrapper .activities-col3 .col3-content .right a {
  color: #FF8300;
}
.activities-wrapper .activities-col3 .col3-content .left:hover {
  background: #FF4C00;
}
.activities-wrapper .activities-col3 .col3-content .right:hover {
  background: #FF8300;
}
.activities-wrapper .activities-col3 .col3-content .right:hover a {
  color: #fff;
}
.activities-wrapper .activities-col3 .col3-content .col3-pic {
  width: 600px;
  height: 430px;
  background: url('/assets/images/web/activitynew/col3.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 66px;
  right: 0;
}
.activities-wrapper .activities-col4 {
  width: 100%;
  height: 556px;
  background: url('/assets/images/web/activitynew/col4.png') no-repeat;
  background-size: cover;
}
.activities-wrapper .activities-col4 .col4-content {
  width: 1200px;
  height: 556px;
  margin: 0 auto;
}
.activities-wrapper .activities-col4 .col4-content .col4-title {
  text-align: center;
}
.activities-wrapper .activities-col4 .col4-content .col4-title h2 {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
}
.activities-wrapper .activities-col4 .col4-content .col4-title h4 {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  font-weight: 400;
}
.activities-wrapper .activities-col4 .col4-content .col4-context .col4-top {
  width: 1200px;
  height: 198px;
  margin-top: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.activities-wrapper .activities-col4 .col4-content .col4-context .col4-top li {
  width: 388px;
  height: 198px;
  border-radius: 10px;
}
.activities-wrapper .activities-col4 .col4-content .col4-context .col4-top li:hover {
  background: linear-gradient(331deg, #3F3F3F 0%, #1C1C1C 100%);
  margin-top: -5px;
}
.activities-wrapper .activities-col5 {
  width: 100%;
  height: 562px;
  background: #FFFFFF;
}
.activities-wrapper .activities-col5 .col5-activities {
  width: 1200px;
  height: 562px;
  margin: 0 auto;
}
.activities-wrapper .activities-col5 .col5-activities .col5-title {
  text-align: center;
}
.activities-wrapper .activities-col5 .col5-activities .col5-title h2 {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
}
.activities-wrapper .activities-col5 .col5-activities .col5-title h4 {
  font-size: 20px;
  color: #191919;
  margin-bottom: 40px;
  font-weight: 400;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context {
  width: 1200px;
  height: 260px;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context .col5-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context .col5-top li {
  width: 388px;
  height: 260px;
  background: #FFFFFF;
  border-radius: 10px;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context .col5-top li .col5-pic {
  margin: 0 auto;
  margin-bottom: 20px;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context .col5-top li .col5-content {
  text-align: center;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context .col5-top li .col5-content p {
  font-size: 24px;
  font-weight: 600;
  color: #101010;
  line-height: 36px;
  margin-bottom: 12px;
}
.activities-wrapper .activities-col5 .col5-activities .col5-context .col5-top li .col5-content .txt {
  font-size: 14px;
  color: #101010;
  line-height: 22px;
  margin-bottom: 0;
  font-weight: 400;
}
.activities-wrapper .activities-col6 {
  width: 100%;
  height: 210px;
  background: url('/assets/images/web/activitynew/bg.png') no-repeat;
  background-size: cover;
}
.activities-wrapper .activities-col6 .col6-content {
  width: 635px;
  height: 210px;
  margin: 0 auto;
  position: relative;
}
.activities-wrapper .activities-col6 .col6-content p {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 50px;
  margin-bottom: 30px;
}
.activities-wrapper .activities-col6 .col6-content .col6-left {
  width: 130px;
  height: 40px;
  background: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 120px;
  left: 177px;
}
.activities-wrapper .activities-col6 .col6-content .col6-left a {
  color: #FF8300;
  font-size: 16px;
  line-height: 40px;
}
.activities-wrapper .activities-col6 .col6-content .col6-right {
  width: 130px;
  height: 40px;
  border: 1px solid #FFFFFF;
  text-align: center;
  position: absolute;
  top: 120px;
  left: 327px;
}
.activities-wrapper .activities-col6 .col6-content .col6-right a {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 40px;
}
.activities-wrapper .activities-col6 .col6-content .col6-left:hover {
  background: #FFFFFF;
  opacity: 0.9;
  cursor: pointer;
}
.activities-wrapper .activities-col6 .col6-content .col6-right:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.logo {
  width: 100%;
  height: 8.24rem;
  background: url(/assets/images/mobile/summit/logo.png) no-repeat;
  background-size: cover;
  position: relative;
}
.logo .logoContent {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.logo .logoTitle {
  font-size: 0.64rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.76rem;
}
.logo .logoDesc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.52rem;
  margin: 0.32rem 0px 0.64rem;
}
.logo a {
  width: 2rem;
  height: 0.72rem;
  background: #1866FB;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.logo a span {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.omnidirectional {
  width: 100%;
  height: 23rem;
}
.omnidirectional .omnidirectional-box {
  height: 1.08rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  margin-top: 0.9rem;
  margin-left: 1.77rem;
  display: inline-block;
}
.omnidirectional .omnidirectional-boxs {
  height: 0.88rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  display: inline-block;
  margin: 0.33rem 0.81rem;
  text-align: center;
}
.omnidirectional .pre-broadcast {
  height: 18.6rem;
  background: url('/assets/images/mobile/summit/big_bg2.png') no-repeat;
  background-size: cover;
  margin-top: 0.2rem;
}
.multiterminal {
  width: 100%;
  height: 13.23rem;
  background-color: #FEFBF9;
}
.multiterminal .multiterminal-box {
  height: 1.24rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.62rem;
  margin-top: 0.9rem;
  margin-left: 1.77rem;
  text-align: center;
  display: inline-block;
}
.multiterminal .img_box {
  width: 6rem;
  height: 4.31rem;
  margin-left: 0.75rem;
  margin-top: 0.59rem;
}
.multiterminal .img_box img {
  width: 6rem;
  height: 4.31rem;
}
.multiterminal .font {
  width: 100%;
  height: 3.7rem;
}
.multiterminal .font .check_box {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.4rem;
  display: flex;
  flex: 1;
}
.multiterminal .font .check_box .left {
  width: 0.36rem;
  height: 0.37rem;
  margin-top: 0.05rem;
  margin-left: 0.75rem;
  display: inline-block;
}
.multiterminal .font .check_box .left img {
  width: 0.36rem;
  height: 0.37rem;
}
.multiterminal .font .check_box .right {
  width: 5rem;
  height: 0.88rem;
  margin-left: 0.23rem;
  display: inline-block;
}
.multiterminal .font .check_box .right p {
  text-align: left;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.multiterminal .font .check_box_two {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.2rem;
  display: flex;
  flex: 1;
}
.multiterminal .font .check_box_two .left {
  width: 0.36rem;
  height: 0.37rem;
  margin-top: 0.05rem;
  margin-left: 0.75rem;
  display: inline-block;
}
.multiterminal .font .check_box_two .left img {
  width: 0.36rem;
  height: 0.37rem;
}
.multiterminal .font .check_box_two .right {
  width: 5rem;
  height: 0.88rem;
  margin-left: 0.23rem;
  display: inline-block;
}
.multiterminal .font .check_box_two .right p {
  text-align: left;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.multiterminal .font .check_box_three {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.2rem;
  display: flex;
  flex: 1;
}
.multiterminal .font .check_box_three .left {
  width: 0.36rem;
  height: 0.37rem;
  margin-top: 0.05rem;
  margin-left: 0.75rem;
  display: inline-block;
}
.multiterminal .font .check_box_three .left img {
  width: 0.36rem;
  height: 0.37rem;
}
.multiterminal .font .check_box_three .right {
  width: 5rem;
  height: 0.44rem;
  margin-left: 0.23rem;
  display: inline-block;
}
.multiterminal .font .check_box_three .right p {
  text-align: left;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.multiterminal .btns {
  width: 100%;
  height: 2.11rem;
  display: flex;
}
.multiterminal .btns .detial_btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #FF8300;
  border-radius: 0.04rem;
  display: block;
  margin-top: 0.6rem;
  margin-left: 1.25rem;
}
.multiterminal .btns .detial_btn span {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  display: block;
  text-align: center;
}
.multiterminal .btns .experience_btn {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FF8300;
  display: block;
  margin-top: 0.6rem;
  margin-left: 0.2rem;
  margin-bottom: 0.81rem;
}
.multiterminal .btns .experience_btn span {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF8300;
  line-height: 0.7rem;
  display: block;
  text-align: center;
}
.picture {
  width: 100%;
  height: 13.67rem;
}
.picture .multiterminal-box {
  height: 1.24rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.62rem;
  margin-top: 0.9rem;
  margin-left: 1.9rem;
  text-align: center;
  display: inline-block;
}
.picture .img_box {
  width: 6rem;
  height: 4.31rem;
  margin-left: 0.75rem;
  margin-top: 0.59rem;
}
.picture .img_box img {
  width: 6rem;
  height: 4.31rem;
}
.picture .font {
  width: 100%;
  height: 4.11rem;
}
.picture .font .check_box {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.4rem;
  display: flex;
  flex: 1;
}
.picture .font .check_box .left {
  width: 0.36rem;
  height: 0.37rem;
  margin-top: 0.05rem;
  margin-left: 0.75rem;
  display: inline-block;
}
.picture .font .check_box .left img {
  width: 0.36rem;
  height: 0.37rem;
}
.picture .font .check_box .right {
  width: 5rem;
  height: 0.88rem;
  margin-left: 0.23rem;
  display: inline-block;
}
.picture .font .check_box .right p {
  text-align: left;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.picture .font .check_box_two {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.2rem;
  display: flex;
  flex: 1;
}
.picture .font .check_box_two .left {
  width: 0.36rem;
  height: 0.37rem;
  margin-top: 0.05rem;
  margin-left: 0.75rem;
  display: inline-block;
}
.picture .font .check_box_two .left img {
  width: 0.36rem;
  height: 0.37rem;
}
.picture .font .check_box_two .right {
  width: 5rem;
  height: 0.88rem;
  margin-left: 0.23rem;
  display: inline-block;
}
.picture .font .check_box_two .right p {
  text-align: left;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.44rem;
}
.picture .btns {
  width: 100%;
  height: 2.11rem;
  display: flex;
}
.picture .btns .detial_btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #FF8300;
  border-radius: 0.04rem;
  display: block;
  margin-top: 0.5rem;
  margin-left: 1.25rem;
}
.picture .btns .detial_btn span {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  display: block;
  text-align: center;
}
.picture .btns .experience_btn {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FF8300;
  display: block;
  margin-top: 0.5rem;
  margin-left: 0.2rem;
  margin-bottom: 0.81rem;
}
.picture .btns .experience_btn span {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF8300;
  line-height: 0.7rem;
  display: block;
  text-align: center;
}
.High-efficiency {
  width: 100%;
  height: 11.63rem;
  background: url(/assets/images/mobile/summit/bg.png) no-repeat;
  background-size: cover;
}
.High-efficiency .omnidirectional-box {
  height: 1.08rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  margin-top: 0.91rem;
  margin-left: 1.77rem;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.High-efficiency .omnidirectional-boxs {
  height: 0.88rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  display: inline-block;
  margin-top: 0.33rem;
  margin-left: 0.41rem;
  text-align: center;
  color: #fff;
}
.High-efficiency .virtual {
  width: 6rem;
  height: 2.29rem;
  background-color: red;
  margin-left: 0.75rem;
  background: url('/assets/images/mobile/summit/img_3.png') no-repeat;
  background-size: cover;
  margin-top: 0.39rem;
}
.High-efficiency .virtual .virtual_room {
  height: 0.56rem;
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.56rem;
  margin-top: 0.31rem;
  margin-left: 0.3rem;
  display: inline-block;
}
.High-efficiency .virtual .virtual_tradition {
  width: 5rem;
  height: 0.88rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
  margin-top: 0.24rem;
  margin-left: 0.3rem;
  display: inline-block;
}
.High-efficiency .virtuals {
  width: 6rem;
  height: 2.29rem;
  background-color: red;
  margin-left: 0.75rem;
  margin-top: 0.19rem;
  background: url('/assets/images/mobile/summit/img_4.png') no-repeat;
  background-size: cover;
}
.High-efficiency .virtuals .virtual_room {
  width: 3.2rem;
  height: 0.56rem;
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.56rem;
  margin-top: 0.31rem;
  margin-left: 0.3rem;
  display: inline-block;
}
.High-efficiency .virtuals .virtual_tradition {
  width: 5.2rem;
  height: 0.88rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
  margin-top: 0.24rem;
  margin-left: 0.3rem;
  display: inline-block;
}
.High-efficiency .virtualss {
  width: 6rem;
  height: 2.29rem;
  background-color: red;
  margin-left: 0.75rem;
  margin-top: 0.19rem;
  background: url('/assets/images/mobile/summit/img_5.png') no-repeat;
  background-size: cover;
}
.High-efficiency .virtualss .virtual_room {
  width: 3.2rem;
  height: 0.56rem;
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.56rem;
  margin-top: 0.31rem;
  margin-left: 0.3rem;
  display: inline-block;
}
.High-efficiency .virtualss .virtual_tradition {
  width: 5rem;
  height: 0.88rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.44rem;
  margin-top: 0.24rem;
  margin-left: 0.3rem;
  display: inline-block;
}
.img_live {
  width: 100%;
  height: 10.29rem;
}
.img_live .omnidirectional-box {
  height: 1.08rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 0.54rem;
  margin-top: 0.9rem;
  margin-left: 1.77rem;
  display: inline-block;
  text-align: center;
}
.img_live .omnidirectional-boxs {
  height: 0.88rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.44rem;
  display: inline-block;
  margin: 0.33rem 0.81rem;
  text-align: center;
}
.img_live .real-time {
  width: 6.9rem;
  height: 1.78rem;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.11rem 0 rgba(3, 124, 255, 0.2);
  border-radius: 0.2rem;
  margin-left: 0.29rem;
  margin-top: 0.12rem;
  display: flex;
}
.img_live .real-time .real-time-left {
  width: 0.94rem;
  height: 0.95rem;
  margin-top: 0.29rem;
  margin-left: 0.17rem;
}
.img_live .real-time .real-time-left img {
  width: 0.94rem;
  height: 0.95rem;
}
.img_live .real-time .real-time-right {
  height: 1.18rem;
  margin-left: 0.2rem;
  margin-top: 0.3rem;
}
.img_live .real-time .real-time-right .real-time-p {
  height: 0.4rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.4rem;
}
.img_live .real-time .real-time-right .real-time-ps {
  height: 0.72rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.36rem;
  margin-top: 0.1rem;
}
.img_live .real-time_two {
  width: 6.9rem;
  height: 1.78rem;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.11rem 0 rgba(3, 124, 255, 0.2);
  border-radius: 0.2rem;
  margin-left: 0.29rem;
  margin-top: 0.19rem;
  display: flex;
}
.img_live .real-time_two .real-time-left {
  width: 0.94rem;
  height: 0.95rem;
  margin-top: 0.29rem;
  margin-left: 0.17rem;
}
.img_live .real-time_two .real-time-left img {
  width: 0.94rem;
  height: 0.95rem;
}
.img_live .real-time_two .real-time-right {
  height: 1.18rem;
  margin-left: 0.2rem;
  margin-top: 0.3rem;
}
.img_live .real-time_two .real-time-right .real-time-p {
  height: 0.4rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.4rem;
}
.img_live .real-time_two .real-time-right .real-time-ps {
  height: 0.72rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.36rem;
  margin-top: 0.1rem;
}
.quality_box {
  width: 100%;
  height: 3.01rem;
  background: url('/assets/images/mobile/summit/bg_2.png') no-repeat;
  background-size: cover;
}
.quality_box p {
  width: 4.7rem;
  height: 1.1rem;
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.55rem;
  margin-top: 0.41rem;
  margin-left: 1.58rem;
  display: inline-block;
  text-align: center;
}
.quality_box p span {
  font-weight: 300;
  font-size: 0.38rem;
  display: block;
  margin-top: 0.1rem;
}
.quality_box .live-btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  margin-left: 2.54rem;
  display: inline-block;
  margin-top: 0.35rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF8300;
  text-align: center;
  line-height: 0.7rem;
}
.cloudSafty-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.cloudSafty-wrapper .cloudSafty-banner {
  background: url('/assets/images/web/safety/safety_text2.png') center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 740px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  background-color: #ededed;
}
.cloudSafty-wrapper .cloudSafty-banner img {
  height: 168px;
  width: 428px;
}
.cloudSafty-wrapper .cloudSafty-banner .p-title1 {
  text-align: center;
  font-size: 52px;
  line-height: 55px;
  background: linear-gradient(to bottom, #77f8ff, #66d8ff);
  background-clip: text;
  background-attachment: local;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  -moz-background-clip: text;
  color: transparent;
  margin-top: 1px;
  margin-bottom: 4px;
}
.cloudSafty-wrapper .cloudSafty-banner p:first-of-type {
  font-size: 20px;
  color: #fff;
}
.cloudSafty-wrapper .cloudSafty-banner p:nth-of-type(2) {
  font-size: 25px;
  color: #fff;
  margin-top: 24px;
}
.cloudSafty-wrapper .cloudSafty-solution {
  width: 100%;
  margin: 43px auto;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 50px;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-title .title-line {
  display: inline-block;
  height: 6px;
  width: 38%;
  border-top: 1px solid #bbb;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-title p:first-of-type {
  border: 1px solid #00ace7;
  padding: 3px 18px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #00ace7;
  font-size: 29px;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-title p:nth-of-type(2) {
  font-size: 26px;
  color: #010707;
  line-height: 50px;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content {
  width: 1200px;
  margin: 45px auto 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item {
  width: 33.3%;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .child-title-con,
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .v-line-con,
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .bottom-circle-con,
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .child-content-con {
  text-align: center;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .child-title-con span {
  width: 116px;
  text-align: center;
  border: 1px solid #00ace7;
  color: #939393;
  display: inline-block;
  padding: 5px 16px;
  border-radius: 6%;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .v-line-con span {
  height: 38px;
  display: inline-block;
  width: 1px;
  background-color: #00ace7;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .bottom-circle-con {
  margin-top: -10px;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .bottom-circle-con span {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: #00ace7;
  border-radius: 12px;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .child-content-con {
  margin-top: -5px;
}
.cloudSafty-wrapper .cloudSafty-solution .solution-content .con-item .child-content-con span {
  width: 238px;
  display: inline-block;
  border: 1px solid #00ace7;
  padding: 27px 27px;
  height: 191px;
  color: #9e9e9e;
  font-size: 14px;
  box-sizing: border-box;
}
.cloudSafty-wrapper .cloudSafty-protection {
  width: 100%;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 50px;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-title .title-line {
  display: inline-block;
  height: 6px;
  width: 38%;
  border-top: 1px solid #bbb;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-title p:first-of-type {
  border: 1px solid #00ace7;
  padding: 3px 18px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #00ace7;
  font-size: 29px;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-title p:nth-of-type(2) {
  font-size: 0.34rem;
  color: #010707;
  line-height: 50px;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-content {
  width: 1140px;
  margin: 45px auto 0;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-content .content-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  box-sizing: border-box;
  height: 527px;
  margin-bottom: 76px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.cloudSafty-wrapper .cloudSafty-protection .protection-content .content-item img {
  width: 60%;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-content .content-item .item-text {
  width: 30%;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-content .content-item .item-text p:first-of-type {
  color: #939393;
  font-size: 18px;
  font-weight: 600;
}
.cloudSafty-wrapper .cloudSafty-protection .protection-content .content-item .item-text p:nth-of-type(2) {
  color: #bbb;
  margin-top: 13px;
  font-size: 16px;
}
.cloudSafty-wrapper .cloudSafty-features {
  width: 100%;
}
.cloudSafty-wrapper .cloudSafty-features .features-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 50px;
}
.cloudSafty-wrapper .cloudSafty-features .features-title .title-line {
  display: inline-block;
  height: 6px;
  width: 38%;
  border-top: 1px solid #bbb;
}
.cloudSafty-wrapper .cloudSafty-features .features-title p:first-of-type {
  border: 1px solid #00ace7;
  padding: 3px 18px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #00ace7;
  font-size: 29px;
}
.cloudSafty-wrapper .cloudSafty-features .features-title p:nth-of-type(2) {
  font-size: 0.34rem;
  color: #010707;
  line-height: 50px;
}
.cloudSafty-wrapper .cloudSafty-features .features-content {
  width: 896px;
  height: 790px;
  margin: 45px auto 45px;
  position: relative;
}
.cloudSafty-wrapper .cloudSafty-features .features-content img {
  width: 100%;
  height: 100%;
}
.cloudSafty-wrapper .cloudSafty-features .features-content p {
  position: absolute;
  text-align: center;
}
.cloudSafty-wrapper .cloudSafty-features .features-content p span:first-of-type {
  color: #939393;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
  font-size: 21px;
}
.cloudSafty-wrapper .cloudSafty-features .features-content p span:nth-of-type(2) {
  width: 197px;
  display: inline-block;
  color: #9e9e9e;
  font-size: 15px;
}
.cloudSafty-wrapper .cloudSafty-features .features-content p:first-child {
  margin-left: 38%;
  margin-top: 5%;
}
.cloudSafty-wrapper .cloudSafty-features .features-content p:nth-of-type(2) {
  margin-left: 39%;
  margin-top: -20%;
}
.agent {
  width: 100%;
  background-color: #fff;
}
.agent.pc {
  min-width: 1416px;
}
.agent.pc #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyuntv-logo.svg") no-repeat;
  background-size: 94px 40px;
}
.agent.pc #nav.whiteNav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.agent.pc .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.agent.pc .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agent.pc .banner .titleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1416px;
  margin: 0 auto;
  text-align: center;
}
.agent.pc .banner .titleBox .title {
  margin-bottom: 25px;
  font-size: 48px;
  font-weight: bold;
  line-height: 48px;
}
.agent.pc .banner .titleBox .title span {
  color: transparent;
  background: linear-gradient(90deg, #6000FF 0%, #FF4A4A 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.agent.pc .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 33px;
}
.agent.pc .banner .titleBox .button {
  display: block;
  width: 140px;
  height: 48px;
  margin: 83px auto 0;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 24px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  color: #FFFFFF;
  cursor: pointer;
}
.agent.pc .banner .titleBox .button:hover {
  opacity: 0.9;
}
.agent.pc .col1 {
  padding: 120px 0 90px;
}
.agent.pc .col1 .title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.agent.pc .col1 .subtitle {
  margin-bottom: 46px;
  font-size: 20px;
  color: #000;
  line-height: 28px;
  text-align: center;
}
.agent.pc .col1 .col1-content {
  width: 1416px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.agent.pc .col1 .col1-content .col1-item {
  position: relative;
  width: 462px;
  height: 274px;
  margin-bottom: 28px;
  cursor: pointer;
}
.agent.pc .col1 .col1-content .col1-item.active .back-img {
  display: none;
}
.agent.pc .col1 .col1-content .col1-item.active .active-img {
  display: block;
}
.agent.pc .col1 .col1-content .col1-item.active .item-content .title {
  color: #fff;
  background: none;
}
.agent.pc .col1 .col1-content .col1-item.active .item-content .describes {
  color: #fff;
}
.agent.pc .col1 .col1-content .col1-item img {
  display: block;
  width: 100%;
  height: 100%;
}
.agent.pc .col1 .col1-content .col1-item img.active-img {
  display: none;
}
.agent.pc .col1 .col1-content .col1-item .item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 46px 0 0 34px;
}
.agent.pc .col1 .col1-content .col1-item .item-content .title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: transparent;
  background: linear-gradient(50deg, #1574FF 0%, #08A9FF 15%);
  background-clip: text;
  -webkit-background-clip: text;
  text-align: left;
}
.agent.pc .col1 .col1-content .col1-item .item-content .describes {
  font-size: 16px;
  color: #484E61;
  line-height: 24px;
}
.agent.pc .col2 {
  padding-bottom: 120px;
}
.agent.pc .col2 .title {
  margin-bottom: 68px;
  font-weight: 600;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.agent.pc .col2 .col2-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.agent.pc .col2 .col2-content .col2-item {
  display: flex;
  align-items: center;
}
.agent.pc .col2 .col2-content .col2-item img {
  width: 112px;
  height: 160px;
}
.agent.pc .col2 .col2-content .col2-item .divider {
  width: 76px;
  margin: 0 8px;
  border-bottom: 1px dashed #eee;
}
.agent.pc .col3 {
  height: 400px;
  padding-top: 100px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/agent/col3-back.png') no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.agent.pc .col3 .title {
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 56px;
  text-align: center;
}
.agent.pc .col3 .title span {
  color: transparent;
  background: linear-gradient(29deg, #105CFF 0%, #00FFD6 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.agent.pc .col3 .col3-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.agent.pc .col3 .col3-content .col3-phone {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #fff;
}
.agent.pc .col3 .col3-content .col3-phone .divider {
  margin: 0 30px;
  width: 1px;
  height: 40px;
  background-color: #EEEEEE;
}
.agent.pc .col3 .col3-content .col3-phone .phone {
  margin-top: 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
.agent.pc .col3 .col3-content .button {
  width: 140px;
  height: 48px;
  margin-left: 111px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 6px;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
}
.agent.pc .col3 .col3-content .button:hover {
  opacity: 0.9;
}
.agent.pc .col4 {
  padding: 132px 116px 120px;
}
.agent.pc .col4 .title {
  margin-bottom: 64px;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  line-height: 40px;
  text-align: center;
}
.agent.pc .col4 .col4-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.agent.pc .col4 .col4-content .search-box {
  width: 450px;
  height: 48px;
  padding: 0 16px;
  margin-right: 16px;
  border-radius: 6px;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
}
.agent.pc .col4 .col4-content .search-box input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-size: 16px;
}
.agent.pc .col4 .col4-content .confirm-button {
  width: 140px;
  height: 48px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 6px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}
.agent.pc .col4 .col4-content .confirm-button:hover {
  opacity: 0.9;
}
.agent.pc .col4 .search-response {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 606px;
  height: 104px;
  margin: 60px auto 0;
  padding: 0 20px 0 16px;
  box-sizing: border-box;
  background-color: #F8FCFF;
  border-radius: 6px;
}
.agent.pc .col4 .search-response .search-response-left {
  font-size: 14px;
  color: #A8A8A8;
  line-height: 20px;
}
.agent.pc .col4 .search-response .search-response-left p {
  display: flex;
  align-items: center;
}
.agent.pc .col4 .search-response .search-response-left p span {
  display: block;
  margin-left: 16px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
}
.agent.pc .col4 .search-response .search-response-left p:first-child {
  margin-bottom: 16px;
}
.agent.pc .col4 .search-response .search-response-img {
  width: 62px;
  height: 63px;
}
.agent.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.agent.mobile .banner {
  width: 100%;
  height: 10.2rem;
  padding-top: 2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/agent/new-banner.png') no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}
.agent.mobile .banner .titleBox .title {
  margin-bottom: 0.48rem;
  font-weight: bold;
  font-size: 0.64rem;
  color: #000;
  line-height: 0.9rem;
}
.agent.mobile .banner .titleBox .title span {
  display: block;
  color: transparent;
  background: linear-gradient(90deg, #6000FF 15%, #FF4A4A 75%);
  background-clip: text;
  -webkit-background-clip: text;
}
.agent.mobile .banner .titleBox .subtitle {
  margin-bottom: 0.96rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
}
.agent.mobile .banner .titleBox .button {
  width: 2.8rem;
  height: 0.96rem;
  margin: 0 auto;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 0.48rem;
  font-weight: 600;
  font-size: 0.36rem;
  color: #fff;
  line-height: 0.96rem;
}
.agent.mobile .col1 {
  padding: 1.28rem 0.28rem;
}
.agent.mobile .col1 .title {
  margin-bottom: 0.24rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.agent.mobile .col1 .subtitle {
  margin-bottom: 0.52rem;
  font-size: 0.32rem;
  color: #666;
  line-height: 0.44rem;
  text-align: center;
}
.agent.mobile .col1 .col1-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.agent.mobile .col1 .col1-content .col1-item {
  position: relative;
  width: 3.4rem;
  height: 3.88rem;
  margin-bottom: 0.42rem;
}
.agent.mobile .col1 .col1-content .col1-item .back-img {
  width: 100%;
  height: 100%;
}
.agent.mobile .col1 .col1-content .col1-item .item-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.34rem 0 0 0.28rem;
  box-sizing: border-box;
}
.agent.mobile .col1 .col1-content .col1-item .item-content .title {
  margin-bottom: 0.32rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: transparent;
  background: linear-gradient(50deg, #1574FF 0%, #08A9FF 30%);
  background-clip: text;
  -webkit-background-clip: text;
}
.agent.mobile .col1 .col1-content .col1-item .item-content .describes {
  font-size: 0.28rem;
  color: #484E61;
  line-height: 0.44rem;
}
.agent.mobile .col2 {
  padding: 0 0.28rem 1.28rem;
}
.agent.mobile .col2 .title {
  margin-bottom: 0.56rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.agent.mobile .col2 .col2-content {
  height: 7.2rem;
}
.agent.mobile .col2 .col2-content img {
  width: 100%;
  height: 100%;
}
.agent.mobile .col3 {
  height: 8.38rem;
  padding-top: 0.96rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/agent/col3.png') no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.agent.mobile .col3 .title {
  margin-bottom: 1.4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.64rem;
  color: #fff;
  line-height: 0.9rem;
}
.agent.mobile .col3 .title span {
  display: block;
  color: transparent;
  background: linear-gradient(29deg, #105CFF 0%, #00FFD6 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.agent.mobile .col3 .col3-content .button {
  width: 4.8rem;
  height: 1.04rem;
  margin: 0 auto;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 0.52rem;
  font-weight: 600;
  font-size: 0.36rem;
  color: #fff;
  line-height: 1.04rem;
  text-align: center;
}
.agent.mobile .col3 .col3-content .col3-phone {
  margin-top: 1.08rem;
  font-size: 0.32rem;
  color: #fff;
  line-height: 0.44rem;
  text-align: center;
}
.agent.mobile .col4 {
  padding: 1.28rem 0.32rem;
}
.agent.mobile .col4 .title {
  margin-bottom: 0.72rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
}
.agent.mobile .col4 .col4-content {
  text-align: center;
}
.agent.mobile .col4 .col4-content .search-box {
  height: 0.96rem;
  padding: 0 0.32rem;
  margin-bottom: 0.72rem;
  border-radius: 0.12rem;
  border: 0.5px solid #EEEEEE;
}
.agent.mobile .col4 .col4-content .search-box input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-size: 0.32rem;
}
.agent.mobile .col4 .col4-content .confirm-button {
  width: 2.8rem;
  height: 0.96rem;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 0.52rem;
  font-size: 0.36rem;
  font-weight: 600;
  color: #fff;
  line-height: 0.96rem;
  text-align: center;
  box-shadow: none;
  border: none;
}
.agent.mobile .search-response {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}
.agent.mobile .search-response .search-response-back {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.49);
}
.agent.mobile .search-response .search-response-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.agent.mobile .search-response .search-response-box .search-response-content {
  position: relative;
  width: 6.74rem;
  height: 4.96rem;
  padding: 1.34rem 0.22rem 0;
  box-sizing: border-box;
}
.agent.mobile .search-response .search-response-box .search-response-content .search-response-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.agent.mobile .search-response .search-response-box .search-response-content .white {
  position: relative;
  z-index: 2;
  height: 3.4rem;
  padding: 0.44rem 0.24rem 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.2rem;
  box-sizing: border-box;
}
.agent.mobile .search-response .search-response-box .search-response-content .white .title {
  margin-bottom: 0.08rem;
  font-size: 0.28rem;
  color: #999;
  line-height: 0.4rem;
}
.agent.mobile .search-response .search-response-box .search-response-content .white .content {
  font-weight: 500;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
}
.agent.mobile .search-response .search-response-box .search-response-close {
  display: block;
  width: 0.56rem;
  height: 0.56rem;
  margin: 0.74rem auto 0;
}
.agent .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.companyForm.pc {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 60px 0 0;
  background: #F5F7FA;
  overflow-y: auto;
}
.companyForm.pc .join {
  width: 560px;
  margin: auto;
  background: #fff;
  overflow: hidden;
  color: #333;
  padding-bottom: 36px;
}
.companyForm.pc .join .join-form {
  display: block;
}
.companyForm.pc .join .join-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 700px;
}
.companyForm.pc .join .join-success img {
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
}
.companyForm.pc .join .join-success .join-success-title {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 600;
}
.companyForm.pc .join .join-success .join-success-content {
  margin-bottom: 28px;
  font-size: 12px;
  color: #666666;
}
.companyForm.pc .join .join-success .join-success-btn {
  width: 112px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #0758F1;
  font-size: 14px;
  color: #0758F1;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.companyForm.pc .join .hide {
  display: none;
}
.companyForm.pc .join .join-title {
  padding-left: 32px;
  height: 170px;
  line-height: 170px;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/agent/form-title.png") no-repeat;
  background-size: cover;
}
.companyForm.pc .join .ant-form {
  padding-top: 25px;
  margin: 0 30px;
}
.companyForm.pc .join .ant-form .ant-form-item {
  margin-bottom: 45px;
}
.companyForm.pc .join .ant-form .ant-form-item .ant-form-item-required::before {
  display: none;
}
.companyForm.pc .join .ant-form .ant-form-item .ant-input {
  height: 38px;
}
.companyForm.pc .join .ant-form .ant-form-item textarea.ant-input {
  height: 100px;
}
.companyForm.pc .join .ant-form .ant-form-item .ant-select-selector {
  height: 38px;
}
.companyForm.pc .join .ant-form .ant-form-item .ant-select-selector .ant-select-selection-search-input,
.companyForm.pc .join .ant-form .ant-form-item .ant-select-selector .ant-select-selection-placeholder,
.companyForm.pc .join .ant-form .ant-form-item .ant-select-selector .ant-select-selection-item {
  height: 100%;
  line-height: 36px;
}
.companyForm.pc .join .ant-form .ant-form-item:last-child {
  margin-bottom: 0;
}
.companyForm.pc .join .ant-form .ant-btn {
  width: 496px;
  height: 44px;
  background: linear-gradient(270deg, #1191F9 0%, #0758F1 100%);
  border-radius: 6px;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  color: #FFFFFF;
  border: none;
}
.companyForm.pc .join .join-bottom {
  margin-top: 60px;
  margin-bottom: 36px;
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.companyForm.pc .join .join-bottom img {
  width: 160px;
  height: 160px;
  margin-bottom: 11px;
}
.companyForm.pc .join-logo {
  margin: 36px auto 50px;
  width: 72px;
  height: 29px;
}
.companyForm.pc .join-logo img {
  width: 100%;
  height: 100%;
}
.companyForm.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.companyForm.mobile .join .join-title {
  height: 3.6rem;
  padding: 1.74rem 0 0 0.32rem;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  background: url("https://img1-www.nuoyun.tv/assets/images/mobile/agent/form-title.png") no-repeat;
  background-size: cover;
}
.companyForm.mobile .join .ant-form {
  margin: 0 0.3rem;
  padding: 0.4rem 0 0.6rem;
}
.companyForm.mobile .join .ant-form .ant-form-item {
  margin-bottom: 0.56rem;
}
.companyForm.mobile .join .ant-form .ant-form-item .ant-form-item-required::before {
  display: none;
}
.companyForm.mobile .join .ant-form .ant-form-item .ant-input {
  height: 0.76rem;
}
.companyForm.mobile .join .ant-form .ant-form-item textarea.ant-input {
  height: 1.6rem;
}
.companyForm.mobile .join .ant-form .ant-form-item .ant-select-selector {
  height: 0.76rem;
}
.companyForm.mobile .join .ant-form .ant-form-item .ant-select-selector .ant-select-selection-search-input,
.companyForm.mobile .join .ant-form .ant-form-item .ant-select-selector .ant-select-selection-placeholder,
.companyForm.mobile .join .ant-form .ant-form-item .ant-select-selector .ant-select-selection-item {
  height: 100%;
  line-height: 0.76rem;
}
.companyForm.mobile .join .ant-form .ant-form-item:last-child {
  margin-bottom: 0;
}
.companyForm.mobile .join .ant-form .ant-btn {
  height: 0.88rem;
  background: linear-gradient(270deg, #1191F9 0%, #0758F1 100%);
  border-radius: 0.12rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  color: #FFFFFF;
  border: none;
}
.companyForm.mobile .join .join-bottom {
  margin-top: 0.72rem;
  margin-bottom: 0.68rem;
  text-align: center;
  font-size: 0.28rem;
  color: #333;
  line-height: 0.4rem;
}
.companyForm.mobile .join .join-bottom img {
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 0.24rem;
}
.companyForm.mobile .join-success-mobile {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.companyForm.mobile .join-success-mobile.hide {
  display: none;
}
.companyForm.mobile .join-success-mobile .join-success-mobile-back {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center .join-success-mobile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #DDEFFF 0%, #FFFFFF 100%);
  border-radius: 20px;
  padding: 0.8rem 0 0.72rem;
  width: 5.8rem;
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center .join-success-mobile-content img {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.72rem;
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center .join-success-mobile-content .join-success-title {
  margin-bottom: 0.16rem;
  font-size: 0.4rem;
  font-weight: 600;
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center .join-success-mobile-content .join-success-content {
  font-size: 0.28rem;
  color: #666666;
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center .join-success-mobile-close {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0.76rem auto 0;
}
.companyForm.mobile .join-success-mobile .join-success-mobile-center .join-success-mobile-close img {
  display: block;
  width: 100%;
  height: 100%;
}
.help-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  min-width: 1350px;
  height: 330px !important;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/search/nuoyun-search.jpg') no-repeat center;
  background-size: cover;
  color: #fff;
  background-color: #ededed;
}
.help-banner .banner-content {
  position: relative;
  height: 22px;
  width: 700px;
}
.help-banner .banner-content input {
  position: absolute;
  margin: 0;
  padding: 0px 0px 0px 8px;
  width: 700px;
  height: 40px;
  left: 0;
  top: 0;
  line-height: 40px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  background: transparent;
  outline: none;
  font-size: 15px;
  color: #fff !important;
}
.help-banner .banner-content input::-webkit-input-placeholder {
  color: #fff;
}
.help-banner .banner-content input::-moz-placeholder {
  color: #fff;
}
.help-banner .banner-content input:-ms-input-placeholder {
  color: #fff;
}
.help-banner .banner-content .ss_btn {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url(/assets/images/web/search/icon_search.png) no-repeat center;
  background-size: 20px 20px;
  cursor: pointer;
}
.help-banner .banner-content .jg {
  color: #fff;
  text-align: left;
  font-size: 15px;
  margin-top: 50px;
}
.help-banner .banner-content .jg span {
  color: #fff;
}
.help-banner .banner-content .jg a:after {
  content: ' >';
}
.help-banner .banner-content .jg a:hover {
  text-decoration: underline;
}
.help-wrapper {
  width: 100%;
  min-width: 1350px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.help-wrapper .help-content {
  width: 1200px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 12px;
}
.help-wrapper .help-content .help-left {
  width: 240px;
  height: 500px;
  min-height: 500px;
  background-color: #f5f5f5;
}
.help-wrapper .help-content .help-left .left-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  min-height: 42px;
  overflow: auto;
}
.help-wrapper .help-content .help-left .left-content .icon-carset {
  float: left;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #666;
  margin-left: 15px;
}
.help-wrapper .help-content .help-left .left-content .mr-8 {
  margin-right: 8px !important;
}
.help-wrapper .help-content .help-left .left-content span {
  display: block;
  color: #666;
  font-size: 16px;
  line-height: 42px;
}
.help-wrapper .help-content .help-left .left-content span a {
  color: #666;
}
.help-wrapper .help-content .help-left .left-content span:hover {
  color: #428bca;
}
.help-wrapper .help-content .help-left .left-content .text-drop p {
  margin-left: 50px;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  animation: opacity 300ms ease;
}
.help-wrapper .help-content .help-left .left-content .text-drop p span {
  display: block;
  font-size: 14px;
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.help-wrapper .help-content .helpcontent-right {
  flex: 1;
  padding-left: 30px;
  padding-bottom: 80px;
}
.help-wrapper .help-content .helpcontent-right .bread-crumbs {
  padding: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.help-wrapper .help-content .helpcontent-right .bread-crumbs a {
  color: #666;
  font-size: 14px;
}
.help-wrapper .help-content .helpcontent-right .bread-crumbs a:hover {
  color: #428bca;
}
.help-wrapper .help-content .helpcontent-right .bread-crumbs a::after {
  content: ">";
  width: 12px;
  height: 12px;
  margin: 10px;
  color: #666 !important;
}
.help-wrapper .help-content .helpcontent-right .bread-crumbs a:last-child::after {
  content: "";
}
.help-wrapper .help-content .helpcontent-right .bread-crumbs ol {
  font-size: 16px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content {
  margin-left: 15px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content h1,
.help-wrapper .help-content .helpcontent-right .helpright-content h2,
.help-wrapper .help-content .helpcontent-right .helpright-content h3,
.help-wrapper .help-content .helpcontent-right .helpright-content h4,
.help-wrapper .help-content .helpcontent-right .helpright-content h5,
.help-wrapper .help-content .helpcontent-right .helpright-content h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content h1 {
  font-size: 20px;
  margin-top: 40px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content h2 {
  font-size: 18px;
  margin-top: 40px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content h3 {
  margin-top: 30px;
  font-size: 14px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content .artical-con {
  width: 1000px;
  min-width: 800px;
  margin: 0px 0px 50px;
  overflow: hidden;
}
.help-wrapper .help-content .helpcontent-right .helpright-content .artical-con .art-title {
  width: 90%;
  font-size: 24px;
  color: #333;
  margin: 30px 0 50px;
  font-weight: bold;
}
.help-wrapper .help-content .helpcontent-right .helpright-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}
.help-wrapper .help-content .helpcontent-right .helpright-content table thead tr {
  background-color: #f7f8fa;
}
.help-wrapper .help-content .helpcontent-right .helpright-content table thead tr th {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
}
.help-wrapper .help-content .helpcontent-right .helpright-content table tbody tr td {
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
  text-align: center;
}
.help-wrapper .help-content .helpcontent-right .helpright-content ul li a {
  color: #666;
}
.help-wrapper .help-content .help-right {
  flex: 1;
  padding-left: 30px;
  padding-bottom: 80px;
}
.help-wrapper .help-content .help-right .bread-crumbs {
  padding: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.help-wrapper .help-content .help-right .bread-crumbs a {
  color: #666;
  font-size: 14px;
}
.help-wrapper .help-content .help-right .bread-crumbs a:hover {
  color: #428bca;
}
.help-wrapper .help-content .help-right .bread-crumbs a::after {
  content: ">";
  width: 12px;
  height: 12px;
  margin: 10px;
  color: #666 !important;
}
.help-wrapper .help-content .help-right .bread-crumbs a:last-child::after {
  content: "";
}
.help-wrapper .help-content .help-right .bread-crumbs ol {
  font-size: 16px;
}
.help-wrapper .help-content .help-right .right-content {
  margin-left: 15px;
}
.help-wrapper .help-content .help-right .right-content h1,
.help-wrapper .help-content .help-right .right-content h2,
.help-wrapper .help-content .help-right .right-content h3,
.help-wrapper .help-content .help-right .right-content h4,
.help-wrapper .help-content .help-right .right-content h5,
.help-wrapper .help-content .help-right .right-content h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
}
.help-wrapper .help-content .help-right .right-content h1 {
  font-size: 20px;
  margin-top: 40px;
}
.help-wrapper .help-content .help-right .right-content h2 {
  font-size: 18px;
  margin-top: 40px;
}
.help-wrapper .help-content .help-right .right-content h3 {
  margin-top: 30px;
  font-size: 14px;
}
.help-wrapper .help-content .help-right .right-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}
.help-wrapper .help-content .help-right .right-content table thead tr {
  background-color: #f7f8fa;
}
.help-wrapper .help-content .help-right .right-content table thead tr th {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
}
.help-wrapper .help-content .help-right .right-content table tbody tr td {
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
  text-align: center;
}
.help-wrapper .help-content .help-right .right-content ul li {
  line-height: 24px;
}
.help-wrapper .help-content .help-right .right-content ul li a {
  color: #428bca;
  font-size: 14px;
}
.help-wrapper .help-content .help-right .right-content ul li a:hover {
  color: #2f9cf4;
}
.help-wrapper .help-content .help-right .right-content .m-price {
  position: relative;
  margin: 0 18px;
  border: 1px solid #ededed;
  background-color: #f9f9f9;
  padding: 37px 190px 40px;
  padding: 37px 20px;
  margin: 0;
}
.help-wrapper .help-content .help-right .right-content .m-price .overview {
  vertical-align: text-bottom;
  font-size: 16px;
  line-height: 26px;
  color: #2f9cf4;
}
.help-wrapper .help-content .help-right .right-content .m-price .overview .num {
  font-size: 30px;
  display: inline-block;
  margin-left: 10px;
}
.help-wrapper .help-content .help-right .right-content .m-price .overview .plus {
  font-size: 30px;
  margin: 0 25px;
  vertical-align: text-bottom;
}
.help-wrapper .help-content .help-right .right-content .m-price .compute {
  padding: 40px 0;
  border-bottom: 1px solid #ededed;
}
.help-wrapper .help-content .help-right .right-content .m-price .compute .formLine {
  position: relative;
  padding-left: 106px;
  line-height: 35px;
}
.help-wrapper .help-content .help-right .right-content .m-price .formLine {
  margin-bottom: 20px;
}
.help-wrapper .help-content .help-right .right-content .m-price .formLine .leftlabel {
  position: absolute;
  left: 0;
}
.help-wrapper .help-content .help-right .right-content .m-price .formLine .form-control {
  height: 34px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.help-wrapper .help-content .help-right .right-content .m-price .formLine select {
  width: 210px;
  display: inline-block;
  margin-right: 20px;
  height: 35px;
  border-radius: 0;
  outline: none;
}
.help-wrapper .help-content .help-right .right-content .m-price .formLine input {
  border-radius: 0;
  width: 110px;
  height: 35px;
  display: inline-block;
  margin-right: 20px;
  outline: none;
}
.help-wrapper .help-content .help-right .right-content .m-price .formLine .computeResult {
  font-size: 32px;
  margin-right: 8px;
}
.help-wrapper .help-content .help-right .right-content .m-price .computeNote {
  padding-top: 40px;
}
.help-wrapper .help-content .help-right .right-content .m-price .computeNote .note-pricelabel {
  display: inline-block;
  color: #fff;
  background-color: #2f9cf4;
  padding: 0 10px;
  font-size: 14px;
  line-height: 26px;
  border-radius: 3px;
  margin-right: 22px;
}
.help-wrapper .help-content .help-right .right-content .m-price .computeNote ul {
  padding: 0 !important;
  margin: 0 !important;
}
.help-wrapper .help-content .help-right .right-content .m-price .computeNote ul li {
  list-style: none !important;
  margin-bottom: 10px;
  color: #777;
}
.help-wrapper .help-content .help-right .right-content .m-price .computeNote ul li .dot {
  margin-right: 10px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.help-wrapper .help-content .help-right .right-content .compute_1 {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ededed;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc {
  width: 500px;
  margin-top: 30px;
  margin-left: 20px;
  font-size: 14px;
  overflow: hidden;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc div {
  width: 100%;
  height: 50px;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc label {
  display: inline-block;
  width: 80px;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc input {
  box-sizing: border-box;
  width: 110px;
  height: 35px !important;
  padding-left: 5px;
  outline: none;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc select {
  width: 210px;
  height: 35px;
  margin-left: 20px;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc select option {
  width: 100%;
  height: 30px;
}
.help-wrapper .help-content .help-right .right-content .compute_1 .calc #result {
  display: inline-block;
  margin-left: 39px;
  margin-right: 5px;
  color: #2f9cf4;
  font-size: 30px;
}
.search-wrapper .search-result {
  width: 1000px;
  min-height: 300px;
  margin: 30px auto 10px;
}
.search-wrapper .search-result a {
  border-bottom: 1px dashed #CCC;
  margin-top: 18px;
  height: 117px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.search-wrapper .search-result a h5 {
  line-height: 1.1;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  height: 24px;
}
.search-wrapper .search-result a h5:hover {
  font-size: 18px;
  font-weight: bold;
}
.search-wrapper .search-result a p:first-of-type {
  color: #999;
  font-size: 15px;
  line-height: 35px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-wrapper .search-result a p:nth-of-type(2) {
  color: #999;
  font-size: 15px;
  margin-bottom: 20px;
}
.search-wrapper .pages-wrapper {
  height: 50px;
  margin: 20px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.search-wrapper .pages-wrapper .text-c {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.search-wrapper .pages-wrapper .text-c p.page-outside {
  width: 80px;
  color: #555;
}
.search-wrapper .pages-wrapper .text-c p {
  width: 50px;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.search-wrapper .pages-wrapper .text-c p:hover {
  background: #37a4f5;
  color: #fff;
}
.search-wrapper .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.search-wrapper .pages-wrapper .text-c .page-center li {
  width: 50px;
  height: 34px;
}
.search-wrapper .search-noData {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin: 80px 0px;
}
.search-wrapper .search-noData span {
  font-size: 15px;
}
.search-wrapper .search-noData img {
  width: 162px;
  height: 183px;
}
.pages-wrapper .rc-pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100% !important;
}
.pages-wrapper .rc-pagination .rc-pagination-total-text {
  float: left;
  height: 30px;
  line-height: 30px;
  list-style: none;
  padding: 0;
  margin: 0 8px 0 0;
}
.pages-wrapper .rc-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.pages-wrapper .rc-pagination-item {
  width: 50px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #e3e2e5;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.pages-wrapper .rc-pagination-item a {
  text-decoration: none;
  color: #666;
}
.pages-wrapper .rc-pagination-item:hover {
  background-color: #0758f1;
  border: 1px solid #0758f1;
}
.pages-wrapper .rc-pagination-item:hover a {
  color: #fff;
}
.pages-wrapper .rc-pagination-item-active {
  background-color: #0758f1;
  border: 1px solid #0758f1;
}
.pages-wrapper .rc-pagination-item-active a {
  color: #fff;
}
.pages-wrapper .rc-pagination-item-active:hover a {
  color: #fff;
}
.pages-wrapper .rc-pagination-jump-prev:after,
.pages-wrapper .rc-pagination-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 2px;
  color: #ccc;
  font-size: 12px;
  margin-top: 1px;
}
.pages-wrapper .rc-pagination-prev,
.pages-wrapper .rc-pagination-next {
  display: none;
}
.pages-wrapper .rc-pagination-jump-prev:hover:after,
.pages-wrapper .rc-pagination-jump-next:hover:after {
  color: #0758f1;
}
.pages-wrapper .rc-pagination-jump-prev:hover:after {
  content: "\AB";
}
.pages-wrapper .rc-pagination-jump-next:hover:after {
  content: "\BB";
}
.pages-wrapper .rc-pagination-jump-prev,
.pages-wrapper .rc-pagination-jump-next {
  margin-right: 8px;
}
.pages-wrapper .rc-pagination-jump-prev,
.pages-wrapper .rc-pagination-jump-next {
  cursor: pointer;
  color: #666;
  font-size: 10px;
  border-radius: 6px;
  list-style: none;
  height: 28px;
  line-height: 28px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  width: 32px;
  margin-left: 8px;
  margin-right: 0px;
  outline: none;
}
.pages-wrapper .rc-pagination-disabled {
  cursor: not-allowed;
}
.pages-wrapper .rc-pagination-disabled a {
  color: #ccc;
}
.instance-web {
  width: 100%;
  min-width: 1350px;
  background: #050815;
}
.instance-web .banner {
  width: 100%;
  height: 400px;
}
.instance-web .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.instance-web .instance-partner {
  background: #fff;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.instance-web .instance-partner .partner-content {
  width: 1200px;
  height: 100%;
  margin: 80px 0;
  text-align: center;
}
.instance-web .instance-partner .partner-content .partner-title {
  font-size: 30px;
  font-weight: 500;
  color: #333333;
  line-height: 42px;
  letter-spacing: 2px;
}
.instance-web .instance-tabWrapper {
  width: 100%;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.instance-web .instance-tabWrapper .tab-content {
  width: 1200px;
  margin: 80px 0;
  text-align: center;
}
.instance-web .instance-tabWrapper .tab-content .tab-title {
  font-size: 30px;
  font-weight: 600;
  color: #000000;
  line-height: 54px;
  margin-bottom: 30px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box {
  width: 100%;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 3px solid #EEEEEE;
  margin-bottom: 50px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-li li {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  line-height: 25px;
  position: relative;
  cursor: pointer;
  height: 40px;
  text-align: center;
  width: 240px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-li li::after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: -3px;
  left: 50%;
  width: 240px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
  border-radius: 3px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-li .active::after {
  background: #2866ED;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  min-height: 240px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a {
  display: block;
  width: 285px;
  height: 240px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px rgba(27, 105, 251, 0.15);
  margin: 0px 15px 20px 0px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item {
  width: 100%;
  height: 100%;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item img {
  width: 285px;
  height: 160px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item p {
  text-align: left;
  margin-left: 20px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item p span {
  display: inline-block;
  color: #000;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item p span:first-of-type {
  width: 250px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 0px 5px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item p span:nth-of-type {
  font-size: 12px;
  color: #000000;
  line-height: 17px;
  font-weight: 600;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .tabs-content a .content-item:nth-child(4n) {
  margin-right: 0px;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper {
  height: 50px;
  margin: 20px 0px 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper .text-c {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper .text-c p.page-outside {
  width: 80px;
  color: #555;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper .text-c p {
  width: 50px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper .text-c p:hover {
  background: #37a4f5;
  color: #fff;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.instance-web .instance-tabWrapper .tab-content .tabs-box .pages-wrapper .text-c .page-center li {
  width: 30px;
  height: 30px;
  border-bottom: none;
  border-radius: 0px;
}
.instance-web .letToPartner-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 350px;
  background: url('/assets/images/web/instance/letpartner_bg.png') no-repeat;
  background-size: cover;
}
.instance-web .letToPartner-wrapper .letToPartner-content {
  width: 1200px;
  text-align: center;
}
.instance-web .letToPartner-wrapper .letToPartner-content .letToPartner-title span {
  display: block;
  color: #fff;
}
.instance-web .letToPartner-wrapper .letToPartner-content .letToPartner-title span:first-of-type {
  font-size: 48px;
  font-weight: 600;
  line-height: 67px;
  margin-bottom: 20px;
}
.instance-web .letToPartner-wrapper .letToPartner-content .letToPartner-title span:nth-of-type(2) {
  font-size: 18px;
  line-height: 25px;
}
.instance-web .letToPartner-wrapper .letToPartner-content a {
  display: inline-block;
  margin-top: 60px;
  width: 140px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #2C68EA;
  line-height: 44px;
  letter-spacing: 2px;
}
.instanceDetail-web {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.instanceDetail-web .banner {
  width: 100%;
  height: 300px;
}
.instanceDetail-web .banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.instanceDetail-web .banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.instanceDetail-web .details-content {
  width: 1200px;
  margin: 0 auto;
}
.instanceDetail-web .details-content .bread-crumbs {
  height: 57px;
  border-bottom: 1px solid #eee;
  line-height: 57px;
  margin-bottom: 30px;
}
.instanceDetail-web .details-content .bread-crumbs a {
  color: #2866ED;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}
.instanceDetail-web .details-content .bread-crumbs a:hover {
  color: #2866ED;
}
.instanceDetail-web .details-content .bread-crumbs a::after {
  content: ">";
  width: 12px;
  height: 12px;
  margin: 10px 20px;
  color: #2866ED !important;
}
.instanceDetail-web .details-content .bread-crumbs a:last-child::after {
  content: "";
}
.instanceDetail-web .details-content .bread-crumbs a:last-child {
  color: #000;
}
.instanceDetail-web .details-content .artical-con {
  width: 100%;
  margin: 0px auto 80px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.instanceDetail-web .details-content .artical-con .artcontent {
  flex: 1;
  margin: 0px 0px 50px 50px;
}
.instanceDetail-web .details-content .artical-con .artcontent .item span {
  display: block;
  color: #333;
}
.instanceDetail-web .details-content .artical-con .artcontent .item span:first-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 15px;
}
.instanceDetail-web .details-content .artical-con .artcontent .item span:last-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px;
}
.instanceDetail-web .details-content .artical-con .artcontent .item a {
  width: 735px;
  height: 425px;
  display: inline-block;
}
.instanceDetail-web .details-content .artical-con .artcontent .item a img {
  width: 100%;
  height: 100%;
}
.instanceDetail-web .details-content .artical-con .artLeft {
  width: 170px;
}
.instanceDetail-web .details-content .artical-con .artLeft img {
  width: 170px;
  height: 170px;
}
.instanceDetail-web .details-content .artical-con .artLeft .left-title {
  margin: 15px 0px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 25px;
}
.instanceDetail-web .details-content .artical-con .artLeft .product {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 20px 0px;
}
.instanceDetail-web .details-content .artical-con .artLeft .product:last-child {
  margin-top: 0px;
}
.employee-wrapper {
  width: 100%;
  min-width: 1350px;
}
.employee-wrapper .employee-banner {
  width: 100%;
  background-color: #ededed;
  height: 740px;
}
.employee-wrapper .employee-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.employee-wrapper .employee-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.employee-wrapper .employee-col1 {
  width: 100%;
  min-height: 690px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.employee-wrapper .employee-col1 .col1-content {
  width: 1200px;
  text-align: center;
  margin: 100px auto;
}
.employee-wrapper .employee-col1 .col1-content .col1-title {
  font-size: 36px;
  font-weight: 500;
  color: #000000;
  line-height: 54px;
}
.employee-wrapper .employee-col1 .col1-content .content-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}
.employee-wrapper .employee-col1 .col1-content .content-box .box-left {
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 56px;
}
.employee-wrapper .employee-col1 .col1-content .content-box .box-left li {
  text-align: left;
}
.employee-wrapper .employee-col1 .col1-content .content-box .box-left li span {
  display: block;
  color: #000000;
}
.employee-wrapper .employee-col1 .col1-content .content-box .box-left li span:first-of-type {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 15px;
}
.employee-wrapper .employee-col1 .col1-content .content-box .box-left li span:nth-of-type(2) {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 40px;
}
.employee-wrapper .employee-col1 .col1-content .content-box .box-right {
  width: 600px;
  height: 386px;
}
.employee-wrapper .employee-col2 {
  width: 100%;
  min-height: 654px;
  background-color: #F9FAFB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.employee-wrapper .employee-col2 .col2-content {
  width: 1200px;
  margin: 100px auto;
  text-align: center;
}
.employee-wrapper .employee-col2 .col2-content .col2-title span {
  display: block;
  color: #000000;
}
.employee-wrapper .employee-col2 .col2-content .col2-title span:first-of-type {
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  margin-bottom: 30px;
}
.employee-wrapper .employee-col2 .col2-content .col2-title span:nth-of-type(2) {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 20px;
  margin-bottom: 50px;
}
.employee-wrapper .employee-col2 .col2-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.employee-wrapper .employee-col2 .col2-content .content-box li {
  width: 385px;
  height: 300px;
  background: #FFFFFF;
  box-shadow: 0px 2px 11px 0px rgba(3, 124, 255, 0.07);
  margin-right: 23px;
}
.employee-wrapper .employee-col2 .col2-content .content-box li img {
  width: 106px;
  height: 106px;
  margin: 30px 0px 20px;
}
.employee-wrapper .employee-col2 .col2-content .content-box li .p1 {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  margin-bottom: 20px;
}
.employee-wrapper .employee-col2 .col2-content .content-box li .p2 span {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height: 28px;
}
.employee-wrapper .employee-col2 .col2-content .content-box li:last-child {
  margin-right: 0;
}
.employee-wrapper .employee-col3 {
  width: 100%;
  min-height: 672px;
  background-color: #061A44;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  position: relative;
}
.employee-wrapper .employee-col3 .col3-content {
  width: 1200px;
  margin: 100px auto 0;
  text-align: center;
}
.employee-wrapper .employee-col3 .col3-content .col3-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  margin-bottom: 50px;
  color: #fff;
}
.employee-wrapper .employee-col3 .swiper-container {
  width: 100%;
  margin-bottom: 100px;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper {
  width: 100%;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 912px !important;
  height: 368px;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide img {
  width: 456px;
  height: 368px;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide p {
  width: 456px;
  height: 368px;
  background: #fff;
  text-align: left;
  padding-left: 44px;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide p span {
  display: block;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide p span:first-of-type {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  margin: 45px auto 20px;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide p span:nth-of-type(2) {
  width: 368px;
  font-size: 16px;
  color: #000000;
  line-height: 30px;
  margin-bottom: 40px;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-wrapper .swiper-slide p a {
  display: inline-block;
  width: 140px;
  height: 40px;
  background: #456DF2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
  letter-spacing: 3px;
  text-align: center;
}
.employee-wrapper .employee-col3 .swiper-container .swiper-button-prev {
  left: 32px;
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  background-image: url('/assets/images/web/employee/left.png');
}
.employee-wrapper .employee-col3 .swiper-container .swiper-button-next {
  right: -32px;
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  background-image: url('/assets/images/web/employee/right.png');
}
.employee-wrapper .employee-col4_1 {
  width: 100%;
  min-height: 690px;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.employee-wrapper .employee-col4_1 .col4-content {
  width: 1200px;
  margin: 100px auto 0;
  text-align: center;
}
.employee-wrapper .employee-col4_1 .col4-content .col4-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  margin-bottom: 50px;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box .box-left {
  width: 600px;
  height: 486px;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box .box-left img {
  width: 100%;
  height: 100%;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box .box-right {
  flex: 1;
  margin-top: 80px;
  text-align: left;
  margin-left: 65px;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box .box-right li:first-of-type {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 33px;
  margin-bottom: 30px;
  list-style-type: none;
  margin-left: -18px;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box .box-right li {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-bottom: 25px;
}
.employee-wrapper .employee-col4_1 .col4-content .content-box .box-right a {
  display: inline-block;
  width: 140px;
  height: 40px;
  background: #456DF2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  letter-spacing: 3px;
  margin: 40px 0 0 -18px;
}
.employee-wrapper .employee-col4_2 {
  width: 100%;
  min-height: 586px;
  background-color: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.employee-wrapper .employee-col4_2 .col4-content {
  width: 1200px;
  margin: 100px auto 0;
  text-align: center;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box .box-right {
  width: 600px;
  height: 486px;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box .box-right img {
  width: 100%;
  height: 100%;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box .box-left {
  flex: 1;
  margin-top: 80px;
  text-align: left;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box .box-left li:first-of-type {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 33px;
  margin-bottom: 30px;
  list-style-type: none;
  margin-left: -18px;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box .box-left li {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-bottom: 25px;
}
.employee-wrapper .employee-col4_2 .col4-content .content-box .box-left a {
  display: inline-block;
  width: 140px;
  height: 40px;
  background: #456DF2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  letter-spacing: 3px;
  margin: 40px 0 0 -18px;
}
.employee-wrapper .employee-col4_3 {
  width: 100%;
  min-height: 586px;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.employee-wrapper .employee-col4_3 .col4-content {
  width: 1200px;
  margin: 100px auto 0;
  text-align: center;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box .box-left {
  width: 600px;
  height: 486px;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box .box-left img {
  width: 100%;
  height: 100%;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box .box-right {
  flex: 1;
  margin-top: 80px;
  text-align: left;
  margin-left: 65px;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box .box-right li:first-of-type {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 33px;
  margin-bottom: 30px;
  list-style-type: none;
  margin-left: -18px;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box .box-right li {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-bottom: 25px;
}
.employee-wrapper .employee-col4_3 .col4-content .content-box .box-right a {
  display: inline-block;
  width: 140px;
  height: 40px;
  background: #456DF2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  letter-spacing: 3px;
  margin: 40px 0 0 -18px;
}
.employee-wrapper .employee-col5 {
  width: 100%;
  min-height: 543px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #F9FAFB;
}
.employee-wrapper .employee-col5 .col5-content {
  width: 1200px;
  margin: 100px auto;
  text-align: center;
}
.employee-wrapper .employee-col5 .col5-content .col5-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  margin-bottom: 60px;
}
.employee-wrapper .employee-col5 .col5-content .col5-ul1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}
.employee-wrapper .employee-col5 .col5-content .col5-ul1 li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.employee-wrapper .employee-col5 .col5-content .col5-ul1 li p:first-child {
  font-size: 44px;
  font-weight: bold;
  color: #F54F32;
  line-height: 62px;
  margin-bottom: 16px;
}
.employee-wrapper .employee-col5 .col5-content .col5-ul1 li p:last-child {
  font-size: 20px;
  line-height: 28px;
}
.employee-wrapper .employee-col5 .col5-content img {
  width: 1196px;
  height: 65px;
}
.employee-wrapper .employee-col6 {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 350px;
  background: url('/assets/images/web/education_new/col7_1.jpg') no-repeat;
  background-size: cover;
}
.employee-wrapper .employee-col6 .col6-content {
  width: 1200px;
  margin: 100px auto;
  color: #fff;
  text-align: center;
}
.employee-wrapper .employee-col6 .col6-content p:first-child {
  font-size: 48px;
  font-weight: bold;
  line-height: 67px;
  margin-bottom: 20px;
}
.employee-wrapper .employee-col6 .col6-content p:nth-child(2) {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 62px;
}
.employee-wrapper .employee-col6 .col6-content button {
  border: none;
  outline: none;
  cursor: pointer;
  background: #fff;
  width: 140px;
  height: 44px;
  border-radius: 4px;
  color: #2C68EA;
  font-size: 16px;
  line-height: 44px;
  letter-spacing: 2px;
}
.employee-mobile {
  width: 100%;
}
.employee-mobile .banner {
  width: 100%;
  height: 9rem;
  text-align: center;
  overflow: hidden;
  background: url(/assets/images/mobile/employee/banner.png) no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.employee-mobile .banner .banner-content {
  width: 100%;
  height: 100%;
}
.employee-mobile .banner .banner-content p {
  color: #fff;
  text-align: center;
  font-weight: 400;
}
.employee-mobile .banner .banner-content p:first-child {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.67rem;
  margin: 3.37rem 0rem 0.38rem;
}
.employee-mobile .banner .banner-content p:nth-child(2) {
  font-size: 0.36rem;
  line-height: 0.48rem;
}
.employee-mobile .banner .banner-content .banner-btn {
  width: 2.8rem;
  height: 0.8rem;
  cursor: pointer;
  margin: 1.86rem auto 0rem;
  background: #4385F8;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  letter-spacing: 2px;
}
.employee-mobile .banner .banner-content .banner-btn a {
  color: #fff;
}
.employee-mobile .employee-col1 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
}
.employee-mobile .employee-col1 .col1-title {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin-top: 0.8rem;
}
.employee-mobile .employee-col1 .col1-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.35rem 0.4rem 0.8rem;
}
.employee-mobile .employee-col1 .col1-content li {
  width: 6.54rem;
  height: 1.82rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(60, 143, 251, 0.2);
  border-radius: 10px;
  text-align: left;
  padding: 0.3rem 0.36rem 0px 0.36rem;
  margin-bottom: 0.3rem;
}
.employee-mobile .employee-col1 .col1-content li p {
  font-size: 0.3rem;
  font-weight: 500;
  color: #4385F8;
  line-height: 0.42rem;
  margin-bottom: 0.1rem;
}
.employee-mobile .employee-col2,
.employee-mobile .employee-col3,
.employee-mobile .employee-col4 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding: 0.8rem 0 0;
  background: #F7F7F7;
}
.employee-mobile .employee-col2 .col2-title,
.employee-mobile .employee-col3 .col2-title,
.employee-mobile .employee-col4 .col2-title {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000;
  line-height: 0.54rem;
}
.employee-mobile .employee-col2 .col2-content,
.employee-mobile .employee-col3 .col2-content,
.employee-mobile .employee-col4 .col2-content {
  width: 100%;
}
.employee-mobile .employee-col2 .col2-content span,
.employee-mobile .employee-col3 .col2-content span,
.employee-mobile .employee-col4 .col2-content span {
  font-size: 0.24rem;
  display: block;
  color: #666666;
  line-height: 0.54rem;
}
.employee-mobile .employee-col2 img,
.employee-mobile .employee-col3 img,
.employee-mobile .employee-col4 img {
  width: 100%;
  height: 6.08rem;
  margin-top: 0.6rem;
}
.employee-mobile .employee-col3 {
  background: #fff;
}
.employee-mobile .employee-col5 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding: 0.8rem 0;
}
.employee-mobile .employee-col5 .col5-title {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000;
  line-height: 0.54rem;
  letter-spacing: 4px;
}
.employee-mobile .employee-col5 .swiper-container {
  min-height: 11.84rem;
  margin-top: 0.4rem;
}
.employee-mobile .employee-col5 .swiper-container .swiper-slide .slide-title {
  font-size: 0.3rem;
  font-weight: bold;
  color: #000;
  line-height: 0.54rem;
  position: relative;
  text-align: left;
  margin-left: 1.05rem;
}
.employee-mobile .employee-col5 .swiper-container .swiper-slide .slide-title::before {
  content: "";
  position: absolute;
  width: 0.27rem;
  height: 0.27rem;
  background: #4385F8;
  margin-left: -0.57rem;
  margin-top: 0.12rem;
}
.employee-mobile .employee-col5 .swiper-container .swiper-slide .slide-subtitle {
  width: 6.57rem;
  font-size: 0.26rem;
  color: #000;
  line-height: 0.45rem;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  margin-top: 0.1rem;
  margin-left: 0.46rem;
  text-align: left;
}
.employee-mobile .employee-col5 .swiper-container .swiper-slide img {
  width: 4.23rem;
  height: 7.52rem;
}
.employee-mobile .employee-col5 .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 6px !important;
  background: #D8D8D8;
  border-radius: 50%;
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.employee-mobile .employee-col5 .swiper-container .swiper-pagination-bullet-active {
  height: 0.12rem;
  background: #4385F8;
  opacity: 1;
  border-radius: 4px;
  width: 0.5rem;
}
.employee-mobile .employee-col6 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
  background: #398BF7;
  padding: 0.8rem 0;
}
.employee-mobile .employee-col6 .col6-title {
  font-size: 0.36rem;
  font-weight: 500;
  color: #fff;
  line-height: 0.54rem;
  letter-spacing: 4px;
}
.employee-mobile .employee-col6 .col6-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.4rem 0.4rem 0;
}
.employee-mobile .employee-col6 .col6-content li span {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 0.24rem;
}
.employee-mobile .employee-col6 .col6-content li span:first-of-type {
  font-size: 0.36rem;
  font-weight: 500;
}
.employee-mobile .employee-col7 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #000;
}
.employee-mobile .employee-col7 .col7-title {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin-top: 0.7rem;
}
.employee-mobile .employee-col7 img {
  width: 100%;
  height: 2.86rem;
}
.medicalBeauty-container-box #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.medicalBeauty-container-box #nav .nav-center a,
.medicalBeauty-container-box #nav .nav-center .product,
.medicalBeauty-container-box #nav .nav-center .solution,
.medicalBeauty-container-box #nav .nav-center .Install {
  color: #000000;
}
.medicalBeauty-container-box #nav .nav-center a .arrow,
.medicalBeauty-container-box #nav .nav-center .product .arrow,
.medicalBeauty-container-box #nav .nav-center .solution .arrow,
.medicalBeauty-container-box #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.medicalBeauty-container-box #nav .nav-center a,
.medicalBeauty-container-box #nav .nav-center .aboutUs {
  color: #000000;
}
.medicalBeauty-container-box #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.medicalBeauty-container-box #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.medicalBeauty-container-box #nav .nav-right a.login {
  color: #0758F1;
}
.medicalBeauty-container-box #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.medicalBeauty-container {
  width: 100%;
  background: #fff;
  min-width: 1350px;
}
.medicalBeauty-container .medicalBeauty-banner {
  position: relative;
  width: 100%;
  height: 600px;
}
.medicalBeauty-container .medicalBeauty-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.medicalBeauty-container .medicalBeauty-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.medicalBeauty-container .medicalBeauty-banner a span {
  width: 300px;
  height: 48px;
  background: linear-gradient(90deg, #FD2AA3 0%, #664FFF 100%);
  border-radius: 24px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  position: absolute;
  left: 50%;
  top: 380px;
  text-align: center;
  margin-left: -600px;
}
.medicalBeauty-container .medicalBeauty-col1 {
  width: 100%;
  height: 898px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content {
  width: 1150px;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .col1-title span {
  display: block;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .col1-title .title1 {
  font-size: 36px;
  font-weight: 500;
  color: #000000;
  line-height: 54px;
  margin-bottom: 30px;
  padding-top: 100px;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .col1-title .title2 {
  font-size: 20px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 68px;
  font-weight: 500;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul {
  width: 100%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li {
  margin-bottom: 30px;
  width: 560px;
  height: 148px;
  border-radius: 20px;
  z-index: 1;
  position: relative;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  cursor: pointer;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li .liItem .private-pic {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 36px;
  top: 34px;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li .liItem p.title {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 33px;
  position: absolute;
  left: 106px;
  top: 30px;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li .liItem span.detail {
  width: 416px;
  height: 44px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  position: absolute;
  left: 106px;
  top: 74px;
  text-align: initial;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(3),
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(4) {
  width: 560px;
  height: 170px;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:hover {
  cursor: pointer;
  background: linear-gradient(180deg, #FA31A6 0%, #638AF6 100%);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:hover .liItem .title,
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:hover .liItem .detail {
  color: #FFFFFF;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:first-child > .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col1.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(2) .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col2.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(3) .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col3.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(4) .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col4.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(5) .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col5.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(6) .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col6.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:first-child:hover .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col7.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(2):hover .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col8.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(3):hover .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col9.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(4):hover .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col10.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(5):hover .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col11.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col1 .col1-content .content-box ul li:nth-child(6):hover .liItem .private-pic {
  background: url('/assets/images/web/medicalBeauty/col12.png') no-repeat;
  background-size: cover;
}
.medicalBeauty-container .medicalBeauty-col2 {
  width: 100%;
  height: 614px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content .col2-title {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  margin-bottom: 60px;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content .content-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content .content-box li {
  width: 385px;
  height: 300px;
  background: #FFFFFF;
  box-shadow: 0px 2px 11px 0px rgba(3, 124, 255, 0.07);
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content .content-box li img {
  width: 106px;
  height: 106px;
  margin: 50px 0px 30px;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content .content-box li p {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  display: block;
  margin: 0 auto;
  width: 340px;
}
.medicalBeauty-container .medicalBeauty-col2 .col2-content .content-box li p:first-of-type {
  font-weight: 500;
  font-size: 18px;
}
.medicalBeauty-container .medicalBeauty-col3 {
  width: 100%;
  height: 1004px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content .col3-title {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  margin-bottom: 50px;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content .content-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content .content-box ul {
  flex: 1;
  margin-top: 229px;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content .content-box ul .title {
  width: 458px;
  height: 62px;
  background: linear-gradient(90deg, #FD2AA3 0%, #5594FE 100%);
  border-radius: 8px;
  margin-bottom: 45px;
  padding-left: 20px;
  text-align: left;
  color: #fff;
  line-height: 62px;
  font-size: 24px;
  font-weight: bold;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content .content-box ul li {
  text-align: left;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 35px;
}
.medicalBeauty-container .medicalBeauty-col3 .col3-content .content-box img {
  width: 650px;
  height: 650px;
}
.medicalBeauty-container .medicalBeauty-col4 {
  width: 100%;
  height: 900px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col4 .col4-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col4 .col4-content .content-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
}
.medicalBeauty-container .medicalBeauty-col4 .col4-content .content-box ul {
  flex: 1;
  margin-top: 229px;
}
.medicalBeauty-container .medicalBeauty-col4 .col4-content .content-box ul .title {
  width: 500px;
  height: 62px;
  background: linear-gradient(90deg, #FD2AA3 0%, #5594FE 100%);
  border-radius: 8px;
  margin-bottom: 45px;
  padding-left: 20px;
  text-align: left;
  color: #fff;
  line-height: 62px;
  font-size: 24px;
  font-weight: bold;
}
.medicalBeauty-container .medicalBeauty-col4 .col4-content .content-box ul li {
  text-align: left;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 35px;
}
.medicalBeauty-container .medicalBeauty-col4 .col4-content .content-box img {
  width: 650px;
  height: 650px;
}
.medicalBeauty-container .medicalBeauty-col5 {
  width: 100%;
  height: 900px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col5 .col5-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col5 .col5-content .content-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
}
.medicalBeauty-container .medicalBeauty-col5 .col5-content .content-box ul {
  flex: 1;
  margin-top: 249px;
}
.medicalBeauty-container .medicalBeauty-col5 .col5-content .content-box ul .title {
  width: 514px;
  height: 62px;
  background: linear-gradient(90deg, #FD2AA3 0%, #5594FE 100%);
  border-radius: 8px;
  margin-bottom: 45px;
  padding-left: 20px;
  text-align: left;
  color: #fff;
  line-height: 62px;
  font-size: 24px;
  font-weight: bold;
}
.medicalBeauty-container .medicalBeauty-col5 .col5-content .content-box ul li {
  text-align: left;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 35px;
}
.medicalBeauty-container .medicalBeauty-col5 .col5-content .content-box img {
  width: 650px;
  height: 650px;
}
.medicalBeauty-container .medicalBeauty-col5-2 {
  width: 100%;
  height: 900px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col5-2 .col5-2-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col5-2 .col5-2-content .content-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
}
.medicalBeauty-container .medicalBeauty-col5-2 .col5-2-content .content-box ul {
  flex: 1;
  margin-top: 229px;
}
.medicalBeauty-container .medicalBeauty-col5-2 .col5-2-content .content-box ul .title {
  width: 500px;
  height: 62px;
  background: linear-gradient(90deg, #FD2AA3 0%, #5594FE 100%);
  border-radius: 8px;
  margin-bottom: 45px;
  padding-left: 20px;
  text-align: left;
  color: #fff;
  line-height: 62px;
  font-size: 24px;
  font-weight: bold;
}
.medicalBeauty-container .medicalBeauty-col5-2 .col5-2-content .content-box ul li {
  text-align: left;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 35px;
}
.medicalBeauty-container .medicalBeauty-col5-2 .col5-2-content .content-box img {
  width: 650px;
  height: 650px;
}
.medicalBeauty-container .medicalBeauty-col6 {
  width: 100%;
  height: 614px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .col6-title span {
  display: block;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .col6-title .title1 {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  margin-bottom: 25px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .col6-title .title2 {
  font-size: 20px;
  color: #000000;
  line-height: 20px;
  margin-bottom: 70px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip2 {
  text-align: center;
  margin-top: 74px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip2 span {
  display: block;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip2 img {
  width: 151px;
  height: 20px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip2 span:first-child {
  margin-bottom: 8px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip2 span:nth-of-type(2) {
  margin-top: 8px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip1Box {
  width: 236px;
  height: 248px;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 18px;
  background-image: linear-gradient(135deg, #fb2ba3, #5793fe);
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip1Box .tip1 {
  width: 100%;
  height: 100%;
  background: #F9FAFB;
  border-radius: 18px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip1Box .tip1 li:first-child {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 28px;
  margin-bottom: 24px;
  padding-top: 50px;
}
.medicalBeauty-container .medicalBeauty-col6 .col6-content .content-box .tip1Box .tip1 li {
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  margin: 0px 0px 15px 36px;
  text-align: left;
}
.medicalBeauty-container .medicalBeauty-col7 {
  width: 100%;
  height: 978px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .col7-title {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  margin-bottom: 50px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li {
  width: 382px;
  height: 322px;
  background: #FFFFFF;
  margin-bottom: 20px;
  box-shadow: 0px 4px 24px 0px rgba(0, 6, 61, 0.05);
  border-radius: 12px 12px 12px 12px;
  cursor: pointer;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li:hover {
  transform: translateY(-20px);
  transition: transform 0.3s linear;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li:hover .content-box-img .caseMask {
  display: block;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li .content-box-img {
  position: relative;
  width: 382px;
  height: 215px;
  border-radius: 12px 12px 0px 0px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li .content-box-img > img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 12px 12px 0px 0px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li .content-box-img .caseMask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  padding-top: 50px;
  border-radius: 12px 12px 0px 0px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li .content-box-img .caseMask .caseMaskImg {
  background-color: #fff;
  padding: 6px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li .content-box-img .caseMask .caseMaskImg > img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  display: block;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li .content-box-img .caseMask > p {
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 23px;
  margin: 15px 0px 0px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li p {
  margin-left: 25px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li p span {
  display: block;
  color: #000;
  font-weight: bold;
  text-align: left;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li p span:first-child {
  font-size: 18px;
  line-height: 25px;
  margin: 20px 0px 14px;
}
.medicalBeauty-container .medicalBeauty-col7 .col7-content .content-box li p span:nth-child(2) {
  font-size: 14px;
  line-height: 20px;
}
.medicalBeauty-container .medicalBeauty-col8 {
  width: 100%;
  height: 654px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content {
  width: 1200px;
  margin: 100px 0;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .col8-title {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  margin-bottom: 50px;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box li {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-bottom: 70px;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box li img {
  width: 60px;
  height: 60px;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box li p {
  margin-left: 30px;
  min-width: 432px;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box li p span {
  display: block;
  color: #000;
  text-align: left;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box li p span:first-child {
  font-size: 22px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 20px;
}
.medicalBeauty-container .medicalBeauty-col8 .col8-content .content-box li p span:nth-child(2) {
  font-size: 14px;
  line-height: 16px;
}
.medicalBeauty-container .medicalBeauty-col9 {
  width: 100%;
  min-height: 413px;
  background: url('/assets/images/web/medicalBeauty/col9_1.png') no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content {
  width: 1200px;
  text-align: center;
  color: #fff;
  margin: 100px 0;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content .col9-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
  margin-bottom: 60px;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0px 40px;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content .content-box li {
  height: 100px;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content .content-box li p span {
  display: block;
  text-align: center;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content .content-box li p span:first-child {
  font-size: 40px;
  font-weight: bold;
  line-height: 56px;
  margin-bottom: 16px;
}
.medicalBeauty-container .medicalBeauty-col9 .col9-content .content-box li p span:nth-child(2) {
  font-size: 20px;
  line-height: 28px;
}
.medicalBeauty-container .col10_img {
  width: 100%;
  min-height: 576px;
}
.medicalBeauty-mobile {
  width: 100%;
}
.medicalBeauty-mobile .banner {
  width: 100%;
  height: 10.2rem;
  text-align: center;
  overflow: hidden;
  background: url(/assets/images/web/activitynew/banner10.png) no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.medicalBeauty-mobile .banner a img {
  width: 5.42rem;
  height: 0.8rem;
  margin-top: 8.7rem;
}
.medicalBeauty-mobile .banner .banner-content {
  width: 100%;
  height: 100%;
}
.medicalBeauty-mobile .banner .banner-content p {
  color: #fff;
  text-align: center;
  font-weight: 400;
}
.medicalBeauty-mobile .banner .banner-content p:first-child {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.56rem;
  margin: 3.37rem 0rem 0.5rem;
}
.medicalBeauty-mobile .banner .banner-content p:nth-child(2) {
  font-size: 0.36rem;
  line-height: 0.48rem;
}
.medicalBeauty-mobile .banner .banner-content .banner-btn {
  width: 2.8rem;
  height: 0.8rem;
  cursor: pointer;
  margin: 1.86rem auto 0rem;
  background: #4385F8;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  letter-spacing: 2px;
}
.medicalBeauty-mobile .banner .banner-content .banner-btn a {
  color: #fff;
}
.medicalBeauty-mobile .col-3 .col3-content .col3-nav {
  padding-top: 0.91rem;
}
.medicalBeauty-mobile .col-3 .col3-content .col3-title {
  font-size: 0.36rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  text-align: center;
}
.medicalBeauty-mobile .col-3 .col3-content h4 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 0.33rem;
  margin-top: 0.2rem;
  text-align: center;
  margin-bottom: 0.44rem;
}
.medicalBeauty-mobile .col-3 .col3-content ul li {
  width: 7.1rem;
  height: 2.12rem;
  background: #FFFFFF;
  box-shadow: 0px 0.02rem 0.11rem 0px rgba(3, 124, 255, 0.2);
  border-radius: 0.2rem;
  margin: 0.2rem auto;
  position: relative;
}
.medicalBeauty-mobile .col-3 .col3-content ul li .privates {
  width: 0.8rem !important;
  height: 0.8rem;
  background: #D8D8D8 linear-gradient(180deg, #FA31A6 0%, #638AF6 100%);
  border-radius: 0.1rem;
  position: absolute;
  left: 0.3rem;
  top: 0.36rem;
}
.medicalBeauty-mobile .col-3 .col3-content ul li .privates img {
  width: 0.54rem;
  height: 0.54rem;
  display: block;
  margin: 0.13rem auto;
}
.medicalBeauty-mobile .col-3 .col3-content ul li .title {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.4rem;
  position: absolute;
  top: 0.3rem;
  left: 1.4rem;
}
.medicalBeauty-mobile .col-3 .col3-content ul li .detail {
  width: 5.28rem;
  height: 1.08rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.36rem;
  position: absolute;
  top: 0.76rem;
  left: 1.4rem;
}
.medicalBeauty-mobile .col-3 .col3-content ul li:nth-child(3) {
  height: 1.77rem;
}
.medicalBeauty-mobile .col-1 {
  width: 100%;
  font-weight: 400;
  color: #000;
  background: #F7F7F7;
  text-align: center;
}
.medicalBeauty-mobile .col-1 .col1-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0;
}
.medicalBeauty-mobile .col-1 .col1-content .col1-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  margin-bottom: 0.46rem;
}
.medicalBeauty-mobile .col-1 .col1-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 0.2rem;
}
.medicalBeauty-mobile .col-1 .col1-content ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 2.3rem;
  height: 3rem;
  background: #FFFFFF;
  box-shadow: 0px 2px 11px 0px rgba(3, 124, 255, 0.2);
  margin-right: 0.1rem;
}
.medicalBeauty-mobile .col-1 .col1-content ul li img {
  width: 1.06rem;
  height: 1.06rem;
  margin-bottom: 0.32rem;
}
.medicalBeauty-mobile .col-1 .col1-content ul li span {
  font-size: 0.22rem;
  color: #000000;
  line-height: 0.36rem;
}
.medicalBeauty-mobile .col-1 .col1-content ul li:last-of-type {
  margin-right: 0;
}
.medicalBeauty-mobile .col-2 {
  width: 100%;
  font-weight: 400;
  color: #000;
  background: #fff;
  text-align: center;
}
.medicalBeauty-mobile .col-2 .col2-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0 0;
}
.medicalBeauty-mobile .col-2 .col2-content .col2-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
}
.medicalBeauty-mobile .col-5 {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
  background: #F7F7F7;
}
.medicalBeauty-mobile .col-5 .col5-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0;
}
.medicalBeauty-mobile .col-5 .col5-content .col5-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
  margin-bottom: 0.44rem;
}
.medicalBeauty-mobile .col-5 .col5-content ul {
  margin: 0 0.48rem;
}
.medicalBeauty-mobile .col-5 .col5-content ul li {
  padding: 0rem 0.63rem 0 0.45rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  width: 6.54rem;
  height: 2.08rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(60, 143, 251, 0.2);
  border-radius: 10px;
  text-align: left;
  margin-bottom: 0.2rem;
}
.medicalBeauty-mobile .col-5 .col5-content ul li img {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.3rem;
}
.medicalBeauty-mobile .col-5 .col5-content ul li p span {
  display: block;
}
.medicalBeauty-mobile .col-5 .col5-content ul li p span:first-of-type {
  font-size: 0.3rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: 0.16rem;
}
.medicalBeauty-mobile .col-5 .col5-content ul li p span:last-of-type {
  font-size: 0.24rem;
  line-height: 0.28rem;
}
.medicalBeauty-mobile .col-6 {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
}
.medicalBeauty-mobile .col-6 .col6-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0 0;
}
.medicalBeauty-mobile .col-6 .col6-content .col6-title {
  font-size: 0.36rem;
  font-weight: bold;
  line-height: 0.54rem;
}
.medicalBeauty-mobile .col-6 .col6-content img {
  width: 100%;
  height: 4.64rem;
}
.medicalBeauty-mobile .col-7 {
  width: 100%;
  padding: 0.64rem 0px;
  background: #F3F4F5;
}
.medicalBeauty-mobile .col-7-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.66rem;
  text-align: center;
}
.medicalBeauty-mobile .col-7-content {
  margin-top: 0.48rem;
  padding: 0px 0.32rem 0px 0.3rem;
}
.medicalBeauty-mobile .col-7-content_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item {
  width: 3.28rem;
  height: 3.74rem;
  background: #FFFFFF;
  border-radius: 0.12rem;
  margin-right: 0.32rem;
  margin-bottom: 16px;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item:nth-child(2n) {
  margin-right: 0px;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item:nth-child(5),
.medicalBeauty-mobile .col-7-content_list .col-7-content_item:nth-child(6) {
  margin-bottom: 0px;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item > a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.12rem;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item > a > img {
  width: 3.28rem;
  height: 1.84rem;
  display: block;
  border-radius: 0.12rem 0.12rem 0px 0px;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item > a .item_bDesc {
  height: calc(100% - 1.84rem);
  padding: 0.24rem 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item > a .item_bDesc .title {
  font-size: 0.3rem;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #2D3655;
  line-height: 0.44rem;
}
.medicalBeauty-mobile .col-7-content_list .col-7-content_item > a .item_bDesc .desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #8A8E9D;
  line-height: 0.28rem;
}
.banner-mobile {
  width: 100%;
  background: #fff;
  height: 10.2rem;
}
.banner-mobile .swiper-container .swiper-slide {
  height: 10.2rem;
  width: 100% !important;
}
.banner-mobile .swiper-container .swiper-slide .banner-box {
  height: 4.4rem;
  text-align: center;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .learnMores {
  display: block;
  width: 2rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin-top: 3.61rem;
  margin-left: 2.75rem;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  padding-top: 1.48rem;
  text-align: center;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .title-2 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  text-align: center;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .learnMore {
  display: block;
  width: 2rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
}
.banner-mobile .swiper-container .swiper-slide .banner1-pic {
  height: 5.8rem;
}
.banner-mobile .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.banner-mobile .swiper-container .banner1 {
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/summit/banner.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner1 .more {
  width: 2.8rem;
  height: 0.8rem;
  margin-top: 3.62rem;
  margin-left: 2.35rem;
  cursor: pointer;
}
.banner-mobile .swiper-container .banner1 .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
}
.banner-mobile .swiper-container .banner1 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner2 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner1_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner2 .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
}
.banner-mobile .swiper-container .banner2 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner3 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner3_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner_medical {
  width: 100%;
  height: 10.2rem;
  text-align: center;
  overflow: hidden;
  background: url(/assets/images/web/activitynew/banner10.png) no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.banner-mobile .swiper-container .banner_medical a img {
  width: 5.42rem;
  height: 0.8rem;
  margin-top: 8.7rem;
}
.banner-mobile .swiper-container .banner8 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner8_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner8 .banner-box .title-1 {
  font-size: 0.54rem;
  font-weight: bold;
  color: #000;
  line-height: 0.76rem;
}
.banner-mobile .swiper-container .banner8 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner5 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner5_bg.jpg') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner5 .banner-box .title-1 {
  padding-top: 2rem;
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
}
.banner-mobile .swiper-container .banner5 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner10 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner10_bg_new.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-1 {
  font-size: 0.54rem;
  line-height: 0.76rem;
  color: #1C0E53;
  padding-top: 1.8rem;
  display: flex;
  padding-left: 0.5rem;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-1 .banner10_icon {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 0.2rem;
  margin-top: 0.2rem;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-1 .banner10_start {
  width: 0.44rem;
  height: 0.44rem;
  margin-top: 0.1rem;
  margin-left: 0.06rem;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-3 {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: #828994;
  margin-top: 0.2rem;
}
.banner-mobile .swiper-container .banner11 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner11_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner11 .banner-box .title-1 {
  font-size: 0.54rem;
  line-height: 0.76rem;
  color: #000000;
  padding-top: 1.92rem;
}
.banner-mobile .swiper-container .banner11 .banner-box .title-3 {
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-weight: 500;
  color: #000000;
  margin-top: 0.2rem;
}
.banner-mobile .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.banner-mobile .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.banner-mobile .swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.medicalBeautyDetails-wrapper {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
}
.medicalBeautyDetails-wrapper .medicalBeautyDetails-content {
  height: 100%;
  padding: 0.4rem 0;
  margin: 0 0.15rem;
}
.medicalBeautyDetails-wrapper .medicalBeautyDetails-content p:first-of-type {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.45rem;
  margin-bottom: 0.4rem;
  font-weight: bold;
}
.medicalBeautyDetails-wrapper .medicalBeautyDetails-content p:nth-of-type(2) span {
  display: block;
  font-size: 0.25rem;
  line-height: 0.33rem;
  margin-bottom: 0.16rem;
}
.medicalBeautyDetails-wrapper .medicalBeautyDetails-content img {
  margin-top: 0.1rem;
  width: 6rem;
  height: 7rem;
}
.goverEnter-container {
  width: 100%;
  background: #fff;
  min-width: 1350px;
}
.goverEnter-container .goverEnter-banner {
  width: 100%;
  height: 600px;
  position: relative;
}
.goverEnter-container .goverEnter-banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.goverEnter-container .goverEnter-banner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goverEnter-container .goverEnter-banner .goverEnter-banner-textBox {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.goverEnter-container .goverEnter-banner .goverEnter-banner-textBox .goverEnter-banner-text {
  width: 1200px;
  margin: 0 auto;
}
.goverEnter-container .goverEnter-banner .goverEnter-banner-textBox .goverEnter-banner-text-title {
  font-size: 56px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 66px;
}
.goverEnter-container .goverEnter-banner .goverEnter-banner-textBox .goverEnter-banner-text-desc {
  max-width: 560px;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.8;
  margin: 28px 0px 40px;
}
.goverEnter-container .goverEnter-banner .goverEnter-banner-textBox .goverEnter-banner-text-btn {
  width: 144px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 5px;
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  color: #DE0000;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col1 {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 80px 0px;
}
.goverEnter-container .goverEnter-col1 .col1-content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.goverEnter-container .goverEnter-col1 .col1-content .col1-title {
  padding-bottom: 60px;
}
.goverEnter-container .goverEnter-col1 .col1-content .col1-title span {
  display: block;
}
.goverEnter-container .goverEnter-col1 .col1-content .col1-title .title1 {
  font-size: 48px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
}
.goverEnter-container .goverEnter-col1 .col1-content .content-box .content-box-ul {
  display: flex;
  flex-wrap: wrap;
}
.goverEnter-container .goverEnter-col1 .col1-content .content-box .content-box-ul .content-box-li {
  min-width: 277px;
  max-width: 277px;
  height: 207px;
  margin-right: 30px;
  padding: 24px 20px;
  width: 277px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(6, 38, 67, 0.05);
  border-radius: 10px;
  margin-bottom: 30px;
}
.goverEnter-container .goverEnter-col1 .col1-content .content-box .content-box-ul .content-box-li:nth-child(4n) {
  margin-right: 0px;
}
.goverEnter-container .goverEnter-col1 .col1-content .content-box .content-box-ul .content-box-li .img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.goverEnter-container .goverEnter-col1 .col1-content .content-box .content-box-ul .content-box-li .title {
  font-size: 22px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 26px;
  margin: 16px 0px 8px;
}
.goverEnter-container .goverEnter-col1 .col1-content .content-box .content-box-ul .content-box-li .desc {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 28px;
}
.goverEnter-container .goverEnter-col2 {
  text-align: center;
  padding: 80px 0px 0px;
}
.goverEnter-container .goverEnter-col2 .col2-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  line-height: 72px;
  color: #191919;
}
.goverEnter-container .goverEnter-col2 .col2-title span {
  color: #CD2522;
}
.goverEnter-container .goverEnter-col2 .col2-desc {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
}
.goverEnter-container .goverEnter-col2 .col2-content {
  width: 1200px;
  margin: 0 auto;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box {
  display: flex;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left {
  flex: 1;
  text-align: left;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left-title {
  font-size: 48px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 56px;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left-desc {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 36px;
  margin: 16px 0px 64px;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left-btns {
  display: block;
  width: 146px;
  height: 50px;
  background: #CD2522;
  border-radius: 6px;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left-btns:hover {
  background: #A41E1B;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left .goverEnter-col2-txtLi {
  height: calc(100vh);
  position: relative;
  opacity: 0.2;
  transition: all 0.4s;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left .goverEnter-col2-txtLi li {
  position: absolute;
  top: 50%;
  padding: 0px 50px 0px 0px;
  transform: translateY(calc(-50%));
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-left .goverEnter-col2-txtLi.active {
  opacity: 1;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right {
  flex: 1;
  position: sticky;
  height: calc(100vh);
  top: 0;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul {
  height: calc(100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li {
  position: absolute;
  opacity: 0;
  border-radius: 20px;
  background-color: #fff;
  margin-top: 1px;
  transition: all 0.4s ease-in;
  will-change: opacity;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li .goverEnter-col2-videoList-video {
  display: block;
  width: 600px;
  height: 430px;
  border-radius: 26px;
  opacity: 0;
  transition: all 0.4s ease-in;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li.show {
  opacity: 1;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li.show .goverEnter-col2-videoList-video {
  opacity: 1;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li.none {
  opacity: 0;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li.none .goverEnter-col2-videoList-video {
  opacity: 0;
}
.goverEnter-container .goverEnter-col2 .col2-content .content-box .goverEnter-col2-right ul li li {
  padding-right: 50px;
}
.goverEnter-container .goverEnter-col2 .col2-content.col2-content_2 {
  margin-top: -100px;
}
.goverEnter-container .goverEnter-col2 .col2-content.col2-content_2 .content-box .goverEnter-col2-left .goverEnter-col2-txtLi li {
  padding: 0px 0px 0px 50px;
}
.goverEnter-container .goverEnter-col3 {
  width: 100%;
  padding: 0px 0px 80px;
}
.goverEnter-container .goverEnter-col3 .col3-content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.goverEnter-container .goverEnter-col3 .col3-content .title1 {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #CD2522;
  line-height: 72px;
}
.goverEnter-container .goverEnter-col3 .col3-content .title2 {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #191919;
  line-height: 30px;
  margin-top: 16px;
}
.goverEnter-container .goverEnter-col3 .col3-content .content-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  margin-top: 60px;
}
.goverEnter-container .goverEnter-col3 .col3-content .content-box ul {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 32px 0px rgba(6, 38, 67, 0.05);
  border-radius: 16px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 40px 40px;
}
.goverEnter-container .goverEnter-col3 .col3-content .content-box ul li {
  width: 224px;
  min-width: 224px;
  height: 132px;
  margin-bottom: 40px;
}
.goverEnter-container .goverEnter-col3 .col3-content .content-box ul li img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 4px 23px rgba(6, 38, 67, 0.03);
  border-radius: 16px;
}
.goverEnter-container .goverEnter-col3 .col3-content .content-box ul li .t_1 {
  margin-top: 24px;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 23px;
}
.goverEnter-container .goverEnter-col4 {
  width: 100%;
  padding: 80px 0px;
  background-color: #FEFBFB;
}
.goverEnter-container .goverEnter-col4 .goverEnter-col4-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  text-align: center;
}
.goverEnter-container .goverEnter-col4 .col4-content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-tabList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0px;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-tabList li {
  width: 116px;
  height: 43px;
  border-radius: 63px;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 43px;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-tabList li.active {
  background-color: #CD2522;
  color: #FFFFFF;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList li {
  display: flex;
  align-items: center;
  text-align: left;
  background-color: #FFFFFF;
  box-shadow: 0px 6px 36px 0px rgba(85, 0, 0, 0.05);
  border-radius: 16px;
  height: 420px;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList li .col4-content-imgList-leftImg {
  width: 600px;
  min-width: 600px;
  height: 420px;
  border-radius: 16px 0px 0px 16px;
  overflow: hidden;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList li .col4-content-imgList-leftImg img {
  width: 600px;
  height: 420px;
  transform: scale(1);
  transition: all 0.3s;
  object-fit: contain;
  display: block;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList li .col4-content-imgList-leftImg img:hover {
  transform: scale(1.2);
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList .col4-content-imgList-rightBox {
  border-radius: 0px 16px 16px 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList-line {
  width: 36px;
  height: 4px;
  background: #CD2522;
  border-radius: 2px;
  margin-bottom: 24px;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList-rightBox {
  padding: 40px 56px 60px;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList-title {
  font-size: 32px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 38px;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList-desc {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 32px;
  margin: 16px 0px 0px;
}
.goverEnter-container .goverEnter-col4 .col4-content .content-box .col4-content-imgList-btns {
  display: block;
  width: 116px;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #CD2522;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #CD2522;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col5 {
  width: 100%;
  padding: 80px 0px;
}
.goverEnter-container .goverEnter-col5 .title1 {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  margin-bottom: 60px;
  text-align: center;
}
.goverEnter-container .goverEnter-col5 .col5-content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box {
  width: 100%;
  height: 100%;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul {
  display: flex;
  align-items: center;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li {
  flex: 1;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .top {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .top .icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0px 4px 20px rgba(6, 30, 67, 0.06);
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .top .line {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 1;
  animation: scroll 30s linear infinite;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .top:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  height: 2px;
  width: 273px;
  background: url('/assets/images/web/goverEnter/col5_line.png') repeat 0 0;
  animation: connectionEffectRight 1.8s linear infinite;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .top::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: -0.75px;
  left: -0.75px;
  border-radius: 50%;
  border: 1.5px solid rgba(205, 37, 34, 0.2);
  animation: 1.5s linear 0s normal none infinite diffusionEffect;
}
@keyframes connectionEffectRight {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 80px 0;
  }
}
@keyframes diffusionEffect {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  75% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li:last-child .top::after {
  display: none;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .bottom {
  margin-top: 32px;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .bottom .title {
  font-size: 20px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 23px;
}
.goverEnter-container .goverEnter-col5 .col5-content .content-box ul li .bottom .desc {
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 26px;
  margin-top: 10px;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.goverEnter-container .goverEnter-col6 {
  width: 100%;
  padding: 80px 0;
  text-align: center;
  background-color: #FEFBFB;
}
.goverEnter-container .goverEnter-col6 .col6-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  padding-bottom: 60px;
}
.goverEnter-container .goverEnter-col6 .col6-content {
  width: 1200px;
  margin: 0 auto;
}
.goverEnter-container .goverEnter-col6 .col6-content ul {
  display: flex;
  flex-wrap: wrap;
}
.goverEnter-container .goverEnter-col6 .col6-content ul li {
  width: 380px;
  min-width: 380px;
  height: 230px;
  background: #FFFFFF;
  box-shadow: 0px 4px 32px 0px rgba(85, 0, 0, 0.07);
  border-radius: 10px;
  margin: 0px 30px 30px 0px;
  text-align: left;
}
.goverEnter-container .goverEnter-col6 .col6-content ul li:nth-child(3n) {
  margin: 0px 0px 30px 0px;
}
.goverEnter-container .goverEnter-col6 .col6-content ul li .top {
  width: 100%;
  height: 100px;
}
.goverEnter-container .goverEnter-col6 .col6-content ul li .top img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px 10px 0px 0px;
}
.goverEnter-container .goverEnter-col6 .col6-content ul li .bottom {
  padding: 10px 38px 30px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #000000;
  line-height: 30px;
}
.goverEnter-container .goverEnter-col7 {
  width: 100%;
  text-align: center;
  padding: 80px 0px;
}
.goverEnter-container .goverEnter-col7 .col7-content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.goverEnter-container .goverEnter-col7 .col7-content .col7-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 72px;
  margin-bottom: 70px;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box {
  width: 100%;
  display: flex;
  align-items: center;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li {
  width: 380px;
  min-width: 380px;
  height: 305px;
  background: #FFFFFF;
  padding: 40px;
  margin-left: 30px;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li:nth-child(1) {
  margin-left: 0px;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li:hover {
  box-shadow: 0px 4px 32px 0px rgba(0, 36, 89, 0.06);
  border-radius: 10px;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li:hover .btns {
  opacity: 1;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li .col7-li-a {
  width: 100%;
  height: 100%;
  display: block;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li img {
  width: 64px;
  height: 64px;
  transform: translate3d();
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li .title1 {
  font-size: 24px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 28px;
  margin: 24px 0px 10px;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li .title2 {
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(18, 18, 18, 0.6);
  line-height: 21px;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li .btns {
  align-items: center;
  padding-top: 40px;
  display: flex;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li .btns a {
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #CD2522;
  line-height: 23px;
}
.goverEnter-container .goverEnter-col7 .col7-content .content-box li .btns img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.goverEnter-container .goverEnter-col8 {
  width: 100%;
  height: 777px;
  background: #F9FAFB;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.goverEnter-container .goverEnter-col8 .col8-content {
  width: 1250px;
  margin: 100px 0;
  text-align: center;
}
.goverEnter-container .goverEnter-col8 .col8-content .col8-title {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 54px;
  margin-bottom: 60px;
}
.goverEnter-container .goverEnter-col8 .col8-content .content-box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.goverEnter-container .goverEnter-col8 .col8-content .content-box li {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  margin-bottom: 23px;
  width: 385px;
  height: 220px;
  box-shadow: 0px 2px 11px 0px rgba(3, 124, 255, 0.07);
  background: #fff;
}
.goverEnter-container .goverEnter-col8 .col8-content .content-box li img {
  width: 100%;
  height: 100px;
}
.goverEnter-container .goverEnter-col8 .col8-content .content-box li p {
  padding: 0 34px;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  text-align: left;
}
.goverenter-mobile {
  width: 100%;
}
.goverenter-mobile .banner {
  width: 7.5rem;
  height: 8.24rem;
  text-align: center;
  overflow: hidden;
  background: url(/assets/images/mobile/goverEnter/banner.png) no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.goverenter-mobile .banner .banner-content {
  width: calc(100% - 0.8rem);
  margin: 2.66rem auto 0rem;
  height: 100%;
}
.goverenter-mobile .banner .banner-content p {
  color: #fff;
  text-align: center;
  font-weight: 400;
}
.goverenter-mobile .banner .banner-content p:first-child {
  font-size: 0.64rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.76rem;
}
.goverenter-mobile .banner .banner-content p:nth-child(2) {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 0.32rem;
  margin: 0.32rem 0px 0.64rem;
}
.goverenter-mobile .banner .banner-content .banner-btn {
  width: 2.24rem;
  height: 0.88rem;
  background: #CD2522;
  border-radius: 0.1rem;
  margin: 0 auto;
  text-align: center;
  line-height: 0.88rem;
}
.goverenter-mobile .banner .banner-content .banner-btn a {
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #FFFFFF;
  line-height: 0.88rem;
}
.goverenter-mobile .col-1 {
  width: 100%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0.64rem 0px;
}
.goverenter-mobile .col-1 .col1-content {
  width: 100%;
  height: 100%;
}
.goverenter-mobile .col-1 .col1-content .col1-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.84rem;
  margin-bottom: 0.4rem;
}
.goverenter-mobile .col-1 .col1-content ul {
  margin: 0px 0.32rem;
  display: flex;
  flex-wrap: wrap;
}
.goverenter-mobile .col-1 .col1-content ul li {
  width: 3.32rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(4, 29, 94, 0.05);
  border-radius: 0.2rem;
  margin: 0px 0.22rem 0.24rem 0px;
  padding: 0.32rem;
  text-align: left;
}
.goverenter-mobile .col-1 .col1-content ul li:nth-child(2n) {
  margin: 0px 0px 0.24rem 0px;
}
.goverenter-mobile .col-1 .col1-content ul li img {
  width: 0.72rem;
  height: 0.72rem;
  object-fit: contain;
}
.goverenter-mobile .col-1 .col1-content ul li .title {
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.38rem;
  margin: 0.24rem 0px 0.12rem;
}
.goverenter-mobile .col-1 .col1-content ul li .desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(18, 18, 18, 0.6);
  line-height: 0.44rem;
}
.goverenter-mobile .col-2 {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: center;
  background: #FFFCFC;
  padding: 0.64rem 0px;
}
.goverenter-mobile .col-2 .col2-content {
  width: 100%;
  height: 100%;
}
.goverenter-mobile .col-2 .col2-content .col2-title,
.goverenter-mobile .col-2 .col2-content .col2-title2 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #CD2522;
  line-height: 0.84rem;
}
.goverenter-mobile .col-2 .col2-content .col2-title2 {
  color: #191919;
}
.goverenter-mobile .col-2 .col2-content .col2-desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(25, 25, 25, 0.6);
  line-height: 0.4rem;
  margin-top: 0.12rem;
}
.goverenter-mobile .col-2 .col2-content .col2-tabList {
  width: 100%;
  margin-top: 0.8rem;
  overflow: auto;
}
.goverenter-mobile .col-2 .col2-content .col2-tabList ul {
  display: flex;
  width: calc((1.94rem * 6) - 0.54rem);
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0px 0.32rem;
}
.goverenter-mobile .col-2 .col2-content .col2-tabList ul li {
  width: 1.4rem;
  min-width: 1.4rem;
  margin-right: 0.54rem;
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.32rem;
  position: relative;
  padding-bottom: 0.24rem;
}
.goverenter-mobile .col-2 .col2-content .col2-tabList ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -1px;
  height: 1px;
  background: #e60012;
}
.goverenter-mobile .col-2 .col2-content .col2-tabList ul li.active {
  color: #CD2522;
}
.goverenter-mobile .col-2 .col2-content .col2-tabList ul li.active::after {
  content: '';
  left: 0;
  right: 0;
}
.goverenter-mobile .col-2 .col2-content .col2-imgList {
  width: 6.86rem;
  margin: 0.32rem auto 0px;
  text-align: left;
}
.goverenter-mobile .col-2 .col2-content .col2-imgList .col2-imgList-desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(26, 2, 2, 0.6);
  line-height: 0.48rem;
}
.goverenter-mobile .col-2 .col2-content .col2-imgList .col2-imgList-video {
  width: 6.86rem;
  height: 4.9164rem;
  border-radius: 0.29rem;
  margin-top: 0.32rem;
}
.goverenter-mobile .col-2 .col2-content .col2-imgList .col2-imgList-btns {
  width: 2.24rem;
  height: 0.8rem;
  border-radius: 0.12rem;
  border: 1px solid #CD2522;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #CD2522;
  line-height: 0.8rem;
  text-align: center;
  cursor: pointer;
  margin: 0.48rem auto 0px;
  display: block;
}
.goverenter-mobile .col-6 {
  width: 100%;
  height: 13.64rem;
  text-align: center;
  background-image: url('/assets/images/mobile/goverEnter/col2_bg@2x.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0.64rem 0px;
}
.goverenter-mobile .col-6 .col-6-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #CD2522;
  line-height: 0.84rem;
}
.goverenter-mobile .col-6 .col-6-desc {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(25, 25, 25, 0.6);
  line-height: 0.4rem;
  margin-top: 0.12rem;
}
.goverenter-mobile .col-6 .col-6-content {
  width: 6.9rem;
  margin: 0.4rem auto 0px;
}
.goverenter-mobile .col-6 .col-6-content ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.24rem;
  border: 1px solid rgba(154, 0, 0, 0.1);
  box-sizing: border-box;
  padding-bottom: 0.4rem;
}
.goverenter-mobile .col-6 .col-6-content ul li {
  width: 1.715rem;
  height: 1.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
}
.goverenter-mobile .col-6 .col-6-content ul li img {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin-bottom: 0.16rem;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.2rem rgba(6, 30, 67, 0.06);
  border-radius: 0.16rem;
}
.goverenter-mobile .col-6 .col-6-content ul li .t_1 {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #646A73;
  line-height: 0.28rem;
}
.goverenter-mobile .col-7 {
  width: 100%;
  text-align: center;
  padding: 0.64rem 0px 0px;
}
.goverenter-mobile .col-7 .col7-title,
.goverenter-mobile .col-7 .col7-title1 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #CD2522;
  line-height: 0.84rem;
}
.goverenter-mobile .col-7 .col7-title1 {
  color: #121212;
}
.goverenter-mobile .col-7 .col7-content {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0 0;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: 0.64rem;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide {
  width: 6.86rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.2rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0px 0px 0.24rem 0.24rem;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 2.6rem;
  display: block;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom {
  padding: 0.24rem 0.16rem 0.32rem 0.32rem;
  text-align: left;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-title {
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.38rem;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.7);
  line-height: 0.44rem;
  margin: 0.16rem 0px 0.32rem;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-btns {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-btns img {
  margin-left: 0.08rem;
  width: 0.28rem;
  height: 0.28rem;
  display: block;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-btns a {
  display: block;
  font-size: 0.24rem;
  line-height: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #CD2522;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide.swiper-slide-prev,
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_m .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.8);
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_tab {
  margin-bottom: 0.6rem;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_tab .swiper-wrapper .swiper-slide {
  width: 1.92rem !important;
  max-width: 1.92rem !important;
  height: 0.76rem;
  text-align: center;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #121212;
  line-height: 0.76rem;
}
.goverenter-mobile .col-7 .col7-content .swiper-container_box4_tab .swiper-wrapper .swiper-slide.swiper-slide-active {
  border-radius: 1.02rem;
  background: #CD2522;
  color: #fff;
}
.goverenter-mobile .col-8 {
  width: 100%;
  padding: 0.64rem 0.3rem 0.64rem 0.32rem;
}
.goverenter-mobile .col-8-title,
.goverenter-mobile .col-8-title1 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #CD2522;
  line-height: 0.84rem;
  text-align: center;
}
.goverenter-mobile .col-8-title1 {
  color: #121212;
}
.goverenter-mobile .col-8 .col-8-content-ul {
  margin-top: 0.32rem;
  display: flex;
  flex-wrap: wrap;
}
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li {
  width: 3.28rem;
  height: 3.92rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0.2rem;
  padding: 0.4rem;
  text-align: center;
  margin: 0px 0.32rem 0.32rem 0px;
}
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li:nth-child(2n) {
  margin-right: 0px;
}
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li:nth-child(3),
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li:nth-child(4) {
  height: 4.32rem;
  margin-bottom: 0px;
}
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li img {
  width: 1.28rem;
  height: 1.28rem;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 0.08rem 0.4rem 0px rgba(6, 30, 67, 0.06);
}
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li .title {
  margin: 0.4rem 0px 0.2rem;
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.38rem;
}
.goverenter-mobile .col-8 .col-8-content-ul .col-8-content-li .desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.4rem;
  white-space: nowrap;
}
.goverenter-mobile .col-9 {
  width: 100%;
  background: #FEFBFB;
  padding: 0.64rem 0.32rem 0.32rem 0.34rem;
}
.goverenter-mobile .col-9-title,
.goverenter-mobile .col-9-title1 {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #CD2522;
  line-height: 0.84rem;
  text-align: center;
}
.goverenter-mobile .col-9-title1 {
  color: #121212;
}
.goverenter-mobile .col-9 .col-9-content-ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.32rem;
}
.goverenter-mobile .col-9 .col-9-content-ul .col-9-content-li {
  width: 3.3rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.64rem 0px rgba(85, 0, 0, 0.07);
  border-radius: 0.2rem;
  margin: 0px 0.24rem 0.32rem 0px;
}
.goverenter-mobile .col-9 .col-9-content-ul .col-9-content-li:nth-child(2n) {
  margin-right: 0px;
}
.goverenter-mobile .col-9 .col-9-content-ul .col-9-content-li img {
  width: 3.3rem;
  height: 0.86rem;
  display: block;
  border-radius: 0.2rem 0.2rem 0px 0px;
}
.goverenter-mobile .col-9 .col-9-content-ul .col-9-content-li .desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #000000;
  line-height: 0.44rem;
  padding: 0.32rem;
}
.goverenter-mobile .col-10 {
  width: 100%;
  background: #FEFBFB;
  padding: 0.64rem 0px;
}
.goverenter-mobile .col-10-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #191919;
  line-height: 0.84rem;
  text-align: center;
}
.goverenter-mobile .col-10 .col-10-content-ul {
  margin: 0.48rem auto 0px;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li {
  width: 6.86rem;
  height: 1.52rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.64rem 0px rgba(0, 36, 89, 0.06);
  border-radius: 0.2rem;
  margin: 0px auto 0.32rem;
  padding: 0.32rem 0.48rem 0.36rem;
  cursor: pointer;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 0.2rem;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li:last-child {
  margin-bottom: 0px;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li .left {
  display: flex;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li .left img {
  width: 0.88rem;
  height: 0.88rem;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li .left .title {
  font-size: 0.32rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  color: #121212;
  line-height: 0.38rem;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li .left .desc {
  font-size: 0.24rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.28rem;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li .left .leftTxt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 0.32rem;
}
.goverenter-mobile .col-10 .col-10-content-ul .col-10-content-li .right a {
  font-size: 0.28rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: #CD2522;
  line-height: 0.32rem;
}
.goverEnter-details {
  width: 100%;
  font-weight: 400;
  color: #000;
  text-align: left;
}
.goverEnter-details .goverEnter-content {
  height: 100%;
  padding: 0.7rem 0;
  margin: 0 0.35rem;
}
.goverEnter-details .goverEnter-content p:first-of-type {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.45rem;
  margin-bottom: 0.2rem;
}
.goverEnter-details .goverEnter-content p:nth-of-type(2) {
  font-size: 0.3rem;
  line-height: 0.42rem;
  margin-bottom: 0.4rem;
}
.goverEnter-details .goverEnter-content span {
  display: block;
  font-size: 0.24rem;
  line-height: 0.33rem;
  margin-bottom: 0.16rem;
}
.goverEnter-details .goverEnter-content img {
  margin-top: 0.34rem;
  width: 6.8rem;
  height: 3.84rem;
}
.new-container {
  min-width: 1350px;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
  background-color: #FAFBFC;
}
.new-container .new-bgm {
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #FAFBFC;
}
.new-container .new-body {
  width: 1200px;
  margin: 0 auto;
  padding-top: 154px;
}
.new-container .new-body .new-search {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-container .new-body .new-search .search-input {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 503px;
  height: 44px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(7, 9, 16, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: none;
}
.new-container .new-body .new-search .search-input > img {
  margin: 0 8px 0 12px;
}
.new-container .new-body .new-search .search-input .search-content,
.new-container .new-body .new-search .search-input input {
  background-color: #FFFFFF;
}
.new-container .new-body .new-search input {
  width: 440px;
  border: none;
  outline: none;
}
.new-container .new-body .new-search input::placeholder {
  position: relative;
  top: 1px;
  color: #A6AAB0;
  font-size: 16px;
}
.new-container .new-body .new-search .search-btn {
  text-align: center;
  display: inline-block;
  width: 72px;
  height: 44px;
  background: #0758F1;
  border-radius: 4px 4px 4px 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  border: none;
  margin-left: 10px;
  cursor: pointer;
}
.new-container .new-body .new-search .search-btn:hover {
  background-color: #0646C1;
}
.new-container .new-body .search-word-key {
  width: 588px;
  margin: 16px auto;
  margin-bottom: 112px;
  font-size: 16px;
  color: #002E85;
}
.new-container .new-body .search-word-key > span {
  margin-right: 16px;
  cursor: pointer;
}
.new-container .new-body > h1 {
  font-size: 44px;
  font-weight: 600;
  color: #011129;
  line-height: 52px;
  text-align: center;
  margin-bottom: 44px;
}
.new-container .new-body > ul {
  overflow: hidden;
}
.new-container .new-body > ul > li {
  width: 388px;
  height: 264px;
  padding: 24px;
  padding-top: 0;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(8, 6, 67, 0.04);
  border-radius: 6px 6px 6px 6px;
  float: left;
  margin-bottom: 18px;
}
.new-container .new-body > ul > li:nth-child(3n+2) {
  margin: 0 18px;
}
.new-container .new-body > ul > li .sketch .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 68px;
  border-bottom: 1px solid rgba(8, 6, 67, 0.04);
}
.new-container .new-body > ul > li .sketch .left img {
  width: 24px;
  height: 24px;
}
.new-container .new-body > ul > li .sketch .left > span {
  font-size: 16px;
  font-weight: 500;
  color: #262832;
  line-height: 24px;
  margin-left: 12px;
}
.new-container .new-body > ul > li .desc {
  padding-top: 20px;
}
.new-container .new-body > ul > li .desc > div > div {
  margin-bottom: 20px;
}
.new-container .new-body > ul > li .desc > div > div a {
  font-size: 16px;
  font-weight: 400;
  color: #262832;
}
.new-container .new-body > ul > li .desc > div > div a:hover {
  color: #0758F1;
}
.new-container .new-body > ul > li .desc > a {
  display: inline-block;
  width: 56px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #0758F1;
  line-height: 20px;
}
.new-mobile-container {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
  background-color: #FAFBFC;
}
.new-mobile-container .new-mobile-bgm {
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #FAFBFC;
}
.new-mobile-container .new-mobile-bgm .title {
  font-size: 0.48rem /* 24/50 */;
  font-weight: 600;
  color: #011129;
  line-height: 36px;
  padding-top: 2.76rem /* 138/50 */;
  text-align: center;
}
.new-mobile-container .new-mobile-bgm .search-key-world {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 6.88rem /* 344/50 */;
  margin: 0.32rem 0px 0.32rem 0.32rem /* 16/50 */;
  margin-right: 0px;
}
.new-mobile-container .new-mobile-bgm .search-key-world > span {
  color: #273883;
}
.new-mobile-container .new-mobile-bgm .search-key-world .text-bgm {
  display: inline-block;
  height: 0.48rem /* 24/50 */;
  background: rgba(210, 221, 249, 0.32);
  border-radius: 4px 4px 4px 4px;
  text-align: center;
  color: #273883;
  line-height: 0.36rem /* 24/50 */;
  padding: 0.06rem 0.1rem;
}
.new-mobile-container .new-mobile-bgm .search-key-world > div {
  flex: 1;
  white-space: nowrap;
  overflow-x: auto;
}
.new-mobile-container .new-mobile-bgm .search-key-world > div > span {
  margin-right: 0.2rem /* 10/50 */;
}
.new-mobile-container .new-mobile-bgm .indexListUl {
  min-height: 8rem;
  height: auto;
}
.new-mobile-container .new-mobile-bgm .mobile-card {
  width: 6.86rem /* 343/50 */;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px 0px rgba(8, 6, 67, 0.05);
  border-radius: 10px 10px 10px 10px;
  margin: 0 auto;
  padding: 0.4rem 0.32rem /* 16/50 */ 0.4rem /* 20/50 */;
  margin-bottom: 0.32rem /* 16/50 */;
}
.new-mobile-container .new-mobile-bgm .mobile-card .mobile-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.32rem /* 16/50 */;
  border-bottom: 1px solid rgba(0, 17, 61, 0.05);
}
.new-mobile-container .new-mobile-bgm .mobile-card .mobile-card-top .left > span {
  font-size: 0.32rem;
  font-weight: bold;
  color: #262832;
  line-height: 0.48rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card .desc {
  margin-top: 0.32rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card .desc .descItem {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card .desc .descItem > img {
  width: 0.4rem;
  height: 0.4rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card .desc .descItem > a {
  font-size: 0.32rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.48rem;
  margin-left: 0.24rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card .desc .descItem:nth-child(1) {
  margin-top: 0px;
}
.new-mobile-container .new-mobile-bgm .mobile-card img {
  width: 0.48rem;
  height: 0.48rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card span {
  vertical-align: middle;
  margin-left: 0.24rem;
}
.new-mobile-container .new-mobile-bgm .mobile-card .lookMore {
  font-size: 0.28rem;
  font-weight: 400;
  color: #0758F1;
  line-height: 0.4rem;
}
.search-content {
  display: flex;
  align-items: center;
  width: 504px;
  height: 38px;
  padding: 12px;
  background: #F2F4F7;
  border-radius: 4px 4px 4px 4px;
  position: relative;
  border: 1px solid transparent;
}
.search-content input {
  width: 388px;
  margin-left: 8px;
  border: none;
  outline: none;
  background-color: #F2F4F7;
}
.search-content input::placeholder {
  color: #A6AAB0;
}
.search-content .focus-search {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding-left: 16px;
  color: #0758F1;
  border-left: 1px solid #0758F1;
}
.search-content .suggestion-list {
  position: absolute;
  top: 52px;
  left: 0;
  width: 585px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  padding: 8px 0px;
  box-shadow: 0px 4px 24px rgba(3, 0, 33, 0.1);
}
.search-content .suggestion-list li {
  width: 100%;
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 12px;
  cursor: pointer;
}
.search-content .suggestion-list li p {
  margin-left: 9px;
}
.search-content .suggestion-list li:hover {
  background-color: #EDF3FF;
}
.search-content .local-list {
  position: absolute;
  top: 52px;
  left: 0;
  width: 585px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  padding: 8px 0px;
  box-shadow: 0px 4px 24px rgba(3, 0, 33, 0.1);
}
.search-content .local-list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 12px;
  cursor: pointer;
}
.search-content .local-list li .localLeft {
  display: flex;
  align-items: center;
}
.search-content .local-list li .delIcon {
  width: 20px;
  height: 20px;
}
.search-content .local-list li p {
  margin-left: 9px;
}
.search-content .local-list li:hover {
  background-color: #EDF3FF;
}
.search-mobile {
  width: 6.88rem /* 344/50 */;
  height: 0.88rem /* 44/50 */;
  margin: 0 auto;
  margin-top: 0.48rem;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(7, 9, 16, 0.05);
  border: 6px;
  display: flex;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.24rem /* 12/50 */;
  border-radius: 0.12rem 0px 0px 0.12rem;
  position: relative;
}
.search-mobile .emptyIcon {
  position: absolute;
  right: 1.68rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.36rem;
  height: 0.36rem;
}
.search-mobile .emptyIcon > img {
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: auto;
}
.search-mobile > input {
  flex: 1;
  border: none;
  padding-left: 0.16rem /* 8/50 */;
  outline: none;
}
.search-mobile > input::placeholder {
  color: #A6AAB0;
}
.search-mobile .search-bottom {
  width: 1.44rem /* 72/50 */;
  height: 0.88rem /* 44/50 */;
  background: #0758F1;
  border: none;
  border-radius: 0 6px 6px 0;
  color: #fff;
  font-size: 0.32rem;
}
.search-page {
  width: 100%;
  height: 100vh;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #FAFBFC;
  padding: 0px 15px 0px 16px;
}
.search-page .search-mobile {
  margin: 0px;
  position: relative;
}
.search-page .search-mobile .emptyIcon {
  position: absolute;
  right: 1.68rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.36rem;
  height: 0.36rem;
}
.search-page .search-mobile .emptyIcon > img {
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: auto;
}
.search-page .seachrHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.26rem 0.3rem 0.26rem 0.39rem;
  width: 100%;
  height: 0.89rem;
  background: #FFFFFF;
  opacity: 1;
}
.search-page .seachrHeader .seachrHeader_left {
  display: flex;
  align-items: center;
}
.search-page .seachrHeader .seachrHeader_left .header_logo {
  width: 1.26rem;
  height: 0.54rem;
  margin-top: 0.07rem;
  object-fit: contain;
}
.search-page .seachrHeader .seachrHeader_left .helpName {
  font-size: 0.28rem;
  font-weight: bold;
  color: #000000;
  line-height: 0.4rem;
  margin-left: 0.14rem;
}
.search-page .seachrHeader .header_closeIcon {
  width: 0.48rem;
  height: 0.48rem;
  object-fit: contain;
}
.search-page .suggestion-list {
  position: absolute;
  top: 1.12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 6.86rem;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 4px 20px 0px rgba(186, 198, 238, 0.25);
  border-radius: 0.12rem;
  padding: 0.08rem 0px;
}
.search-page .suggestion-list .suggestion-item {
  padding: 0.34rem 0.32rem;
}
.search-page .suggestion-list .suggestion-item > p {
  font-size: 0.32rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.44rem;
}
.search-page .suggestion-list .suggestion-item:hover {
  background-color: #EDF3FF;
}
.search-page .local-list {
  position: absolute;
  top: 1.12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 6.86rem;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 4px 20px 0px rgba(186, 198, 238, 0.25);
  border-radius: 0.12rem;
  padding: 0.08rem 0px;
}
.search-page .local-list .local-item {
  padding: 0.34rem 0.32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-page .local-list .local-item .localLeft {
  font-size: 0.32rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.44rem;
  display: flex;
  align-items: center;
}
.search-page .local-list .local-item .localLeft > img {
  width: 0.36rem;
  height: 0.36rem;
  object-fit: contain;
  margin-right: 0.2rem;
}
.search-page .local-list .local-item .delIcon {
  width: 0.4rem;
  height: 0.4rem;
}
.new-container {
  min-width: 1350px;
  background-color: #F7F8FA;
}
.new-help-header {
  font-family: PingFangSC-Medium, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  width: 100%;
  min-width: 1350px;
  height: 100px !important;
  color: #fff;
  background-color: #ffffff;
}
.new-help-header .new-banner-content {
  position: relative;
  height: 100px;
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
}
.new-help-header .new-banner-content .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.new-help-header .new-banner-content .left .line {
  height: 20px;
  width: 1px;
  background-color: #999999;
  margin: 0 20px;
}
.new-help-header .new-banner-content .left .txt {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.new-help-header .new-banner-content .right {
  position: relative;
  display: flex;
}
.new-help-header .new-banner-content .right input {
  margin: 0;
  padding: 0px 0px 0px 20px;
  width: 420px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #DCDCDC;
  border-radius: 2px;
  background: transparent;
  outline: none;
  font-size: 16px;
  color: #333 !important;
}
.new-help-header .new-banner-content .right input::-webkit-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.new-help-header .new-banner-content .right input::-moz-placeholder {
  font-size: 16px;
  color: #999999;
}
.new-help-header .new-banner-content .right input:-ms-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.new-help-header .new-banner-content .right .ss_btn {
  width: 100px;
  height: 40px;
  border-radius: 2px;
  background-color: #398BF7;
  color: #fff;
  outline: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.new-help-header .new-banner-content .nav-logo {
  width: 94px;
  height: 40px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg') no-repeat;
  -o-background-size: 94px 40px;
  background-size: 94px 40px;
}
.new-help-header .new-banner-content .jg {
  color: #fff;
  text-align: left;
  font-size: 15px;
  margin-top: 50px;
}
.new-help-header .new-banner-content .jg span {
  color: #fff;
}
.new-help-header .new-banner-content .jg a:after {
  content: ' >';
}
.new-help-header .new-banner-content .jg a:hover {
  text-decoration: underline;
}
.new-help-banner {
  background-color: #F7F8FA;
  padding-top: 20px;
  font-family: PingFangSC-Medium, sans-serif;
}
.new-help-banner .banner-content {
  width: 1200px;
  height: 110px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/search/nuoyun-banner.png');
  -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  position: relative;
}
.new-help-banner .banner-content div {
  position: absolute;
  top: 24px;
  left: 24px;
}
.new-help-banner .banner-content div h2 {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
}
.new-help-banner .banner-content div span {
  cursor: pointer;
}
.new-help-banner .banner-content div p {
  margin-top: 8px;
  font-size: 14px;
  color: #fff;
}
.new-helpTab {
  width: 1200px;
  margin: 20px auto;
  height: 54px;
  background-color: #F7F8FA;
  font-family: PingFangSC-Medium, sans-serif;
}
.new-helpTab ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  background-color: #fff;
}
.new-helpTab ul a {
  text-decoration: none;
  color: #333;
}
.new-helpTab ul li {
  line-height: 51px;
  margin-left: 50px;
  font-size: 18px;
  cursor: pointer;
}
.new-helpTab ul li.active {
  font-size: 18px;
  color: #398BF7;
}
.new-helpTab ul li.active::after {
  width: 60px;
  height: 4px;
  margin: 0 auto;
  background-color: #398BF7;
  content: '';
  display: block;
  clear: both;
  border-radius: 3px;
}
.new-HelpPage {
  font-family: PingFangSC-Medium, sans-serif;
  background-color: #F7F8FA;
}
.new-HelpPage .newHand .mustRead {
  width: 1200px;
  height: 280px;
  margin: 0 auto;
  background-color: #fff;
}
.new-HelpPage .newHand .mustRead .title {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding-top: 50px;
}
.new-HelpPage .newHand .mustRead ul {
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.new-HelpPage .newHand .mustRead ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
}
.new-HelpPage .newHand .mustRead ul li p {
  font-size: 16px;
  color: #000;
  margin-top: 20px;
}
.new-HelpPage .newHand .mustRead ul li img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}
.new-HelpPage .newHand .FAQ {
  width: 1200px;
  margin: 20px auto;
  background-color: #fff;
}
.new-HelpPage .newHand .FAQ .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 50px 0 30px 0;
}
.new-HelpPage .newHand .FAQ ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 30px 50px;
}
.new-HelpPage .newHand .FAQ ul li {
  width: 370px;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #DCDCDC;
  height: 182px;
  cursor: pointer;
}
.new-HelpPage .newHand .FAQ ul li .sketch {
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  border-bottom: 1px solid #DCDCDC;
  cursor: pointer;
  justify-content: space-between;
}
.new-HelpPage .newHand .FAQ ul li .sketch .left {
  display: flex;
}
.new-HelpPage .newHand .FAQ ul li .sketch p {
  font-weight: bold;
}
.new-HelpPage .newHand .FAQ ul li .sketch img {
  margin: 0 15px;
}
.new-HelpPage .newHand .FAQ ul li .sketch a {
  color: #398BF7;
  margin-right: 15px;
}
.new-HelpPage .newHand .FAQ ul li .desc {
  line-height: 1.8;
  padding: 20px 15px;
}
.new-HelpPage .newHand .FAQ ul li:nth-child(3n+3) {
  margin-right: 0 ;
}
.new-HelpPage .newHand .FAQ ul li:hover {
  border-color: #398BF7;
}
.new-HelpPage .newHand .FAQ ul li:hover .sketch {
  border-color: #398BF7;
}
.new-HelpPage .newHand .recentNews {
  width: 1200px;
  margin: 0 auto 20px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}
.new-HelpPage .newHand .recentNews .left img {
  display: block;
}
.new-HelpPage .newHand .recentNews .list {
  width: 720px;
  padding: 35px 40px;
}
.new-HelpPage .newHand .recentNews .list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
  cursor: pointer;
  color: #333;
}
.new-HelpPage .newHand .recentNews .list li .text {
  line-height: 22px;
  font-size: 16px;
  font-weight: bold;
}
.new-HelpPage .newHand .recentNews .list li .time {
  font-size: 14px;
}
.new-HelpPage .newHand .recentNews .list li .text:hover {
  color: #398BF7;
}
.new-HelpPage .newHand .recentNews .list li:nth-child(1) {
  margin-top: 0;
}
.new-newbie {
  font-family: PingFangSC-Medium, sans-serif;
  background-color: #F7F8FA;
}
.new-newbie .content {
  width: 1200px;
  margin: 0 auto 20px;
  background-color: #fff;
}
.new-newbie .content .title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding-top: 50px;
  margin-bottom: 30px;
}
.new-newbie .content .flow {
  width: 1130px;
  margin: 0 auto;
  border: 1px solid #EEEEEE;
}
.new-newbie .content .flow .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EEEEEE;
}
.new-newbie .content .flow .list .info {
  width: 28%;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-top: 30px;
}
.new-newbie .content .flow .list ul {
  width: 72%;
  padding-bottom: 30px;
  margin: 30px 40px 0 30px;
  border-left: 2px solid #398BF7;
}
.new-newbie .content .flow .list ul li {
  position: relative;
  height: 40px;
  line-height: 40px;
  margin-top: 40px;
}
.new-newbie .content .flow .list ul li i {
  position: absolute;
  top: 10px;
  left: -11px;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #398BF7;
}
.new-newbie .content .flow .list ul li .desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-left: 60px;
  font-size: 16px;
}
.new-newbie .content .flow .list ul li .desc button {
  border: none;
  outline: none;
  background: #fff;
  border: 1px solid #398BF7;
  color: #398BF7;
  width: 100px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
}
.new-newbie .content .flow .list ul li .desc button a {
  color: #398BF7;
}
.new-help-wrapper {
  font-family: PingFangSC-Medium, sans-serif;
  width: 100%;
  min-width: 1350px;
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  background-color: #F7F8FA;
}
.new-help-wrapper .help-content {
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-top: 12px;
}
.new-help-wrapper .help-content .help-left {
  width: 240px;
  min-height: 500px;
  background-color: #fff;
  margin-right: 20px;
}
.new-help-wrapper .help-content .help-left .left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  cursor: pointer;
  min-height: 50px;
  overflow: auto;
  border-bottom: 1px solid #eee;
}
.new-help-wrapper .help-content .help-left .left-content .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-help-wrapper .help-content .help-left .left-content .icon-carset {
  line-height: 0;
  margin-left: 15px;
  color: #999;
  width: 12px;
  height: 12px;
}
.new-help-wrapper .help-content .help-left .left-content .icon-carset.bottom {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.new-help-wrapper .help-content .help-left .left-content .mr-23 {
  margin-right: 23px !important;
}
.new-help-wrapper .help-content .help-left .left-content span {
  display: block;
  color: #000;
  font-size: 16px;
  line-height: 42px;
  font-weight: 500;
}
.new-help-wrapper .help-content .help-left .left-content span a {
  color: #666;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop {
  width: 100%;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop div {
  min-height: 50px;
  justify-content: space-between;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop p {
  margin-top: 10px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-animation: opacity 300ms ease;
  -moz-animation: opacity 300ms ease;
  -o-animation: opacity 300ms ease;
  animation: opacity 300ms ease;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop p a {
  display: block;
  width: 100%;
  color: #398BF7;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop p span {
  width: 100%;
  display: block;
  font-size: 14px;
  padding-left: 43px;
  border-left: 2px solid transparent;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop p span:hover {
  background: #F5F9FF;
  color: #398BF7;
  border-color: #398BF7;
}
.new-help-wrapper .help-content .help-left .left-content .text-drop p span.active {
  color: #398BF7;
  background: #F5F9FF;
  border-color: #398BF7;
}
@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.new-help-wrapper .help-content .helpcontent-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  padding-left: 30px;
  padding-bottom: 80px;
  background-color: #fff;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs {
  padding: 15px;
  font-size: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs a {
  color: #000000;
  font-size: 16px;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs a:hover {
  color: #428bca;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs a::after {
  content: "/";
  width: 12px;
  height: 12px;
  margin: 10px;
  color: #666 !important;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs a:last-child::after {
  content: "";
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs ol {
  font-size: 16px;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs .searchTag {
  font-size: 16px;
}
.new-help-wrapper .help-content .helpcontent-right .bread-crumbs .searchTag span {
  color: #2f9cf4;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content {
  margin-left: 15px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content h1,
.new-help-wrapper .help-content .helpcontent-right .helpright-content h2,
.new-help-wrapper .help-content .helpcontent-right .helpright-content h3,
.new-help-wrapper .help-content .helpcontent-right .helpright-content h4,
.new-help-wrapper .help-content .helpcontent-right .helpright-content h5,
.new-help-wrapper .help-content .helpcontent-right .helpright-content h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content h1 {
  font-size: 20px;
  margin-top: 40px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content h2 {
  font-size: 18px;
  margin-top: 40px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content h3 {
  margin-top: 30px;
  font-size: 14px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content table thead tr {
  background-color: #f7f8fa;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content table thead tr th {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content table tbody tr td {
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
  text-align: center;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content ul li a {
  color: #666;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list {
  padding-right: 30px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list li {
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list li a {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list li p {
  color: #666666;
  font-size: 12px;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list li:hover a {
  color: #2f9cf4;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list li:hover p {
  color: #398BF7;
}
.new-help-wrapper .help-content .helpcontent-right .helpright-content .list li::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #398BF7;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.new-help-wrapper .help-content .help-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  padding-left: 30px;
  padding-bottom: 80px;
  background-color: #fff;
}
.new-help-wrapper .help-content .help-right .bread-crumbs {
  padding: 30px;
  font-size: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EEEEEE;
}
.new-help-wrapper .help-content .help-right .bread-crumbs .searchTag {
  font-size: 16px;
}
.new-help-wrapper .help-content .help-right .bread-crumbs .searchTag span {
  color: #2f9cf4;
}
.new-help-wrapper .help-content .help-right .bread-crumbs a {
  color: #000;
  font-size: 16px;
}
.new-help-wrapper .help-content .help-right .bread-crumbs a:hover {
  color: #428bca;
}
.new-help-wrapper .help-content .help-right .bread-crumbs a::after {
  content: "/";
  width: 12px;
  height: 12px;
  margin: 10px;
  color: #666 !important;
}
.new-help-wrapper .help-content .help-right .bread-crumbs a:last-child::after {
  content: "";
}
.new-help-wrapper .help-content .help-right .bread-crumbs ol {
  font-size: 16px;
}
.new-help-wrapper .help-content .help-right .pages-wrapper {
  height: 50px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c p.page-outside {
  width: 80px;
  color: #555;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c p {
  width: 50px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c p.page-outside:hover {
  background: #0758f1;
  color: #fff;
  border: 1px solid #0758f1;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c p.disabled {
  width: 80px;
  color: #555;
  cursor: not-allowed;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.new-help-wrapper .help-content .help-right .pages-wrapper .text-c .page-center li {
  width: 50px;
  height: 34px;
}
.new-help-wrapper .help-content .help-right .right-content {
  padding: 0 30px 0 15px;
  max-width: 940px;
}
.new-help-wrapper .help-content .help-right .right-content p img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain;
}
.new-help-wrapper .help-content .help-right .right-content h1,
.new-help-wrapper .help-content .help-right .right-content h2,
.new-help-wrapper .help-content .help-right .right-content h3,
.new-help-wrapper .help-content .help-right .right-content h4,
.new-help-wrapper .help-content .help-right .right-content h5,
.new-help-wrapper .help-content .help-right .right-content h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
}
.new-help-wrapper .help-content .help-right .right-content h1 {
  font-size: 20px;
  margin-top: 40px;
}
.new-help-wrapper .help-content .help-right .right-content h2 {
  font-size: 18px;
  margin-top: 40px;
}
.new-help-wrapper .help-content .help-right .right-content h3 {
  margin-top: 30px;
  font-size: 14px;
}
.new-help-wrapper .help-content .help-right .right-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}
.new-help-wrapper .help-content .help-right .right-content table thead tr {
  background-color: #f7f8fa;
}
.new-help-wrapper .help-content .help-right .right-content table thead tr th {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
}
.new-help-wrapper .help-content .help-right .right-content table tbody tr td {
  line-height: 200%;
  padding: 5px 15px;
  border: 1px solid #e4eaec;
  text-align: center;
}
.new-help-wrapper .help-content .help-right .right-content .list li {
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.new-help-wrapper .help-content .help-right .right-content .list li a {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}
.new-help-wrapper .help-content .help-right .right-content .list li p {
  color: #666666;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.new-help-wrapper .help-content .help-right .right-content .list li p img {
  margin-right: 6px;
}
.new-help-wrapper .help-content .help-right .right-content .list li:hover a {
  color: #2f9cf4;
}
.new-help-wrapper .help-content .help-right .right-content .list li:hover p {
  color: #398BF7;
}
.new-help-wrapper .help-content .help-right .right-content .list li::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #398BF7;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.new-help-wrapper .help-content .help-right .right-content .artical-con {
  min-width: 800px;
  margin: 0px 0px 50px;
  overflow: hidden;
}
.new-help-wrapper .help-content .help-right .right-content .artical-con .art-title {
  margin: 10px 0 30px;
}
.new-help-wrapper .help-content .help-right .right-content .artical-con .art-title .title {
  width: 90%;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.new-help-wrapper .help-content .help-right .right-content .artical-con .art-title .right {
  display: flex;
  justify-content: space-between;
}
.new-help-wrapper .help-content .help-right .right-content .artical-con .art-title .right .create_time {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  align-items: center;
  display: flex;
}
.new-help-wrapper .help-content .help-right .right-content .artical-con .art-title .right .create_time img {
  margin-right: 6px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price {
  position: relative;
  margin: 0 18px;
  border: 1px solid #ededed;
  background-color: #f9f9f9;
  padding: 37px 190px 40px;
  padding: 37px 20px;
  margin: 0;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .overview {
  vertical-align: text-bottom;
  font-size: 16px;
  line-height: 26px;
  color: #2f9cf4;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .overview .num {
  font-size: 30px;
  display: inline-block;
  margin-left: 10px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .overview .plus {
  font-size: 30px;
  margin: 0 25px;
  vertical-align: text-bottom;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .compute {
  padding: 40px 0;
  border-bottom: 1px solid #ededed;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .compute .formLine {
  position: relative;
  padding-left: 106px;
  line-height: 35px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .formLine {
  margin-bottom: 20px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .formLine .leftlabel {
  position: absolute;
  left: 0;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .formLine .form-control {
  height: 34px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .formLine select {
  width: 210px;
  display: inline-block;
  margin-right: 20px;
  height: 35px;
  border-radius: 0;
  outline: none;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .formLine input {
  border-radius: 0;
  width: 110px;
  height: 35px;
  display: inline-block;
  margin-right: 20px;
  outline: none;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .formLine .computeResult {
  font-size: 32px;
  margin-right: 8px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .computeNote {
  padding-top: 40px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .computeNote .note-pricelabel {
  display: inline-block;
  color: #fff;
  background-color: #2f9cf4;
  padding: 0 10px;
  font-size: 14px;
  line-height: 26px;
  border-radius: 3px;
  margin-right: 22px;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .computeNote ul {
  padding: 0 !important;
  margin: 0 !important;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .computeNote ul li {
  list-style: none !important;
  margin-bottom: 10px;
  color: #777;
}
.new-help-wrapper .help-content .help-right .right-content .m-price .computeNote ul li .dot {
  margin-right: 10px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ededed;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc {
  width: 500px;
  margin-top: 30px;
  margin-left: 20px;
  font-size: 14px;
  overflow: hidden;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc div {
  width: 100%;
  height: 50px;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc label {
  display: inline-block;
  width: 80px;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 110px;
  height: 35px !important;
  padding-left: 5px;
  outline: none;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc select {
  width: 210px;
  height: 35px;
  margin-left: 20px;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc select option {
  width: 100%;
  height: 30px;
}
.new-help-wrapper .help-content .help-right .right-content .compute_1 .calc #result {
  display: inline-block;
  margin-left: 39px;
  margin-right: 5px;
  color: #2f9cf4;
  font-size: 30px;
}
.new-search-wrapper {
  font-family: PingFangSC-Medium, sans-serif;
}
.new-search-wrapper .search-result {
  width: 1000px;
  min-height: 300px;
  margin: 30px auto 10px;
}
.new-search-wrapper .search-result a {
  border-bottom: 1px dashed #CCC;
  margin-top: 18px;
  height: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.new-search-wrapper .search-result a h5 {
  line-height: 1.1;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  height: 24px;
}
.new-search-wrapper .search-result a h5:hover {
  font-size: 18px;
  font-weight: bold;
}
.new-search-wrapper .search-result a p:first-of-type {
  color: #999;
  font-size: 15px;
  line-height: 35px;
  margin-top: 6px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-search-wrapper .search-result a p:nth-of-type(2) {
  color: #999;
  font-size: 15px;
  margin-bottom: 20px;
}
.new-search-wrapper .pages-wrapper {
  height: 50px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
}
.new-search-wrapper .pages-wrapper .text-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.new-search-wrapper .pages-wrapper .text-c p.page-outside {
  width: 80px;
  color: #555;
}
.new-search-wrapper .pages-wrapper .text-c p {
  width: 50px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  background-color: #fff;
  color: #555;
  cursor: pointer;
}
.new-search-wrapper .pages-wrapper .text-c p.page-outside:hover {
  background: #37a4f5;
  color: #fff;
}
.new-search-wrapper .pages-wrapper .text-c p.disabled {
  width: 80px;
  color: #555;
  cursor: no-allowed;
}
.new-search-wrapper .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.new-search-wrapper .pages-wrapper .text-c .page-center li {
  width: 50px;
  height: 34px;
}
.new-search-wrapper .search-noData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin: 80px 0px;
}
.new-search-wrapper .search-noData span {
  font-size: 15px;
}
.new-search-wrapper .search-noData img {
  width: 162px;
  height: 183px;
}
.new-mobile-container {
  background-color: #F7F8FA;
}
.new-mobile-container .new-help-wrapper {
  font-family: PingFangSC-Medium, sans-serif;
  width: 100%;
  min-width: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  background-color: #F7F8FA;
}
.new-mobile-container .new-help-wrapper .help-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-top: 0.12rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-left {
  width: 30%;
  min-height: 5rem;
  background-color: #fff;
  margin-right: 0.2rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  cursor: pointer;
  min-height: 0.5rem;
  overflow: auto;
  border-bottom: 0.01rem solid #eee;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .icon-carset {
  line-height: 0;
  margin-left: 0.15rem;
  color: #999;
  width: 0.12rem;
  height: 0.12rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .icon-carset.bottom {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .mr-23 {
  margin-right: 0.23rem !important;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content span {
  display: block;
  color: #000;
  font-size: 0.12rem;
  line-height: 0.62rem;
  font-weight: 500;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content span a {
  color: #666;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop {
  width: 100%;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop div {
  min-height: 0.8rem;
  justify-content: space-between;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop p {
  margin-top: 0.1rem;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-animation: opacity 300ms ease;
  -moz-animation: opacity 300ms ease;
  -o-animation: opacity 300ms ease;
  animation: opacity 300ms ease;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop p a {
  display: block;
  width: 100%;
  color: #398BF7;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop p span {
  width: 100%;
  display: block;
  font-size: 0.12rem;
  padding-left: 0.43rem;
  border-left: 0.02rem solid transparent;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop p span:hover {
  background: #F5F9FF;
  color: #398BF7;
  border-color: #398BF7;
}
.new-mobile-container .new-help-wrapper .help-content .help-left .left-content .text-drop p span.active {
  color: #398BF7;
  background: #F5F9FF;
  border-color: #398BF7;
}
@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  padding-left: 0.3rem;
  padding-bottom: 0.8rem;
  background-color: #fff;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs {
  padding: 0.15rem;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #ccc;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs a {
  color: #000000;
  font-size: 0.16rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs a:hover {
  color: #428bca;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs a::after {
  content: "/";
  width: 0.12rem;
  height: 0.12rem;
  margin: 0.1rem;
  color: #666 !important;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs a:last-child::after {
  content: "";
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs ol {
  font-size: 0.16rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs .searchTag {
  font-size: 0.16rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .bread-crumbs .searchTag span {
  color: #2f9cf4;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content {
  margin-left: 0.15rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h1,
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h2,
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h3,
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h4,
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h5,
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h1 {
  font-size: 0.2rem;
  margin-top: 0.4rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h2 {
  font-size: 0.18rem;
  margin-top: 0.4rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content h3 {
  margin-top: 0.3rem;
  font-size: 0.14rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0.1rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content table thead tr {
  background-color: #f7f8fa;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content table thead tr th {
  font-size: 0.14rem;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 200%;
  padding: 0.05rem 0.15rem;
  border: 0.01rem solid #e4eaec;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content table tbody tr td {
  line-height: 200%;
  padding: 0.05rem 0.15rem;
  border: 0.01rem solid #e4eaec;
  text-align: center;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content ul li a {
  color: #666;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list {
  padding-right: 0.3rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list li {
  line-height: 0.24rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  position: relative;
  flex-wrap: wrap;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list li a {
  color: #000000;
  font-size: 0.14rem;
  font-weight: 400;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list li p {
  color: #666666;
  font-size: 0.12rem;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list li:hover a {
  color: #2f9cf4;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list li:hover p {
  color: #398BF7;
}
.new-mobile-container .new-help-wrapper .help-content .helpcontent-right .helpright-content .list li::before {
  content: '';
  display: block;
  width: 0.03rem;
  height: 0.03rem;
  border-radius: 50%;
  background-color: #398BF7;
  position: absolute;
  top: 50%;
  left: -0.15rem;
  transform: translateY(-50%);
}
.new-mobile-container .new-help-wrapper .help-content .help-right {
  width: 70%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  padding-left: 0.3rem;
  padding-bottom: 0.8rem;
  background-color: #fff;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs {
  padding: 0.3rem;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
  border-bottom: 0.01rem solid #EEEEEE;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs .searchTag {
  font-size: 0.16rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs .searchTag span {
  color: #2f9cf4;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs a {
  color: #000;
  font-size: 0.16rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs a:hover {
  color: #428bca;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs a::after {
  content: "/";
  width: 0.12rem;
  height: 0.12rem;
  margin: 0.1rem;
  color: #666 !important;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs a:last-child::after {
  content: "";
}
.new-mobile-container .new-help-wrapper .help-content .help-right .bread-crumbs ol {
  font-size: 0.16rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper {
  width: 100%;
  height: 0.5rem;
  margin: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c p.page-outside {
  min-width: 0.8rem;
  color: #555;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c p {
  min-width: 0.5rem;
  height: 0.42rem;
  border-radius: 0.1rem;
  border: 0.01rem solid #ccc;
  text-align: center;
  line-height: 0.42rem;
  margin-left: 0.1rem;
  background-color: #fff;
  color: #555;
  cursor: pointer;
  font-size: 0.18rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c p.page-outside:hover {
  background: #37a4f5;
  color: #fff;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c p.disabled {
  min-width: 0.8rem;
  color: #555;
  cursor: not-allowed;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .pages-wrapper .text-c .page-center li {
  width: 0.5rem;
  height: 0.34rem;
  border-bottom: none;
  line-height: 0.34rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content {
  width: 100%;
  padding: 0 0.15rem 0 0.15rem;
  max-width: unset;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content p img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h1,
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h2,
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h3,
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h4,
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h5,
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h6 {
  color: #000;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h1 {
  font-size: 0.2rem;
  margin-top: 0.4rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h2 {
  font-size: 0.18rem;
  margin-top: 0.4rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content h3 {
  margin-top: 0.3rem;
  font-size: 0.14rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0.1rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content table thead tr {
  background-color: #f7f8fa;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content table thead tr th {
  font-size: 0.14rem;
  font-weight: 700;
  text-align: left;
  color: #000;
  line-height: 200%;
  padding: 0.05rem 0.15rem;
  border: 0.01rem solid #e4eaec;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content table tbody tr td {
  line-height: 200%;
  padding: 0.05rem 0.15rem;
  border: 0.01rem solid #e4eaec;
  text-align: center;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .list li {
  line-height: 0.24rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  position: relative;
  flex-wrap: wrap;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .list li a {
  color: #000000;
  font-size: 0.14rem;
  font-weight: 400;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .list li p {
  color: #666666;
  font-size: 0.12rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .list li:hover a {
  color: #2f9cf4;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .list li:hover p {
  color: #398BF7;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .list li::before {
  content: '';
  display: block;
  width: 0.03rem;
  height: 0.03rem;
  border-radius: 50%;
  background-color: #398BF7;
  position: absolute;
  top: 50%;
  left: -0.15rem;
  transform: translateY(-50%);
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .artical-con {
  width: 100%;
  min-width: unset;
  margin: 0px 0px 0.5rem;
  overflow: hidden;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .artical-con .art-title {
  margin: 0.1rem 0 0.3rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .artical-con .art-title .title {
  width: 90%;
  font-size: 0.24rem;
  color: #333;
  font-weight: bold;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .artical-con .art-title .create_time {
  font-size: 0.12rem;
  color: #333;
  margin-top: 0.1rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price {
  position: relative;
  margin: 0 0.18rem;
  border: 0.01rem solid #ededed;
  background-color: #f9f9f9;
  padding: 0.37rem 1.9rem 0.4rem;
  padding: 0.37rem 0.2rem;
  margin: 0;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .overview {
  vertical-align: text-bottom;
  font-size: 0.16rem;
  line-height: 0.26rem;
  color: #2f9cf4;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .overview .num {
  font-size: 0.3rem;
  display: inline-block;
  margin-left: 0.1rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .overview .plus {
  font-size: 0.3rem;
  margin: 0 0.25rem;
  vertical-align: text-bottom;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .compute {
  padding: 0.4rem 0;
  border-bottom: 0.01rem solid #ededed;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .compute .formLine {
  position: relative;
  padding-left: 1.06rem;
  line-height: 0.35rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .formLine {
  margin-bottom: 0.2rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .formLine .leftlabel {
  position: absolute;
  left: 0;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .formLine .form-control {
  height: 0.34rem;
  background-color: #fff;
  border: 0.01rem solid #ccc;
  border-radius: 0.02rem;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .formLine select {
  width: 2.1rem;
  display: inline-block;
  margin-right: 0.2rem;
  height: 0.35rem;
  border-radius: 0;
  outline: none;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .formLine input {
  border-radius: 0;
  width: 1.1rem;
  height: 0.35rem;
  display: inline-block;
  margin-right: 0.2rem;
  outline: none;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .formLine .computeResult {
  font-size: 0.32rem;
  margin-right: 0.08rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .computeNote {
  padding-top: 0.4rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .computeNote .note-pricelabel {
  display: inline-block;
  color: #fff;
  background-color: #2f9cf4;
  padding: 0 0.1rem;
  font-size: 0.14rem;
  line-height: 0.26rem;
  border-radius: 0.03rem;
  margin-right: 0.22rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .computeNote ul {
  padding: 0 !important;
  margin: 0 !important;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .computeNote ul li {
  list-style: none !important;
  margin-bottom: 0.1rem;
  color: #777;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .m-price .computeNote ul li .dot {
  margin-right: 0.1rem;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 {
  width: 100%;
  background: #f9f9f9;
  border: 0.01rem solid #ededed;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc {
  width: 5rem;
  margin-top: 0.3rem;
  margin-left: 0.2rem;
  font-size: 0.14rem;
  overflow: hidden;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc div {
  width: 100%;
  height: 0.5rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc label {
  display: inline-block;
  width: 0.8rem;
  height: 0.35rem;
  line-height: 0.35rem;
  font-weight: normal;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.1rem;
  height: 0.35rem !important;
  padding-left: 0.05rem;
  outline: none;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc select {
  width: 2.1rem;
  height: 0.35rem;
  margin-left: 0.2rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc select option {
  width: 100%;
  height: 0.3rem;
}
.new-mobile-container .new-help-wrapper .help-content .help-right .right-content .compute_1 .calc #result {
  display: inline-block;
  margin-left: 0.39rem;
  margin-right: 0.05rem;
  color: #2f9cf4;
  font-size: 0.3rem;
}
.new-mobile-HelpPage {
  font-family: PingFangSC-Medium, sans-serif;
  background-color: #F7F8FA;
}
.new-mobile-HelpPage .newHand .mustRead {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 0.5rem;
}
.new-mobile-HelpPage .newHand .mustRead .title {
  font-size: 0.24rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding-top: 0.5rem;
}
.new-mobile-HelpPage .newHand .mustRead ul {
  margin-top: 0.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  flex-wrap: wrap;
}
.new-mobile-HelpPage .newHand .mustRead ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  width: 33%;
  margin-bottom: 0.2rem;
}
.new-mobile-HelpPage .newHand .mustRead ul li p {
  font-size: 0.16rem;
  color: #000;
  margin-top: 0.2rem;
}
.new-mobile-HelpPage .newHand .mustRead ul li img {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin: 0 auto;
}
.new-mobile-HelpPage .newHand .FAQ {
  width: 100%;
  margin: 0.2rem auto;
  background-color: #fff;
}
.new-mobile-HelpPage .newHand .FAQ .title {
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem 0 0.3rem 0;
}
.new-mobile-HelpPage .newHand .FAQ ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.3rem 0.5rem;
}
.new-mobile-HelpPage .newHand .FAQ ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.15rem;
  border: 0.01rem solid #DCDCDC;
  cursor: pointer;
}
.new-mobile-HelpPage .newHand .FAQ ul li .sketch {
  height: 0.68rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  border-bottom: 0.01rem solid #DCDCDC;
  cursor: pointer;
  justify-content: space-between;
}
.new-mobile-HelpPage .newHand .FAQ ul li .sketch .left {
  display: flex;
}
.new-mobile-HelpPage .newHand .FAQ ul li .sketch p {
  font-weight: bold;
}
.new-mobile-HelpPage .newHand .FAQ ul li .sketch img {
  margin: 0 0.15rem;
}
.new-mobile-HelpPage .newHand .FAQ ul li .sketch a {
  color: #398BF7;
  margin-right: 0.15rem;
}
.new-mobile-HelpPage .newHand .FAQ ul li .desc {
  line-height: 1.8;
  padding: 0.2rem 0.15rem;
}
.new-mobile-HelpPage .newHand .FAQ ul li:nth-child(3n+3) {
  margin-right: 0 ;
}
.new-mobile-HelpPage .newHand .FAQ ul li:hover {
  border-color: #398BF7;
}
.new-mobile-HelpPage .newHand .FAQ ul li:hover .sketch {
  border-color: #398BF7;
}
.new-mobile-HelpPage .newHand .recentNews {
  width: 100%;
  margin: 0 auto 0.2rem;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  flex-direction: column;
}
.new-mobile-HelpPage .newHand .recentNews .left {
  width: 100%;
}
.new-mobile-HelpPage .newHand .recentNews .left img {
  display: block;
  width: 100%;
}
.new-mobile-HelpPage .newHand .recentNews .list {
  width: 7.2rem;
  padding: 0.35rem 0.4rem;
}
.new-mobile-HelpPage .newHand .recentNews .list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-top: 0.15rem;
  cursor: pointer;
  color: #333;
}
.new-mobile-HelpPage .newHand .recentNews .list li .text {
  line-height: 0.22rem;
  font-size: 0.16rem;
  font-weight: bold;
}
.new-mobile-HelpPage .newHand .recentNews .list li .time {
  font-size: 0.14rem;
}
.new-mobile-HelpPage .newHand .recentNews .list li .text:hover {
  color: #398BF7;
}
.new-mobile-HelpPage .newHand .recentNews .list li:nth-child(1) {
  margin-top: 0;
}
.new-mobile-newbie {
  font-family: PingFangSC-Medium, sans-serif;
  background-color: #F7F8FA;
}
.new-mobile-newbie .content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.new-mobile-newbie .content .title {
  text-align: center;
  font-size: 0.24rem;
  font-weight: bold;
  padding-top: 0.5rem;
  margin-bottom: 0.3rem;
}
.new-mobile-newbie .content .flow {
  width: 100%;
  margin: 0 auto;
  border: 0.01rem solid #EEEEEE;
}
.new-mobile-newbie .content .flow .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 0.15rem;
  padding-bottom: 0.3rem;
  border-bottom: 0.01rem solid #EEEEEE;
}
.new-mobile-newbie .content .flow .list .info {
  width: 28%;
  font-size: 0.18rem;
  font-weight: bold;
  color: #000;
  margin-top: 0.3rem;
}
.new-mobile-newbie .content .flow .list ul {
  width: 100%;
  padding-bottom: 0.3rem;
  margin: 0.3rem 0.15rem 0 0.15rem;
  border-left: 0.02rem solid #398BF7;
}
.new-mobile-newbie .content .flow .list ul li {
  position: relative;
  height: 0.4rem;
  line-height: 0.4rem;
  margin-top: 0.4rem;
}
.new-mobile-newbie .content .flow .list ul li i {
  position: absolute;
  top: 0.1rem;
  left: -0.15rem;
  font-style: normal;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-align: center;
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #398BF7;
}
.new-mobile-newbie .content .flow .list ul li .desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin-left: 0.3rem;
  font-size: 0.16rem;
}
.new-mobile-newbie .content .flow .list ul li .desc button {
  border: none;
  outline: none;
  background: #fff;
  border: 0rem solid #398BF7;
  color: #398BF7;
  height: 0.36rem;
  border-radius: 0.04rem;
  cursor: pointer;
}
.new-mobile-newbie .content .flow .list ul li .desc button a {
  color: #398BF7;
}
.new-mobile-search-wrapper {
  font-family: PingFangSC-Medium, sans-serif;
}
.new-mobile-search-wrapper .search-result {
  width: 10rem;
  min-height: 3rem;
  margin: 0.3rem auto 0.1rem;
}
.new-mobile-search-wrapper .search-result a {
  border-bottom: 0.01rem dashed #CCC;
  margin-top: 0.18rem;
  height: 1.17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.new-mobile-search-wrapper .search-result a h5 {
  line-height: 1.1;
  margin-top: 0.1rem;
  font-size: 0.16rem;
  font-weight: 500;
  color: #000;
  height: 0.24rem;
}
.new-mobile-search-wrapper .search-result a h5:hover {
  font-size: 0.18rem;
  font-weight: bold;
}
.new-mobile-search-wrapper .search-result a p:first-of-type {
  color: #999;
  font-size: 0.15rem;
  line-height: 0.35rem;
  margin-top: 0.06rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-mobile-search-wrapper .search-result a p:nth-of-type(2) {
  color: #999;
  font-size: 0.15rem;
  margin-bottom: 0.2rem;
}
.new-mobile-search-wrapper .pages-wrapper {
  width: 100%;
  height: 0.5rem;
  margin: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
}
.new-mobile-search-wrapper .pages-wrapper .text-c {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.new-mobile-search-wrapper .pages-wrapper .text-c p.page-outside {
  min-width: 0.8rem;
  color: #555;
}
.new-mobile-search-wrapper .pages-wrapper .text-c p {
  width: 0.5rem;
  height: 0.42rem;
  border-radius: 0.1rem;
  border: 0.01rem solid #ccc;
  text-align: center;
  line-height: 0.42rem;
  margin-left: 0.1rem;
  background-color: #fff;
  color: #555;
  cursor: pointer;
  font-size: 0.18rem;
}
.new-mobile-search-wrapper .pages-wrapper .text-c p.page-outside:hover {
  background: #37a4f5;
  color: #fff;
}
.new-mobile-search-wrapper .pages-wrapper .text-c p.disabled {
  min-width: 0.8rem;
  color: #555;
  cursor: no-allowed;
}
.new-mobile-search-wrapper .pages-wrapper .text-c .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.new-mobile-search-wrapper .pages-wrapper .text-c .page-center li {
  width: 0.5rem;
  height: 0.34rem;
  border-bottom: none;
  line-height: 0.34rem;
}
.new-mobile-search-wrapper .search-noData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin: 0.8rem 0px;
}
.new-mobile-search-wrapper .search-noData span {
  font-size: 0.15rem;
}
.new-mobile-search-wrapper .search-noData img {
  width: 1.62rem;
  height: 1.83rem;
}
.mobile-header .new-help-header {
  font-family: PingFangSC-Medium, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  width: 100%;
  min-width: unset;
  height: 1rem !important;
  color: #fff;
  background-color: #ffffff;
}
.mobile-header .new-help-header .new-banner-content {
  position: relative;
  height: 1rem;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  padding: 0 0.15rem;
}
.mobile-header .new-help-header .new-banner-content .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
}
.mobile-header .new-help-header .new-banner-content .left .line {
  height: 0.2rem;
  width: 0.01rem;
  background-color: #999999;
  margin: 0 0.2rem;
}
.mobile-header .new-help-header .new-banner-content .left .txt {
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
}
.mobile-header .new-help-header .new-banner-content .right {
  position: relative;
  display: flex;
}
.mobile-header .new-help-header .new-banner-content .right input {
  margin: 0;
  padding: 0px 0px 0px 0.2rem;
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  border: 0.01rem solid #DCDCDC;
  border-radius: 0.02rem;
  background: transparent;
  outline: none;
  font-size: 0.16rem;
  color: #333 !important;
}
.mobile-header .new-help-header .new-banner-content .right input::-webkit-input-placeholder {
  font-size: 0.16rem;
  color: #999999;
}
.mobile-header .new-help-header .new-banner-content .right input::-moz-placeholder {
  font-size: 0.16rem;
  color: #999999;
}
.mobile-header .new-help-header .new-banner-content .right input:-ms-input-placeholder {
  font-size: 0.16rem;
  color: #999999;
}
.mobile-header .new-help-header .new-banner-content .right .ss_btn {
  width: 1rem;
  height: 0.4rem;
  border-radius: 0.02rem;
  background-color: #398BF7;
  color: #fff;
  outline: none;
  border: none;
  font-size: 0.16rem;
  cursor: pointer;
}
.mobile-header .new-help-header .new-banner-content .nav-logo {
  width: 0.94rem;
  height: 0.4rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg') no-repeat;
  -o-background-size: 0.94rem 0.4rem;
  background-size: 0.94rem 0.4rem;
}
.mobile-header .new-help-header .new-banner-content .jg {
  color: #fff;
  text-align: left;
  font-size: 0.15rem;
  margin-top: 0.5rem;
}
.mobile-header .new-help-header .new-banner-content .jg span {
  color: #fff;
}
.mobile-header .new-help-header .new-banner-content .jg a:after {
  content: ' >';
}
.mobile-header .new-help-header .new-banner-content .jg a:hover {
  text-decoration: underline;
}
.mobile-header .new-help-banner {
  background-color: #F7F8FA;
  padding-top: 0.2rem;
  font-family: PingFangSC-Medium, sans-serif;
}
.mobile-header .new-help-banner .banner-content {
  width: 100%;
  height: 1.5rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/search/nuoyun-banner.png');
  -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  position: relative;
}
.mobile-header .new-help-banner .banner-content div {
  position: absolute;
  top: 0.34rem;
  left: 0.24rem;
}
.mobile-header .new-help-banner .banner-content div h2 {
  font-size: 0.24rem;
  color: #fff;
  font-weight: 400;
}
.mobile-header .new-help-banner .banner-content div span {
  cursor: pointer;
}
.mobile-header .new-help-banner .banner-content div p {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #fff;
}
.mobile-header .new-helpTab {
  width: 100%;
  margin: 0.2rem auto;
  height: 0.8rem;
  background-color: #F7F8FA;
  font-family: PingFangSC-Medium, sans-serif;
}
.mobile-header .new-helpTab ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  background-color: #fff;
}
.mobile-header .new-helpTab ul a {
  text-decoration: none;
  color: #333;
}
.mobile-header .new-helpTab ul li {
  line-height: 0.81rem;
  margin-left: 0.5rem;
  font-size: 0.18rem;
  cursor: pointer;
}
.mobile-header .new-helpTab ul li.active {
  font-size: 0.18rem;
  color: #398BF7;
}
.mobile-header .new-helpTab ul li.active::after {
  width: 0.6rem;
  height: 0.04rem;
  margin: 0 auto;
  background-color: #398BF7;
  content: '';
  display: block;
  clear: both;
  border-radius: 0.03rem;
}
.new-help-detail {
  font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Source Han Sans', 'Noto Sans CJK Sc', 'Microsoft YaHei', 'Microsoft Jhenghei', sans-serif;
  height: 100vh;
  overflow-y: scroll;
}
.new-help-detail .search-content {
  display: flex;
  align-items: center;
}
.new-help-detail .search-content.focus {
  border-color: #0758f1;
  background-color: #fff;
}
.new-help-detail .search-content.focus input {
  width: 388px;
  background-color: #fff;
}
.new-help-detail .detail-header {
  width: 100%;
  height: 70px;
  box-shadow: 0px 2px 17px 0px rgba(29, 45, 69, 0.05);
  border: 1px solid #e1e4e8;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
}
.new-help-detail .detail-header .header-container {
  width: 100%;
  max-width: 1200px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
}
.new-help-detail .detail-header .header-container > a .nav-logo {
  width: 94px;
  height: 40px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg') no-repeat;
  -o-background-size: 94px 40px;
  background-size: 94px 40px;
}
.new-help-detail .detail-header .header-container .line {
  height: 20px;
  width: 1px;
  background-color: #999999;
  margin: 0 20px;
}
.new-help-detail .detail-header .header-container > p {
  flex: 1;
  width: 88px;
  height: 20px;
  font-size: 22px;
  font-weight: 500;
  color: #060606;
  line-height: 20px;
}
.new-help-detail .detail-header .header-container > p > span {
  cursor: pointer;
}
.new-help-detail .detail-container {
  width: 1200px;
  margin: 0 auto 10px;
  display: flex;
}
.new-help-detail .detail-container .left-content-continer {
  width: 216px;
}
.new-help-detail .detail-container .left-content {
  position: sticky;
  top: 70px;
  overflow-y: scroll;
  height: calc(100vh - 70px);
  border-right: 1px solid #e1e4e8;
  padding-top: 40px;
  padding-right: 8px;
  padding-left: 20px;
}
.new-help-detail .detail-container .right-content {
  padding: 40px 56px;
  padding-bottom: 0;
  min-height: calc(100vh - 70px);
}
.new-help-detail .detail-container .right-content .bread-crumbs {
  display: flex;
  align-items: center;
  height: 36px;
  margin-bottom: 16px;
}
.new-help-detail .detail-container .right-content .bread-crumbs > p {
  font-size: 14px;
  color: #0758f1;
  cursor: pointer;
}
.new-help-detail .detail-container .right-content .bread-crumbs > p span {
  margin: 0 14px;
  color: #262832;
}
.new-help-detail .detail-container .right-content .content-list .content-page-list > li {
  width: 772px;
  padding: 24px 0;
  cursor: pointer;
  border-bottom: 1px solid #e1e4e8;
}
.new-help-detail .detail-container .right-content .content-list .content-page-list > li:hover .cpl_title {
  color: #0758f1;
}
.new-help-detail .detail-container .right-content .content-list .content-page-list > li:hover .cpl_title > span {
  color: #f12b2b !important;
}
.new-help-detail .detail-container .right-content .content-list .content-page-list > li > p:nth-child(1) {
  font-size: 20px;
  font-weight: 500;
  color: #262832;
  line-height: 30px;
  margin-bottom: 12px;
}
.new-help-detail .detail-container .right-content .content-list .content-page-list > li > p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.new-help-detail .detail-container .right-content .content-list .content-page-list > li .key-world {
  color: #0758f1;
}
.new-help-detail .detail-container .right-content .content-list .content-null {
  width: 772px;
  text-align: center;
}
.new-help-detail .detail-container .right-content .pagination-bottom {
  display: flex;
  justify-content: end;
  padding: 32px 0;
}
.new-help-detail .detail-container .right-content .pagination-bottom .ant-pagination-item-active {
  background: #0758f1;
  border-color: #0758f1;
}
.new-help-detail .detail-container .right-content .pagination-bottom .ant-pagination-item-active a {
  color: #fff;
}
.new-help-detail .detail-container .right-content .content-detail .art-title {
  margin: 10px 0 30px;
}
.new-help-detail .detail-container .right-content .content-detail .art-title .title {
  width: 90%;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.new-help-detail .detail-container .right-content .content-detail .art-title .right {
  display: flex;
  justify-content: space-between;
}
.new-help-detail .detail-container .right-content .content-detail .art-title .right .create_time {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  align-items: center;
  display: flex;
}
.new-help-detail .detail-container .right-content .content-detail .art-title .right .create_time img {
  margin-right: 6px;
}
.mobile-help-detail-container {
  min-height: 100vh;
  background-color: #fbfbfe;
}
.mobile-help-detail-container .mobile-new-help-detail.new-help-detail {
  min-height: 100vh;
}
.mobile-help-detail-container .mobile-new-help-detail .searchBox .searchNum {
  font-size: 0.24rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.36rem;
  margin-top: 0.32rem;
  padding: 0px 0.32rem;
}
.mobile-help-detail-container .mobile-new-help-detail .searchBox .searchNum > span {
  color: #0758f1;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content {
  width: 100%;
  padding: 0px 0.32rem;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list {
  width: 100%;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list {
  width: 100%;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list > li {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #e1e4e8;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list > li .cpl_title {
  font-size: 0.32rem;
  font-weight: bold;
  color: #262832;
  line-height: 0.48rem;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list > li .cpl_remarks {
  font-size: 0.24rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.36rem;
  margin-top: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list .content-null {
  width: 6.86rem;
  margin-top: 0.96rem;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list .content-null > img {
  width: 6.86rem;
  height: 4.34rem;
  display: block;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .content-page-list .content-null > p {
  font-size: 0.28rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.48rem;
  text-align: center;
  margin-top: 0.2rem;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .pagination-bottom {
  display: flex;
  justify-content: center;
  padding: 0.64rem 0;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .pagination-bottom .ant-pagination-item {
  width: 0.64rem;
  height: 0.64rem;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .pagination-bottom .ant-pagination-item > a {
  width: 100%;
  height: 100%;
  line-height: 0.6rem;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .pagination-bottom .ant-pagination-item-active {
  background: #0758f1;
  border-color: #0758f1;
}
.mobile-help-detail-container .mobile-new-help-detail .detail-content .content-list .pagination-bottom .ant-pagination-item-active a {
  color: #fff;
}
.mobile-help-detail-container .mobile-new-help-detail .bread-crumbs {
  display: flex;
  padding: 0.48rem 0.32rem 0.16rem;
  border-top: 1px solid #e1e4e8;
}
.mobile-help-detail-container .mobile-new-help-detail .bread-crumbs > p {
  color: #0758f1;
}
.mobile-help-detail-container .mobile-new-help-detail .bread-crumbs > p > span {
  margin: 0px 0.2rem;
  color: #262832;
}
.cateDrawer .ant-drawer-body {
  padding: 1rem 0.32rem;
}
.new-help-cate {
  width: 206px;
}
.new-help-cate .title {
  display: flex;
  align-items: center;
  height: 36px;
  margin-bottom: 6px;
  cursor: pointer;
}
.new-help-cate .title .icon {
  transform: rotate(90deg);
}
.new-help-cate .title > p {
  flex: 1;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #262832;
}
.new-help-cate .cate-body > li {
  position: relative;
  padding-bottom: 12px;
  border-left: 1px solid #E6E6E6;
  margin-left: 10px;
}
.new-help-cate .cate-body > li .vertical {
  position: absolute;
  left: 0;
  top: 19px;
  width: 4px;
  height: 1px;
  background: #E6E6E6;
}
.new-help-cate .cate-body > li .content {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 10px 8px;
  border-radius: 4px 4px 4px 4px;
  margin-left: 9px;
  cursor: pointer;
}
.new-help-cate .cate-body > li .content:hover {
  background: #f9f9f9;
  color: #262832;
}
.new-help-cate .cate-body > li .content.active {
  background: #EDF3FF;
  color: #0758F1;
}
.newMobile-help-cate {
  width: 100%;
}
.newMobile-help-cate .title {
  padding: 0.16rem;
}
.newMobile-help-cate .title > p {
  margin-left: 0.2rem;
  font-weight: bold;
}
.newMobile-help-cate .cate-body {
  height: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.newMobile-help-cate .cate-body > li {
  width: 4.12rem;
  height: 0.96rem;
  position: relative;
  padding-bottom: 0px;
  border-left: 1px solid #E6E6E6;
  margin: 0px 0.16rem 0px 0.36rem;
  padding-bottom: 0.24rem;
}
.newMobile-help-cate .cate-body > li:last-child {
  margin-bottom: 0px;
  height: 0.72rem;
}
.newMobile-help-cate .cate-body > li .content {
  margin: 0px 0.16rem;
}
.newMobile-help-cate .cate-body > li .vertical {
  position: absolute;
  left: 0;
  top: 0.38rem;
  width: 0.08rem;
  height: 0.02rem;
  background: #E6E6E6;
}
.newMobile-help-cate .cate-body > li .content {
  display: flex;
  align-items: center;
  height: auto;
  padding: 0.16rem 0.2rem;
  border-radius: 0.08rem;
  margin: 0px;
  margin-left: 0.2rem;
  cursor: pointer;
  font-size: 0.28rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.4rem;
}
.newMobile-help-cate .cate-body > li .content:hover {
  background: #f9f9f9;
  color: #262832;
}
.newMobile-help-cate .cate-body > li .content.active {
  background: #EDF3FF;
  color: #0758F1;
}
.newMobile-help-cate .cate-body.cate-body-active {
  height: auto;
}
.new-help-page {
  display: flex;
}
.new-help-page .page-content {
  width: 722px;
  flex-shrink: 0;
  padding-right: 56px;
  margin-top: 4px;
}
.new-help-page .page-content .title {
  font-size: 32px;
  font-weight: 600;
  color: #262832;
  line-height: 48px;
}
.new-help-page .page-content .right {
  display: flex;
  justify-content: start;
  align-items: center;
  border-bottom: 1px solid #F4F4F5;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.new-help-page .page-content .right span {
  font-size: 14px;
  font-weight: 400;
  color: #0758F1;
  margin-left: 4px;
}
.new-help-page .page-content img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  cursor: pointer;
}
.new-help-page .create_time {
  font-size: 14px;
  color: #919499;
  line-height: 24px;
}
.new-help-page .content-nav {
  width: 264px;
  height: calc(100vh - 70px);
  font-size: 14px;
  color: #6C6D72;
  position: sticky;
  top: 146px;
  overflow-y: auto;
}
.new-help-page .content-nav .content-nav-list {
  position: relative;
  padding-left: 30px;
  margin-top: 30px;
}
.new-help-page .content-nav .content-nav-list .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #F4F4F5;
}
.new-help-page .content-nav .content-nav-list .bar .scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  background: #0758F1;
  transition: 0.3s top;
}
.new-help-page .content-nav .nav-title {
  font-size: 14px;
  font-weight: 600;
  color: #262832;
  margin-bottom: 10px;
  cursor: pointer;
}
.new-help-page .content-nav .nav-tittle-one {
  cursor: pointer;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-help-page .content-nav .nav-tittle-two {
  margin-left: 14px;
  cursor: pointer;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-help-page .content-nav .active {
  color: #0758F1;
}
.new-help-page .page-bottom {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0;
  margin-top: 32px;
  border-top: 1px solid #F4F4F5;
}
.new-help-page .page-bottom > div {
  cursor: pointer;
}
.new-help-page .page-bottom > div span {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  color: #6C6C6C;
  line-height: 20px;
}
.new-help-page .page-bottom > div p {
  color: #0758F1;
  margin-top: 8px;
}
.new-help-page .page-bottom .page-next {
  text-align: right;
}
.new-help-page .help-feedback-container {
  width: 264px;
}
.new-help-page .help-feedback-container .container-feedback {
  text-align: center;
}
.new-help-page .help-feedback-container .container-feedback > p {
  font-size: 14px;
  font-weight: 500;
  color: #262832;
  margin-bottom: 16px;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-use {
  border-radius: 6px 6px 6px 6px;
  margin-right: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #262832;
  display: inline-flex;
  align-items: center;
  height: 40px;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-use .img-icon-use {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url('/assets/images/web/helpDownload/useful_unselected.png') no-repeat;
  background-size: cover;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-use:hover {
  color: #0758F1;
  border-color: #0758F1;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-use:hover .img-icon-use {
  background-image: url('/assets/images/web/helpDownload/useful.png');
}
.new-help-page .help-feedback-container .container-feedback .help-btn-use:active {
  color: #0758F1;
  border-color: #0758F1;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-use:active .img-icon-use {
  background-image: url('/assets/images/web/helpDownload/useful.png');
}
.new-help-page .help-feedback-container .container-feedback .help-btn-less {
  border-radius: 6px 6px 6px 6px;
  margin-right: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #262832;
  display: inline-flex;
  align-items: center;
  height: 40px;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-less .img-icon-less {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url('/assets/images/web/helpDownload/useless.png') no-repeat;
  background-size: cover;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-less:hover {
  color: #0758F1;
  border-color: #0758F1;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-less:hover .img-icon-less {
  background-image: url('/assets/images/web/helpDownload/useless_selected.png');
}
.new-help-page .help-feedback-container .container-feedback .help-btn-less.active {
  color: #0758F1;
  border-color: #0758F1;
}
.new-help-page .help-feedback-container .container-feedback .help-btn-less.active .img-icon-less {
  background-image: url('/assets/images/web/helpDownload/useless_selected.png');
}
.new-help-page .help-feedback-container .container-feedback .active {
  color: #0758F1;
  border-color: #0758F1;
}
.new-help-page .help-feedback-container .result-feed {
  text-align: center;
}
.new-help-page .help-feedback-container .result-feed img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-bottom: 16px;
}
.new-help-page .help-feedback-container .result-feed > span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #262832;
  margin-bottom: 16px;
  vertical-align: middle;
}
.new-help-page .help-feedback-container .useless_content {
  padding-top: 16px;
}
.new-help-page .help-feedback-container .useless_content .ant-input {
  margin-top: 12px;
}
.new-help-page .help-feedback-container .useless_content .ant-btn-primary {
  display: inline-block;
  width: 124px;
  margin: 16px auto;
  background: #0758F1;
  color: #FFFFFF;
}
.newMobile-help-page {
  background-color: #FFFFFF;
  width: 100%;
  max-width: 100%;
}
.newMobile-help-page #new-content-detail a {
  max-width: calc(7.5rem - 0.32rem);
  word-wrap: word-break;
  word-break: break-all;
}
.newMobile-help-page .page-content .title {
  margin: 0.4rem 0px 0.2rem;
  font-size: 0.56rem;
  font-weight: bold;
  color: #262832;
  line-height: 0.84rem;
}
.newMobile-help-page .page-content .right {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F4F4F5;
  padding-bottom: 0.48rem;
}
.newMobile-help-page .page-content .right .create_time {
  font-size: 0.28rem;
  color: #919499;
  line-height: 0.48rem;
}
.newMobile-help-page .page-content .right .share {
  font-size: 0.28rem;
  color: #0758F1;
  line-height: 0.48rem;
  display: flex;
  align-items: center;
}
.newMobile-help-page .page-content .right .share > img {
  margin-right: 4px;
}
.newMobile-help-page .page-content img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
.newMobile-help-page .page-content video {
  max-width: 100% !important;
}
.newMobile-help-page .page-content .artcontent {
  margin-top: 0.48rem;
}
.newMobile-help-page .page-content .page-bottom {
  width: 100%;
  border-radius: 0.2rem;
  border: 1px solid rgba(24, 52, 107, 0.15);
  padding: 0px 0.32rem;
  margin: 0.48rem 0rem;
}
.newMobile-help-page .page-content .page-bottom .page-prev,
.newMobile-help-page .page-content .page-bottom .page-next {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0px;
}
.newMobile-help-page .page-content .page-bottom .page-prev > span,
.newMobile-help-page .page-content .page-bottom .page-next > span {
  font-size: 0.28rem;
  font-weight: 400;
  color: #6C6C6C;
  line-height: 0.4rem;
}
.newMobile-help-page .page-content .page-bottom .page-prev > p,
.newMobile-help-page .page-content .page-bottom .page-next > p {
  font-size: 0.28rem;
  font-weight: 400;
  color: #262832;
  line-height: 0.4rem;
}
.newMobile-help-page .page-content .page-bottom .page-prev {
  border-bottom: 1px solid #DCE1E9;
}
.newMobile-help-page .page-content .help-feedback-container {
  margin-top: 0.88rem;
  width: 100%;
  height: auto;
  border-radius: 0.2rem;
  opacity: 1;
  border: 1px solid rgba(24, 52, 107, 0.15);
  text-align: center;
  padding: 0.32rem;
}
.newMobile-help-page .page-content .help-feedback-container .result-feed {
  text-align: center;
}
.newMobile-help-page .page-content .help-feedback-container .result-feed img {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.16rem;
  margin-bottom: 0.32rem;
}
.newMobile-help-page .page-content .help-feedback-container .result-feed > span {
  display: inline-block;
  font-size: 0.28rem;
  font-weight: 500;
  color: #262832;
  margin-bottom: 0.32rem;
  vertical-align: middle;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .feedback_title {
  font-size: 0.28rem;
  font-weight: 500;
  color: #262832;
  line-height: 0.4rem;
  margin-bottom: 0.32rem;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-use {
  width: calc(50% - 0.24rem);
  background: #F5F7FA;
  border-radius: 6px 6px 6px 6px;
  opacity: 1;
  border-radius: 0.12rem;
  margin-right: 0.48rem;
  border: none;
  color: #262832;
  display: inline-flex;
  align-items: center;
  height: 0.88rem;
  text-align: center;
  justify-content: center;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-use .img-icon-use {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.2rem;
  background: url('/assets/images/web/helpDownload/useful_unselected.png') no-repeat;
  background-size: cover;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-use:hover {
  color: #0758F1;
  border-color: #0758F1;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-use:hover .img-icon-use {
  background-image: url('/assets/images/web/helpDownload/useful.png');
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-use:active {
  color: #0758F1;
  border-color: #0758F1;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-use:active .img-icon-use {
  background-image: url('/assets/images/web/helpDownload/useful.png');
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-less {
  background: #F5F7FA;
  border-radius: 0.12rem;
  border: none;
  color: #262832;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 0.88rem;
  width: calc(50% - 0.24rem);
  text-align: center;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-less .img-icon-less {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.2rem;
  background: url('/assets/images/web/helpDownload/useless.png') no-repeat;
  background-size: cover;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-less:hover {
  color: #0758F1;
  border-color: #0758F1;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-less:hover .img-icon-less {
  background-image: url('/assets/images/web/helpDownload/useless_selected.png');
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-less.active {
  color: #0758F1;
  border-color: #0758F1;
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .help-btn-less.active .img-icon-less {
  background-image: url('/assets/images/web/helpDownload/useless_selected.png');
}
.newMobile-help-page .page-content .help-feedback-container .container-feedback .active {
  color: #0758F1;
  border-color: #0758F1;
}
.newMobile-help-page .leftDetailsMenu {
  position: fixed;
  left: 0px;
  top: 65%;
  transform: translateY(0px, -50%);
  height: 1.08rem;
  background: #FFFFFF;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(58, 63, 95, 0.15);
  border-radius: 0px 0.6rem 0.6rem 0px;
  border: 1px solid rgba(77, 101, 136, 0.1);
  border-left: 0px;
  transition: all 0.3s ease-in-out;
}
.newMobile-help-page .leftDetailsMenu.open {
  transform: translate(0rem, -50%);
}
.newMobile-help-page .leftDetailsMenu.close {
  transform: translate(-1.46rem, -50%);
}
.newMobile-help-page .leftDetailsMenu .leftDetailsMenuBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 2.08rem;
  height: 100%;
  padding: 0.14rem 0.36rem;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.newMobile-help-page .leftDetailsMenu .leftDetailsMenuBox.close {
  padding: 0.14rem 0.24rem;
  justify-content: end;
}
.newMobile-help-page .leftDetailsMenu .leftDetailsMenuBox.close > img {
  width: 0.14rem;
  height: 0.24rem;
}
.newMobile-help-page .leftDetailsMenu .catalogue,
.newMobile-help-page .leftDetailsMenu .outline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.newMobile-help-page .leftDetailsMenu .catalogue > img,
.newMobile-help-page .leftDetailsMenu .outline > img {
  width: 0.48rem;
  height: 0.48rem;
}
.newMobile-help-page .leftDetailsMenu .catalogue > p,
.newMobile-help-page .leftDetailsMenu .outline > p {
  font-size: 0.2rem;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 0.28rem;
}
.newMobile-help-page .leftDetailsMenu > img {
  width: 0.24rem;
  height: 0.24rem;
}
.uselessDrawer .ant-drawer-content-wrapper {
  height: auto;
}
.uselessDrawer .ant-drawer-content-wrapper .ant-drawer-content {
  border-radius: 0.2rem 0.2rem 0px 0px;
}
.uselessDrawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body {
  padding: 0.4rem 0.32rem 0.64rem;
}
.uselessDrawer .ant-drawer-content-wrapper .ant-drawer-content .useless_content .useless_title {
  font-size: 0.32rem;
  font-weight: bold;
  color: #262832;
  line-height: 0.38rem;
}
.uselessDrawer .ant-drawer-content-wrapper .ant-drawer-content .useless_content .useless_ipt {
  width: 100%;
  height: 2.32rem;
  border-radius: 0.12rem;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0.32rem 0px;
  resize: none;
}
.uselessDrawer .ant-drawer-content-wrapper .ant-drawer-content .useless_content .uselessBtn {
  display: block;
  width: 100%;
  height: 0.92rem;
  background: #0758F1;
  border-radius: 0.12rem;
}
.outlineDrawer .ant-drawer-content {
  border-radius: 0.24rem 0.24rem 0px 0px;
}
.outlineDrawer .ant-drawer-content-wrapper {
  max-height: 600px !important;
}
.outlineDrawer .ant-drawer-wrapper-body {
  padding: 0.48rem 0.32rem;
}
.outlineDrawer .ant-drawer-header-title .ant-drawer-close > img {
  width: 0.48rem;
  height: 0.48rem;
}
.outlineDrawer .ant-drawer-body {
  padding: 0.4rem 0px 0px;
}
.outlineDrawer .ant-drawer-header {
  padding: 0px;
  padding-bottom: 0.4rem;
}
.outlineDrawer .ant-drawer-header .ant-drawer-header-title {
  flex-direction: row-reverse;
}
.outlineDrawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  color: #262832;
  line-height: 0.48rem;
}
.outlineDrawer .nav-tittle-one {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.32rem 0px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.2);
}
.outlineDrawer .nav-tittle-two {
  margin-left: 14px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.32rem 0px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.2);
}
.shareModal {
  margin: 0px !important;
  max-width: 100% !important;
  top: 0px !important;
}
.shareModal .ant-modal-content {
  background-color: transparent;
  box-shadow: none;
}
.shareModal .ant-modal-content .ant-modal-body {
  padding: 0px;
}
.shareModal .ant-modal-content .ant-modal-body img {
  width: 100%;
  height: 2.76rem;
}
.shareModal .ant-modal-content .ant-modal-body .bottomBtn {
  width: 100%;
  height: 0.88rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8rem;
}
.shareModal .ant-modal-content .ant-modal-body .bottomBtn .IknowBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.48rem;
  height: 0.88rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 1rem;
  opacity: 1;
  border: 1px solid #FFFFFF;
  font-size: 0.3rem;
  font-family: Inter-Regular, Inter;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.48rem;
}
.HelpDownloadContainer {
  position: relative;
}
.HelpDownloadContainer .content {
  width: 100%;
  background-color: #F9FAFB;
  position: relative;
}
.HelpDownloadContainer .content .banner {
  background-image: url('/assets/images/web/helpDownload/banner.png');
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
  max-height: 600px;
  background-position: center;
}
.HelpDownloadContainer .content .box {
  width: 100%;
  margin: 100px auto 0px;
}
.HelpDownloadContainer .content .box .box_content {
  width: 100%;
  background-color: #F9FAFB;
}
.HelpDownloadContainer .content .box .box_content:nth-child(1) .box1 {
  padding-top: 0px;
}
.HelpDownloadContainer .content .box .box_content.hwlg {
  background-color: #F5F8FB;
}
.HelpDownloadContainer .content .box .box_content.hwlg .hwlg .right {
  height: 520px;
}
.HelpDownloadContainer .content .box .box_content.app .app .right {
  height: 520px;
}
.HelpDownloadContainer .content .box .box_content.app .app .right img.app {
  width: auto;
  height: 520px;
}
.HelpDownloadContainer .content .box .box1 {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0px;
  transition: all 0.3 ease;
}
.HelpDownloadContainer .content .box .box1 .top {
  display: flex;
  align-items: center;
}
.HelpDownloadContainer .content .box .box1 .top .logo {
  width: 54px;
  height: 54px;
  background: none;
}
.HelpDownloadContainer .content .box .box1 .top .logo img {
  width: 100%;
  height: auto;
}
.HelpDownloadContainer .content .box .box1 .top .title {
  font-size: 30px;
  margin: 0 20px;
  font-weight: bold;
}
.HelpDownloadContainer .content .box .box1 .top .label {
  margin-left: -10px;
  margin-right: 16px;
  height: 42px;
}
.HelpDownloadContainer .content .box .box1 .top .btn {
  color: #000000;
  width: 170px;
  height: 56px;
  border-radius: 6px;
  border: 1px solid #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.HelpDownloadContainer .content .box .box1 .top .btn img.icon {
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
.HelpDownloadContainer .content .box .box1 .top .btn .downLoad {
  color: #000000;
}
.HelpDownloadContainer .content .box .box1 .top .btn .popover {
  display: none;
  box-sizing: border-box;
  width: 185px;
  height: 185px;
  position: absolute;
  left: calc(50% - 90px);
  bottom: -204px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 27px 0 #000a19;
  z-index: 1000;
}
.HelpDownloadContainer .content .box .box1 .top .btn .popover::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -20px;
  right: 13px;
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
.HelpDownloadContainer .content .box .box1 .top .btn .popover img {
  width: 100%;
  height: auto;
}
.HelpDownloadContainer .content .box .box1 .top .btn:hover .popover {
  display: block;
}
.HelpDownloadContainer .content .box .box1 .app-info {
  margin-top: 20px;
}
.HelpDownloadContainer .content .box .box1 .app-info div {
  padding-right: 8px;
  display: inline-block;
  color: #7d8797;
}
.HelpDownloadContainer .content .box .box1 .app-info div + div {
  padding-left: 8px;
}
.HelpDownloadContainer .content .box .box1 .app-info a {
  color: #0758f1;
  cursor: pointer;
}
.HelpDownloadContainer .content .box .box1 .center {
  position: relative;
  width: 100%;
  display: flex;
  margin-top: 50px;
  box-shadow: 0px 5px 20px 0px rgba(11, 29, 52, 0.05);
  background-color: #fff;
}
.HelpDownloadContainer .content .box .box1 .center .left {
  width: 550px;
  padding: 20px 0 0 40px;
  box-sizing: border-box;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_top {
  margin-top: 54px;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_top .desc1 {
  font-size: 28px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_top .desc2 {
  font-size: 20px;
  line-height: 30px;
  margin-top: 15px;
  color: #333333;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_top .line {
  display: block;
  width: 30px;
  height: 4px;
  background: #398BF7;
  border-radius: 3px;
  margin-top: 32px;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_list {
  padding-top: 60px;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_list ul li {
  margin-top: 25px;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_list ul li img {
  margin-right: 15px;
  width: 18px;
  height: auto;
}
.HelpDownloadContainer .content .box .box1 .center .left .left_list ul li:nth-child(1) {
  margin-top: 0px;
}
.HelpDownloadContainer .content .box .box1 .center .left,
.HelpDownloadContainer .content .box .box1 .center .right {
  position: relative;
  z-index: 100;
}
.HelpDownloadContainer .content .box .box1 .center .right {
  width: 650px;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.HelpDownloadContainer .content .box .box1 .center .right img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.HelpDownloadContainer .content .box .box1 .bg_txt {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 945px;
  height: 170px;
  font-size: 170px;
  font-family: Arial-Black, Arial;
  font-weight: 900;
  color: #F9F9F9;
  line-height: 170px;
  z-index: 10;
}
.HelpDownloadContainer .content .box .box_content.app .top .btn .icon,
.HelpDownloadContainer .content .box .box_content.hwlg .top .btn .icon {
  width: 18px;
  height: 22px;
}
.HelpDownloadContainer .content .box .box_content.app.active .right img.app {
  animation: app 1.3s ease;
  opacity: 1;
}
.HelpDownloadContainer .content .box .box_content.mini.active .right img.mini {
  animation: app 1.3s ease;
  opacity: 1;
}
.HelpDownloadContainer .content .box .box_content.hwlg.active .right img.hwlg {
  animation: app 1.3s ease;
  opacity: 1;
}
.HelpDownloadContainer .content .box .box_content.assistant.active .right img.assistant {
  animation: app 1.3s ease;
  opacity: 1;
}
.HelpDownloadContainer .content .box .playback .center .left .left_top {
  margin-top: 70px;
}
.HelpDownloadContainer .content .box .playback .center .left .left_top .line {
  margin-top: 70px;
}
.HelpDownloadContainer .content .bottom {
  background: url('/assets/images/web/helpDownload/bottom.png');
  width: 100%;
  height: 350px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.HelpDownloadContainer .content .bottom .bottom_txt_1 {
  font-size: 48px;
  font-weight: 600;
  color: #FFFFFF;
  padding: 74px 0px 28px 0px;
}
.HelpDownloadContainer .content .bottom .bottom_txt_2 {
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
}
.HelpDownloadContainer .content .bottom .bottom_txt_3 {
  display: block;
  width: 140px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #2C68EA;
  line-height: 44px;
  letter-spacing: 2px;
  margin-top: 37px;
  cursor: pointer;
}
.HelpDownloadContainer .navigation {
  width: 156px;
  height: 340px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(11, 29, 52, 0.05);
  position: fixed;
  left: 0px;
  top: 200px;
  padding: 20px 0px;
  text-align: center;
  display: block;
  z-index: 100;
}
.HelpDownloadContainer .navigation ul li {
  width: 100%;
  height: 60px;
  font-size: 16px;
  color: #000000;
  line-height: 60px;
  cursor: pointer;
}
.HelpDownloadContainer .navigation ul .active {
  background: #F4F6FA;
  color: #398BF7;
  font-size: 18px;
  font-weight: bold;
}
.HelpDownloadContainer .navigation.show {
  display: block;
}
@keyframes app {
  from {
    top: 100px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
.ConstructLiveContainer {
  position: relative;
  width: 100%;
  height: 100%;
}
.ConstructLiveContainer .constructLive-pc {
  width: 100%;
  background-color: #F9FAFB;
  position: relative;
}
.ConstructLiveContainer .constructLive-pc .live-container {
  min-width: 1350px;
  overflow-x: hidden;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content {
  width: 100%;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner {
  width: 100%;
  height: 740px;
  position: relative;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content {
  width: 1200px;
  height: 740px;
  position: absolute;
  left: 50%;
  top: 220px;
  margin-left: -600px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .title {
  color: #FFF;
  font-size: 50px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 94px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .desc {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 58px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btnContent {
  position: absolute;
  top: -34px;
  right: calc(50% - 117px);
  width: 300px;
  height: 372px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.13);
  border-radius: 10px;
  padding: 18px 24px 24px 23px;
  text-align: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btnContent .btn-title-1 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
  padding-top: 17px;
  margin-bottom: 18px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btnContent .btn-title-2 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 20px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btnContent img {
  width: 192px;
  height: 192px;
  object-fit: contain;
  display: block;
  margin-bottom: 18px;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btnContent .btn-title-3 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  position: relative;
  top: 12px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btnContent .btn-title-4 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
  position: relative;
  top: 16px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btn {
  width: 180px;
  height: 60px;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 70px;
  position: relative;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btn:hover {
  cursor: pointer;
  color: #0758F1;
  background-color: white;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .banner .content .btn:hover .btnContent {
  display: block;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-1 {
  background-color: #FFFFFF;
  padding: 80px 0px 50px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-1 .title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-bottom: 40px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-1 .content {
  width: 1200px;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-1 .content img {
  width: 100%;
  height: 384px;
  object-fit: contain;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 {
  background-color: #EEF3FB;
  width: 100%;
  padding: 80px 0px 70px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content {
  margin-top: 50px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content ul {
  display: flex;
  flex-wrap: nowrap;
  width: 1180px;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content ul li {
  width: 360px;
  margin-left: 50px;
  background: linear-gradient(180deg, #F0F2F8 0%, #FFFFFF 100%);
  box-shadow: 0px 6px 11px 0px rgba(8, 6, 67, 0.06), inset 0px 0px 0px 2px #FFFFFF;
  border-radius: 10px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content ul li:nth-child(1) {
  margin-left: 0px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content ul li .top img {
  width: 100%;
  height: 256px;
  object-fit: contain;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content ul li .bottom {
  height: 180px;
  background-size: 87px 97px;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-2 .content ul li .bottom p {
  max-width: 192px;
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 33px;
  margin: 0 auto;
  padding-top: 66px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 {
  background-color: #FFF;
  padding: 80px 0px 164px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  padding-bottom: 30px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tab li {
  margin-left: 280px;
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 33px;
  position: relative;
  cursor: pointer;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tab li:nth-child(1) {
  margin-left: 0px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tab li.activeTabLi {
  color: #0758F1;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tab li.activeTabLi:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: #0758F1;
  border-radius: 2px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent {
  display: flex;
  height: 470px;
  width: 100%;
  justify-content: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .left {
  width: 43%;
  height: 470px;
  max-height: 470px;
  object-fit: cover;
  background-color: #B6A695;
  text-align: right;
  backdrop-filter: blur(50px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .left img {
  width: 100%;
  height: 470px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right {
  background-image: url('/assets/images/web/constructLive/3L_bg.png');
  flex: 1;
  max-height: 470px;
  backdrop-filter: blur(50px);
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 66px;
  background-position: center center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .top {
  margin-top: 68px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .top .title {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 45px;
  text-align: left;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .top .desc {
  font-size: 16px;
  font-weight: 400;
  color: #CFE2FF;
  line-height: 22px;
  margin-top: 16px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom {
  margin-top: 50px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom .title {
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 30px;
  text-align: left;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom ul {
  width: 667px;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  margin-top: 25px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom ul li {
  display: inline-block;
  vertical-align: top;
  width: 114px;
  height: 158px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  backdrop-filter: blur(5px);
  padding-top: 14px;
  text-align: center;
  margin-left: 20px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom ul li:nth-child(1) {
  margin-left: 0px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom ul li img {
  width: 86px;
  height: 86px;
  background: #FFFFFF;
  border-radius: 4px;
  object-fit: contain;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-3 .content .tabContent .right .bottom ul li p {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  white-space: pre-wrap;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 {
  width: 100%;
  height: 480px;
  background-image: url('/assets/images/web/constructLive/4L_bg.png');
  background-size: cover;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  position: relative;
  top: -84px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content {
  width: 1200px;
  position: relative;
  margin: auto;
  top: calc(50% - 165px);
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-1 li {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  color: #191919;
  line-height: 25px;
  position: relative;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-1 li p {
  z-index: 1;
  position: relative;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-1 li img {
  position: absolute;
  bottom: 0;
  left: calc(50% - 32px);
  z-index: 0;
  width: 64px;
  height: 75px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-2 {
  border-top: 1px dashed #0758F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 70px 80px 0 80px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-2 li {
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  background: #FFFFFF;
  border: 2px solid #0758F1;
  border-radius: 50%;
  position: relative;
  top: -5px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-3 {
  display: flex;
  margin-top: 63px;
  justify-content: space-between;
  padding: 0 40px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-3 li {
  display: flex;
  flex: 1;
  align-items: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-3 li img {
  width: 72px;
  height: 72px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-3 li div {
  flex: 1;
  justify-content: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-4 .content .box-4-conten-3 li div img {
  width: 26px;
  height: 26px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 {
  background-image: url('/assets/images/web/constructLive/5L_bg.png');
  height: 628px;
  width: 100%;
  background-size: cover;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 80px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul {
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul li {
  display: flex;
  align-items: center;
  width: 588px;
  height: 162px;
  background: #FFFFFF;
  box-shadow: 0px 6px 11px 0px rgba(8, 6, 67, 0.06), inset 0px 0px 0px 2px #FFFFFF;
  border-radius: 10px;
  margin-top: 20px;
  padding: 0 40px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul li:nth-child(2n+2) {
  margin-left: 20px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul li .left img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul li .right {
  margin-left: 20px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul li .right .title {
  font-size: 24px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  padding: 0px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-5 .content ul li .right .desc {
  font-size: 16px;
  font-weight: 400;
  color: #808794;
  line-height: 28px;
  margin-top: 10px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 {
  background-image: url('/assets/images/web/constructLive/6L_bg.png');
  width: 100%;
  height: 356px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  object-fit: cover;
  background-position: top center;
  margin-top: -2.5%;
  position: relative;
  display: flex;
  justify-content: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin-top: 1.5%;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live .left {
  width: 180px;
  height: 180px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 4px solid #7BAFFB;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live .left img {
  width: 171px;
  height: 171px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live .right {
  margin-left: 55px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live .right .top .title {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live .right .top .desc {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .speak-live .right .bottom {
  width: 144px;
  height: 30px;
  background: linear-gradient(352deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 100%);
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.43);
  font-size: 12px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 57px;
}
.ConstructLiveContainer .constructLive-pc .live-container .live-content .box-6 .content .none {
  width: 180px;
  height: 180px;
  visibility: hidden;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box {
  background-color: #1E62E4;
  width: 100%;
  height: 10.02rem;
  background-image: url('/assets/images/mobile/constructLive/banner.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 100%;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content {
  padding-top: 1.3rem;
  text-align: center;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .title-1 {
  font-size: 0.54rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.7rem;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .title-2 {
  width: 3.02rem;
  height: 0.4rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.4rem;
  margin: 0.2rem auto 0.3rem;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn {
  width: 2rem;
  height: 0.6rem;
  border-radius: 0.04rem;
  border: 1px solid #FFFFFF;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent {
  display: none;
  position: absolute;
  top: 0.88rem;
  left: -55%;
  width: 4.2rem;
  height: 4.68rem;
  background: #FFFFFF;
  box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.18);
  border-radius: 0.2rem;
  padding: 0.24rem 0.49rem 0.33rem 0.35rem;
  color: #191919;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent .btn-title-1 {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  line-height: 0.45rem;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent .btn-title-2 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 0.4rem;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent .btn-title-3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  line-height: 0.4rem;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent .btn-title-4 {
  font-size: 0.22rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 0.3rem;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  margin: 0.3rem auto 0.16rem;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn .btnContent-show {
  display: block;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn-click {
  background-color: white;
}
.ConstructLiveContainer .constructLive-mobile .banner .banner-box .content .btn-click a {
  color: #1E62E4;
}
.ConstructLiveContainer .constructLive-mobile .box-1 {
  width: 100%;
  background-color: #FFFFFF;
  padding: 80px 0px 60px;
}
.ConstructLiveContainer .constructLive-mobile .box-1 .title {
  font-size: 0.44rem;
  color: #191919;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
}
.ConstructLiveContainer .constructLive-mobile .box-1 .content img {
  width: 7.5rem;
  height: 8.74rem;
}
.ConstructLiveContainer .constructLive-mobile .box-2 {
  background-color: #EEF3FB;
  padding: 0.8rem 0rem;
}
.ConstructLiveContainer .constructLive-mobile .box-2 .title {
  font-size: 0.44rem;
  color: #191919;
  font-weight: 600;
  line-height: 0.6rem;
  text-align: center;
}
.ConstructLiveContainer .constructLive-mobile .box-2 .content ul {
  width: 6.9rem;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-mobile .box-2 .content li {
  width: 6.9rem;
  height: 1.76rem;
  margin-top: 0.2rem;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
}
.ConstructLiveContainer .constructLive-mobile .box-2 .content li p {
  width: 2.24rem;
  height: 1.06rem;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.53rem;
  margin-left: 1.7rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 {
  background-color: #FFFFFF;
  padding-bottom: 0.8rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .title {
  font-size: 0.44rem;
  color: #191919;
  font-weight: 600;
  line-height: 0.6rem;
  text-align: center;
  width: 3.52rem;
  margin: 0 auto;
  padding: 0.8rem 0rem 0.4rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.34rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tab li {
  margin-left: 0.7rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.46rem;
  position: relative;
  cursor: pointer;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tab li:nth-child(1) {
  margin-left: 0rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tab li:nth-child(3) {
  margin-left: 0.54rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tab li.activeTabLi {
  color: #0758F1;
  font-weight: 600;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tab li.activeTabLi:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -0.07rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.6rem;
  height: 0.04rem;
  background: #0758F1;
  border-radius: 0.02rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent {
  width: 6.9rem;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .tabBanner img {
  width: 6.9rem;
  height: 3.9rem;
  object-fit: contain;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .center .c_title {
  text-align: left;
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.5rem;
  margin-top: 0.4rem;
  margin-bottom: 0.1rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .center .desc {
  font-size: 0.28rem;
  font-weight: 400;
  color: #9797A1;
  line-height: 0.44rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .bottom .b_title {
  text-align: left;
  font-size: 0.32rem;
  font-weight: 600;
  color: #191919;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .bottom ul {
  display: flex;
  align-items: start;
  width: 6.4rem;
  overflow: auto;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .bottom ul li {
  width: 2rem;
  margin-left: 0.2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .bottom ul li:nth-child(1) {
  margin-left: 0rem;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .bottom ul li img {
  width: 1.4rem;
  height: 1.4rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  border: 0.01rem solid #CECECE;
}
.ConstructLiveContainer .constructLive-mobile .box-3 .content .tabContent .bottom ul li p {
  width: 2rem;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ConstructLiveContainer .constructLive-mobile .box-4 {
  width: 100%;
  height: 7.96rem;
  background: url('/assets/images/mobile/constructLive/4L_bg.png') no-repeat;
  background-size: cover;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .title {
  font-size: 0.44rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.8rem;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .title2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 6.9rem;
  height: 4.76rem;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 51, 105, 0.16);
  border-radius: 0.2rem;
  margin: 0 auto;
  padding: 0rem 0.3rem 0.7rem;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li {
  min-width: 1.15rem;
  position: relative;
  margin-right: 0.52rem;
  margin-top: 0.8rem;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li:nth-child(4) {
  margin-right: 0px;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li:nth-child(7) {
  margin-right: 0px;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li .left {
  text-align: center;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li .left img {
  width: 0.72rem;
  height: 0.72rem;
  object-fit: contain;
  margin: 0 auto;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li .left .desc {
  font-size: 0.24rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.34rem;
}
.ConstructLiveContainer .constructLive-mobile .box-4 .content-nav ul li .right {
  width: 0.26rem;
  height: 0.26rem;
  object-fit: contain;
  position: absolute;
  top: 28%;
  right: -0.4rem;
  transform: translateY(-50%);
}
.ConstructLiveContainer .constructLive-mobile .box-5 {
  width: 100%;
  height: 12.34rem;
}
.ConstructLiveContainer .constructLive-mobile .box-5 h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  padding-top: 0.8rem;
  margin-bottom: 0.4rem;
}
.ConstructLiveContainer .constructLive-mobile .box-5 .content-nav ul li {
  width: 6.9rem;
  height: 2.4rem;
  background: #FFFFFF;
  box-shadow: 0px 0.06rem 0.11rem 0px rgba(8, 6, 67, 0.06), inset 0px 0px 0px 2px #FFFFFF;
  border-radius: 0.1rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
  display: flex;
  flex-wrap: wrap;
}
.ConstructLiveContainer .constructLive-mobile .box-5 .content-nav ul li img {
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.65rem;
  margin-left: 0.34rem;
}
.ConstructLiveContainer .constructLive-mobile .box-5 .content-nav ul li h3 {
  font-size: 0.28rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.36rem;
  margin-left: 0.36rem;
  padding-top: 0.38rem;
}
.ConstructLiveContainer .constructLive-mobile .box-5 .content-nav ul li p {
  width: 4.76rem;
  height: 1.14rem;
  font-size: 0.26rem;
  font-weight: 400;
  color: #808794;
  line-height: 0.38rem;
  position: absolute;
  left: 2.1rem;
  margin-top: 0.88rem;
}
.ConstructLiveContainer .constructLive-mobile .box-5 .content-nav ul li:nth-child(3),
.ConstructLiveContainer .constructLive-mobile .box-5 .content-nav ul li:nth-child(4) {
  height: 2.02rem;
}
.ConstructLiveContainer .constructLive-mobile .box-6 {
  width: 100%;
  height: 2.96rem;
  background: #0758F1;
  display: flex;
  flex-wrap: wrap;
}
.ConstructLiveContainer .constructLive-mobile .box-6 .qur {
  width: 2rem;
  height: 2rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  border: 4px solid rgba(255, 255, 255, 0.43);
  margin-left: 0.76rem;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ConstructLiveContainer .constructLive-mobile .box-6 .qur img {
  width: 1.9rem;
  height: 1.9rem;
}
.ConstructLiveContainer .constructLive-mobile .box-6 h3 {
  font-size: 0.4rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.56rem;
  padding-top: 0.52rem;
  margin-left: 0.4rem;
  margin-bottom: 0.26rem;
}
.ConstructLiveContainer .constructLive-mobile .box-6 h4 {
  width: 3.12rem;
  height: 0.72rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  left: 3.18rem;
  margin-top: 1.08rem;
  opacity: 0.8;
}
.ConstructLiveContainer .constructLive-mobile .box-6 .textBottom {
  width: 2.7rem;
  height: 0.36rem;
  background: linear-gradient(352deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 100%);
  border-radius: 0.18rem;
  border: 1px solid rgba(255, 255, 255, 0.43);
  font-size: 0.2rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.36rem;
  text-indent: 0.19rem;
  position: absolute;
  margin-left: 3.18rem;
  margin-top: 2.06rem;
}
.err {
  width: 1200px;
  padding-top: 40px;
  margin: 0 auto;
}
.err img {
  width: 116px;
  height: 40px;
}
.err .content {
  display: flex;
  padding-left: 39px;
  margin-top: 133px;
}
.err .content .left img {
  width: 498px;
  height: 361px;
  margin-right: 60px;
}
.err .content .right {
  padding-top: 20px;
}
.err .content .right .not-find {
  font-size: 24px;
  font-weight: 500;
  color: #202124;
  line-height: 24px;
  margin-bottom: 20px;
}
.err .content .right p {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #60646b;
  line-height: 18px;
  margin-bottom: 24px;
}
.err .content .right .tips-box {
  width: 460px;
  height: 121px;
  background: #f5f7fa;
  border-radius: 8px;
  padding: 0 21px;
  box-sizing: border-box;
}
.err .content .right .tips-box .addressErr {
  border-bottom: 1px solid #edeff2;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202124;
  line-height: 16px;
  padding: 22px 0;
}
.err .content .right .tips-box .addressErr .iconfont {
  font-family: iconfont!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.err .content .right .tips-box .htmlErr {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202124;
  line-height: 16px;
}
.err .content .right .tips-box .htmlErr .iconfont {
  font-family: iconfont!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.err .content .right .btn-box {
  display: flex;
  margin-top: 60px;
}
.err .content .right .btn-box .white {
  color: #006cff;
  border: 1px solid #006cff;
  margin-right: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 48px;
  border-radius: 2px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 16px;
}
.err .content .right .btn-box .blue {
  color: #fff;
  background: linear-gradient(135deg, #006cff, #0084ff);
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 48px;
  border-radius: 2px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 16px;
}
.err .content .right .btn-box .blues {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 48px;
  border-radius: 2px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 16px;
  color: #fff;
  background: linear-gradient(135deg, #006cff, #0084ff);
  margin-right: 12px;
  margin-left: 131px;
}
.mobile-err {
  width: 100%;
  padding-top: 0.4rem;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-err img {
  width: 1.16rem;
  height: 0.4rem;
}
.mobile-err .content {
  display: flex;
  margin-top: 1.33rem;
}
.mobile-err .content .left img {
  width: 3.5rem;
  height: auto;
  object-fit: cover;
}
.mobile-err .content .right {
  padding-top: 0.2rem;
}
.mobile-err .content .right .not-find {
  font-size: 0.24rem;
  font-weight: 500;
  color: #202124;
  line-height: 0.24rem;
  margin-bottom: 0.2rem;
}
.mobile-err .content .right p {
  font-size: 0.18rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #60646b;
  line-height: 0.28rem;
  margin-bottom: 0.24rem;
  width: 4rem;
}
.mobile-err .content .right .tips-box {
  width: 3.8rem;
  height: 1.21rem;
  background: #f5f7fa;
  border-radius: 0.08rem;
  padding: 0 0.21rem;
  box-sizing: border-box;
}
.mobile-err .content .right .tips-box .addressErr {
  border-bottom: 1px solid #edeff2;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202124;
  line-height: 0.16rem;
  padding: 0.22rem 0;
}
.mobile-err .content .right .tips-box .addressErr .iconfont {
  font-family: iconfont!important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.mobile-err .content .right .tips-box .htmlErr {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202124;
  line-height: 0.16rem;
}
.mobile-err .content .right .tips-box .htmlErr .iconfont {
  font-family: iconfont!important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.mobile-err .content .right .btn-box {
  display: flex;
  margin-top: 0.6rem;
}
.mobile-err .content .right .btn-box .white {
  color: #006cff;
  border: 1px solid #006cff;
  margin-right: 0.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 0.48rem;
  border-radius: 0.02rem;
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0.16rem;
}
.mobile-err .content .right .btn-box .blue {
  color: #fff;
  background: linear-gradient(135deg, #006cff, #0084ff);
  margin-right: 0.12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.12rem;
  height: 0.48rem;
  border-radius: 0.02rem;
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0.16rem;
}
.mobile-err .content .right .btn-box .blues {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 0.48rem;
  border-radius: 0.02rem;
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0.16rem;
  color: #fff;
  background: linear-gradient(135deg, #006cff, #0084ff);
  margin-right: 0.12rem;
  margin-left: 0.51rem;
}
.spot_big_box {
  width: 100%;
  min-width: 1350px;
  height: 740px;
}
.spot_big_box .Live-broadcast {
  width: 100%;
  height: 766px;
  background-color: #fff;
}
.spot_big_box .Live-broadcast .Live-broadcastBox {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .p {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 16px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .ps {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box ul {
  display: flex;
  justify-content: center;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box ul li {
  width: 240px;
  height: 33px;
  float: left;
  font-size: 24px;
  font-weight: 600;
  color: #191919;
  line-height: 10px;
  cursor: pointer;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box ul li.cur {
  color: #0758F1;
  font-weight: 600;
  font-size: 24px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box ul li.cur span {
  display: block;
  width: 60px;
  border: 2px solid #0758F1;
  border-radius: 2px;
  background-color: #0758F1;
  margin: 20px auto;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box ul li:nth-child(2) {
  width: 260px;
  text-align: center;
  margin-left: 140px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box ul li:nth-child(3) {
  text-align: center;
  width: 270px;
  margin-left: 120px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con {
  width: 100%;
  height: 380px;
  margin-top: 51px;
  display: flex;
  flex: 1;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_left {
  width: 508px;
  height: 380px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_left .imgs_box {
  width: 86px;
  height: 51px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/1L_logo1.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_left .img_box_p {
  font-size: 32px;
  font-weight: 600;
  color: #191919;
  line-height: 46px;
  margin-top: 40px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_left .img_box_ps {
  height: 144px;
  font-size: 16px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  margin-top: 17px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_left .img_box_ps span {
  font-size: 22px;
  color: #0758F1;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_right {
  width: 650px;
  height: 380px;
  margin-left: 42px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con .business_right img {
  width: 650px;
  height: 380px;
  object-fit: cover;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 {
  width: 100%;
  height: 380px;
  margin-top: 51px;
  display: flex;
  flex: 1;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_left {
  width: 510px;
  height: 380px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_left .imgs_box {
  width: 216px;
  height: 55px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/1L_logo2.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_left .img_box_p {
  height: 46px;
  font-size: 32px;
  font-weight: 600;
  color: #191919;
  line-height: 46px;
  display: inline-block;
  margin-top: 36px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_left .img_box_ps {
  height: 144px;
  font-size: 16px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  margin-top: 17px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_left .img_box_ps span {
  font-size: 22px;
  color: #0758F1;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_right {
  width: 650px;
  height: 380px;
  margin-left: 42px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con1 .business_right img {
  width: 650px;
  height: 380px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 {
  width: 100%;
  height: 380px;
  margin-top: 51px;
  display: flex;
  flex: 1;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_left {
  width: 510px;
  height: 380px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_left .imgs_box {
  width: 64px;
  height: 64px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/1L_logo3.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_left .img_box_p {
  height: 46px;
  font-size: 32px;
  font-weight: 600;
  color: #191919;
  line-height: 46px;
  display: inline-block;
  margin-top: 36px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_left .img_box_ps {
  width: 508px;
  height: 144px;
  font-size: 16px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  margin-top: 17px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_left .img_box_ps span {
  font-size: 22px;
  color: #0758F1;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_right {
  width: 650px;
  height: 380px;
  margin-left: 42px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .business_con2 .business_right img {
  width: 650px;
  height: 380px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .tab_con_li {
  height: 100px;
  display: none;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab_box .tab_con .tab_con_li.current {
  display: block;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab {
  width: 100%;
  height: 544px;
  margin-top: 40px;
}
.spot_big_box .Live-broadcast .Live-broadcastBox .tab .tab_top {
  width: 100%;
  height: 40px;
}
.spot_big_box .Service-module {
  width: 100%;
  height: 862px;
  background: #EEF3FB;
}
.spot_big_box .Service-module .service-Box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Service-module .service-Box .p {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 16px;
}
.spot_big_box .Service-module .service-Box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 60px;
  text-align: center;
}
.spot_big_box .Service-module .service-Box .module_box {
  width: 100%;
  height: auto;
  position: relative;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .prevBtn {
  position: absolute;
  top: 27%;
  left: -110px;
  cursor: pointer;
  border: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .prevBtn img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  position: absolute;
  top: -8px;
  left: -11px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .nextBtn {
  position: absolute;
  top: 27%;
  right: -110px;
  cursor: pointer;
  border: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .nextBtn img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  position: absolute;
  top: -8px;
  left: -11px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .case_btn {
  width: 160px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  border: none;
  line-height: 50px;
  cursor: pointer;
  margin: 60px auto;
  display: block;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .case_btn:hover {
  background-color: #0445be;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper {
  width: 100%;
  height: 450px;
  border-radius: 10px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper {
  width: 100%;
  border-radius: 10px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .swiper-slide:hover {
  transition: all 0.5s;
  margin-top: 0;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .swiper-slide {
  margin-top: 13px;
  border-radius: 10px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .swiper-slide img {
  width: 370px;
  height: 280px;
  background: #D8D8D8;
  border-radius: 10px 10px 0px 0px;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .swiper-slide:hover {
  cursor: pointer;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .con_box {
  width: 370px;
  height: 150px;
  background-color: #fff;
  margin-top: -4px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .con_box .con_p {
  height: 36px;
  font-size: 24px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
  display: inline-block;
  margin-top: 20px;
  margin-left: 137px;
}
.spot_big_box .Service-module .service-Box .module_box .imgBox .module-swiper .swiper-wrapper .con_box .con_ps {
  width: 310px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 12px;
  margin-left: 30px;
  text-align: center;
}
.spot_big_box .Service-advantage {
  width: 100%;
  height: 902px;
  background-color: #091435;
}
.spot_big_box .Service-advantage .advantage-box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Service-advantage .advantage-box .p {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 80px;
  text-align: center;
  margin-bottom: 16px;
}
.spot_big_box .Service-advantage .advantage-box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  margin-bottom: 60px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box {
  width: 100%;
  height: 660px;
  display: flex;
  flex: 1;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 {
  width: 370px;
  height: 490px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/3L_img1.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .top {
  width: 100%;
  height: 90px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .top span {
  height: 40px;
  font-size: 28px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom {
  width: 100%;
  height: 88px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom .bottom1 {
  height: 88px;
  margin-top: 39px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom .bottom1 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom .bottom1 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
  object-fit: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom .bottom1 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom .bottom1 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom2 {
  height: 88px;
  margin-top: 60px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom2 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom2 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom2 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom2 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom3 {
  height: 88px;
  margin-top: 22px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom3 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom3 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom3 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box1 .bottom3 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 {
  width: 370px;
  height: 490px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/3L_img2.png') no-repeat;
  background-size: cover;
  margin-left: 45px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .top {
  width: 100%;
  height: 90px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .top span {
  height: 40px;
  font-size: 28px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom {
  width: 100%;
  height: 88px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom .bottom1 {
  height: 88px;
  margin-top: 39px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom .bottom1 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom .bottom1 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
  object-fit: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom .bottom1 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom .bottom1 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom2 {
  height: 88px;
  margin-top: 60px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom2 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom2 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom2 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom2 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom3 {
  height: 88px;
  margin-top: 22px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom3 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom3 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
  object-fit: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom3 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box2 .bottom3 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 {
  width: 370px;
  height: 490px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/3L_img3.png') no-repeat;
  background-size: cover;
  margin-left: 45px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .top {
  width: 100%;
  height: 90px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .top span {
  height: 40px;
  font-size: 28px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom {
  width: 100%;
  height: 88px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom .bottom1 {
  height: 88px;
  margin-top: 39px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom .bottom1 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom .bottom1 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
  object-fit: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom .bottom1 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom .bottom1 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom2 {
  height: 88px;
  margin-top: 60px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom2 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom2 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
  object-fit: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom2 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom2 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom3 {
  height: 88px;
  margin-top: 22px;
  display: inline-block;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom3 .tops {
  height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom3 .tops img {
  width: 26px;
  height: 26px;
  margin-left: 42px;
  position: relative;
  top: 4px;
  object-fit: cover;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom3 .tops span {
  height: 36px;
  font-size: 23px;
  font-weight: 600;
  color: #191919;
  line-height: 36px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .Service-advantage_box3 .bottom3 .bottoms {
  height: 40px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  line-height: 24px;
  margin-top: 4px;
  margin-left: 40px;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .consultation_btn {
  width: 160px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 538px;
  margin-left: -676px;
  cursor: pointer;
}
.spot_big_box .Service-advantage .advantage-box .Service-advantage_box .consultation_btn:hover {
  background-color: #0445be;
}
.spot_big_box .Service-process {
  width: 100%;
  height: 812px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_bg.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Service-process .process-box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Service-process .process-box .p {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 16px;
}
.spot_big_box .Service-process .process-box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.spot_big_box .Service-process .process-box .hover_box {
  width: 1200px;
  height: 420px;
  display: flex;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left {
  width: 320px;
  height: 420px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li:hover {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_title_hover.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li {
  width: 320px;
  height: 130px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 26px;
  font-weight: 600;
  color: #808794;
  line-height: 130px;
  text-align: center;
  display: block;
  cursor: pointer;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li.curs {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_title_hover.png') no-repeat;
  background-size: cover;
  color: #fff;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li.curs span {
  color: #fff;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li .span {
  height: 46px;
  font-size: 14px;
  font-weight: 600;
  color: #BEBEBE;
  line-height: 46px;
  opacity: 0.64;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li .shu {
  width: 1px;
  height: 22px;
  opacity: 0.41;
  position: relative;
  top: 3px;
  left: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li.cur {
  background: #f60;
  color: #fff;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li p {
  margin-left: -40px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li:nth-child(1) .span {
  margin-left: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li:nth-child(2) {
  margin-top: 15px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_left ul li:nth-child(3) {
  margin-top: 15px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right {
  width: 850px;
  height: 420px;
  margin-left: 30px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .top {
  width: 100%;
  height: 70px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/bj.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .top p {
  height: 37px;
  font-size: 26px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 37px;
  letter-spacing: 5px;
  text-shadow: 0px 2px 4px rgba(2, 32, 160, 0.5);
  margin-top: 19px;
  margin-left: 377px;
  display: inline-block;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom {
  width: 100%;
  height: 350px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_1 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_01.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 24px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_1 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_1 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_2 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_02.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_2 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_2 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_3 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_03.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_3 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_3 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_4 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_04.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_4 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_4 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_5 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_05.png') no-repeat;
  background-size: cover;
  margin-top: 15px;
  margin-left: 24px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_5 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_5 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_6 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_06.png') no-repeat;
  background-size: cover;
  margin-top: 15px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_6 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_6 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_7 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_07.png') no-repeat;
  background-size: cover;
  margin-top: 15px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_7 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_7 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_8 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_08.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 24px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_8 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_8 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_9 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_09.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_9 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_9 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_10 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_10.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_10 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_10 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_11 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_11.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 24px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_11 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_11 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_12 {
  width: 190px;
  height: 140px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/4L_card_12.png') no-repeat;
  background-size: cover;
  margin-top: 24px;
  margin-left: 14px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_12 .div_p {
  font-size: 22px;
  font-weight: 600;
  color: #191919;
  line-height: 34px;
  display: inline-block;
  margin-top: 31px;
  margin-left: 20px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .bottom .div_12 .div_ps {
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #808794;
  margin-left: 20px;
  margin-top: 5px;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .tab_con_lis {
  height: 100px;
  display: none;
}
.spot_big_box .Service-process .process-box .hover_box .hover_right .tab_con_lis.currents {
  display: block;
}
.spot_big_box .Service-process .process-box .submit {
  width: 160px;
  height: 50px;
  background: #0758F1;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
  margin: 37px auto;
  display: block;
}
.spot_big_box .Service-process .process-box .submit:hover {
  background-color: #0445be;
}
.spot_big_box .Application-scenario {
  width: 100%;
  height: 812px;
  background-color: #fff;
}
.spot_big_box .Application-scenario .scenario-Box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Application-scenario .scenario-Box .p {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
.spot_big_box .Application-scenario .scenario-Box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  margin-bottom: 40px;
  text-align: center;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs {
  width: 1200px;
  height: 510px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_1 {
  width: 380px;
  height: 240px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_1 .scenario-pic {
  width: 380px;
  height: 240px;
  display: block;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/5L_img1.png') no-repeat;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
  border: 1px solid white;
  border-radius: 10px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_1 p {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_1:hover .scenario-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_2 {
  width: 380px;
  height: 240px;
  margin-left: 30px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_2 .scenario-pic {
  width: 380px;
  height: 240px;
  display: block;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/5L_img2.png') no-repeat;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
  border: 1px solid white;
  border-radius: 10px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_2 p {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_2:hover .scenario-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_3 {
  width: 380px;
  height: 240px;
  margin-left: 30px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_3 .scenario-pic {
  width: 380px;
  height: 240px;
  display: block;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/5L_img3.png') no-repeat;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
  border: 1px solid white;
  border-radius: 10px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_3 p {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_3:hover .scenario-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_4 {
  width: 380px;
  height: 240px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-top: 20px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_4 .scenario-pic {
  width: 380px;
  height: 240px;
  display: block;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/5L_img4.png') no-repeat;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
  border: 1px solid white;
  border-radius: 10px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_4 p {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_4:hover .scenario-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_5 {
  width: 380px;
  height: 240px;
  margin-top: 20px;
  margin-left: 30px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_5 .scenario-pic {
  width: 380px;
  height: 240px;
  display: block;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/5L_img5.png') no-repeat;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
  border: 1px solid white;
  border-radius: 10px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_5 p {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_5:hover .scenario-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_6 {
  width: 380px;
  height: 240px;
  margin-top: 20px;
  margin-left: 30px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_6 .scenario-pic {
  width: 380px;
  height: 240px;
  display: block;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/5L_img6.png') no-repeat;
  background-size: cover;
  transition: transform 0.3s 0s ease-in-out;
  border: 1px solid white;
  border-radius: 10px;
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_6 p {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot_big_box .Application-scenario .scenario-Box .img_boxs .box_6:hover .scenario-pic {
  transform: scale(1.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.spot_big_box .Carryout-activities {
  width: 100%;
  height: 362px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/6L_bg.png') no-repeat;
  background-size: cover;
}
.spot_big_box .Carryout-activities .activities-Box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Carryout-activities .activities-Box .p {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
.spot_big_box .Carryout-activities .activities-Box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  margin-bottom: 50px;
}
.spot_big_box .Carryout-activities .activities-Box .experience_btns {
  width: 160px;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.spot_big_box .Carryout-activities .activities-Box .experience_btns:hover {
  background-color: #3879f1;
}
.spot_big_box .Service-coverage {
  width: 100%;
  height: 900px;
  background-color: #EEF3FB;
}
.spot_big_box .Service-coverage .coverage-Box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/7L_bg1.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.spot_big_box .Service-coverage .coverage-Box .p {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  padding-top: 80px;
  margin-bottom: 16px;
  text-align: center;
}
.spot_big_box .Service-coverage .coverage-Box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
  text-align: center;
}
.spot_big_box .Field-execution {
  width: 100%;
  height: 612px;
  background-color: #fff;
}
.spot_big_box .Field-execution .img_boxs {
  max-width: 100%;
  width: 100%;
  height: 334px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/fore_bg.png') repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.spot_big_box .Field-execution .execution-Box {
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .Field-execution .execution-Box .p {
  font-size: 40px;
  font-weight: 600;
  color: #191919;
  line-height: 56px;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 60px;
}
.spot_big_box .live {
  width: 100%;
  height: 340px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives/9L_bg.png') no-repeat;
  background-size: cover;
}
.spot_big_box .live .live-box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.spot_big_box .live .live-box .p {
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  padding-top: 50px;
  text-align: center;
  margin-bottom: 10px;
}
.spot_big_box .live .live-box .ps {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  margin-bottom: 22px;
}
.spot_big_box .live .live-box .code_img {
  width: 140px;
  height: 140px;
  display: block;
  margin: 0 auto;
}
.spot_big_box .live .live-box .code_img img {
  width: 140px;
  height: 140px;
  object-fit: cover;
}
.mobile_Container {
  width: 100%;
  overflow: hidden;
}
.mobile_Container .mobile_Banner {
  width: 100%;
  height: 7.8rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/banner.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Banner h2 {
  font-size: 0.54rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  padding-top: 2.4rem;
  margin-bottom: 0.2rem;
  text-align: center;
}
.mobile_Container .mobile_Banner h3 {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
.mobile_Container .mobile_Banner .understand_btn {
  width: 2rem;
  height: 0.6rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.mobile_Container .mobile_Banner .understand_btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.56rem;
  text-align: center;
  display: block;
}
.mobile_Container .mobile_Activity {
  width: 100%;
}
.mobile_Container .mobile_Activity h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Activity h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile_Container .mobile_Activity .activity_tab {
  width: 7.02rem;
  height: 8.86rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_top {
  width: 100%;
  height: 0.6rem;
  border-bottom: 0.02rem solid #ccc;
  margin-bottom: 0.4rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_top ol {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 0.12rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_top ol li {
  list-style: none;
  height: 0.6rem;
  width: 2.3rem;
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
  cursor: pointer;
  color: #191919;
}
.mobile_Container .mobile_Activity .activity_tab .tab_top ol li.cur {
  color: #0758F1;
  border-bottom: 0.04rem solid #0758F1;
  font-weight: 600;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom {
  width: 100%;
  height: 7.98rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li {
  list-style: none;
  min-height: 200px;
  display: none;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .top_box {
  width: 6.9rem;
  height: 4.02rem;
  margin-bottom: 0.6rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .top_box img {
  width: 6.9rem;
  height: 4.02rem;
  object-fit: cover;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box {
  width: 100%;
  height: 3.36rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box {
  width: 100%;
  height: 0.46rem;
  margin-bottom: 0.2rem;
  display: flex;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box .icon_1 {
  width: 1.1181rem;
  height: 0.46rem;
  object-fit: cover;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box span {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  margin-left: 0.22rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box {
  width: 100%;
  height: 2.7rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.54rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box p span {
  color: #0758F1;
  font-size: 0.36rem;
  font-weight: 600;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .top_box2 {
  width: 6.9rem;
  height: 4.02rem;
  margin-bottom: 0.6rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .top_box2 img {
  width: 6.9rem;
  height: 4.02rem;
  object-fit: cover;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box {
  width: 100%;
  height: 3.36rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box {
  width: 100%;
  height: 0.46rem;
  margin-bottom: 0.2rem;
  display: flex;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box .icon_2 {
  width: 2.59rem;
  height: 0.46rem;
  object-fit: cover;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box span {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  margin-left: 0.2rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box {
  width: 100%;
  height: 2.7rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.54rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .top_box3 {
  width: 6.9rem;
  height: 4.02rem;
  margin-bottom: 0.6rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .top_box3 img {
  width: 6.9rem;
  height: 4.02rem;
  object-fit: cover;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box {
  width: 100%;
  height: 3.36rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box {
  width: 100%;
  height: 0.46rem;
  margin-bottom: 0.2rem;
  display: flex;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box .icon_3 {
  width: 0.46rem;
  height: 0.46rem;
  object-fit: cover;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .icon_box span {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  margin-left: 0.2rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box {
  width: 100%;
  height: 2.7rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li .bottom_box .fonts_box p {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.54rem;
}
.mobile_Container .mobile_Activity .activity_tab .tab_bottom ul li.current {
  display: block;
}
.mobile_Container .mobile_Service {
  width: 100%;
  height: 15.46rem;
  background-color: #EEF3FB;
}
.mobile_Container .mobile_Service h2 {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Service h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile_Container .mobile_Service .mobile_img_box {
  width: 6.9rem;
  height: 10.68rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}
.mobile_Container .mobile_Service .mobile_img_box li {
  width: 3.3rem;
  height: 3.36rem;
  background: #FFFFFF;
  box-shadow: 0 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.06);
  border-radius: 0.1rem;
  cursor: pointer;
}
.mobile_Container .mobile_Service .mobile_img_box li img {
  width: 3.2956rem;
  height: 2.44rem;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
.mobile_Container .mobile_Service .mobile_img_box li p {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  margin-top: 0.16rem;
  text-align: center;
}
.mobile_Container .mobile_Service span {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  display: block;
  margin: 0 auto;
}
.mobile_Container .mobile_Service span a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  display: block;
}
.mobile_Container .mobile_Advantage {
  width: 100%;
  height: 10.74rem;
  background-color: #091435;
}
.mobile_Container .mobile_Advantage h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Advantage h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.mobile_Container .mobile_Advantage .bg_box {
  width: 6.9rem;
  height: 6.34rem;
  margin: 0 auto;
}
.mobile_Container .mobile_Advantage .bg_box .bg1_box {
  width: 100%;
  height: 1.78rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/3L_bg1.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Advantage .bg_box .bg1_box p {
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
  margin-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}
.mobile_Container .mobile_Advantage .bg_box .bg1_box ul {
  width: 6.44rem;
  height: 0.84rem;
  display: flex;
  justify-content: space-around;
}
.mobile_Container .mobile_Advantage .bg_box .bg1_box ul li {
  height: 0.84rem;
  line-height: 0.84rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg1_box ul li img {
  width: 0.26rem;
  height: 0.26rem;
  object-fit: cover;
}
.mobile_Container .mobile_Advantage .bg_box .bg1_box ul li span {
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.84rem;
  margin-left: 0.06rem;
  position: relative;
  top: -0.05rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg2_box {
  width: 100%;
  height: 2.38rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/3L_bg2.png') no-repeat;
  background-size: cover;
  margin-top: 0.2rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg2_box p {
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
  margin-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}
.mobile_Container .mobile_Advantage .bg_box .bg2_box ul {
  width: 6.44rem;
  display: flex;
  flex-wrap: wrap;
}
.mobile_Container .mobile_Advantage .bg_box .bg2_box ul li {
  height: 0.36rem;
  margin-top: 0.2rem;
  margin-left: 0.34rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg2_box ul li img {
  width: 0.26rem;
  height: 0.26rem;
  object-fit: cover;
}
.mobile_Container .mobile_Advantage .bg_box .bg2_box ul li span {
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  margin-left: 0.06rem;
  position: relative;
  top: -0.05rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg3_box {
  width: 100%;
  height: 1.78rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/3L_bg3.png') no-repeat;
  background-size: cover;
  margin-top: 0.2rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg3_box p {
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
  margin-left: 0.3rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}
.mobile_Container .mobile_Advantage .bg_box .bg3_box ul {
  width: 6.44rem;
  height: 0.84rem;
  display: flex;
  justify-content: space-around;
}
.mobile_Container .mobile_Advantage .bg_box .bg3_box ul li {
  height: 0.84rem;
  line-height: 0.84rem;
}
.mobile_Container .mobile_Advantage .bg_box .bg3_box ul li img {
  width: 0.26rem;
  height: 0.26rem;
  object-fit: cover;
}
.mobile_Container .mobile_Advantage .bg_box .bg3_box ul li span {
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.84rem;
  margin-left: 0.06rem;
  position: relative;
  top: -0.05rem;
}
.mobile_Container .mobile_Advantage .bg_box .consultation_btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  display: block;
  margin: 0.5rem auto;
}
.mobile_Container .mobile_Advantage .bg_box .consultation_btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  display: block;
}
.mobile_Container .mobile_Process {
  width: 100%;
  height: 12.72rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/4L_bg1.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Process h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile_Container .mobile_Process .mobile_hover_box {
  width: 6.9rem;
  height: calc(100% - 2.2rem);
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_li {
  width: 100%;
  height: 0.6rem;
  margin-bottom: 0.3rem;
  border-bottom: 0.02rem solid #ccc;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_li ol {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 0.12rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_li ol li {
  list-style: none;
  height: 0.6rem;
  width: 2.3rem;
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
  cursor: pointer;
  color: #191919;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_li ol li.cur {
  color: #0758F1;
  border-bottom: 0.04rem solid #0758F1;
  font-weight: 600;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con {
  width: 100%;
  height: 7.72rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div {
  list-style: none;
  display: none;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .h3 {
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.48rem;
  padding-top: 0.26rem;
  padding-left: 0.3rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .h4 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #808794;
  display: block;
  line-height: 0.36rem;
  padding-left: 0.3rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li {
  display: flex;
  flex-wrap: wrap;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li {
  width: 3.3rem;
  height: 1.78rem;
  background-color: #fff;
  border-radius: 0.06rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(1) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_01.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(2) {
  margin-left: 0.3rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_02.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(3) {
  margin-top: 0.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_03.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(4) {
  margin-left: 0.3rem;
  margin-top: 0.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_04.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(5) {
  margin-top: 0.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_05.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(6) {
  margin-left: 0.3rem;
  margin-top: 0.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_06.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li li:nth-child(7) {
  margin-top: 0.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_07.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_one {
  display: flex;
  flex-wrap: wrap;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_one li {
  width: 3.3rem;
  height: 1.78rem;
  background-color: #fff;
  border-radius: 0.06rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_one li:nth-child(1) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_08.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_one li:nth-child(2) {
  margin-left: 0.3rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_09.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_one li:nth-child(3) {
  margin-top: 0.2rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_10.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_two {
  display: flex;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_two li {
  width: 3.3rem;
  height: 1.78rem;
  background-color: #fff;
  border-radius: 0.06rem;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_two li:nth-child(1) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_11.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div .list_li_two li:nth-child(2) {
  margin-left: 0.3rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/num_12.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Process .mobile_hover_box .live_con div.current {
  display: block;
}
.mobile_Container .mobile_Process .mobile_hover_box .submit-btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 4px;
  display: block;
  margin: 0.4rem auto;
}
.mobile_Container .mobile_Process .mobile_hover_box .submit-btn a {
  display: block;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.mobile_Container .mobile_Scene {
  width: 100%;
  background-color: #fff;
}
.mobile_Container .mobile_Scene h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Scene h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile_Container .mobile_Scene .hover_dh {
  width: 6.95rem;
  height: 3.6rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0.8rem;
}
.mobile_Container .mobile_Scene .hover_dh li {
  width: 2.22rem;
  height: 1.64rem;
  background-color: pink;
  border-radius: 0.1rem;
  cursor: pointer;
}
.mobile_Container .mobile_Scene .hover_dh li p {
  width: 100%;
  height: 0.36rem;
  line-height: 1.64rem;
  text-align: center;
  font-size: 0.28rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.5);
}
.mobile_Container .mobile_Scene .hover_dh li:nth-child(1) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/5L_img1.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Scene .hover_dh li:nth-child(2) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/5L_img2.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Scene .hover_dh li:nth-child(3) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/5L_img3.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Scene .hover_dh li:nth-child(4) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/5L_img4.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Scene .hover_dh li:nth-child(5) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/5L_img5.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Scene .hover_dh li:nth-child(6) {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/5L_img6.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Carry {
  width: 100%;
  height: 4.4rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/6L_bg.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Carry h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Carry h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
  text-align: center;
}
.mobile_Container .mobile_Carry .experience_btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.044rem;
  border: 0.02rem solid #FFFFFF;
  display: block;
  margin: 0 auto;
}
.mobile_Container .mobile_Carry .experience_btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  display: block;
}
.mobile_Container .mobile_Cover {
  width: 100%;
  height: 9.5rem;
  background-color: #EEF3FB;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/7L_bg.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Cover h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.mobile_Container .mobile_Cover h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  text-align: center;
  margin-bottom: 5.72rem;
}
.mobile_Container .mobile_Cover .cover_Btn {
  width: 2.4rem;
  height: 0.7rem;
  background-color: #0758F1;
  border-radius: 0.04rem;
  display: block;
  margin: 0 auto;
}
.mobile_Container .mobile_Cover .cover_Btn a {
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.7rem;
  display: block;
}
.mobile_Container .mobile-Field {
  width: 100%;
  height: 7rem;
}
.mobile_Container .mobile-Field h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.mobile_Container .mobile-Field .swiper10 {
  overflow: inherit !important;
}
.mobile_Container .mobile-Field .swiper-container .swiper-wrapper .swiper-slide img {
  width: 5.8rem;
  height: 4rem;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
}
.mobile_Container .mobile-Field .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev img,
.mobile_Container .mobile-Field .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next img {
  width: 5.22rem;
  height: 3.6rem;
  margin-top: 0.2rem;
}
.mobile_Container .mobile-Field .swiper-container .swiper-pagination {
  bottom: -30px;
}
.mobile_Container .mobile-Field .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background: #D9E6FF;
  border-radius: 5px;
}
.mobile_Container .mobile-Field .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.4rem;
  height: 0.1rem;
  background: #0758F1;
  border-radius: 0.05rem;
  opacity: 1;
}
.mobile_Container .mobile_Code {
  width: 100%;
  height: 2.7rem;
  display: flex;
  justify-content: space-around;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/SpotLives-mobile/9L_bg.png') no-repeat;
  background-size: cover;
}
.mobile_Container .mobile_Code .mobile_Codes {
  width: calc(100% - 1.4rem);
  height: 1.6rem;
  margin-top: 0.55rem;
  display: inline-block;
  display: flex;
}
.mobile_Container .mobile_Code .mobile_Codes .Code_img {
  width: 1.6rem;
  height: 1.6rem;
}
.mobile_Container .mobile_Code .mobile_Codes .Code_img img {
  width: 1.6rem;
  height: 1.6rem;
}
.mobile_Container .mobile_Code .mobile_Codes .font_box {
  width: 4.08rem;
  height: 1.6rem;
  margin-left: 0.37rem;
}
.mobile_Container .mobile_Code .mobile_Codes .font_box h2 {
  width: 384px;
  font-size: 0.32rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.46rem;
  margin-top: 0.15rem;
  display: inline-block;
}
.mobile_Container .mobile_Code .mobile_Codes .font_box span {
  width: 4.08rem;
  height: 0.72rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.36rem;
  margin-top: 0.12rem;
  opacity: 0.8;
  display: block;
}
.scrm-wrapper .swiper-container {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: #ededed;
  position: relative;
}
.scrm-wrapper .swiper-container .swiper-slide {
  width: 100% !important;
  min-height: 100vh;
  height: 1160px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-size: 100% 100%;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .shooting-star {
  position: absolute;
  top: 0px;
  right: 0px;
  animation: move-left-bottom 3s linear infinite;
  z-index: 1;
}
@keyframes move-left-bottom {
  0% {
    top: -55px;
    left: calc(100%);
  }
  100% {
    top: calc(100% - 55px);
    left: 0;
  }
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  transform: translateY(-50%);
  z-index: 3;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div {
  margin: 0 auto;
  width: 1200px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_logo {
  margin-bottom: 16px;
  height: 32px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_title {
  margin-bottom: 16px;
  line-height: 72px;
  font-size: 56px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_title .clip {
  background-image: linear-gradient(277deg, #d012ff -16.3%, #3f72ff 34.32%, #24f2ff 98.98%);
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_desc {
  margin: 0px;
  line-height: 26px;
  font-weight: 400;
  font-size: 18px;
  font-family: PingFang SC-Light, PingFang SC;
  color: rgba(255, 255, 255, 0.8);
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  line-height: 26px;
  font-size: 18px;
  color: #fff;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag span {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag span + span::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -0.75px;
  width: 1.5px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.4);
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag span img {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_title + .content_txtBox_div_tag {
  margin-top: 24px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv a {
  display: flex;
  width: 192px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  align-items: center;
  justify-content: center;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult {
  border-radius: 60px;
  line-height: 48px;
  font-size: 18px;
  background: #1c59ff;
  color: #fff;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .abtnDiv .consult:hover {
  background: #3068ff;
}
.scrm-wrapper .swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_img {
  margin-top: 54px;
  height: 580px;
  border-radius: 10px;
}
.scrm-wrapper .swiper-container .swiper-pagination {
  bottom: 80px !important;
  background-color: none;
  position: absolute;
  left: -560px;
}
.scrm-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  border-radius: 4px;
  opacity: 0.5;
}
.scrm-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: #fff;
  border-radius: 4px;
  opacity: 1;
}
.scrm-banner-mobile {
  width: 100%;
  background: #fff;
  height: 10.84rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide {
  width: 100% !important;
  height: 10.84rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-size: 100% 100%;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox {
  margin: 0 auto;
  padding-top: 1.72rem;
  width: 100%;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div {
  margin: 0 auto;
  width: 100%;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_logo {
  margin-bottom: 0.16rem;
  width: auto;
  height: 0.4rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_title {
  margin-bottom: 0.08rem;
  line-height: 1.04rem;
  font-size: 0.72rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_title .clip {
  background-image: linear-gradient(277deg, #d012ff -16.3%, #3f72ff 34.32%, #24f2ff 98.98%);
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_desc {
  margin: 0;
  line-height: 0.4rem;
  font-weight: 400;
  font-size: 0.28rem;
  font-family: PingFang SC-Light, PingFang SC;
  color: rgba(255, 255, 255, 0.8);
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.24rem auto 0;
  width: 6.86rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  background: linear-gradient(270deg, rgba(21, 5, 23, 0) -0.11%, rgba(28, 33, 88, 0.4) 17.22%, rgba(28, 33, 88, 0.4) 80.09%, rgba(21, 5, 23, 0) 100.61%);
  color: #fff;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag span {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 2.2rem;
  padding: 0.08rem 0.16rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag span + span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.015rem;
  width: 0.03rem;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.4);
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_tag span img {
  margin-right: 0.12rem;
  width: 0.32rem;
  height: 0.32rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div .content_txtBox_div_title + .content_txtBox_div_tag {
  margin-top: 0.24rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-slide .swiper-content .swiper-content_txtBox .content_txtBox_div_img {
  margin-top: 0.8rem;
  width: 6.4rem;
  height: 3.8rem;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.scrm-banner-mobile .scrm-mobile-swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.clip {
  background-clip: text;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.scrm-wrapper {
  width: 100%;
  min-width: 1350px;
  font-family: PingFang SC;
  background: #000;
  color: #fff;
}
.scrm-wrapper .scrm-header {
  position: relative;
  width: 100%;
  height: 740px;
  background-color: #ededed;
}
.scrm-wrapper .scrm-header .header-title {
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.scrm-wrapper .scrm-header .header-title p + p {
  margin-top: 16px;
}
.scrm-wrapper .scrm-header .header-title .p1 {
  line-height: 72px;
  font-size: 56px;
  font-weight: bold;
}
.scrm-wrapper .scrm-header .header-title .p1.clip {
  background-image: linear-gradient(276deg, #d012ff -24.94%, #3f72ff 16.43%, #24f2ff 99%);
}
.scrm-wrapper .scrm-header .header-title .p2 {
  line-height: 26px;
  font-size: 16px;
  color: #fff;
}
.scrm-wrapper .scrm-header .header-title .p2.gray {
  color: rgba(255, 255, 255, 0.8);
}
.scrm-wrapper .scrm-header .header-title .p2 span {
  position: relative;
  display: inline-block;
  padding: 0 16px;
}
.scrm-wrapper .scrm-header .header-title .p2 span + span::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -0.75px;
  width: 1.5px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.4);
}
.scrm-wrapper .scrm-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scrm-wrapper .scrm-header .btn {
  display: inline-block;
  margin-top: 32px;
  border-radius: 60px;
  padding: 13px 56px;
  font-size: 20px;
  background-color: #1c59ff;
  color: #fff;
  cursor: pointer;
}
.scrm-wrapper .scrm-header .btn:hover {
  background-color: #3f72ff;
}
.scrm-wrapper .scrm-col2 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.scrm-wrapper .scrm-col2 .col2-content {
  width: 1200px;
  text-align: center;
  margin: 120px 0;
}
.scrm-wrapper .scrm-col2 .col2-content .p1 {
  font-family: PingFang SC;
  font-size: 44px;
  font-weight: 600;
  color: #fff;
  line-height: 60px;
  margin-bottom: 64px;
}
.scrm-wrapper .scrm-col2 .col2-content .p1 .clip {
  background-image: linear-gradient(276deg, #d012ff -24.94%, #3f72ff 16.43%, #24f2ff 99%);
}
.scrm-wrapper .scrm-col2 .col2-content ul {
  height: 376px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.scrm-wrapper .scrm-col2 .col2-content ul li {
  margin-bottom: 24px;
  cursor: pointer;
}
.scrm-wrapper .scrm-col2 .col2-content ul li .li-container {
  position: relative;
  width: 588px;
  height: 178px;
  background: #101017;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-image: url('/assets/images/web/scrm/col2_bg.png');
  background-repeat: no-repeat;
  background-position: 100% 0;
  overflow: hidden;
}
.scrm-wrapper .scrm-col2 .col2-content ul li .li-container .li-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.22, 0.08, 0.32, 0.99);
}
.scrm-wrapper .scrm-col2 .col2-content ul li .li-container .li-item p.title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 36px;
  margin-bottom: 16px;
}
.scrm-wrapper .scrm-col2 .col2-content ul li .li-container .li-item p span {
  display: block;
  max-width: 423px;
  line-height: 30px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
}
@keyframes product-icon-leave {
  0% {
    background-position-y: -3264px;
  }
  100% {
    background-position-y: 0;
  }
}
@keyframes product-icon-enter {
  0% {
    background-position-y: 0;
  }
  100% {
    background-position-y: -3264px;
  }
}
.scrm-wrapper .scrm-col2 .col2-content ul li .li-container .li-item .img-box {
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: product-icon-leave;
  animation-play-state: running;
  animation-timing-function: steps(24);
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 136px;
  height: 136px;
  overflow: hidden;
}
.scrm-wrapper .scrm-col2 .col2-content ul li:hover .li-container {
  transform: translateY(-12px);
}
.scrm-wrapper .scrm-col2 .col2-content ul li:hover .li-container .img-box {
  animation-name: product-icon-enter !important;
}
.scrm-wrapper .scrm-col2 .col2-content ul li:hover .li-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(276deg, #d012ff -24.94%, #24f2ff -24.94%, #3f72ff 99%);
}
.scrm-wrapper .scrm-col3 {
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
}
.scrm-wrapper .scrm-col3 .col3-content {
  margin: 120px 0;
  width: 1200px;
  text-align: center;
}
.scrm-wrapper .scrm-col3 .col3-content .p1 {
  margin-bottom: 8px;
  line-height: 60px;
  font-size: 44px;
  font-weight: 500;
  color: #fff;
}
.scrm-wrapper .scrm-col3 .col3-content .p2 {
  margin-bottom: 64px;
  line-height: 32px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.scrm-wrapper .scrm-col3 .col3-content ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.scrm-wrapper .scrm-col3 .col3-content ul li {
  position: relative;
  margin-bottom: 16px;
  width: 592px;
  background: #101017;
  border-radius: 16px;
  padding: 24px 24px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item .content {
  width: 100%;
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item .title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 24px;
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item .title img {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item .tag-container .line {
  display: flex;
  width: 100%;
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item .tag-container .tag {
  flex: 1;
  margin-bottom: 16px;
  width: auto;
  border-radius: 4px;
  padding: 10px;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.scrm-wrapper .scrm-col3 .col3-content ul li .li-item .tag-container .tag + .tag {
  margin-left: 16px;
}
.scrm-wrapper .scrm-col3 .col3-content ul li:last-of-type {
  width: 100%;
}
.scrm-wrapper .scrm-col3 .col3-content ul li:last-of-type .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scrm-wrapper .scrm-col3 .col3-content ul li:last-of-type .content .tag-container {
  width: 1048px;
}
.scrm-wrapper .scrm-col3 .col3-content ul li:last-of-type .title {
  flex-direction: column;
  align-items: flex-start;
}
.scrm-wrapper .scrm-col3 .col3-content ul li:last-of-type .title img {
  margin-bottom: 16px;
}
.scrm-wrapper .scrm-col4 {
  text-align: center;
}
.scrm-wrapper .scrm-col4 .col4-content {
  width: 1200px;
  margin: 0 auto;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box {
  display: flex;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left {
  flex: 1;
  text-align: left;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left-title {
  margin-bottom: 48px;
  line-height: 52px;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 36px;
  color: #121212;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left-title.clip {
  background-image: linear-gradient(276deg, #d012ff -24.94%, #3f72ff 16.43%, #24f2ff 99%);
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi {
  height: calc(100vh);
  position: relative;
  opacity: 0.2;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi.active {
  opacity: 1;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi li {
  position: absolute;
  top: 50%;
  padding: 0px 50px 0px 0px;
  transform: translateY(calc(-50%));
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi .box-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi .box-container .box-item {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 16px;
  border-radius: 10px;
  width: 269px;
  padding: 16px;
  background: #101017;
  text-align: left;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi .box-container .box-item .title {
  margin-bottom: 8px;
  line-height: 26px;
  font-size: 18px;
  font-weight: 600;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi .box-container .box-item .desc {
  line-height: 24px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-left .scrm-col4-txtLi .box-container .box-item.w100 {
  width: 100%;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right {
  flex: 1;
  position: sticky;
  height: calc(100vh);
  top: 0;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul {
  height: calc(100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li {
  position: absolute;
  opacity: 0;
  border-radius: 20px;
  margin-top: 1px;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  will-change: opacity;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li .scrm-col4-videoList-video {
  display: block;
  width: 600px;
  height: 430px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li.show {
  opacity: 1;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li.show .scrm-col4-videoList-video {
  opacity: 1;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li.none {
  opacity: 0;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li.none .scrm-col4-videoList-video {
  opacity: 0;
}
.scrm-wrapper .scrm-col4 .col4-content .content-box .scrm-col4-right ul li li {
  padding-right: 50px;
}
.scrm-wrapper .scrm-col4 .col4-content.col4-content_2 {
  margin-top: -100px;
}
.scrm-wrapper .scrm-col4 .col4-content.col4-content_2 .content-box .scrm-col4-left .scrm-col4-txtLi li {
  padding: 0px 0px 0px 50px;
}
.scrm-wrapper .scrm-col5 {
  position: relative;
  width: 100%;
  padding: 120px 0px 160px;
}
.scrm-wrapper .scrm-col5 .scrm-col5-title {
  font-size: 44px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
}
.scrm-wrapper .scrm-col5 .col5-content:first-of-type {
  margin: 40px 0px 64px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.scrm-wrapper .scrm-col5 .col5-content:last-of-type::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(28, 89, 255, 0) 0%, rgba(120, 156, 255, 0.09) 100%);
}
.scrm-wrapper .scrm-col5 .col5-content .content-box {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 176px;
  height: 72px;
  line-height: 72px;
  font-size: 18px;
  font-family: PingFang SC-Regular, PingFang SC;
  cursor: pointer;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li + li {
  margin-left: 20px;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  height: 2px;
  width: 0;
  background-color: #006cff;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li .icon {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li .icon.active-icon {
  display: none;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li.active {
  color: #1c59ff;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li.active::before {
  width: 100%;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li.active .default-icon {
  display: none;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-tabList li.active .active-icon {
  display: inline-block;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList li {
  display: flex;
  align-items: center;
  text-align: left;
  box-shadow: 0px 6px 36px 0px rgba(85, 0, 0, 0.05);
  border-radius: 16px;
  height: 220px;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList li .col5-content-imgList-leftImg {
  width: 560px;
  min-width: 560px;
  height: 220px;
  border-radius: 8px;
  overflow: hidden;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList li .col5-content-imgList-leftImg img {
  width: 560px;
  height: 220px;
  transform: scale(1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  object-fit: contain;
  display: block;
  cursor: pointer;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList li .col5-content-imgList-leftImg img:hover {
  transform: scale(1.2);
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList .col5-content-imgList-rightBox {
  border-radius: 0px 16px 16px 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList-rightBox {
  padding: 40px 56px 60px;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList-title {
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
}
.scrm-wrapper .scrm-col5 .col5-content .content-box .col5-content-imgList-desc {
  margin: 16px 0px 0px;
  line-height: 30px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.6);
}
.scrm-wrapper .scrm-col6 {
  position: relative;
  width: 100%;
  padding: 64px 0;
}
.scrm-wrapper .scrm-col6 .col6-content {
  width: 1200px;
  margin: 0 auto;
}
.scrm-wrapper .scrm-col6-logo {
  height: 32px;
}
.scrm-wrapper .scrm-col6 p {
  position: relative;
  margin: 16px 0 36px;
  line-height: 56px;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 36px;
  z-index: 2;
}
.scrm-wrapper .scrm-col6 .consult {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 182px;
  height: 56px;
  text-align: center;
  line-height: 30px;
  border-radius: 26px;
  font-size: 20px;
  background: #1c59ff;
  color: #fff;
  z-index: 2;
}
.scrm-wrapper .scrm-col6 .consult:hover {
  background: #3068ff;
}
.scrm-wrapper .scrm-col6-img1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 276px;
  height: 182px;
  z-index: 1;
}
.scrm-wrapper .scrm-col6-img2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 513px;
  height: 324px;
  z-index: 1;
}
.scrm-wrapper .scrm-col6-img3 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 535px;
  height: 92px;
  z-index: 1;
}
.scrm-wrapper ~ .HeaderFooter {
  background-color: #101014;
}
.scrm-wrapper ~ .HeaderFooter .HeaderFooter-soildTop,
.scrm-wrapper ~ .HeaderFooter .HeaderFooter-soildLeft,
.scrm-wrapper ~ .HeaderFooter .HeaderFooter-soildBottom {
  opacity: 0.4;
}
.scrm-mobile {
  width: 100%;
  font-family: PingFang SC;
  background: #000;
  color: #fff;
  overflow-x: hidden;
}
.scrm-mobile ul {
  margin: 0;
}
.scrm-mobile .banner-warpper {
  width: 100%;
  height: 9rem;
  font-size: 0;
  background: url(/assets/images/mobile/activity_new/bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.scrm-mobile .banner-warpper .banner-text {
  width: 100%;
  position: absolute;
  top: 3.03rem;
  text-align: center;
}
.scrm-mobile .banner-warpper .banner-text p {
  color: #fff;
}
.scrm-mobile .banner-warpper .banner-text p:first-child {
  height: 0.77rem;
  font-size: 0.55rem;
  font-weight: 500;
  line-height: 0.77rem;
}
.scrm-mobile .banner-warpper .banner-text p:nth-child(2) {
  height: 0.48rem;
  font-size: 0.36rem;
  line-height: 0.48rem;
  margin: 0.19rem 0rem 2.23rem;
}
.scrm-mobile .banner-warpper .banner-text a img {
  width: 2.8rem;
  height: 0.8rem;
  cursor: pointer;
}
.scrm-mobile .scrm-col2 {
  width: 100%;
  min-height: 12rem;
  padding: 0.8rem 0 0.48rem;
  text-align: center;
  font-weight: 400;
  position: relative;
}
.scrm-mobile .scrm-col2 .col2-content {
  text-align: center;
}
.scrm-mobile .scrm-col2 .col2-content .p1 {
  margin-bottom: 0.64rem;
  line-height: 0.8rem;
  font-weight: 600;
  font-size: 0.56rem;
}
.scrm-mobile .scrm-col2 .col2-content .p1 .clip {
  background-image: linear-gradient(276deg, #d012ff -24.94%, #3f72ff 16.43%, #24f2ff 99%);
}
.scrm-mobile .scrm-col2 .col2-content ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scrm-mobile .scrm-col2 .col2-content ul li {
  position: relative;
  width: calc(100% - 0.64rem);
  max-width: 6.86rem;
  height: 2rem;
  background: #101017;
  margin-bottom: 0.32rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.1);
  border-radius: 0.16rem;
  padding: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('/assets/images/web/scrm/col2_mobile_bg.png');
  background-repeat: no-repeat;
  background-position: 100% 0;
  cursor: pointer;
}
.scrm-mobile .scrm-col2 .col2-content ul li .li-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.scrm-mobile .scrm-col2 .col2-content ul li .li-item p.title {
  font-size: 0.32rem;
  font-weight: 600;
  color: #fff;
  line-height: 0.48rem;
  margin-bottom: 0.16rem;
}
.scrm-mobile .scrm-col2 .col2-content ul li .li-item p span {
  display: block;
  max-width: 4.42rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
}
.scrm-mobile .scrm-col2 .col2-content ul li .li-item .img-box {
  height: 1.6rem;
  width: 1.6rem;
  overflow: hidden;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.scrm-mobile .scrm-col2 .col2-title {
  height: 0.54rem;
  font-size: 0.36rem;
  font-weight: 600;
  color: #fff;
  line-height: 0.54rem;
  letter-spacing: 0.04rem;
  padding: 0.8rem 0rem 0.15rem;
  margin-bottom: 55px;
}
.scrm-mobile .scrm-col2 .col2-subtitle {
  font-size: 0.26rem;
  color: #666;
  line-height: 0.37rem;
}
.scrm-mobile .scrm-col3 {
  width: 100%;
  min-height: 12.14rem;
  padding: 0.8rem 0 0.48rem;
  text-align: center;
}
.scrm-mobile .scrm-col3 .col3-content {
  text-align: center;
}
.scrm-mobile .scrm-col3 .col3-content .p1 {
  margin-bottom: 0.16rem;
  line-height: 0.8rem;
  font-size: 0.56rem;
  font-weight: 600;
}
.scrm-mobile .scrm-col3 .col3-content .p1 .clip {
  background-image: linear-gradient(276deg, #d012ff -24.94%, #3f72ff 16.43%, #24f2ff 99%);
}
.scrm-mobile .scrm-col3 .col3-content .p2 {
  margin-bottom: 0.64rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: rgba(255, 255, 255, 0.8);
}
.scrm-mobile .scrm-col3 .col3-content ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-box-pack: justify;
}
.scrm-mobile .scrm-col3 .col3-content ul li {
  position: relative;
  margin-bottom: 0.32rem;
  width: 6.86rem;
  border-radius: 0.16rem;
  padding: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item .content {
  width: 100%;
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item .title {
  display: flex;
  align-items: center;
  font-size: 0.4rem;
  font-weight: 600;
  line-height: 0.6rem;
  margin-bottom: 0.32rem;
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item .title img {
  margin-right: 0.16rem;
  width: 0.64rem;
  height: 0.64rem;
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item .tag-container .line {
  display: flex;
  width: 100%;
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item .tag-container .tag {
  margin-bottom: 0.16rem;
  width: auto;
  border-radius: 0.08rem;
  padding: 0.2rem;
  flex-wrap: nowrap;
  flex-grow: 1;
  line-height: 0.4rem;
  font-size: 0.28rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.scrm-mobile .scrm-col3 .col3-content ul li .li-item .tag-container .tag + .tag {
  margin-left: 0.16rem;
}
.scrm-mobile .scrm-col4 {
  width: 100%;
  min-height: 7.28rem;
  text-align: center;
}
.scrm-mobile .scrm-col4 .col4-content {
  margin: 0 auto;
}
.scrm-mobile .scrm-col4 .col4-content .content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.28rem 0.32rem;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList {
  width: 100%;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList-title {
  margin-bottom: 0.48rem;
  font-size: 0.56rem;
  font-family: PingFang SC;
  font-weight: 600;
  line-height: 0.8rem;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList-title.clip {
  background-image: linear-gradient(276deg, #d012ff 3.09%, #3f72ff 48.9%, #24f2ff 99%);
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList .scrm-col4-txtLi {
  position: relative;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList .scrm-col4-txtLi .box-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0 0.16rem;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList .scrm-col4-txtLi .box-container .box-item {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 0.32rem;
  border-radius: 0.2rem;
  width: 100%;
  padding: 0.32rem 0.3rem;
  background: #171720;
  text-align: left;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList .scrm-col4-txtLi .box-container .box-item .title {
  margin-bottom: 0.16rem;
  line-height: 0.52rem;
  font-size: 0.36rem;
  font-weight: 600;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-txtList .scrm-col4-txtLi .box-container .box-item .desc {
  line-height: 0.48rem;
  font-size: 0.32rem;
  color: rgba(255, 255, 255, 0.5);
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-videoList ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-videoList ul li {
  border-radius: 0.2rem;
}
.scrm-mobile .scrm-col4 .col4-content .content-box .scrm-col4-videoList ul li .scrm-col4-videoList-video {
  display: block;
  width: 6.86rem;
  height: 4.98rem;
}
.scrm-mobile .scrm-col5 {
  width: 100%;
  text-align: center;
  padding: 1.28rem 0px 0.64rem;
  background-color: #101017;
}
.scrm-mobile .scrm-col5 .col5-title {
  font-size: 0.56rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  line-height: 0.84rem;
}
.scrm-mobile .scrm-col5 .col5-title .clip {
  background-image: linear-gradient(276deg, #d012ff 3.09%, #3f72ff 48.9%, #24f2ff 99%);
}
.scrm-mobile .scrm-col5 .col5-content {
  width: 100%;
  height: 100%;
}
.scrm-mobile .scrm-col5 .col5-content:first-of-type {
  margin: 0.48rem 0px;
  border-bottom: 0.02rem solid rgba(255, 255, 255, 0.15);
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-tab {
  margin-bottom: -0.02rem;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-tab .swiper-wrapper .swiper-slide {
  width: 1.92rem !important;
  max-width: 1.92rem !important;
  height: 0.96rem;
  text-align: center;
  font-size: 0.32rem;
  font-family: PingFang SC-Regular, PingFang SC;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.96rem;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-tab .swiper-wrapper .swiper-slide::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  height: 2px;
  width: 0;
  background-color: #006cff;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-tab .swiper-wrapper .swiper-slide.swiper-slide-active {
  color: #1c59ff;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-tab .swiper-wrapper .swiper-slide.swiper-slide-active::before {
  width: 100%;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide {
  width: 6.86rem;
  background: #1c1c26;
  border-radius: 0.16rem;
  overflow: hidden;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide img {
  width: 100%;
  display: block;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide .swiper-slide-bottom {
  padding: 0.48rem;
  text-align: left;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-title {
  font-size: 0.36rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: bold;
  line-height: 0.52rem;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide .swiper-slide-bottom .swiper-slide-desc {
  font-size: 0.28rem;
  font-family: PingFang SC;
  color: rgba(255, 255, 255, 0.6);
  line-height: 0.44rem;
  margin-top: 0.16rem;
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide.swiper-slide-prev,
.scrm-mobile .scrm-col5 .col5-content .scrm-swiper-container-box5-m .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.8);
}
.scrm-mobile .scrm-col6 {
  position: relative;
  min-height: 4.6rem;
  padding: 0.8rem 0.48rem;
}
.scrm-mobile .scrm-col6-logo {
  height: 0.48rem;
}
.scrm-mobile .scrm-col6 p {
  position: relative;
  margin: 0.32rem 0 0.48rem;
  line-height: 0.52rem;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 0.36rem;
  z-index: 2;
}
.scrm-mobile .scrm-col6 .consult {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.48rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.4rem;
  border-radius: 0.52rem;
  font-size: 0.3rem;
  background: #1c59ff;
  color: #fff;
  z-index: 2;
}
.scrm-mobile .scrm-col6-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.74rem;
  height: 3.28rem;
  z-index: 1;
}
.scrm-mobile .footer-mobile {
  background-color: #101014;
}
@keyframes translateOut {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    transform: translateX(-60px);
    opacity: 0;
  }
}
@keyframes translateIn {
  0% {
    transform: translateX(80px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
.scrm {
  width: 100%;
  background-color: #fff;
}
.scrm.pc {
  min-width: 1416px;
}
.scrm.pc .scrmContent .title {
  font-weight: 600;
  text-align: center;
  margin-bottom: 44px;
  line-height: 56px;
  font-size: 40px;
  color: #000;
}
.scrm.pc .scrmContent .banner {
  position: relative;
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  color: #000;
}
.scrm.pc .scrmContent .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scrm.pc .scrmContent .banner .titleBox {
  position: absolute;
  top: 191px;
  left: 50%;
  transform: translateX(-50%);
  width: 1416px;
  margin: 0 auto;
}
.scrm.pc .scrmContent .banner .titleBox .title {
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: bold;
  line-height: 64px;
  color: #002944;
  text-align: left;
}
.scrm.pc .scrmContent .banner .titleBox .subtitle {
  font-size: 24px;
  line-height: 40px;
  color: #828994;
}
.scrm.pc .scrmContent .banner .titleBox .btn {
  display: block;
  width: 142px;
  height: 46px;
  margin-top: 98px;
  background: linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
  border-radius: 6px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #FFFFFF;
}
.scrm.pc .scrmContent .banner .titleBox .btn:hover {
  opacity: 0.9;
}
.scrm.pc .scrmContent .col-1 {
  padding-top: 90px;
  height: 555px;
}
.scrm.pc .scrmContent .col-1 .title {
  margin-bottom: 44px;
}
.scrm.pc .scrmContent .col-1 .col-1-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrm.pc .scrmContent .col-1 .col-1-center .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 26px #f1f1f7;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 287px;
  height: 275px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(to bottom, #e6f0ff, #ffffff);
  margin-right: 16px;
}
.scrm.pc .scrmContent .col-1 .col-1-center .item .itemImg {
  margin: 20px auto;
  width: 94px;
}
.scrm.pc .scrmContent .col-1 .col-1-center .item .itemTitle {
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.scrm.pc .scrmContent .col-1 .col-1-center .item .itemSubtitle {
  margin-top: 12px;
  line-height: 24px;
  font-size: 16px;
  color: #676666;
}
.scrm.pc .scrmContent .col-1 .col-1-center .item:hover {
  box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.06);
  transform: translateY(-24px);
}
.scrm.pc .scrmContent .col-1 .col-1-center .item:last-child {
  margin-right: 0;
}
.scrm.pc .scrmContent .col-2 {
  width: 100%;
  height: 969px;
  padding-top: 84px;
  background-image: url('https://img1-www.nuoyun.tv/assets/images/web/scrm/new/col2_main.png');
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ebf2ff;
}
.scrm.pc .scrmContent .col-2 .title {
  margin-bottom: 12px;
}
.scrm.pc .scrmContent .col-2 .subtitle {
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  color: #676666;
}
.scrm.pc .scrmContent .col-3 {
  width: 100%;
  height: 360px;
  padding-top: 70px;
  background-image: url('https://img1-www.nuoyun.tv/assets/images/web/scrm/new/col3_bg.png');
  background-size: cover;
  background-position: 50% 50%;
}
.scrm.pc .scrmContent .col-3 .title {
  margin-bottom: 62px;
  color: #fff;
}
.scrm.pc .scrmContent .col-3 .content {
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  color: #fff;
}
.scrm.pc .scrmContent .col-3 .content .item .num {
  line-height: 80px;
  font-weight: 700;
  font-size: 72px;
}
.scrm.pc .scrmContent .col-3 .content .item .itemTitle {
  line-height: 25px;
  font-weight: 500;
  font-size: 18px;
}
.scrm.pc .scrmContent .col-4 {
  padding: 166px 0 90px;
}
.scrm.pc .scrmContent .col-4 .title {
  margin-bottom: 12px;
}
.scrm.pc .scrmContent .col-4 .subtitle {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  color: #676666;
}
.scrm.pc .scrmContent .col-4 .content {
  width: 1200px;
  margin: 66px auto 0;
}
.scrm.pc .scrmContent .col-4 .content .tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  font-weight: 500;
  line-height: 20px;
  font-size: 20px;
  color: #000;
  cursor: pointer;
}
.scrm.pc .scrmContent .col-4 .content .tabs .tab {
  position: relative;
}
.scrm.pc .scrmContent .col-4 .content .tabs .tab.active {
  color: #1578ff;
}
.scrm.pc .scrmContent .col-4 .content .tabs .tab.active::after {
  width: 120%;
  background: #1578ff;
}
.scrm.pc .scrmContent .col-4 .content .tabs .tab::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  border-radius: 3px;
  transform: translate(-50%);
  transition: width 0.25s ease-in-out;
  width: 0;
  height: 3px;
}
.scrm.pc .scrmContent .col-4 .content .center {
  margin-top: 80px;
}
.scrm.pc .scrmContent .col-4 .content .center .item {
  display: none;
  justify-content: space-between;
}
.scrm.pc .scrmContent .col-4 .content .center .item.active {
  display: flex;
}
.scrm.pc .scrmContent .col-4 .content .center .item .itemLeft .itemTitle {
  min-width: 300px;
  font-weight: 600;
  line-height: 28px;
  font-size: 20px;
  margin-bottom: 26px;
}
.scrm.pc .scrmContent .col-4 .content .center .item .itemLeft .itemList .list {
  position: relative;
  padding-left: 32px;
  margin-top: 32px;
  font-size: 16px;
  line-height: 22px;
  color: #191919bf;
}
.scrm.pc .scrmContent .col-4 .content .center .item .itemLeft .itemList .list::before {
  display: block;
  content: "";
  width: 19px;
  height: 15px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAeCAYAAAE3E1z4AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJqADAAQAAAABAAAAHgAAAAAVo9McAAAGfklEQVRYCa1XDWxURRD+9lFo+SsE7TViASWIFBKNYgCxaAGDiiESgYKJMfgXjBRsQ0TxBzURjA1tBUWigQhREAQVTUADIjUqAQWjUWkpGgJEmt4FKT3+f279Zt/bd+/e3bU1uul1d3a+mZ2dnZ3ZB3itPqoP2LGSwf5mre3E0EKlHEGUrHCnRn5kWR6y51taByVA9E6ttWNxjnCpsbQ+isu9ajzdMtn7Va3zOWHFlR38fQ4oGaCMNa5JUb0eGtOtTtuLefm1OtFaqRwxc6eADh23bLcftRZYsU9rAcmMEuvEGCFGrwESORx0AXZPIxOIFheqQuH5raFZzxfb5FffrJt9RnhwIKpL9kd1nKAlYZ67EWoIM4ojcK57E12iCZzKsS4Igx76HIkoRVsrlBJzTbtwiXZ71N0bgRbSAhCmceZF7rF0JTB8ANAYJ4D07hmA+E1Axh+dOwE7HgV+jLmAiYOElWyORedxqS95BonOwMJbuITCYgsz6oQIbqBrBF2vVYqn6TYfJCR9NIUb2uTx0juFo0Mjqn+Y0btWbzxRgTKjrF0lYWnSoz/AfQmFz7j7BL3F3XMrcnKXNb7NgM84VbYZOHoGkDjvkYfux2YpUm7LoZe/sERtHfDJ7y6wZhIwoshygAkbgDjBomQYQ27VeHM0viJBKokl+mmeFbtAgbHvuUKg8eameb2Mt00GejGapdmTcykqkwED9AjvST87Kf0ZRs44WhNUuGdKEhE+SeH4p8n7pHifEkm4O2o6Dby0D3j3dpeWeCmOqOfDOKF9ZZYpl7QhiipyJnH7fQnYy929eH1EfWcx2foUZZm2GxQkeCpv/MfBuaIa3SfuYO/JCjWQi9LJ3KKJ7JDfgkIGx4DmguvtfO9qXd2qcJx39hWZM5YFr4gFttWLhbeuxWoGbQ8qKjs5R/GyAzmSl9K83oamSwSPWYdNJmQcLLWKRMRPvm3I+6ymU8D9vAGiqGsu/mx+UqUkDeMzH83B298HqeT44AlPkQQwf3VTcTTJdUfMOm4T88cud4FbDgJbZloO0MCkP1MunXcTdpURBzBLpTbfshyORlxDJgVaLjArrAKOnwUOtQAPe4okPy4cRQhPgH/HUlVl8FkFBX8gTPwiiSUhy7EXRX26AVuZAKSxEC0pLlBPu5T7Xy56M02OBCdnU+FPzMuiQPxjeo73TEuiWD86KaVSAsHJi2BAEuKOlt/jphnv+I3CqtsCKGbcsCLhOpLDg8neiqy8Cxh4hbvN/Fzgjr6Ww9STIXUL19wAGbBcL2IxfE7GwXbvVp7sxOSMlEdaRc+kN1+ZsA5pnXcuisNhHwqPLntmSKGqknG2lqIsDBLl56OYS+XzMi0QxgtNhVH+qnMjWCYuzITJNlewXA+KzVZ/eHpSYZKNGmLg8yndfanIjlFytkMK8EI2N/daqsfzubSGbrxai5tyMbj1CXUwxWPZzrNjJrSNClaOPjV6GGN9HQ25wQSFg0tOJ5S1lKtPrRZjmBzZ2Rgaw7XOgv6vfvVvaHnnZ+TTIMeEN4PNUXiqZa5aFl7DvD1Z1po6GkNhBe3RcaayBd+wVjYz/sQNNEYyAz20ubIcU14OJQqrL+2ZYRn/tT98Epj7FW8Cc6uJHc+obnxEvlGKVTOGqsfaWiOHLp0kqTxT284vl6qdwDm+iQYzcS5mhivskQmZnDvASjGHBsUvegbRQ+IlOboHhwDlNxrPjUlKZB4peejTsJTl5MG9YAsf2UeSSm1MSP/IcFaXm81avtZG1sDybUmD5CvFJHP24qX3mWWLurtwHmmcT6h8XzjDgG8x+QJDaQYe5PX4LIvKnr/I5QLWOO8mIT8PePwmYPWvQEwyFo0Wg+zRSX9nf2ARy2Kw0bA6GjY2OBced+iRfZ4v0fnb+TXSRHHPQLu40GKoNSg4X81CVnJVeElTu8e092bknviCcB9Tr6erSJ05y7ip3AH8ImVZJAPeEdoadSXr/foJQE8eYbhRpN1yJDLGMBn8m++cUzSw/GtuiHElxhhviRKuOq4IeG2kEOmN0LSHcDrKnfENE1LKUX0MH/JspmcTCM7L5/2sOuDIac5S0wJeiMnXBBHeWGFDcQEeyFaWMkgkPRZmGg8q1NLIfmFemG7gG7ALvTUweM/kcaRRGf5UCMtmo1M8lg1ETzqNMYxOaEzmVpgs0JcBb55VVCAP0GPcwD6Wl82DC7CLnjGZIpu+jsz/A7UrcH7P8xi/AAAAAElFTkSuQmCC') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 3px;
}
.scrm.pc .scrmContent .col-4 .content .center .item .itemLeft .itemList .list:first-child {
  margin-top: 0;
}
.scrm.pc .scrmContent .col-4 .content .center .item .itemLeft .btn {
  display: block;
  margin-top: 111px;
  width: 142px;
  height: 46px;
  background: linear-gradient(to right, #1574ff, #08a9ff);
  cursor: pointer;
  color: #fff;
  line-height: 46px;
  font-size: 18px;
  border-radius: 6px;
  text-align: center;
}
.scrm.pc .scrmContent .col-4 .content .center .item .itemImg {
  width: 768px;
}
.scrm.pc .scrmContent .col-5 {
  padding-top: 90px;
}
.scrm.pc .scrmContent .col-5 .title {
  margin-bottom: 12px;
}
.scrm.pc .scrmContent .col-5 .subtitle {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  color: #676666;
}
.scrm.pc .scrmContent .col-5 .content {
  margin-top: 44px;
}
.scrm.pc .scrmContent .col-5 .content .tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  width: 1200px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 22px;
  line-height: 20px;
  font-size: 20px;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab {
  position: relative;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab.active {
  color: #1578ff;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab.active .tabSubtitle {
  color: #1578ff;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab.active::after {
  width: 120%;
  background: #1578ff;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  border-radius: 3px;
  transform: translate(-50%);
  transition: width 0.25s ease-in-out;
  width: 0;
  height: 3px;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab .tabTitle {
  margin-bottom: 10px;
  font-weight: 600;
}
.scrm.pc .scrmContent .col-5 .content .tabs .tab .tabSubtitle {
  font-size: 16px;
  line-height: 16px;
  color: #676666;
}
.scrm.pc .scrmContent .col-5 .content .center {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 630px;
  box-sizing: border-box;
  background-image: url('https://img1-www.nuoyun.tv/assets/images/web/scrm/new/col5_bg.png');
  background-size: cover;
  background-position: 50% 50%;
}
.scrm.pc .scrmContent .col-5 .content .center .item {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  transition: all 0.3s linear;
  width: 1200px;
  min-height: 380px;
  opacity: 0;
}
.scrm.pc .scrmContent .col-5 .content .center .item.active {
  opacity: 1;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list {
  margin-top: 98px;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list .card {
  transition: background-color 0.3s linear;
  width: 400px;
  min-height: 128px;
  background: #fff linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
  cursor: pointer;
  border-radius: 10px;
  padding: 22px 32px;
  margin-bottom: 24px;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list .card :last-child {
  margin-bottom: 0;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list .card.active {
  background-color: #cbe1ff;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list .card.active .cardTitle {
  color: #1578ff;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list .card .cardTitle {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.scrm.pc .scrmContent .col-5 .content .center .item .list .card .cardDesc {
  font-size: 16px;
  line-height: 24px;
  color: #191919bf;
}
.scrm.pc .scrmContent .col-5 .content .center .item .imgBox {
  position: relative;
}
.scrm.pc .scrmContent .col-5 .content .center .item .imgBox img {
  position: absolute;
  top: 50px;
  left: 48px;
  transition: all 0.3s linear;
  width: 802px;
  height: 530px;
  object-fit: cover;
  opacity: 0;
}
.scrm.pc .scrmContent .col-5 .content .center .item .imgBox img.active {
  opacity: 1;
}
.scrm.pc .scrmContent .col-6 {
  padding-top: 140px;
  height: 870px;
  background-image: linear-gradient(to bottom, #fff 75%, #edf3ff);
  box-sizing: border-box;
}
.scrm.pc .scrmContent .col-6 .title {
  margin-bottom: 64px;
}
.scrm.pc .scrmContent .col-6 .content {
  display: flex;
  position: relative;
  border: 1px solid #fff;
  box-shadow: 0 0 26px #e6f0f5;
  width: 1200px;
  height: 490px;
  margin: 0 auto;
  background-color: #f9fcfe;
  background-size: cover;
  border-radius: 14px;
}
.scrm.pc .scrmContent .col-6 .content .tabs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 176px;
  height: 100%;
  padding: 32px 10px 22px;
  background-color: #f0f7fe;
  z-index: 10;
}
.scrm.pc .scrmContent .col-6 .content .tabs .tab {
  display: flex;
  align-items: center;
  width: 152px;
  height: 48px;
  padding-left: 20px;
  line-height: 25px;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  border-radius: 6px;
}
.scrm.pc .scrmContent .col-6 .content .tabs .tab.active {
  background-image: linear-gradient(to right, #1574ff, #08a9ff);
  color: #fff;
}
.scrm.pc .scrmContent .col-6 .content .tabs .tab.active .tabTitle {
  color: #fff;
}
.scrm.pc .scrmContent .col-6 .content .tabs .tab .tabIcon {
  margin-right: 7px;
  height: 24px;
}
.scrm.pc .scrmContent .col-6 .content .right .box {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  left: 176px;
  transition: all 0.3s linear;
  transition-delay: 0.3s;
  padding: 36px 35px 31px 41px;
  opacity: 0;
}
.scrm.pc .scrmContent .col-6 .content .right .box.active {
  opacity: 1;
}
.scrm.pc .scrmContent .col-6 .content .right .box.active .img {
  opacity: 1;
}
.scrm.pc .scrmContent .col-6 .content .right .box.active .itemTitle,
.scrm.pc .scrmContent .col-6 .content .right .box.active .desc,
.scrm.pc .scrmContent .col-6 .content .right .box.active .listImg {
  animation-name: translateIn;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.scrm.pc .scrmContent .col-6 .content .right .box.active .itemTitle {
  animation-duration: 0.5s;
}
.scrm.pc .scrmContent .col-6 .content .right .box.active .desc {
  animation-duration: 0.7s;
}
.scrm.pc .scrmContent .col-6 .content .right .box.active .listImg {
  animation-duration: 0.9s;
}
.scrm.pc .scrmContent .col-6 .content .right .box .itemTitle {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  line-height: 33px;
  animation: translateOut 0.3s forwards;
}
.scrm.pc .scrmContent .col-6 .content .right .box .desc {
  line-height: 24px;
  font-size: 16px;
  color: #191919bf;
  animation: translateOut 0.3s forwards;
}
.scrm.pc .scrmContent .col-6 .content .right .box .listImg {
  margin-top: 30px;
  width: 100%;
  animation: translateOut 0.3s forwards;
}
.scrm.pc .scrmContent .col-6 .content .right .box .img {
  flex-shrink: 0;
  margin-left: 90px;
  width: 320px;
  height: 420px;
  opacity: 0;
  animation: all 0.3s forwards;
}
.scrm.pc .scrmContent .col-6 .content .right .box .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.scrm.pc .scrmContent .col-7 {
  margin-top: 120px;
}
.scrm.pc .scrmContent .col-7 .col-7-box {
  padding-top: 70px;
  width: 1600px;
  height: 804px;
  margin: auto;
  border-radius: 30px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/scrm/new/col-7-bg.png") no-repeat;
  background-size: cover;
}
.scrm.pc .scrmContent .col-7 .col-7-box .title {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrm.pc .scrmContent .col-7 .col-7-box .title img {
  width: 35px;
  height: 37px;
  margin-left: 6px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .subtitle {
  font-size: 20px;
  color: #676666;
  line-height: 32px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 69px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content {
  display: flex;
  width: 100%;
  padding-left: 190px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content .left {
  padding-top: 42px;
  width: 509px;
  height: 362px;
  margin-right: 58px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content .left .card {
  margin-bottom: 18px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content .left .card .cardTitle {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 4px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content .left .card .cardTitle img {
  height: 15px;
  margin-right: 10px;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content .left .card .cardDesc {
  padding-left: 28px;
  font-size: 16px;
  line-height: 24px;
  color: #5C5C5C;
  font-weight: 400;
}
.scrm.pc .scrmContent .col-7 .col-7-box .content .right {
  width: 720px;
}
.scrm.pc #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.scrm.pc #nav .nav-center a,
.scrm.pc #nav .nav-center .product,
.scrm.pc #nav .nav-center .solution,
.scrm.pc #nav .nav-center .Install {
  color: #000000;
}
.scrm.pc #nav .nav-center a .arrow,
.scrm.pc #nav .nav-center .product .arrow,
.scrm.pc #nav .nav-center .solution .arrow,
.scrm.pc #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.scrm.pc #nav .nav-center a,
.scrm.pc #nav .nav-center .aboutUs {
  color: #000000;
}
.scrm.pc #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.scrm.pc #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.scrm.pc #nav .nav-right a.login {
  color: #0758F1;
}
.scrm.pc #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.scrm.pc .NewopenLive-btns .btn {
  color: #0758f1;
  background-color: #fff !important;
}
.scrm.pc .NewopenLive-btns .btn:hover {
  color: #0758f1;
}
.scrm.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.scrm.mobile .title {
  margin-bottom: 0.4rem;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.44rem;
  font-weight: 600;
}
.scrm.mobile .banner {
  position: relative;
  height: 10.2rem;
}
.scrm.mobile .banner .bannerImg {
  display: block;
  width: 100%;
  height: 100%;
}
.scrm.mobile .banner .titleBox {
  position: absolute;
  top: 1.62rem;
  width: 100%;
  text-align: center;
}
.scrm.mobile .banner .titleBox .title {
  margin: 0 auto 0.12rem;
  width: 3.8rem;
  line-height: 0.76rem;
  font-weight: 700;
  font-size: 0.54rem;
}
.scrm.mobile .banner .titleBox .subtitle {
  line-height: 0.48rem;
  font-size: 0.36rem;
  color: #636870;
}
.scrm.mobile .col-1 {
  padding-top: 0.6rem;
  height: 8.9rem;
  box-sizing: border-box;
}
.scrm.mobile .col-1 .col-1-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0.32rem;
}
.scrm.mobile .col-1 .col-1-center .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.22rem;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0.52rem #f1f1f7;
  box-sizing: border-box;
  border-radius: 0.2rem;
  width: 3.32rem;
  height: 3.2rem;
  padding-top: 0.38rem;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(to bottom, #e6f0ff, #ffffff);
}
.scrm.mobile .col-1 .col-1-center .item .itemImg {
  height: 1.2rem;
  margin-bottom: 0.18rem;
}
.scrm.mobile .col-1 .col-1-center .item .itemTitle {
  line-height: 0.4rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: #000;
}
.scrm.mobile .col-1 .col-1-center .item .itemSubtitle {
  margin-top: 0.08rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #676666;
}
.scrm.mobile .col-2 {
  width: 100%;
  height: 8.52rem;
  padding-top: 0.8rem;
  box-sizing: border-box;
  background-image: url('https://img1-www.nuoyun.tv/assets/images/mobile/scrm/new/col2_bg.png');
  background-size: cover;
  text-align: center;
}
.scrm.mobile .col-2 .title {
  margin: 0 auto 0.12rem;
  width: 4.84rem;
}
.scrm.mobile .col-2 .subtitle {
  margin-bottom: 0.4rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #9192a2;
}
.scrm.mobile .col-2 .col-2-img {
  width: 7.22rem;
}
.scrm.mobile .col-3 {
  width: 100%;
  height: 6.6rem;
  padding-top: 0.6rem;
  box-sizing: border-box;
  background-image: url('https://img1-www.nuoyun.tv/assets/images/mobile/scrm/new/col3_bg.png');
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
}
.scrm.mobile .col-3 .title {
  margin: 0 auto 0.56rem;
  width: 4.5rem;
  color: #fff;
}
.scrm.mobile .col-3 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 6.66rem;
  margin: 0 auto;
}
.scrm.mobile .col-3 .content .item {
  margin-bottom: 0.68rem;
  width: 40%;
  color: #fff;
}
.scrm.mobile .col-3 .content .item .num {
  margin-bottom: 0.16rem;
  line-height: 0.88rem;
  font-weight: 700;
  font-size: 0.72rem;
}
.scrm.mobile .col-3 .content .item .itemTitle {
  line-height: 0.4rem;
  font-weight: 500;
  font-size: 0.28rem;
}
.scrm.mobile .col-4 {
  padding-top: 0.8rem;
}
.scrm.mobile .col-4 .title {
  margin: 0 auto 0.12rem;
  width: 5.28rem;
}
.scrm.mobile .col-4 .subtitle {
  margin-bottom: 0.4rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #9192a2;
  text-align: center;
}
.scrm.mobile .col-4 .content {
  padding: 0 0.36rem 0.8rem;
}
.scrm.mobile .col-4 .content .tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.04rem solid #e6e6e6;
  padding-bottom: 0.12rem;
  margin-bottom: 0.48rem;
}
.scrm.mobile .col-4 .content .tabs .tab {
  position: relative;
  padding: 0 0.2rem;
  text-align: center;
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #1e1e1e;
  cursor: pointer;
}
.scrm.mobile .col-4 .content .tabs .tab::after {
  content: "";
  position: absolute;
  height: 0.04rem;
  border-radius: 0.04rem;
  bottom: -0.14rem;
  left: 50%;
  width: 100%;
  transform: translate(-50%);
}
.scrm.mobile .col-4 .content .tabs .tab.active {
  color: #1578ff;
}
.scrm.mobile .col-4 .content .tabs .tab.active::after {
  background: #1578ff;
}
.scrm.mobile .col-4 .content .center .item {
  display: none;
}
.scrm.mobile .col-4 .content .center .item.active {
  display: block;
}
.scrm.mobile .col-4 .content .center .item .itemImg {
  display: block;
  width: 100%;
}
.scrm.mobile .col-4 .content .center .item .itemLeft .itemTitle {
  margin-top: 0.6rem;
  margin-bottom: 0.34rem;
  line-height: 0.5rem;
  font-size: 0.36rem;
  color: #191919;
  font-weight: 600;
}
.scrm.mobile .col-4 .content .center .item .itemLeft .itemList {
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #90929e;
}
.scrm.mobile .col-4 .content .center .item .itemLeft .itemList .list {
  margin-top: 0.44rem;
  position: relative;
  padding-left: 0.6rem;
}
.scrm.mobile .col-4 .content .center .item .itemLeft .itemList .list:first-child {
  margin-top: 0;
}
.scrm.mobile .col-4 .content .center .item .itemLeft .itemList .list::before {
  display: block;
  content: "";
  width: 0.38rem;
  height: 0.3rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAeCAYAAAE3E1z4AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJqADAAQAAAABAAAAHgAAAAAVo9McAAAGfklEQVRYCa1XDWxURRD+9lFo+SsE7TViASWIFBKNYgCxaAGDiiESgYKJMfgXjBRsQ0TxBzURjA1tBUWigQhREAQVTUADIjUqAQWjUWkpGgJEmt4FKT3+f279Zt/bd+/e3bU1uul1d3a+mZ2dnZ3ZB3itPqoP2LGSwf5mre3E0EKlHEGUrHCnRn5kWR6y51taByVA9E6ttWNxjnCpsbQ+isu9ajzdMtn7Va3zOWHFlR38fQ4oGaCMNa5JUb0eGtOtTtuLefm1OtFaqRwxc6eADh23bLcftRZYsU9rAcmMEuvEGCFGrwESORx0AXZPIxOIFheqQuH5raFZzxfb5FffrJt9RnhwIKpL9kd1nKAlYZ67EWoIM4ojcK57E12iCZzKsS4Igx76HIkoRVsrlBJzTbtwiXZ71N0bgRbSAhCmceZF7rF0JTB8ANAYJ4D07hmA+E1Axh+dOwE7HgV+jLmAiYOElWyORedxqS95BonOwMJbuITCYgsz6oQIbqBrBF2vVYqn6TYfJCR9NIUb2uTx0juFo0Mjqn+Y0btWbzxRgTKjrF0lYWnSoz/AfQmFz7j7BL3F3XMrcnKXNb7NgM84VbYZOHoGkDjvkYfux2YpUm7LoZe/sERtHfDJ7y6wZhIwoshygAkbgDjBomQYQ27VeHM0viJBKokl+mmeFbtAgbHvuUKg8eameb2Mt00GejGapdmTcykqkwED9AjvST87Kf0ZRs44WhNUuGdKEhE+SeH4p8n7pHifEkm4O2o6Dby0D3j3dpeWeCmOqOfDOKF9ZZYpl7QhiipyJnH7fQnYy929eH1EfWcx2foUZZm2GxQkeCpv/MfBuaIa3SfuYO/JCjWQi9LJ3KKJ7JDfgkIGx4DmguvtfO9qXd2qcJx39hWZM5YFr4gFttWLhbeuxWoGbQ8qKjs5R/GyAzmSl9K83oamSwSPWYdNJmQcLLWKRMRPvm3I+6ymU8D9vAGiqGsu/mx+UqUkDeMzH83B298HqeT44AlPkQQwf3VTcTTJdUfMOm4T88cud4FbDgJbZloO0MCkP1MunXcTdpURBzBLpTbfshyORlxDJgVaLjArrAKOnwUOtQAPe4okPy4cRQhPgH/HUlVl8FkFBX8gTPwiiSUhy7EXRX26AVuZAKSxEC0pLlBPu5T7Xy56M02OBCdnU+FPzMuiQPxjeo73TEuiWD86KaVSAsHJi2BAEuKOlt/jphnv+I3CqtsCKGbcsCLhOpLDg8neiqy8Cxh4hbvN/Fzgjr6Ww9STIXUL19wAGbBcL2IxfE7GwXbvVp7sxOSMlEdaRc+kN1+ZsA5pnXcuisNhHwqPLntmSKGqknG2lqIsDBLl56OYS+XzMi0QxgtNhVH+qnMjWCYuzITJNlewXA+KzVZ/eHpSYZKNGmLg8yndfanIjlFytkMK8EI2N/daqsfzubSGbrxai5tyMbj1CXUwxWPZzrNjJrSNClaOPjV6GGN9HQ25wQSFg0tOJ5S1lKtPrRZjmBzZ2Rgaw7XOgv6vfvVvaHnnZ+TTIMeEN4PNUXiqZa5aFl7DvD1Z1po6GkNhBe3RcaayBd+wVjYz/sQNNEYyAz20ubIcU14OJQqrL+2ZYRn/tT98Epj7FW8Cc6uJHc+obnxEvlGKVTOGqsfaWiOHLp0kqTxT284vl6qdwDm+iQYzcS5mhivskQmZnDvASjGHBsUvegbRQ+IlOboHhwDlNxrPjUlKZB4peejTsJTl5MG9YAsf2UeSSm1MSP/IcFaXm81avtZG1sDybUmD5CvFJHP24qX3mWWLurtwHmmcT6h8XzjDgG8x+QJDaQYe5PX4LIvKnr/I5QLWOO8mIT8PePwmYPWvQEwyFo0Wg+zRSX9nf2ARy2Kw0bA6GjY2OBced+iRfZ4v0fnb+TXSRHHPQLu40GKoNSg4X81CVnJVeElTu8e092bknviCcB9Tr6erSJ05y7ip3AH8ImVZJAPeEdoadSXr/foJQE8eYbhRpN1yJDLGMBn8m++cUzSw/GtuiHElxhhviRKuOq4IeG2kEOmN0LSHcDrKnfENE1LKUX0MH/JspmcTCM7L5/2sOuDIac5S0wJeiMnXBBHeWGFDcQEeyFaWMkgkPRZmGg8q1NLIfmFemG7gG7ALvTUweM/kcaRRGf5UCMtmo1M8lg1ETzqNMYxOaEzmVpgs0JcBb55VVCAP0GPcwD6Wl82DC7CLnjGZIpu+jsz/A7UrcH7P8xi/AAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.06rem;
}
.scrm.mobile .col-5 {
  padding-bottom: 0.7rem;
  padding-top: 0.8rem;
  background-image: url('https://img1-www.nuoyun.tv/assets/images/mobile/scrm/new/col5_bg.png');
  background-size: cover;
}
.scrm.mobile .col-5 .title {
  margin-bottom: 0.16rem;
}
.scrm.mobile .col-5 .subtitle {
  margin-bottom: 0.44rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #9192a2;
  text-align: center;
}
.scrm.mobile .col-5 .content {
  padding: 0 0.36rem;
}
.scrm.mobile .col-5 .content .tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.04rem solid #e6e6e6;
  padding-bottom: 0.12rem;
  margin-bottom: 0.48rem;
}
.scrm.mobile .col-5 .content .tabs .tab {
  position: relative;
  padding: 0 0.3rem;
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #1e1e1e;
  cursor: pointer;
  font-weight: 500;
}
.scrm.mobile .col-5 .content .tabs .tab.active {
  color: #1578ff;
}
.scrm.mobile .col-5 .content .tabs .tab.active::after {
  background: #1578ff;
}
.scrm.mobile .col-5 .content .tabs .tab::after {
  content: "";
  position: absolute;
  height: 0.04rem;
  border-radius: 0.04rem;
  bottom: -0.14rem;
  left: 50%;
  width: 100%;
  transform: translate(-50%);
}
.scrm.mobile .col-5 .content .center .item {
  display: none;
}
.scrm.mobile .col-5 .content .center .item.active {
  display: block;
}
.scrm.mobile .col-5 .content .center .item .card {
  margin-bottom: 0.7rem;
}
.scrm.mobile .col-5 .content .center .item .card:last-child {
  margin-bottom: 0;
}
.scrm.mobile .col-5 .content .center .item .card .cardImg {
  position: relative;
  width: 95vw;
  left: 50%;
  transform: translate(-50%);
}
.scrm.mobile .col-5 .content .center .item .card .cardTitle {
  margin-top: 0.4rem;
  margin-bottom: 0.16rem;
  line-height: 0.5rem;
  font-size: 0.36rem;
  color: #191919;
  font-weight: 600;
}
.scrm.mobile .col-5 .content .center .item .card .cardDesc {
  line-height: 0.44rem;
  font-size: 0.28rem;
  color: #90929e;
}
.scrm.mobile .col-6 {
  padding-top: 1rem;
  background-image: linear-gradient(to bottom, #fff 75%, #edf3ff);
}
.scrm.mobile .col-6 .title {
  margin-bottom: 0.56rem;
}
.scrm.mobile .col-6 .content .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 0.32rem;
}
.scrm.mobile .col-6 .content .tabs .tab {
  margin-right: 0.18rem;
  margin-bottom: 0.2rem;
  border-radius: 0.12rem;
  width: 2.12rem;
  height: 0.92rem;
  line-height: 0.92rem;
  font-size: 0.3rem;
  color: #000;
  background-color: #f0f7fe;
  cursor: pointer;
  text-align: center;
}
.scrm.mobile .col-6 .content .tabs .tab:nth-of-type(3n) {
  margin-right: 0;
}
.scrm.mobile .col-6 .content .tabs .tab:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.scrm.mobile .col-6 .content .tabs .tab.active {
  background-image: linear-gradient(to right, #1574ff, #08a9ff);
  color: #fff;
}
.scrm.mobile .col-6 .content .tabs .tab .tabIcon {
  display: none;
}
.scrm.mobile .col-6 .content .right .box {
  display: none;
}
.scrm.mobile .col-6 .content .right .box.active {
  display: block;
}
.scrm.mobile .col-6 .content .right .box img {
  width: 100%;
}
.scrm.mobile .col-7 {
  margin-top: 0.8rem;
}
.scrm.mobile .col-7 .col-7-box {
  width: 6.86rem;
  height: 12.6rem;
  border-radius: 0.24rem;
  margin: auto;
  padding-top: 0.72rem;
  background: url("https://img1-www.nuoyun.tv/assets/images/mobile/scrm/new/col7-bg.png") no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scrm.mobile .col-7 .col-7-box .title {
  width: 4.34rem;
  padding-left: 0.52rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.44rem;
  line-height: 0.6rem;
  color: #000000;
  margin-bottom: 0.16rem;
}
.scrm.mobile .col-7 .col-7-box .title img {
  width: 0.4rem;
  margin-left: 0.08rem;
}
.scrm.mobile .col-7 .col-7-box .desc {
  font-weight: 400;
  font-size: 0.24rem;
  color: #676666;
  line-height: 0.34rem;
  margin-bottom: 0.48rem;
}
.scrm.mobile .col-7 .col-7-box .card {
  margin-bottom: 0.16rem;
  padding: 0 0.28rem;
}
.scrm.mobile .col-7 .col-7-box .card .cardTitle {
  font-weight: 600;
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.4rem;
  margin-bottom: 0.04rem;
}
.scrm.mobile .col-7 .col-7-box .card .cardDesc {
  font-weight: 400;
  font-size: 0.24rem;
  color: #5C5C5C;
  line-height: 0.36rem;
  text-align: justify;
}
.scrm.mobile .col-7 .col-7-box .content {
  height: 4.18rem;
  margin: auto;
  margin-top: 0.32rem;
}
.scrm.mobile .NewopenLive-title .title {
  width: 5.72rem !important;
  line-height: 0.6rem !important;
  font-weight: 500 !important;
  font-size: 0.44rem !important;
  color: #fff !important;
  text-align: center;
  margin: 0 auto;
}
.scrm.mobile .NewopenLive-btns {
  display: none !important;
}
.scrm .NewopenLive-info .title {
  text-align: left;
}
.scrm .qrcode-desc {
  color: #fff !important;
}
.banner-mobile-scrm {
  width: 100%;
  background: #fff;
  height: 10.2rem;
}
.banner-mobile-scrm .swiper-container .swiper-slide {
  height: 10.2rem;
  width: 100% !important;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner-box {
  height: 4.4rem;
  text-align: center;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner-box .learnMores {
  display: block;
  width: 2rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin-top: 3.61rem;
  margin-left: 2.75rem;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  padding-top: 1.48rem;
  text-align: center;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner-box .title-2 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  text-align: center;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner-box .learnMore {
  display: block;
  width: 2rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
}
.banner-mobile-scrm .swiper-container .swiper-slide .banner1-pic {
  height: 5.8rem;
}
.banner-mobile-scrm .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.banner-mobile-scrm .swiper-container .banner1 {
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/scrm/new/banner.jpg') no-repeat;
  background-size: cover;
}
.banner-mobile-scrm .swiper-container .banner1 .more {
  width: 2.8rem;
  height: 0.8rem;
  margin-top: 3.62rem;
  margin-left: 2.35rem;
  cursor: pointer;
}
.banner-mobile-scrm .swiper-container .banner1 .banner-box .title-1,
.banner-mobile-scrm .swiper-container .banner1 .banner-box .title-2 {
  font-size: 0.54rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  line-height: 0.76rem;
}
.banner-mobile-scrm .swiper-container .banner1 .banner-box .title-1 {
  padding-top: 1.62rem;
}
.banner-mobile-scrm .swiper-container .banner1 .banner-box .title-3 {
  font-size: 0.36rem;
  font-weight: 400;
  color: #636870;
  line-height: 0.48rem;
  margin-top: 0.12rem;
}
.banner-mobile-scrm .swiper-container .banner10 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner10_bg_new.png') no-repeat;
  background-size: cover;
}
.banner-mobile-scrm .swiper-container .banner10 .banner-box .title-1 {
  font-size: 0.54rem;
  line-height: 0.76rem;
  color: #1C0E53;
  padding-top: 1.8rem;
  display: flex;
  padding-left: 0.5rem;
}
.banner-mobile-scrm .swiper-container .banner10 .banner-box .title-1 .banner10_icon {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 0.2rem;
  margin-top: 0.2rem;
}
.banner-mobile-scrm .swiper-container .banner10 .banner-box .title-1 .banner10_start {
  width: 0.44rem;
  height: 0.44rem;
  margin-top: 0.1rem;
  margin-left: 0.06rem;
}
.banner-mobile-scrm .swiper-container .banner10 .banner-box .title-3 {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: #828994;
  margin-top: 0.2rem;
}
.banner-mobile-scrm .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.banner-mobile-scrm .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.banner-mobile-scrm .swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.service {
  width: 100%;
  background-color: #fff;
}
.service.pc {
  min-width: 1416px;
}
.service.pc #nav {
  background-color: #fff;
}
.service.pc #nav .nav-log {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/nuoyun-logo-new.svg") no-repeat;
  background-size: 94px 40px;
}
.service.pc #nav .nav-center a,
.service.pc #nav .nav-center .product,
.service.pc #nav .nav-center .solution,
.service.pc #nav .nav-center .Install {
  color: #000000;
}
.service.pc #nav .nav-center a .arrow,
.service.pc #nav .nav-center .product .arrow,
.service.pc #nav .nav-center .solution .arrow,
.service.pc #nav .nav-center .Install .arrow {
  width: 10px;
  height: 10px;
  background: url("https://img1-www.nuoyun.tv/assets/images/web/xl_11.png") no-repeat;
  background-size: cover;
  position: absolute;
}
.service.pc #nav .nav-center a,
.service.pc #nav .nav-center .aboutUs {
  color: #000000;
}
.service.pc #nav .nav-right p span:first-child {
  background: url("https://img1-www.nuoyun.tv/assets/images/web/header_new/glj-1.png") no-repeat;
  background-size: cover;
  background-size: 20px 20px;
}
.service.pc #nav .nav-right p span:nth-child(2) {
  color: #000;
}
.service.pc #nav .nav-right a.login {
  color: #0758F1;
}
.service.pc #nav .nav-right a.register {
  background: #0758F1;
  color: #fff;
}
.service.pc .col-title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 40px;
  color: #000;
  line-height: 56px;
  text-align: center;
}
.service.pc .col-subtitle {
  margin-bottom: 48px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}
.service.pc .col1 {
  padding: 180px 0 36px;
  height: 1080px;
  box-sizing: border-box;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/Service/col1_back.png') no-repeat;
  background-size: cover;
  background-position: center;
}
.service.pc .col1 .col-subtitle {
  line-height: 28px;
}
.service.pc .col1 .col1-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service.pc .col1 .col1-content .item {
  width: 360px;
  height: 730px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #fff;
  transition: all 0.5s ease;
}
.service.pc .col1 .col1-content .item:hover {
  transform: translateY(-20px);
}
.service.pc .col1 .col1-content .item:nth-child(2) {
  margin: 0 54px;
}
.service.pc .col1 .col1-content .item.item-0 .item-title,
.service.pc .col1 .col1-content .item.item-0 .item-desc {
  color: #42526F;
}
.service.pc .col1 .col1-content .item.item-0 .item-pay-btn {
  background: #DDEEFF;
  color: #42526F;
}
.service.pc .col1 .col1-content .item.item-1 .item-title,
.service.pc .col1 .col1-content .item.item-1 .item-desc {
  color: #fff;
}
.service.pc .col1 .col1-content .item.item-1 .item-pay-btn {
  background: linear-gradient(270deg, #1D5FF5 0%, #30B6FB 100%);
  color: #fff;
}
.service.pc .col1 .col1-content .item.item-2 .item-title,
.service.pc .col1 .col1-content .item.item-2 .item-desc {
  color: #4C2D0D;
}
.service.pc .col1 .col1-content .item.item-2 .item-pay-btn {
  background: linear-gradient(270deg, #FFB25B 0%, #FFE1A8 100%);
  color: #4C2D0D;
}
.service.pc .col1 .col1-content .item.item-2 .item-tips {
  background: linear-gradient(90deg, #FFF3E7 0%, #FFFFFF 100%);
  color: #4C2D0D;
}
.service.pc .col1 .col1-content .item .item-title-box {
  height: 150px;
  padding: 24px 0 0 24px;
  box-sizing: border-box;
}
.service.pc .col1 .col1-content .item .item-title-box .item-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
}
.service.pc .col1 .col1-content .item .item-title-box .item-desc {
  font-size: 14px;
  line-height: 20px;
}
.service.pc .col1 .col1-content .item .item-price {
  display: block;
  width: 272px;
  height: 68px;
  margin: 28px auto 40px;
}
.service.pc .col1 .col1-content .item .item-pay-btn {
  display: block;
  width: 272px;
  height: 44px;
  margin: 0 auto 32px;
  border-radius: 8px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.service.pc .col1 .col1-content .item .item-pay-btn:hover {
  opacity: 0.9;
}
.service.pc .col1 .col1-content .item .item-tips {
  width: 272px;
  height: 25px;
  padding-left: 12px;
  margin: 0 auto 20px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #E0F0FF 0%, #FFFFFF 100%);
  border-radius: 4px;
  color: #1E57C2;
  line-height: 25px;
  font-size: 12px;
  font-weight: 500;
}
.service.pc .col1 .col1-content .item .item-functions {
  padding-left: 40px;
  margin-bottom: 24px;
}
.service.pc .col1 .col1-content .item .item-functions:last-child {
  margin-bottom: 0;
}
.service.pc .col1 .col1-content .item .item-functions .item-functions-title {
  display: flex;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.service.pc .col1 .col1-content .item .item-functions .item-functions-title img {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 5px;
}
.service.pc .col1 .col1-content .item .item-functions .item-functions-list {
  padding-left: 16px;
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.service.pc .col1 .col1-content .item .item-functions .item-functions-list .item-functions-list-txt {
  margin-bottom: 4px;
}
.service.pc .col1 .col1-content .item .item-functions .item-functions-list .item-functions-list-txt:last-child {
  margin-bottom: 0;
}
.service.pc .scroll-header {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #fff;
  box-shadow: 0 10px 60px 0 rgba(1, 40, 111, 0.04);
  z-index: 5;
  min-width: 1416px;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.service.pc .scroll-header.show {
  max-height: 1000px;
  opacity: 1;
}
.service.pc .scroll-header .scroll-header-box {
  display: flex;
  align-items: center;
  width: 1188px;
  height: 100%;
  margin: 0 auto;
}
.service.pc .scroll-header .scroll-header-box .scroll-header-title {
  width: 498px;
  padding-left: 28px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 16px;
  color: #919499;
  line-height: 22px;
}
.service.pc .scroll-header .scroll-header-box .scroll-header-title .title {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  line-height: 25px;
}
.service.pc .scroll-header .scroll-header-box .package-version {
  width: 229px;
}
.service.pc .scroll-header .scroll-header-box .package-version.package-version-1 .pay-btn {
  color: #fff;
  background: linear-gradient(270deg, #1D5FF5 0%, #30B6FB 100%);
}
.service.pc .scroll-header .scroll-header-box .package-version.package-version-2 .pay-btn {
  color: #4C2D0D;
  background: linear-gradient(270deg, #FFB25B 0%, #FFE1A8 100%);
}
.service.pc .scroll-header .scroll-header-box .package-version .title {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  line-height: 25px;
  text-align: center;
}
.service.pc .scroll-header .scroll-header-box .package-version .pay-btn {
  display: block;
  width: 146px;
  height: 40px;
  margin: 12px auto 0;
  background: #DDEEFF;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #42526F;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.service.pc .scroll-header .scroll-header-box .package-version .pay-btn:hover {
  opacity: 0.9;
}
.service.pc .col2 {
  padding: 120px 0;
}
.service.pc .col2 .col-title {
  margin-bottom: 48px;
}
.service.pc .col2 .col2-content {
  position: relative;
  width: 1188px;
  margin: 0 auto;
}
.service.pc .col2 .col2-content .col2-menu {
  position: fixed;
  top: 230px;
  bottom: 0;
  padding-right: 48px;
  text-align: right;
  font-size: 14px;
  color: #303B4F;
  line-height: 20px;
  z-index: 5;
  transform: translateX(-118px);
  overflow-y: auto;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease;
}
.service.pc .col2 .col2-content .col2-menu.show {
  max-height: 1000px;
  opacity: 1;
}
.service.pc .col2 .col2-content .col2-menu .col2-menu-item {
  padding: 12px 0;
  white-space: nowrap;
  cursor: pointer;
}
.service.pc .col2 .col2-content .col2-menu .col2-menu-item.active {
  font-weight: 600;
  color: #000;
}
.service.pc .col2 .col2-content table {
  width: 100%;
  border-collapse: collapse;
}
.service.pc .col2 .col2-content table:last-child tr:last-child td {
  border-bottom: 1px solid #EAEAEA;
}
.service.pc .col2 .col2-content table th,
.service.pc .col2 .col2-content table td {
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  text-align: center;
}
.service.pc .col2 .col2-content table tbody tr:first-child td {
  border-top: none;
}
.service.pc .col2 .col2-content table tbody tr:last-child td {
  border-bottom: none;
}
.service.pc .col2 .col2-content table td {
  width: 229px;
}
.service.pc .col2 .col2-content table td.td-1 {
  width: 161px;
  font-weight: 600;
}
.service.pc .col2 .col2-content table td.td-2 {
  width: 336px;
  padding: 0 20px;
}
.service.pc .col2 .col2-content table td.td-2 .td-content {
  justify-content: flex-start;
  text-align: left;
}
.service.pc .col2 .col2-content table td .td-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 86px;
  padding: 21px 0;
  box-sizing: border-box;
}
.service.pc .col2 .col2-content table td .td-content .col2-check-icon {
  width: 20px;
  height: 20px;
}
.service.pc .col2 .col2-content table .main-thead {
  height: 72px;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  line-height: 72px;
}
.service.pc .col2 .col2-content table .main-thead th {
  width: 229px;
  border-bottom: none;
}
.service.pc .col2 .col2-content table .main-thead th:first-child {
  width: 498px;
  padding-left: 28px;
  text-align: left;
}
.service.pc .col2 .col2-content table .secondary-thead {
  height: 84px;
  border: none;
  font-weight: 600;
  font-size: 24px;
  color: #0758F1;
  line-height: 84px;
  background-color: #EAF3FF;
}
.service.pc .col2 .col2-content table .secondary-thead th {
  padding-left: 28px;
  border-top: none;
  border-bottom: none;
  text-align: left;
}
.service.pc .col2 .col2-content .sticky-header {
  position: sticky;
  top: 190px;
  z-index: 1;
}
.service.pc .foot {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 310px;
  background: url('https://img1-www.nuoyun.tv/assets/images/web/Service/qrcode-back.png') no-repeat;
  background-size: cover;
}
.service.pc .foot .left {
  width: 1010px;
}
.service.pc .foot .left .title {
  font-weight: 600;
  font-size: 30px;
  color: #000000;
  line-height: 42px;
}
.service.pc .foot .left .center {
  display: flex;
  align-items: center;
  margin: 28px 0;
  font-size: 20px;
  color: #303B4F;
  line-height: 28px;
}
.service.pc .foot .left .center .btn {
  margin-left: 8px;
  width: 142px;
  height: 46px;
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%);
  border-radius: 6px;
  line-height: 46px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}
.service.pc .foot .left .bottom {
  font-weight: 600;
  font-size: 20px;
  color: #303B4F;
  line-height: 28px;
}
.service.pc .foot .left .bottom span:last-child {
  display: inline-block;
  margin-left: 4px;
  color: transparent;
  background-image: linear-gradient(180deg, #08A9FF 0%, #1574FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.service.pc .foot .right {
  width: 190px;
  height: 190px;
}
.service.pc .foot .right img {
  display: block;
  width: 100%;
  height: 100%;
}
.service.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}
.service.mobile .col1 {
  height: 13.6rem;
  padding-top: 1.86rem;
  box-sizing: border-box;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/Service/col1_back.png') no-repeat;
  background-size: cover;
}
.service.mobile .col1 .col-title {
  padding: 0 0.62rem;
  margin-bottom: 0.24rem;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.service.mobile .col1 .col-subtitle {
  margin-bottom: 0.62rem;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.48rem;
  text-align: center;
}
.service.mobile .col1 .col1-content {
  padding-left: 0.32rem;
}
.service.mobile .col1 .col1-content .item {
  position: relative;
  width: 6rem;
  height: 8.28rem;
  margin-right: 0.32rem;
  border-radius: 0.32rem;
  background-color: #fff;
  overflow: hidden;
}
.service.mobile .col1 .col1-content .item.item-1 .item-title-box .item-title,
.service.mobile .col1 .col1-content .item.item-1 .item-title-box .item-desc {
  color: #fff;
}
.service.mobile .col1 .col1-content .item.item-1 .item-pay-btn {
  background: linear-gradient(270deg, #1D5FF5 0%, #30B6FB 100%);
  color: #fff;
}
.service.mobile .col1 .col1-content .item.item-2 .item-title-box .item-title,
.service.mobile .col1 .col1-content .item.item-2 .item-title-box .item-desc {
  color: #4C2D0D;
}
.service.mobile .col1 .col1-content .item.item-2 .item-tips {
  color: #4C2D0D;
  background: linear-gradient(90deg, #FFF3E7 0%, #FFFFFF 100%);
}
.service.mobile .col1 .col1-content .item.item-2 .item-pay-btn {
  background: linear-gradient(270deg, #FFB25B 0%, #FFE1A8 100%);
  color: #4C2D0D;
}
.service.mobile .col1 .col1-content .item.item-2 .item-tips {
  background: linear-gradient(90deg, #FFF3E7 0%, #FFFFFF 100%);
  color: #4C2D0D;
}
.service.mobile .col1 .col1-content .item .item-title-box {
  height: 3.2rem;
  padding: 0.48rem 0 0 0.4rem;
}
.service.mobile .col1 .col1-content .item .item-title-box .item-title {
  margin-bottom: 0.32rem;
  font-weight: 600;
  font-size: 0.52rem;
  color: #42526F;
  line-height: 0.74rem;
}
.service.mobile .col1 .col1-content .item .item-title-box .item-desc {
  font-size: 0.28rem;
  color: #42526F;
  line-height: 0.4rem;
}
.service.mobile .col1 .col1-content .item .item-tips {
  position: absolute;
  left: 0;
  top: 3.2rem;
  width: 100%;
  height: 0.5rem;
  padding-left: 0.48rem;
  font-weight: 500;
  font-size: 0.24rem;
  color: #1E57C2;
  line-height: 0.5rem;
  text-align: left;
  background: linear-gradient(90deg, #E0F0FF 0%, #FFFFFF 100%);
}
.service.mobile .col1 .col1-content .item .item-price {
  display: block;
  width: 4.8rem;
  height: 1.48rem;
  margin: 1.12rem auto 0.8rem;
}
.service.mobile .col1 .col1-content .item .item-pay-btn {
  display: block;
  width: 4.8rem;
  height: 0.88rem;
  margin: 0 auto;
  background: #DDEEFF;
  border-radius: 0.16rem;
  font-weight: 500;
  font-size: 0.32rem;
  color: #42526F;
  line-height: 0.88rem;
  text-align: center;
}
.service.mobile .col2 {
  padding: 1.2rem 0;
}
.service.mobile .col2 .col-title {
  margin-bottom: 0.64rem;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000;
  line-height: 0.66rem;
  text-align: center;
}
.service.mobile .col2 .col2-content {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.service.mobile .col2 .col2-content .col2-menu {
  display: none;
}
.service.mobile .col2 .col2-content table {
  width: 100%;
  border-collapse: collapse;
  color: #666666;
  font-size: 0.28rem;
  font-weight: 400;
  text-align: center;
}
.service.mobile .col2 .col2-content table:last-child tr:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #EAEAEA;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.service.mobile .col2 .col2-content table th {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.service.mobile .col2 .col2-content table th .border-top::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.service.mobile .col2 .col2-content table td {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.service.mobile .col2 .col2-content table td::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #e0e0e0;
  transform: scaleX(0.5);
  transform-origin: 100% 0;
}
.service.mobile .col2 .col2-content table td::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #EAEAEA;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.service.mobile .col2 .col2-content table tbody tr:last-child td::after {
  display: none;
}
.service.mobile .col2 .col2-content table tbody tr td:last-child::before {
  display: none;
}
.service.mobile .col2 .col2-content table td {
  width: 1.7rem;
}
.service.mobile .col2 .col2-content table td.td-1 {
  width: 2.34rem;
}
.service.mobile .col2 .col2-content table td.td-1 .td-content {
  padding-left: 0.32rem;
  justify-content: flex-start;
  text-align: left;
}
.service.mobile .col2 .col2-content table td .td-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.2rem;
  box-sizing: border-box;
}
.service.mobile .col2 .col2-content table td .td-content .col2-check-icon {
  width: 0.4rem;
  height: 0.4rem;
}
.service.mobile .col2 .col2-content table .main-thead {
  height: 1.18rem;
  font-size: 0.32rem;
  font-weight: 600;
  color: #42526F;
  line-height: 1.18rem;
}
.service.mobile .col2 .col2-content table .main-thead th {
  width: 1.7rem;
}
.service.mobile .col2 .col2-content table .main-thead th:first-child {
  width: 2.34rem;
  padding-left: 0.32rem;
  text-align: left;
  color: #666666;
  font-size: 0.28rem;
  font-weight: 400;
}
.service.mobile .col2 .col2-content table .main-thead th:nth-child(2) {
  background: linear-gradient(315deg, #DAECFF 0%, #FFFFFF 100%);
  color: #42526F;
}
.service.mobile .col2 .col2-content table .main-thead th:nth-child(3) {
  background: linear-gradient(270deg, #1D5FF5 0%, #30B6FB 100%);
  color: #fff;
}
.service.mobile .col2 .col2-content table .main-thead th:nth-child(4) {
  background: linear-gradient(270deg, #FFB25B 0%, #FFE1A8 100%);
  color: #4C2D0D;
}
.service.mobile .col2 .col2-content table .secondary-thead {
  height: 1.2rem;
  border: none;
  font-weight: 600;
  font-size: 0.32rem;
  color: #0758F1;
  line-height: 1.2rem;
  background-color: #EAF3FF;
}
.service.mobile .col2 .col2-content table .secondary-thead th {
  padding-left: 0.32rem;
  border-top: none;
  border-bottom: none;
  text-align: left;
}
.service.mobile .col2 .col2-content .sticky-header {
  position: sticky;
  top: calc(2.08rem - 2px);
  z-index: 1;
}
.service.mobile .col2 .col2-content .main-sticky-header {
  position: sticky;
  top: 0.88rem;
  z-index: 5;
  background-color: #fff;
}
.service .btn {
  background: linear-gradient(137deg, #4583FF 0%, #0070FF 100%), linear-gradient(140deg, #1574FF 0%, #08A9FF 100%) !important;
}
.flowCharge {
  width: 100%;
  background-color: #F9FCFE;
  font-weight: 400;
}
.flowCharge.pc {
  min-width: 1416px;
}
.flowCharge.pc .flowCharge-content {
  width: 1416px;
  margin: 0 auto;
  padding-top: 134px;
}
.flowCharge.pc .flowCharge-content .flowCharge-title {
  margin-bottom: 38px;
  font-weight: 600;
  font-size: 40px;
  color: #000000;
  line-height: 56px;
}
.flowCharge.pc .flowCharge-content .flowCharge-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 366px;
  padding: 5px;
  background: #FFFFFF;
  border-radius: 5px;
  box-sizing: border-box;
}
.flowCharge.pc .flowCharge-content .flowCharge-menu .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 60px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  cursor: pointer;
  background: transparent;
}
.flowCharge.pc .flowCharge-content .flowCharge-menu .menu.live img {
  width: 23px;
  height: 16px;
  margin-right: 8px;
}
.flowCharge.pc .flowCharge-content .flowCharge-menu .menu.play img {
  width: 21px;
  height: 18px;
  margin-right: 8px;
}
.flowCharge.pc .flowCharge-content .flowCharge-menu .menu.active {
  background: linear-gradient(90deg, #5B90FF 0%, #0070FE 100%);
  color: #fff;
}
.flowCharge.pc .flowCharge-content .flowCharge-menu .menu.active.live img {
  content: url("https://img1-www.nuoyun.tv/assets/images/web/Service/live-icon-1.png");
}
.flowCharge.pc .flowCharge-content .flowCharge-menu .menu.active.play img {
  content: url("https://img1-www.nuoyun.tv/assets/images/web/Service/play-icon-1.png");
}
.flowCharge.pc .flowCharge-content .flowCharge-box {
  margin-top: 40px;
  padding-bottom: 200px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells.flowCharge-val-box {
  align-items: flex-end;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .title {
  width: 96px;
  margin-right: 16px;
  font-size: 16px;
  color: #666;
  line-height: 24px;
  text-align: right;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .flowCharge-val {
  font-weight: 500;
  font-size: 32px;
  color: #0758F1;
  line-height: 32px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .tips {
  font-size: 14px;
  color: #93969C;
  line-height: 24px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells:last-child {
  margin-bottom: 0;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-group-wrapper {
  width: 320px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-group-addon {
  width: 64px;
  background: #F6F7F9;
  border-radius: 0 4px 4px 0;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-input {
  height: 40px;
  font-size: 16px;
  color: #333333;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number {
  border-radius: 4px 0 0 4px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number.ant-input-number-focused {
  border-color: #0758F1;
  box-shadow: none;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number:hover {
  border-color: #0758F1;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #0758F1;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-handler:hover.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner,
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .ant-input-number-handler:hover.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper {
  width: 80px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  color: #000;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper:first-child {
  border-radius: 4px 0 0 4px;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #0758F1;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #0758F1;
  border-color: #0758F1;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #0758F1;
}
.flowCharge.pc .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
}
.flowCharge.mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #F9FCFE;
}
.flowCharge.mobile .flowCharge-content {
  padding: 1.64rem 0.32rem 0;
}
.flowCharge.mobile .flowCharge-content .flowCharge-title {
  margin-bottom: 0.48rem;
  font-weight: 600;
  font-size: 0.48rem;
  color: #000000;
  line-height: 0.66rem;
  text-align: center;
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.44rem;
  padding: 0.1rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  box-sizing: border-box;
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.16rem;
  height: 0.8rem;
  border-radius: 0.1rem;
  font-weight: 500;
  font-size: 0.32rem;
  color: #000000;
  cursor: pointer;
  background: #FFFFFF;
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu .menu.live img {
  width: 0.46rem;
  height: 0.32rem;
  margin-right: 0.16rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu .menu.play img {
  width: 0.42rem;
  height: 0.36rem;
  margin-right: 0.16rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu .menu.active {
  background: linear-gradient(90deg, #5B90FF 0%, #0070FE 100%);
  color: #fff;
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu .menu.active.live img {
  content: url("https://img1-www.nuoyun.tv/assets/images/web/Service/live-icon-1.png");
}
.flowCharge.mobile .flowCharge-content .flowCharge-menu .menu.active.play img {
  content: url("https://img1-www.nuoyun.tv/assets/images/web/Service/play-icon-1.png");
}
.flowCharge.mobile .flowCharge-content .flowCharge-box {
  padding: 0 0 1.14rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells {
  margin-bottom: 0.4rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .title {
  margin-bottom: 0.12rem;
  font-size: 0.32rem;
  color: #636363;
  line-height: 0.48rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .flowCharge-val {
  font-weight: 500;
  font-size: 0.64rem;
  color: #0758F1;
  line-height: 0.64rem;
  word-break: break-all;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .tips {
  font-size: 0.28rem;
  color: #93969C;
  line-height: 0.48rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells:last-child {
  margin-bottom: 0;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .ant-input-number-group-wrapper {
  width: 100%;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .ant-input-number-group-addon {
  width: 1.28rem;
  background: #F6F7F9;
  border-radius: 0 0.08rem 0.08rem 0;
  font-size: 0.32rem !important;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .ant-input-number-input {
  height: 0.88rem;
  font-weight: bold;
  font-size: 0.32rem !important;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .ant-input-number {
  border-radius: 0.08rem 0 0 0.08rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .ant-input-number.ant-input-number-focused {
  border-color: #0758F1;
  box-shadow: none;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-group {
  width: 100%;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper {
  width: 1.71rem;
  height: 0.88rem;
  text-align: center;
  line-height: 0.84rem;
  font-size: 0.32rem;
  color: #000;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper:first-child {
  border-radius: 0.08rem 0 0 0.08rem;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper:last-child {
  border-radius: 0 0.08rem 0.08rem 0;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #0758F1;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #0758F1;
  border-color: #0758F1;
  font-weight: 500;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #0758F1;
}
.flowCharge.mobile .flowCharge-content .flowCharge-box .cells .definition-menu .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
}
.join-wrapper {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.join-wrapper .join-col1 {
  width: 100%;
  height: 264px;
  background: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  background-color: #fafcfe;
}
.join-wrapper .join-col1 .col1-content {
  position: relative;
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
  display: flex;
  height: 120px;
  text-align: left;
}
.join-wrapper .join-col1 .col1-content .symbol {
  align-self: flex-start;
  margin-left: -56px;
  line-height: 100px;
  font-family: 冬青黑体简体中文 W6;
  font-size: 100px;
  color: #0c74ff;
}
.join-wrapper .join-col1 .col1-content .content {
  margin-left: 35px;
  width: 725px;
  line-height: 36px;
  font-weight: 500;
  font-size: 21px;
  color: #171717;
}
.join-wrapper .join-col1 .col1-content .sign {
  position: relative;
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: auto;
  line-height: 36px;
  font-size: 25px;
  color: #000000;
}
.join-wrapper .join-col1 .col1-content .sign::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -58px;
  transform: translateY(-50%);
  display: block;
  width: 52px;
  height: 2px;
  background-color: #686868;
}
.join-wrapper .join-col1 .col1-content .sign img {
  position: absolute;
  width: 335px;
  height: 177px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.join-wrapper .join-col2 {
  width: 100%;
  height: 450px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #fff;
}
.join-wrapper .join-col2 .col2-content {
  position: relative;
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.join-wrapper .join-col2 .col2-content > p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-align: left;
  font-family: Alimama ShuHeiTi;
  line-height: 100px;
  font-size: 72px;
  -webkit-text-stroke: 3px transparent;
  background: #0c74ff;
  -webkit-background-clip: text;
  color: #fff;
}
.join-wrapper .join-col2 .col2-content .df {
  display: flex;
}
.join-wrapper .join-col2 .col2-content .df .right img {
  margin-left: 18px;
  margin-bottom: 20px;
}
.join-wrapper .join-col3 {
  width: 100%;
  height: 860px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 236px;
  background: url('/assets/images/web/joinus/col3_bg.png') no-repeat 90% 100%, linear-gradient(to bottom, #f7faff, #ebf2ff);
  background-size: 700px 470px, 100% 100%;
}
.join-wrapper .join-col3 .col3-content {
  width: 1200px;
  height: 100%;
  text-align: center;
  margin-top: 80px;
}
.join-wrapper .join-col3 .col3-content > p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 76px;
}
.join-wrapper .join-col3 .col3-content .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  box-sizing: border-box;
}
.join-wrapper .join-col3 .col3-content .box .title {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  line-height: 33px;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #000000;
}
.join-wrapper .join-col3 .col3-content .box .title span {
  position: relative;
  z-index: 2;
}
.join-wrapper .join-col3 .col3-content .box .title img {
  position: absolute;
  right: -16px;
  z-index: 1;
}
.join-wrapper .join-col3 .col3-content .left {
  border-radius: 10px;
  width: 280px;
  height: 282px;
  padding: 38px 42px;
  background: linear-gradient(60deg, #ffffff 30%, #f8f7ff);
  box-shadow: inset -2px 2px 4px #ffffff;
  text-align: left;
}
.join-wrapper .join-col3 .col3-content .left .desc {
  line-height: 28px;
  text-align: left;
  font-size: 16px;
  color: #90929e;
}
.join-wrapper .join-col3 .col3-content .right {
  margin-left: 20px;
  border-radius: 10px;
  width: 900px;
  height: 282px;
  padding: 38px 42px 59px;
  text-align: left;
  background: linear-gradient(60deg, #ffffff 30%, #f8f7ff 70%);
  box-shadow: inset -2px 2px 4px #ffffff;
  overflow: hidden;
}
.join-wrapper .join-col3 .col3-content .right p {
  line-height: 22px;
  font-size: 16px;
  text-align: left;
  color: #90929e;
}
.join-wrapper .join-col3 .col3-content .right ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 59px;
  font-weight: 500;
  text-align: center;
}
.join-wrapper .join-col3 .col3-content .right ul img {
  margin-bottom: 14px;
  height: 27px;
}
.join-wrapper .join-col3 .col3-content .right ul li {
  opacity: 0;
}
.join-wrapper .join-col3 .col3-content .right ul.active li {
  transform: translateY(0) !important;
  opacity: 1;
  transition: all 1.2s ease-in-out;
}
.join-wrapper .join-col5 {
  width: 100%;
  height: 480px;
  padding-top: 82px;
  text-align: center;
  background-image: url('/assets/images/web/joinus/col5_bg.png');
  background-size: cover;
}
.join-wrapper .join-col5 .p {
  margin-bottom: 42px;
  line-height: 28px;
  font-weight: bold;
  font-size: 20px;
  color: #000000;
}
.join-wrapper .join-col5 .col5-content {
  position: relative;
  height: auto;
}
.join-wrapper .join-col5 .col5-content .module-swiper {
  margin-bottom: 92px;
  width: 100%;
  height: 100px;
}
.join-wrapper .join-col5 .col5-content .module-swiper .swiper-wrapper {
  width: 100%;
}
.join-wrapper .join-col5 .col5-content .module-swiper .swiper-wrapper .swiper-slide {
  max-width: 420px;
}
.join-wrapper .join-col5 .col5-content .module-swiper .swiper-wrapper .swiper-slide:hover {
  cursor: pointer;
}
.join-wrapper .join-col5 .col5-content .module-swiper .swiper-wrapper .con_box .con_p {
  height: 100px;
  font-size: 72px;
  font-weight: 600;
  line-height: 100px;
  display: inline-block;
  color: #000;
  opacity: 0.31;
}
.join-wrapper .join-col5 .col5-content .module-swiper .swiper-wrapper .swiper-slide-active .con_box .con_p {
  transition: all 1s ease-in-out;
  opacity: 1;
  background-clip: text;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(97deg, #1c68ff -16.3%, #532afa 34.32%, #ff18cc 100%);
}
.join-wrapper .join-col5 .col5-content .case_btn {
  border: none;
  border-radius: 6px;
  width: 170px;
  height: 47px;
  line-height: 28px;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  background-image: linear-gradient(to right, #4583ff, #0070ff);
  cursor: pointer;
}
.join-wrapper ~ .NewopenLive-container {
  min-width: 1350px;
  background-image: url('/assets/images/web/joinus/col6_bg.png') !important;
}
.join-wrapper ~ .NewopenLive-container .content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.join-wrapper ~ .NewopenLive-container .content > span:nth-of-type(1) {
  line-height: 48px;
  font-size: 34px;
}
.join-wrapper ~ .NewopenLive-container .content > span:nth-of-type(2) {
  margin-left: 66px;
  line-height: 25px;
  font-size: 18px;
}
.join-wrapper ~ .NewopenLive-container .content > span:nth-of-type(2) .email {
  text-decoration: underline;
}
.join-wrapper ~ .NewopenLive-container .NewopenLive-content {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.join-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-info .title {
  margin-bottom: 24px;
  line-height: 60px;
  font-weight: 500;
  font-size: 40px;
  color: #ffffff;
}
.join-wrapper ~ .NewopenLive-container .NewopenLive-content .NewopenLive-right .btn {
  width: 144px;
  height: 48px;
  border: 1.5px solid #fff;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
}
.join-wrapper-mobile .join-col1 {
  background-color: #f5f6fa;
}
.join-wrapper-mobile .join-col1 .col1-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 5.28rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0;
  text-align: left;
}
.join-wrapper-mobile .join-col1 .col1-content .symbol {
  margin-bottom: 0.2rem;
  width: 0.56rem;
  height: 0.6rem;
  background-image: url('/assets/images/mobile/joinus/symbol.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.join-wrapper-mobile .join-col1 .col1-content .content {
  line-height: 0.52rem;
  text-align: justify;
  font-size: 0.32rem;
  color: #171717;
}
.join-wrapper-mobile .join-col1 .col1-content .sign {
  position: relative;
  flex-shrink: 0;
  align-self: flex-end;
  margin-top: 0.46rem;
  margin-left: auto;
  line-height: 0.72rem;
  font-size: 0.36rem;
  color: #000000;
}
.join-wrapper-mobile .join-col1 .col1-content .sign::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1.34rem;
  transform: translateY(-50%);
  display: block;
  width: 1.2rem;
  height: 0.02rem;
  background-color: #686868;
}
.join-wrapper-mobile .join-col1 .col1-content > img {
  position: absolute;
  width: 3.74rem;
  height: 2.18rem;
  right: 0;
  bottom: 0;
}
.join-wrapper-mobile .join-col2 {
  background-color: #fff;
}
.join-wrapper-mobile .join-col2 .col2-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.join-wrapper-mobile .join-col2 .col2-content > p:first-child {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  letter-spacing: 2px;
  margin-bottom: 0.24rem;
  width: 100%;
  height: 0.5rem;
  background-image: url('/assets/images/mobile/joinus/team-building.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.join-wrapper-mobile .join-col2 .col2-content .df {
  display: flex;
  flex-direction: column;
}
.join-wrapper-mobile .join-col2 .col2-content .df .top img {
  width: 100%;
}
.join-wrapper-mobile .join-col2 .col2-content .df .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.join-wrapper-mobile .join-col2 .col2-content .df .bottom img {
  margin-top: 0.2rem;
}
.join-wrapper-mobile .join-col2 .col2-content .df .bottom img:nth-of-type(1),
.join-wrapper-mobile .join-col2 .col2-content .df .bottom img:nth-of-type(4) {
  width: 4.44rem;
  height: 1.9rem;
}
.join-wrapper-mobile .join-col2 .col2-content .df .bottom img:nth-of-type(2),
.join-wrapper-mobile .join-col2 .col2-content .df .bottom img:nth-of-type(3) {
  width: 2.06rem;
  height: 1.9rem;
}
.join-wrapper-mobile .join-col3 {
  margin-top: -2rem;
  width: 100%;
  height: 14.12rem;
  padding-top: 1.3rem;
  background: linear-gradient(to bottom, #f7faff, #ebf2ff);
}
.join-wrapper-mobile .join-col3 .col3-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.join-wrapper-mobile .join-col3 .col3-content .col3-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.join-wrapper-mobile .join-col3 .col3-content .box {
  display: flex;
  flex-direction: column;
  border-radius: 0.08rem;
  box-sizing: border-box;
}
.join-wrapper-mobile .join-col3 .col3-content .box .title {
  position: relative;
  display: inline-block;
  margin-bottom: 0.28rem;
  line-height: 0.5rem;
  font-weight: bold;
  font-size: 0.36rem;
  text-align: left;
  color: #000000;
}
.join-wrapper-mobile .join-col3 .col3-content .box .title span {
  position: relative;
  z-index: 2;
}
.join-wrapper-mobile .join-col3 .col3-content .box .title img {
  position: absolute;
  right: -0.4rem;
  z-index: 1;
}
.join-wrapper-mobile .join-col3 .col3-content .top {
  border-radius: 0.08rem;
  width: 100%;
  height: 3.28rem;
  padding: 0.48rem 0.4rem;
  background: linear-gradient(30deg, #ffffff, #f5f7ff);
  box-shadow: inset -1px 1px 2px #ffffff;
  text-align: left;
}
.join-wrapper-mobile .join-col3 .col3-content .top .desc {
  line-height: 0.52rem;
  text-align: left;
  font-size: 0.32rem;
  color: #90929e;
}
.join-wrapper-mobile .join-col3 .col3-content .bottom {
  margin-top: 0.3rem;
  border-radius: 0.08rem;
  width: 100%;
  height: 6.8rem;
  padding: 0.48rem 0.4rem;
  background: linear-gradient(30deg, #ffffff, #f5f7ff);
  box-shadow: inset -1px 1px 2px #ffffff;
  text-align: left;
}
.join-wrapper-mobile .join-col3 .col3-content .bottom p {
  line-height: 0.52rem;
  font-size: 0.32rem;
  text-align: left;
  color: #90929e;
}
.join-wrapper-mobile .join-col3 .col3-content .bottom ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem 0;
  margin-top: 0.68rem;
  font-weight: 500;
  text-align: center;
}
.join-wrapper-mobile .join-col3 .col3-content .bottom ul li {
  margin: 0 0.1rem;
  width: 1.18rem;
  font-size: 0.28rem;
}
.join-wrapper-mobile .join-col3 .col3-content .bottom ul img {
  margin-bottom: 0.2rem;
  height: 0.52rem;
}
.join-wrapper-mobile .join-col4 {
  background-color: #f5f6fa;
}
.join-wrapper-mobile .join-col4 .col4-content {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 0.72rem;
  margin-bottom: 0.48rem;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.32rem;
  padding: 0.48rem 0 0;
  text-align: center;
  background-color: #fff;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box .title {
  display: flex;
  align-items: center;
  margin-bottom: 0.48rem;
  padding: 0 0.48rem;
  text-align: left;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box .title img {
  margin-right: 0.24rem;
  width: 0.84rem;
  height: 0.84rem;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box .title p:first-of-type {
  line-height: 0.48rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #1d1d1f;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box .title p:last-of-type {
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: #646a73;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box .desc {
  margin-bottom: 0.48rem;
  padding: 0 0.48rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #646a73;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box > img {
  margin-bottom: 0.48rem;
  width: 4rem;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box ul {
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  margin-bottom: 0;
  width: 100%;
  padding: 0 0.4rem;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box ul::-webkit-scrollbar {
  display: none;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box ul li {
  flex-shrink: 0;
  height: 2.08rem;
  padding: 0.4rem 0;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box ul li + li {
  margin-left: 0.8rem;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box ul li img {
  margin: 0 auto;
  width: 0.64rem;
  height: 0.64rem;
}
.join-wrapper-mobile .join-col4 .col4-content .col4-box ul li p {
  margin-top: 0.16rem;
  line-height: 0.48rem;
  font-size: 0.28rem;
  color: #1d1d1f;
}
.join-wrapper-mobile .join-col5 {
  width: 100%;
  height: 5.4rem;
  padding-top: 0.96rem;
  text-align: center;
  background-image: url('/assets/images/mobile/joinus/col5_bg.png');
  background-size: cover;
}
.join-wrapper-mobile .join-col5 .p {
  margin-bottom: 0.64rem;
  line-height: 0.5rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
}
.join-wrapper-mobile .join-col5 .col5-content {
  position: relative;
  height: auto;
}
.join-wrapper-mobile .join-col5 .col5-content .module-swiper {
  margin-bottom: 0.84rem;
  width: 100%;
  height: 1rem;
}
.join-wrapper-mobile .join-col5 .col5-content .module-swiper .swiper-wrapper {
  width: 100%;
}
.join-wrapper-mobile .join-col5 .col5-content .module-swiper .swiper-wrapper .swiper-slide {
  margin: 0 0.42rem !important;
  max-width: 4rem;
}
.join-wrapper-mobile .join-col5 .col5-content .module-swiper .swiper-wrapper .con_box .con_p {
  height: 1rem;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1rem;
  display: inline-block;
  color: #000;
  opacity: 0.31;
}
.join-wrapper-mobile .join-col5 .col5-content .module-swiper .swiper-wrapper .swiper-slide-active .con_box .con_p {
  transition: all 1s ease-in-out;
  opacity: 1;
  background-clip: text;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(97deg, #1c68ff -16.3%, #532afa 34.32%, #ff18cc 100%);
}
.join-wrapper-mobile .join-col5 .col5-content .case_btn {
  border: none;
  border-radius: 0.08rem;
  width: 2.4rem;
  height: 0.7rem;
  line-height: 0.56rem;
  font-weight: 500;
  font-size: 0.26rem;
  color: #fff;
  background-image: linear-gradient(to right, #4583ff, #0070ff);
  cursor: pointer;
}
.join-wrapper-mobile .join-col6 {
  width: 100%;
  height: 3.44rem;
  background-image: url('/assets/images/mobile/joinus/col6_bg.png');
  background-size: cover;
}
.join-wrapper-mobile .join-col6 .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.join-wrapper-mobile .join-col6 .content p:first-child {
  margin-bottom: 0.28rem;
  line-height: 0.6rem;
  font-size: 0.44rem;
}
.join-wrapper-mobile .join-col6 .content p:last-child {
  line-height: 0.36rem;
  font-size: 0.26rem;
}
.join-wrapper-mobile .join-col6 .content .email {
  text-decoration: underline;
}
.joinus-container.joinus-swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-color: #ededed;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-slide {
  width: 100% !important;
  height: 600px;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-slide .txtBox_content {
  display: none;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-pagination {
  bottom: 20px !important;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-pagination li {
  width: 30px;
  border-radius: 6px;
  height: 4px;
  margin: 0 10px !important;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.3;
}
.joinus-container.joinus-swiper-container .swiper-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 0.9;
}
.swiper-banner-mobile {
  width: 100%;
  background: #fff;
  height: 10.2rem;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-slide {
  height: 10.2rem;
  width: 100% !important;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-slide .banner-box {
  height: 4.4rem;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-slide .banner-box .title-1 {
  padding-top: 1.74rem;
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-slide .banner-box .title-2 {
  font-size: 0.28rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.48rem;
  margin-top: 0.16rem;
  text-align: center;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-slide .banner1-pic {
  height: 5.8rem;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.swiper-banner-mobile .joinus-swiper-container .banner1 {
  background-size: contain;
  background-repeat: no-repeat;
}
.swiper-banner-mobile .joinus-swiper-container .banner2 {
  background-size: contain;
  background-repeat: no-repeat;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.swiper-banner-mobile .joinus-swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.collapseBox {
  width: 100%;
  min-width: 1350px;
  background: #fff;
}
.collapseBox .jobContainer {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.collapseBox .jobContainer .header {
  width: 1200px;
}
.collapseBox .jobContainer .header > .title {
  margin-bottom: 42px;
  text-align: center;
}
.collapseBox .jobContainer .header > .title h2 {
  padding-top: 80px;
  box-sizing: border-box;
  font-size: 40px;
  font-weight: 600;
  color: #191919;
}
.collapseBox .jobContainer .header > .title h3 {
  font-size: 20px;
  margin-top: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
}
.collapseBox .jobContainer .header > .title h4 {
  font-size: 20px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
}
.collapseBox .jobContainer .header ul {
  position: relative;
  margin-bottom: 40px;
  display: flex;
  border-radius: 8px;
  padding-left: 5px;
  height: 80px;
  align-items: center;
  background-color: #f6f9ff;
}
.collapseBox .jobContainer .header ul .highlight-bg {
  position: absolute;
  border-radius: 8px;
  width: 238px;
  height: 70px;
  transition: all 0.3s;
  background-image: linear-gradient(to right, #5A91FF, #0070FF);
}
.collapseBox .jobContainer .header ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 238px;
  height: 70px;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  z-index: 2;
}
.collapseBox .jobContainer .header ul li .tab-icon,
.collapseBox .jobContainer .header ul li p {
  transition: all 0.3s;
}
.collapseBox .jobContainer .header ul li .tab-icon {
  background-size: 100% 100%;
}
.collapseBox .jobContainer .header ul li p {
  font-size: 18px;
  font-weight: 500;
  color: #191919;
  float: left;
  margin-left: 10px;
}
.collapseBox .jobContainer .header .activeColor p {
  color: #fff;
}
.collapseBox .jobContainer .content {
  width: 100%;
}
.collapseBox .jobContainer .content .ant-collapse {
  border: none;
  background: transparent;
}
.collapseBox .jobContainer .content .ant-collapse-item {
  border: none;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f6f7fa;
}
.collapseBox .jobContainer .content .ant-collapse-item + .ant-collapse-item {
  margin-top: 14px;
}
.collapseBox .jobContainer .content .ant-collapse-header {
  padding: 28px 36px 28px 72px;
  font-weight: 500;
}
.collapseBox .jobContainer .content .ant-collapse-header .ant-collapse-expand-icon {
  position: absolute;
  top: 50%;
  right: 36px;
  transform: translateY(-50%);
}
.collapseBox .jobContainer .content .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
  margin-right: 0;
  border: 1px solid #0c74ff;
  border-radius: 50%;
  padding: 7px 7px;
  background: #fff;
  color: #0c74ff;
}
.collapseBox .jobContainer .content .ant-collapse-header-text {
  line-height: 25px;
  font-size: 18px;
}
.collapseBox .jobContainer .content .ant-collapse-header-text p {
  display: flex;
  justify-content: space-between;
  width: 500px;
}
.collapseBox .jobContainer .content .ant-collapse-header-text span:nth-of-type(1) {
  color: #0c74ff;
}
.collapseBox .jobContainer .content .ant-collapse-content {
  border-top: 1px dashed rgba(12, 116, 255, 0.3);
  background-color: transparent;
}
.collapseBox .jobContainer .content .ant-collapse-content .ant-collapse-content-box {
  padding: 28px 36px 28px 72px;
}
.collapseBox .jobContainer .content .ant-collapse-content .ant-collapse-content-box h4 {
  font-size: 16px;
}
.collapseBox .jobContainer .content .ant-collapse-content .ant-collapse-content-box h4 ~ h4 {
  margin-top: 26px;
}
.collapseBox .jobContainer .content .ant-collapse-content .ant-collapse-content-box p {
  line-height: 30px;
  font-size: 15px;
}
.collapseBoxMobile-container {
  width: 100%;
  padding: 0 0.4rem 0.8rem;
  background: #FFFFFF;
  position: relative;
}
.collapseBoxMobile-container .collapseBoxMobile-box {
  overflow: hidden;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext .collapseBoxMobileContent {
  text-align: center;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext .collapseBoxMobileContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext .collapseBoxMobileContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  margin-left: -0.34rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext .progress .progressBar {
  width: 1.92rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.54rem;
  position: relative;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext ul .collapseBoxMobile-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom {
  width: 100%;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse {
  border: none;
  background: transparent;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-item {
  border: none;
  border-radius: 0.08rem;
  overflow: hidden;
  background-color: #f6f7fa;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-item + .ant-collapse-item {
  margin-top: 0.36rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header {
  padding: 0.3rem 0.32rem;
  font-weight: 500;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header .ant-collapse-expand-icon {
  position: absolute;
  top: 50%;
  right: 0.32rem;
  transform: translateY(-50%);
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  border: 1px solid #0c74ff;
  border-radius: 50%;
  width: 0.28rem;
  height: 0.28rem;
  font-weight: bold;
  font-size: 0.16rem;
  background: #fff;
  color: #0c74ff;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header-text {
  line-height: 0.4rem;
  font-size: 0.28rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header-text p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 5.58rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header-text span:nth-of-type(1) {
  font-weight: bold;
  color: #000000;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-header-text span:nth-of-type(2) {
  font-weight: 400;
  color: #9192A2;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-content {
  border-top: 0.02rem dashed rgba(7, 88, 241, 0.47);
  background-color: transparent;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-content .ant-collapse-content-box {
  padding: 0.4rem 0.32rem;
  font-size: 0.28rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-content .ant-collapse-content-box p {
  line-height: 0.48rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-content .ant-collapse-content-box h4 {
  color: #0758F1;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-content .ant-collapse-content-box h4 ~ h4 {
  margin-top: 0.36rem;
}
.collapseBoxMobile-container .collapseBoxMobile-box .collapseBoxMobileBottom .ant-collapse-content .ant-collapse-content-box h4:last-of-type {
  font-weight: 500;
  color: #191919;
}
.banner-mobile {
  width: 100%;
  background: #fff;
  height: 10.2rem;
}
.banner-mobile .swiper-container .swiper-slide {
  height: 10.2rem;
  width: 100% !important;
}
.banner-mobile .swiper-container .swiper-slide .banner-box {
  height: 4.4rem;
  text-align: center;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .learnMores {
  display: block;
  width: 2rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin-top: 3.61rem;
  margin-left: 2.75rem;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  padding-top: 1.48rem;
  text-align: center;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .title-2 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
  text-align: center;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .swiper-slide .banner-box .learnMore {
  display: block;
  width: 2rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #FFFFFF;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.6rem;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
}
.banner-mobile .swiper-container .swiper-slide .banner1-pic {
  height: 5.8rem;
}
.banner-mobile .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.banner-mobile .swiper-container .banner1 {
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/summit/banner.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner1 .more {
  width: 2.8rem;
  height: 0.8rem;
  margin-top: 3.62rem;
  margin-left: 2.35rem;
  cursor: pointer;
}
.banner-mobile .swiper-container .banner1 .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
}
.banner-mobile .swiper-container .banner1 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner2 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner1_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner2 .banner-box .title-1 {
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
}
.banner-mobile .swiper-container .banner2 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner3 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner3_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner4 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner2_new_bg.jpg') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner4 .banner-box .title-1,
.banner-mobile .swiper-container .banner4 .banner-box .title-2 {
  color: #000;
}
.banner-mobile .swiper-container .banner4 .banner-box .title-3 {
  color: #191c22;
}
.banner-mobile .swiper-container .banner8 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner8_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner8 .banner-box .title-1 {
  font-size: 0.54rem;
  font-weight: bold;
  color: #000;
  line-height: 0.76rem;
}
.banner-mobile .swiper-container .banner8 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner5 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner5_bg.jpg') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner5 .banner-box .title-1 {
  padding-top: 2rem;
  font-size: 0.56rem;
  font-weight: bold;
  color: #000;
  line-height: 0.8rem;
}
.banner-mobile .swiper-container .banner5 .banner-box .title-3 {
  font-size: 0.32rem;
  font-weight: 400;
  color: #191c22;
  line-height: 0.48rem;
  margin-top: 0.22rem;
}
.banner-mobile .swiper-container .banner10 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner10_bg_new.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-1 {
  font-size: 0.54rem;
  line-height: 0.76rem;
  color: #1C0E53;
  padding-top: 1.8rem;
  display: flex;
  padding-left: 0.5rem;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-1 .banner10_icon {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 0.2rem;
  margin-top: 0.2rem;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-1 .banner10_start {
  width: 0.44rem;
  height: 0.44rem;
  margin-top: 0.1rem;
  margin-left: 0.06rem;
}
.banner-mobile .swiper-container .banner10 .banner-box .title-3 {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: #828994;
  margin-top: 0.2rem;
}
.banner-mobile .swiper-container .banner11 {
  background: url('https://img1-www.nuoyun.tv/assets/images/web/broadcast/banner11_bg.png') no-repeat;
  background-size: cover;
}
.banner-mobile .swiper-container .banner11 .banner-box .title-1 {
  font-size: 0.54rem;
  line-height: 0.76rem;
  color: #000000;
  padding-top: 1.92rem;
}
.banner-mobile .swiper-container .banner11 .banner-box .title-3 {
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-weight: 500;
  color: #000000;
  margin-top: 0.2rem;
}
.banner-mobile .swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  opacity: 0.5;
}
.banner-mobile .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.banner-mobile .swiper-container .swiper-pagination {
  margin-bottom: 0.35rem;
  position: absolute;
}
.GreatHealthMobile-container {
  width: 100%;
  min-height: 14rem;
  background: #ffffff;
  position: relative;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .more {
  width: 100%;
  position: absolute;
  bottom: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .more > a {
  display: flex;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758f1;
  border-radius: 0.08rem;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .more .more_right {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.08rem;
  background: #ffffff;
  border: 0.02rem solid #0758f1;
  color: #0758f1;
  margin-left: 0.32rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .GreatHealthMobileContent {
  text-align: center;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .GreatHealthMobileContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .GreatHealthMobileContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8d909e;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  margin-left: -0.21rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext .progress .progressBar {
  width: 1.38rem;
  height: 0.04rem;
  background-color: #eeeeee;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext ul {
  width: 6.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext ul .GreatHealthMobile-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight .centerSoild {
  display: none;
  width: 6.9rem;
  height: 0.02rem;
  background: #eeeeee;
  position: absolute;
  margin-top: 1.14rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
  text-decoration: underline #eeeeee 0.02rem;
  text-underline-offset: 0.08rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight .content-title .content-text {
  margin-top: 0.54rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight .content-title p {
  position: relative;
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  padding-left: 0.2rem;
}
.GreatHealthMobile-container .GreatHealthMobile-box .GreatHealthMobileBottom .GreatHealthMobileRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758f1;
  position: absolute;
  left: 0;
  margin-top: 0.04rem;
}
.liveNewEcoSystem-container {
  width: 100%;
  min-height: 8.72rem;
  background: #F9FCFE;
  position: relative;
}
.liveNewEcoSystem-container .liveNewEcoSystem-banner {
  width: 6.9rem;
  height: 1.82rem;
  background: linear-gradient(180deg, #E5E7F1 0%, #FFFFFF 100%);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(8, 6, 67, 0.06), inset 0 0 0 0.02rem #FFFFFF;
  border-radius: 0.1rem;
  margin: 0 auto;
  position: absolute;
  top: -0.45rem;
  left: 0.3rem;
  z-index: 996;
}
.liveNewEcoSystem-container .liveNewEcoSystem-banner .liveNewEcoSystem-num {
  width: 5.92rem;
  height: 0.94rem;
  margin: 0 auto;
  margin-top: 0.44rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-banner .liveNewEcoSystem-num .num_1 {
  width: 5.98rem;
  height: 0.94rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .t-1 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 1.98rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .t-2 {
  width: 5.52rem;
  height: 0.76rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.26rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  padding: 0.3rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list .s-list::-webkit-scrollbar {
  display: none;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li {
  width: 4.76rem;
  height: 4rem !important;
  background: rgba(255, 255, 255, 0.42);
  box-shadow: 0 0.04rem 0.1rem 0 rgba(4, 81, 127, 0.07);
  border-radius: 0.1rem;
  border: 0.02rem solid #FFFFFF;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li .liveNewEcoSystem-pic img {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  margin: 0 auto;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li p {
  font-size: 0.32rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.36rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.36rem;
  text-align: center;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(1) {
  padding: 0.28rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(1) .liveNewEcoSystem-pic {
  margin-top: 0.18rem;
  margin-bottom: 0.18rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(2) {
  padding: 0.31rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(2) .liveNewEcoSystem-pic {
  margin-top: 0.15rem;
  margin-bottom: 0.18rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(3),
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(5) {
  padding: 0.67rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(3) .liveNewEcoSystem-pic,
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(5) .liveNewEcoSystem-pic {
  margin-top: -0.21rem;
  margin-bottom: 0.18rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(4) {
  padding: 0.4rem 0.22rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(4) .liveNewEcoSystem-pic {
  margin-top: -0.09rem;
  margin-bottom: 0.18rem;
}
.liveNewEcoSystem-container .liveNewEcoSystem-box .s-list li:nth-child(5) {
  margin-right: 0.3rem;
}
.qualityEfficiency-container {
  width: 100%;
  min-height: 15rem;
  background: #FFFFFF;
  position: relative;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .more {
  width: 100%;
  position: absolute;
  bottom: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .more > a {
  display: flex;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.08rem;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .more .more_right {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.08rem;
  background: #FFFFFF;
  border: 0.02rem solid #0758F1;
  color: #0758F1;
  margin-left: 0.32rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .qualityEfficiencyContent {
  text-align: center;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .qualityEfficiencyContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .qualityEfficiencyContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  margin-left: -0.21rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext .progress .progressBar {
  width: 1.38rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext ul {
  width: 6.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext ul .qualityEfficiency-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight .centerSoild {
  display: none;
  width: 6.9rem;
  height: 0.02rem;
  background: #EEEEEE;
  position: absolute;
  margin-top: 1.14rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
  text-decoration: underline #EEEEEE 0.02rem;
  text-underline-offset: 0.08rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight .content-title .content-text {
  margin-top: 0.54rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight .content-title p {
  position: relative;
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  padding-left: 0.2rem;
}
.qualityEfficiency-container .qualityEfficiency-box .qualityEfficiencyBottom .qualityEfficiencyRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758F1;
  position: absolute;
  left: 0;
  margin-top: 0.04rem;
}
.cosmeticSelfLiveMobile-container {
  width: 100%;
  min-height: 15rem;
  background: #FFFFFF;
  position: relative;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .more {
  width: 100%;
  position: absolute;
  bottom: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .more > a {
  display: flex;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.08rem;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .more .more_right {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.08rem;
  background: #FFFFFF;
  border: 0.02rem solid #0758F1;
  color: #0758F1;
  margin-left: 0.32rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .cosmeticSelfLiveMobileContent {
  text-align: center;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .cosmeticSelfLiveMobileContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .cosmeticSelfLiveMobileContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  margin-left: -0.21rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext .progress .progressBar {
  width: 1.38rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext ul {
  width: 6.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext ul .cosmeticSelfLiveMobile-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight .centerSoild {
  display: none;
  width: 6.9rem;
  height: 0.02rem;
  background: #EEEEEE;
  position: absolute;
  margin-top: 1.14rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
  text-decoration: underline #EEEEEE 0.02rem;
  text-underline-offset: 0.08rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight .content-title .content-text {
  margin-top: 0.54rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight .content-title p {
  position: relative;
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  padding-left: 0.2rem;
}
.cosmeticSelfLiveMobile-container .cosmeticSelfLiveMobile-box .cosmeticSelfLiveMobileBottom .cosmeticSelfLiveMobileRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758F1;
  position: absolute;
  left: 0;
  margin-top: 0.04rem;
}
.threeMinOpenLive-container {
  width: 100%;
  min-height: 15rem;
  background: #F9FCFE;
  position: relative;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .more {
  width: 100%;
  position: absolute;
  bottom: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .more > a {
  display: flex;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.08rem;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .more .more_right {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.08rem;
  background: #FFFFFF;
  border: 0.02rem solid #0758F1;
  color: #0758F1;
  margin-left: 0.32rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .threeMinOpenLiveContent {
  text-align: center;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .threeMinOpenLiveContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .threeMinOpenLiveContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  left: 50%;
  transform: translateX(-50%);
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext .progress .progressBar {
  width: 1.38rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext ul {
  width: 6.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext ul .threeMinOpenLive-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext ul li {
  position: relative;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight .centerSoild {
  display: none;
  width: 6.9rem;
  height: 0.02rem;
  background: #EEEEEE;
  position: absolute;
  margin-top: 1.14rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
  text-decoration: underline #EEEEEE 0.02rem;
  text-underline-offset: 0.08rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight .content-title .content-text {
  margin-top: 0.54rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight .content-title p {
  position: relative;
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  padding-left: 0.2rem;
}
.threeMinOpenLive-container .threeMinOpenLive-box .threeMinOpenLiveBottom .threeMinOpenLiveRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758F1;
  position: absolute;
  left: 0;
  margin-top: 0.04rem;
}
.liveFeatures-container {
  width: 100%;
  min-height: 15rem;
  background: #FFFFFF;
  position: relative;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .more {
  width: 100%;
  position: absolute;
  bottom: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .more > a {
  display: flex;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.08rem;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .more .more_right {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.08rem;
  background: #FFFFFF;
  border: 0.02rem solid #0758F1;
  color: #0758F1;
  margin-left: 0.32rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .liveFeaturesContent {
  text-align: center;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .liveFeaturesContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .liveFeaturesContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  left: 50%;
  transform: translateX(-50%);
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext .progress .progressBar {
  width: 1.38rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext ul {
  width: 6.12rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext ul .liveFeatures-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext ul li {
  position: relative;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight .centerSoild {
  display: none;
  width: 6.9rem;
  height: 0.02rem;
  background: #EEEEEE;
  position: absolute;
  margin-top: 1.14rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
  text-decoration: underline #EEEEEE 0.02rem;
  text-underline-offset: 0.08rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight .content-title .content-text {
  margin-top: 0.54rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight .content-title p {
  position: relative;
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  padding-left: 0.2rem;
}
.liveFeatures-container .liveFeatures-box .liveFeaturesBottom .liveFeaturesRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758F1;
  position: absolute;
  left: 0;
  margin-top: 0.04rem;
}
.liveData-container {
  width: 100%;
  height: 5.64rem;
  background: url(/assets/images/mobile/newHome/banner-22.jpg) no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.liveData-container .liveData-box {
  width: 92%;
  height: 5.04rem;
  margin: 0 auto;
  text-align: center;
  margin-top: 0.6rem;
}
.liveData-container .liveData-box p {
  margin: 0 auto 0.62rem;
  font-size: 0.36rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.54rem;
  letter-spacing: 4px;
}
.liveData-container .liveData-box ul {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.liveData-container .liveData-box ul li {
  width: 50%;
}
.liveData-container .liveData-box ul li p:nth-child(1) {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.84rem;
  vertical-align: bottom;
  margin-bottom: 0.1rem;
}
.liveData-container .liveData-box ul li p:nth-child(1) span {
  display: inline-block;
  font-size: 0.24rem;
  line-height: 0.5rem;
  vertical-align: bottom;
  margin-left: 0.13rem;
}
.liveData-container .liveData-box ul li p:nth-child(2) {
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.33rem;
}
.chooseReason-container {
  width: 100%;
  min-height: 15rem;
  background: #F9FCFE;
  position: relative;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .more {
  width: 100%;
  position: absolute;
  bottom: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .more > a {
  display: flex;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.08rem;
  cursor: pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .more .more_right {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.08rem;
  background: #FFFFFF;
  border: 0.02rem solid #0758F1;
  color: #0758F1;
  margin-left: 0.32rem;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .chooseReasonContent {
  text-align: center;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .chooseReasonContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .chooseReasonContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  position: absolute;
  bottom: -0.16rem;
  margin-left: -0.21rem;
}
.chooseReason-container .chooseReason-box .chooseReasonContext .progress .progressBar {
  width: 1.38rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.chooseReason-container .chooseReason-box .chooseReasonContext ul {
  width: 6.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.chooseReason-container .chooseReason-box .chooseReasonContext ul .chooseReason-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.chooseReason-container .chooseReason-box .chooseReasonContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight .centerSoild {
  display: none;
  width: 6.9rem;
  height: 0.02rem;
  background: #EEEEEE;
  position: absolute;
  margin-top: 1.14rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
  text-decoration: underline #EEEEEE 0.02rem;
  text-underline-offset: 0.08rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight .content-title .content-text {
  margin-top: 0.54rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight .content-title p {
  position: relative;
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  padding-left: 0.2rem;
}
.chooseReason-container .chooseReason-box .chooseReasonBottom .chooseReasonRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758F1;
  position: absolute;
  left: 0;
  margin-top: 0.04rem;
}
.PrivatizedSystem-container {
  width: 100%;
  min-height: 15rem;
  background: #FFFFFF;
  position: relative;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext .more {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  font-size: 0.28rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: 0.8rem;
  left: 2.55rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext .PrivatizedSystemContent {
  text-align: center;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext .PrivatizedSystemContent h2 {
  font-size: 0.44rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  margin-bottom: 0.12rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext .PrivatizedSystemContent h3 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-bottom: 0.42rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext .progress {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  position: absolute;
  bottom: -0.16rem;
  margin-left: -1.25rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext .progress .progressBar {
  width: 3.45rem;
  height: 0.04rem;
  background-color: #EEEEEE;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext ul {
  width: 4.41rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 0.54rem;
  position: relative;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext ul .PrivatizedSystem-pic {
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemContext ul p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.34rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight {
  width: 6.9rem;
  height: 8.52rem;
  margin: 0 auto;
  position: relative;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight img {
  background: rgba(255, 255, 255, 0);
  margin-bottom: 0.34rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight .centerSoild {
  width: 6.9rem;
  height: 0.02rem;
  background: #EEEEEE;
  position: absolute;
  margin-top: 1.14rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight .content-title h2 {
  font-size: 0.36rem;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight .content-title h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.36rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight .content-title .content-text {
  margin-top: 0.54rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight .content-title p {
  font-size: 0.28rem;
  font-weight: 400;
  color: #191919;
  line-height: 0.36rem;
  margin-bottom: 0.24rem;
  text-indent: 0.2rem;
}
.PrivatizedSystem-container .PrivatizedSystem-box .PrivatizedSystemBottom .PrivatizedSystemRight .content-title p::before {
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.28rem;
  background: #0758F1;
  position: absolute;
  margin-top: 0.04rem;
}
.AccompanyingService-container {
  width: 100%;
  min-height: 8.66rem;
  background: url('https://img1-www.nuoyun.tv/assets/images/mobile/newHome/8L_bg.png') no-repeat;
  background-size: cover;
  position: relative;
}
.AccompanyingService-container .AccompanyingService-box .AccompanyingServiceContext .AccompanyingServiceContent h2 {
  text-align: center;
  padding-top: 0.8rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.6rem;
  margin-bottom: 0.12rem;
}
.AccompanyingService-container .AccompanyingService-box .AccompanyingServiceContext .AccompanyingServiceContent h3 {
  text-align: center;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.38rem;
  margin-bottom: 1rem;
}
.AccompanyingService-container .AccompanyingService-box .AccompanyingServiceContext ul {
  width: 6.36rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.AccompanyingService-container .AccompanyingService-box .AccompanyingServiceContext ul li .AccompanyingService-pic {
  margin: 0 auto;
  margin-bottom: 0.16rem;
}
.AccompanyingService-container .AccompanyingService-box .AccompanyingServiceContext ul li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.36rem;
  margin-bottom: 0.6rem;
}
.AccompanyingService-container .AccompanyingService-box .AccompanyingServiceContext .AccompanyingServiceLeft {
  width: 6.24rem;
  margin-left: 0.57rem;
}
.CooperationCases-container {
  width: 100%;
  min-height: 8.9rem;
  background: #F9FCFE;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesContext .CooperationCasesContent h2 {
  text-align: center;
  padding-top: 0.8rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  margin-bottom: 0.12rem;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesContext .CooperationCasesContent h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul {
  width: 6.9rem;
  height: 1.4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.3rem;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul li {
  width: 1.58rem;
  height: 0.6rem;
  background: #FFFFFF;
  border: 0.01rem solid #ECECEC;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul li:nth-child(5),
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul li:nth-child(6),
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul li:nth-child(7),
.CooperationCases-container .CooperationCases-box .CooperationCasesContext ul li:nth-child(8) {
  margin-top: 0.15rem;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom {
  width: 6.9rem;
  min-height: 4.2rem;
  margin: 0 auto;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title .CooperationCases-pic {
  width: 2.2rem !important;
  height: 0.9rem !important;
  background: #FFFFFF;
  box-shadow: 0px 0.04rem 0.1rem 0px rgba(8, 6, 67, 0.06);
  border-radius: 0.04rem;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title .CooperationCases-transparent {
  width: 2.2rem !important;
  height: 0.9rem !important;
}
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title li:nth-child(1),
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title li:nth-child(4),
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title li:nth-child(7),
.CooperationCases-container .CooperationCases-box .CooperationCasesBottom .CooperationCasesRight .content-title li:nth-child(10) {
  margin-bottom: 0.2rem;
}
.CooperationCases-container .CooperationCases-box .toCaseBtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.48rem 0rem;
}
.CooperationCases-container .CooperationCases-box .toCaseBtn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.08rem;
  color: #FFFFFF;
}
.MediaReports-container {
  width: 100%;
  padding-bottom: 1.28rem;
  background: #FFFFFF;
}
.MediaReports-container .MediaReports-box h2 {
  font-size: 0.48rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.66rem;
  padding-top: 0.84rem;
  text-align: center;
  margin-bottom: 0.24rem;
}
.MediaReports-container .MediaReports-box h3 {
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 0.44rem;
  text-align: center;
  margin-bottom: 0.56rem;
}
.MediaReports-container .MediaReports-banner {
  margin: 0 auto;
  position: relative;
}
.MediaReports-container .MediaReports-banner .swiper {
  width: 6.86rem;
  margin: 0 auto;
}
.MediaReports-container .MediaReports-banner .swiper-slide {
  width: 100%;
  box-shadow: 0 6px 16px 0 rgba(8, 6, 67, 0.04), inset 0 2px 2px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0.15rem;
}
.MediaReports-container .MediaReports-banner .swiper-slide a {
  display: block;
}
.MediaReports-container .MediaReports-banner .swiper-slide a img {
  display: block;
  width: 100%;
  height: 3.64rem;
  border-radius: 0.15rem 0.15rem 0 0;
}
.MediaReports-container .MediaReports-banner .swiper-slide a .text {
  padding: 0.48rem 0.32rem;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.88) 0%, #FFFFFF 100%);
  border-radius: 0 0 0.15rem 0.15rem;
}
.MediaReports-container .MediaReports-banner .swiper-slide a .text .times {
  margin-bottom: 0.16rem;
  font-size: 0.28rem;
  color: #636363;
  line-height: 0.4rem;
}
.MediaReports-container .MediaReports-banner .swiper-slide a .text .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 500;
  font-size: 0.36rem;
  color: #000;
  line-height: 0.5rem;
}
.MediaReports-container .more {
  width: 2.4rem;
  height: 0.88rem;
  border-radius: 0.16rem;
  border: 1px solid #0758F1;
  display: block;
  text-align: center;
  line-height: 0.88rem;
  margin: 0.8rem auto 0;
  cursor: pointer;
}
.MediaReports-container .more a {
  display: block;
  width: 100%;
  height: 100%;
  color: #0758F1;
}
.BroadcastSolution-container {
  width: 100%;
  min-height: 11.94rem;
  background: #f9fcfe;
  overflow: hidden;
}
.BroadcastSolution-container .BroadcastSolution-box h2 {
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  padding-top: 0.8rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.BroadcastSolution-container .BroadcastSolution-box h3 {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8d909e;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.BroadcastSolution-container .BroadcastSolution_banner {
  width: 6.98rem;
  height: 1.4rem;
  margin: 0 auto;
}
.BroadcastSolution-container .BroadcastSolution_banner ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.BroadcastSolution-container .BroadcastSolution_banner ul li {
  width: 1.58rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  margin-right: 0.2rem;
}
.BroadcastSolution-container .BroadcastSolution_banner ul li:first-child {
  margin-bottom: 0.2rem;
}
.BroadcastSolution-container .BroadcastSolution_banner ul li:nth-child(4) {
  margin-right: 0;
}
.BroadcastSolution-container .swiper5 {
  overflow: revert;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper {
  height: 7.34rem;
  margin-top: 0.2rem;
  position: relative;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 {
  padding-left: 0.3rem;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic {
  width: 5.9rem;
  height: 7.34rem;
  background: linear-gradient(90deg, #111a34 0%, rgba(16, 22, 43, 0.77) 100%);
  background-repeat: no-repeat;
  background-size: cover;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .title-1 {
  font-size: 0.36rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.6rem;
  padding-top: 0.6rem;
  margin-left: 0.4rem;
  margin-bottom: 0.1rem;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .title-2 {
  width: 5.1rem;
  height: 0.72rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.36rem;
  margin-left: 0.4rem;
  margin-bottom: 1.03rem;
  opacity: 0.8;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .banner5-nav {
  width: 85%;
  height: 2.49rem;
  margin: 0 auto;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .banner5-nav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .banner5-nav ul li {
  margin-bottom: 0.45rem;
  width: 33%;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .banner5-nav ul li img {
  width: 0.58rem;
  height: 0.58rem;
  display: block;
  margin: 0 auto;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .banner5-nav ul li p {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.36rem;
  text-align: center;
  margin-top: 0.08rem;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .line {
  width: 5.1rem;
  height: 0.01rem;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  margin-top: 0.59rem;
  margin-bottom: 0.38rem;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .learnMore {
  font-size: 0.26rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.37rem;
  margin-left: 0.4rem;
  cursor: pointer;
}
.BroadcastSolution-container .swiper5 .swiper-wrapper .banner1 .banner5-pic .banner5-box .arrow {
  width: 0.23rem;
  height: 0.23rem;
  margin-top: 0.08rem;
  object-fit: cover;
  margin-left: 3.78rem;
}
.BroadcastSolution-container .pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  z-index: -999;
}
.BroadcastSolution-container .swiper-pagination-bullet {
  width: 1.58rem;
  height: 0.6rem;
  background: #ffffff;
  border: 0.01rem solid #ececec;
  border-radius: 1px;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.6rem;
  opacity: 1;
  margin: 0 0.2rem 0.15rem 0 !important;
}
.BroadcastSolution-container .swiper-pagination {
  position: absolute;
  top: -1.58rem;
  left: 0.3rem;
}
.BroadcastSolution-container .swiper-pagination-bullet-active {
  background: #e1ecfc;
  border: 0.01rem solid #b4cdf9;
  font-size: 0.24rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0758f1;
  line-height: 0.6rem;
}
.BroadcastSolution-container .swiper-button-prev,
.BroadcastSolution-container .swiper-button-next:focus {
  outline: none;
}
.BroadcastSolution-container a,
.BroadcastSolution-container input,
.BroadcastSolution-container button {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
.wechat-banner {
  width: 100%;
  height: 9rem;
  background: url('/assets/images/mobile/wechat_new/banner-n.jpg') no-repeat;
  background-size: cover;
  background-color: #ededed;
}
.wechat-banner .banner-box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.wechat-banner .banner-box .title-1 {
  margin-top: 3.3rem;
  margin-bottom: 0.3rem;
  font-size: 0.55rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.77rem;
}
.wechat-banner .banner-box .title-2 {
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.4rem;
}
.wechat-banner .banner-box .btn {
  width: 2.8rem;
  height: 0.8rem;
  background: #3388fb;
  border-radius: 0.1rem;
  line-height: 0.8rem;
  margin-top: 0.8rem;
  margin-top: 2.3rem;
}
.wechat-banner .banner-box .btn a {
  display: block;
  width: 3rem;
  height: 0.7rem;
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
}
.wechat-service {
  width: 100%;
  height: 9.23rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.wechat-service .service-box {
  width: 92%;
  margin: 0.6rem auto 0;
}
.wechat-service .service-box p {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin: 0rem auto 0.4rem;
  text-align: center;
}
.wechat-service .service-box ul {
  width: 100%;
  margin: 0 auto 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wechat-service .service-box ul li {
  width: 2.2rem;
  font-size: 0;
  margin-bottom: 0.35rem;
}
.wechat-service .service-box ul li img {
  width: 2.2rem;
  height: 1.6rem;
}
.wechat-service .service-box ul li p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.33rem;
  margin-top: 0.2rem;
  text-align: center;
  margin-bottom: 0;
}
.wechat-services {
  padding: 0;
  margin: 0 ;
  list-style: none;
  box-sizing: border-box;
  width: 100%;
  height: 14.46rem;
  background-color: #fff;
}
.font {
  width: 5.72rem;
  height: 0.76rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8D909E;
  line-height: 0.38rem;
  margin-top: 0.2rem;
  text-align: center;
  margin: auto;
}
.promotion {
  width: 100%;
  height: 12.1rem;
}
.promotion_left {
  width: 20%;
  height: 100%;
  float: left;
}
.promotion_right {
  width: 80%;
  height: 100%;
  float: left;
}
.ellipse1 {
  position: relative;
  left: 0.28rem;
  top: 0.55rem;
  width: 0.24rem;
  height: 0.24rem;
  border: 0.02rem #9BBCFA;
  z-index: 999;
}
.ellipse2 {
  position: relative;
  left: 0.04rem;
  top: 2.29rem;
  width: 0.24rem;
  height: 0.24rem;
  border: 0.02rem #9BBCFA;
  z-index: 999;
}
.ellipse3 {
  position: relative;
  left: -0.2rem;
  top: 4.42rem;
  width: 0.24rem;
  height: 0.24rem;
  border: 0.02rem #9BBCFA;
  z-index: 999;
}
.ellipse4 {
  position: relative;
  left: -0.44rem;
  top: 6.12rem;
  width: 0.24rem;
  height: 0.24rem;
  border: 0.02rem #fff;
  z-index: 999;
}
.ellipse5 {
  position: relative;
  left: -0.68rem;
  top: 7.9rem;
  width: 0.24rem;
  height: 0.23rem;
  border: 0.02rem #9BBCFA;
  z-index: 999;
}
.ellipse6 {
  position: relative;
  left: -0.92rem;
  top: 9.6rem;
  width: 0.24rem;
  height: 0.23rem;
  border: 0.02rem #9BBCFA;
  z-index: 999;
}
.Dotted-line {
  width: 0.01rem;
  height: 9rem;
  margin-left: 0.4rem;
  margin-top: 0.4rem;
}
.lists li {
  margin-top: 0.3rem;
  width: 6rem;
  height: 1.44rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  margin-left: -0.45rem;
}
.li {
  width: 6rem;
  height: 1.84rem !important;
}
.horn {
  width: 0.8rem;
  height: 0.8rem;
  position: relative;
  left: 0.2rem;
  top: 0.25rem;
}
.lists li p {
  height: 0.48rem;
  font-size: 0.34rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.4rem;
  position: relative;
  left: 1.3rem;
  top: -0.6rem;
}
.lists li p span {
  height: 0.4rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  line-height: 0.4rem;
  text-align: left;
  white-space: nowrap;
  display: inline-block;
  margin-top: 0.15rem;
}
.wechat-mobile {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  list-style: none;
  overflow: hidden;
}
.wechat-technologyEnabled {
  width: 100%;
  height: 10.37rem;
  background: #fafafa;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.wechat-technologyEnabled .technologyEnabled-box {
  width: 90%;
  margin: 0.6rem auto 0;
}
.wechat-technologyEnabled .technologyEnabled-box p {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin: 0rem auto 0.45rem;
  text-align: center;
}
.wechat-technologyEnabled .technologyEnabled-box ul {
  width: 100%;
}
.wechat-technologyEnabled .technologyEnabled-box ul li {
  background: inherit;
  width: 100%;
  height: 1.82rem;
  box-shadow: 0px 0px 15px 0px rgba(60, 143, 251, 0.2);
  border-radius: 10px;
  margin-bottom: 0.3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.wechat-technologyEnabled .technologyEnabled-box ul li img {
  width: 1.22rem;
}
.wechat-technologyEnabled .technologyEnabled-box ul li .t-wrap {
  width: 4.5rem;
}
.wechat-technologyEnabled .technologyEnabled-box ul li .t-wrap p {
  letter-spacing: 0px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: left;
}
.wechat-technologyEnabled .technologyEnabled-box ul li .t-wrap p:nth-child(1) {
  font-size: 0.3rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.5rem;
}
.wechat-technologyEnabled .technologyEnabled-box ul li .t-wrap p:nth-child(2) {
  font-size: 0.22rem;
  color: #999999;
  line-height: 0.3rem;
}
.wechat-technologyEnableds {
  width: 100%;
  height: 55.5rem;
  background: #F9FCFE;
}
.pp {
  width: 100%;
  height: 0.6rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.4rem;
  text-align: center;
  display: inline-block;
  margin-top: 0.9rem;
}
.pps {
  width: 100%;
  height: 0.6rem;
  font-size: 0.44rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #191919;
  line-height: 0.6rem;
  text-align: center;
  margin: 0.77rem auto;
  display: inline-block;
}
.img1 {
  width: 6.26rem;
  height: 5.26rem;
  border-radius: 0.2rem;
  margin-top: 0.52rem;
}
.img3 {
  width: 6.59rem;
  height: 5.3rem;
  margin-left: 0.5rem;
  border-radius: 0.2rem;
  margin-top: 0.53rem;
}
.imgs {
  width: 7.3rem;
  height: 5.26rem;
  border-radius: 0.2rem;
  margin-top: 0.52rem;
}
.lang {
  width: 7.26rem;
  height: 5.2rem;
  margin-left: 0.2rem;
  margin-top: 0.52rem;
}
.img2 {
  width: 0.36rem;
  height: 0.36rem;
  margin-left: 0.27rem;
}
.img4 {
  width: 0.36rem;
  height: 0.36rem;
  position: relative;
  top: -0.36rem;
  left: 0.27rem;
}
.lives {
  width: 7.43rem;
  height: 5.14rem;
  margin-left: 0.05rem;
  margin-top: 0.57rem;
}
.texts {
  width: 6.02rem;
  height: auto;
  float: left;
  margin-left: 0.1rem;
}
.textss {
  width: 6.02rem;
  height: auto;
  float: left;
  margin-left: 0.1rem;
}
.textss span {
  width: 6.02rem;
  height: 0.8rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  text-align: left;
  line-height: 0.4rem;
  display: inline-block;
}
.texts span {
  width: 6.02rem;
  height: 0.8rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #191919;
  text-align: left;
  line-height: 0.4rem;
  display: inline-block;
}
.wechat-technologyEnabled-box {
  width: 100%;
  height: 0.55rem;
  margin-top: 0.45rem;
}
.details_btn {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  color: #fff;
  border: none;
  margin-top: 0.7rem;
  text-align: center;
  line-height: 0.7rem;
  margin-left: 1.2rem;
  cursor: pointer;
  font-size: 0.28rem;
  margin-bottom: 0.8rem;
  display: inline-block;
}
.details2 {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  color: #fff;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 0.28rem;
  margin-left: 1.2rem;
  margin-bottom: 0.8rem;
  display: inline-block;
  line-height: 0.7rem;
  position: relative;
  top: -0.15rem;
}
.details3 {
  width: 2.4rem;
  height: 0.7rem;
  background: #0758F1;
  border-radius: 0.04rem;
  color: #fff;
  border: none;
  text-align: center;
  cursor: pointer;
  margin-top: 0.65rem;
  font-size: 0.28rem;
  margin-left: 1.2rem;
  display: inline-block;
  line-height: 0.7rem;
}
.experience {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.04rem;
  border: 1px solid #0758F1;
  color: #0758F1;
  text-align: center;
  cursor: pointer;
  font-size: 0.28rem;
  display: inline-block;
  line-height: 0.7rem;
  position: relative;
  top: 0.02rem;
}
.experience2 {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.04rem;
  border: 1px solid #0758F1;
  color: #0758F1;
  text-align: center;
  cursor: pointer;
  font-size: 0.28rem;
  display: inline-block;
  line-height: 0.7rem;
  position: relative;
  top: -0.14rem;
}
.experience3 {
  width: 2.4rem;
  height: 0.7rem;
  border-radius: 0.04rem;
  border: 1px solid #0758F1;
  color: #0758F1;
  text-align: center;
  cursor: pointer;
  font-size: 0.28rem;
  display: inline-block;
  line-height: 0.7rem;
  position: relative;
  top: 0.03rem;
}
.wechat-technologyEnableds_box {
  width: 100%;
  height: 12.68rem;
  background-color: #F9FCFE;
}
.shop {
  position: relative;
  top: -0.3rem;
}
.polymerization {
  width: 100%;
  height: 12.98rem !important;
  z-index: 999;
  background: #fff;
  margin-top: 0.2rem;
}
.Plug-in {
  width: 7.5rem;
  height: 12.68rem;
  background-color: #F9FCFE;
}
.Periodic-disk {
  width: 100%;
  height: 12.68rem;
  background-color: #fff;
}
.interaction {
  width: 100%;
  height: 7.1rem;
}
.interaction img {
  width: 7.5rem;
  height: 7.1rem;
}
.Industry-benchmark {
  width: 100%;
  height: 8.9rem;
}
.Industry-benchmark img {
  width: 100%;
  height: 6.8rem;
  margin-top: -0.5rem;
}
.Check {
  width: 0.7rem;
  height: 0.5rem;
  float: left;
  margin-left: 0.2rem;
}
.wechat-chooseReason {
  width: 100%;
  min-height: 11.14rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.wechat-chooseReason .chooseReason-box {
  width: 90%;
  margin: 0.6rem auto 0;
}
.wechat-chooseReason .chooseReason-box p {
  font-size: 0.36rem;
  font-weight: 500;
  color: #000000;
  line-height: 0.54rem;
  letter-spacing: 4px;
  margin: 0rem auto 0.3rem;
  text-align: center;
}
.wechat-chooseReason .chooseReason-box ul {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.wechat-chooseReason .chooseReason-box ul li {
  width: 3.36rem;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.wechat-chooseReason .chooseReason-box ul li img {
  width: 1.5rem;
}
.wechat-chooseReason .chooseReason-box ul li p:nth-of-type(1) {
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.42rem;
  margin-top: 0.35rem;
  margin-bottom: 0.1rem;
}
.wechat-chooseReason .chooseReason-box ul li p:nth-of-type(2) {
  font-size: 0.24rem;
  color: #999999;
  line-height: 0.33rem;
}
.liveSystem-mobile .leftTxt-wrapper {
  position: relative;
  width: 100%;
  height: 6.38rem;
  font-size: 0.3rem;
  overflow: hidden;
}
.liveSystem-mobile .leftTxt-wrapper img {
  width: 6.04rem;
  height: 4.39rem;
  position: absolute;
  left: 0.5rem;
  top: 20%;
  z-index: 1;
}
.liveSystem-mobile .leftTxt-wrapper .text-box {
  width: 4rem;
  position: relative;
  margin-left: 3rem;
  margin-top: 30%;
  z-index: 2;
}
.liveSystem-mobile .leftTxt-wrapper .text-box span {
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.43rem;
  text-align: center;
  font-weight: 600;
  position: relative;
  margin-left: 0.5rem;
}
.liveSystem-mobile .leftTxt-wrapper .text-box span::before {
  content: "";
  position: absolute;
  width: 0.16rem;
  height: 0.45rem;
  background: #009bff;
  top: 0.3rem;
  margin-left: -0.5rem;
}
.liveSystem-mobile .leftTxt-wrapper .text-box p {
  font-size: 0.34rem;
  line-height: 0.5rem;
}
.liveSystem-mobile .rightTxt-wrapper {
  position: relative;
  width: 100%;
  height: 6.38rem;
  font-size: 0.3rem;
  overflow: hidden;
  background: #eff8ff;
}
.liveSystem-mobile .rightTxt-wrapper img {
  width: 6.04rem;
  height: 4.39rem;
  position: absolute;
  right: 0.5rem;
  top: 20%;
  z-index: 1;
}
.liveSystem-mobile .rightTxt-wrapper .text-box {
  width: 4rem;
  position: relative;
  margin-left: 0.5rem;
  margin-top: 30%;
  z-index: 2;
}
.liveSystem-mobile .rightTxt-wrapper .text-box span {
  display: inline-block;
  font-weight: 600;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.43rem;
  text-align: center;
  margin-left: 0.5rem;
}
.liveSystem-mobile .rightTxt-wrapper .text-box span::before {
  content: "";
  position: absolute;
  width: 0.16rem;
  height: 0.45rem;
  background: #009bff;
  top: 0.3rem;
  margin-left: -0.5rem;
}
.liveSystem-mobile .rightTxt-wrapper .text-box p {
  font-size: 0.34rem;
  line-height: 0.5rem;
}
/*!
 * 
 * antd v4.24.16
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 2px;
}
.ant-alert-content {
  flex: 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
  color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: transparent;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #f0f0f0;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.ant-anchor-ink-ball-visible {
  display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 4px 0 4px 16px;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 4px 16px 4px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  transition: all 0.3s, visibility 0s;
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  transition: none;
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 7px;
  left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}
.ant-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1px 4px;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  visibility: hidden;
  content: '\A0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-inline-end: 4px;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: middle;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
  margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  margin-inline-start: 7px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  height: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 24px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 32px;
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 16px;
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  margin-inline-start: 3px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
  right: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
  padding-right: 42px;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-flex;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-arrow > *:not(:last-child) {
  margin-inline-end: 8px;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #1890ff;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select.ant-select-in-form-item {
  width: 100%;
}
.ant-select-compact-item:not(.ant-select-compact-last-item) {
  margin-right: -1px;
}
.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl {
  margin-right: 0;
  margin-left: -1px;
}
.ant-select-compact-item:hover > *,
.ant-select-compact-item:focus > *,
.ant-select-compact-item:active > * {
  z-index: 2;
}
.ant-select-compact-item.ant-select-focused > * {
  z-index: 2;
}
.ant-select-compact-item[disabled] > * {
  z-index: 0;
}
.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select > .ant-select-selector {
  border-radius: 0;
}
.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 6px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  max-width: 100vw;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover-content {
  position: relative;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
  display: flex;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 20px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #1890ff;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb li:last-child {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb li:last-child a {
  color: rgba(0, 0, 0, 0.85);
}
li:last-child > .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 10px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 9.41421356px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.ant-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #1890ff;
  background: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #40a9ff;
  background: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #096dd9;
  background: #096dd9;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #1890ff;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  margin-right: -1px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
  margin-left: -1px;
}
.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
  z-index: 2;
}
.ant-btn-compact-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
  border-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-icon-only.ant-btn-compact-item {
  flex: none;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: calc(100% + 1px * 2);
  background-color: #40a9ff;
  content: ' ';
}
.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
  right: -1px;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
  margin-bottom: -1px;
}
.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
  z-index: 2;
}
.ant-btn-compact-vertical-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
  border-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: calc(100% + 1px * 2);
  height: 1px;
  background-color: #40a9ff;
  content: ' ';
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #40a9ff;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #40a9ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu-item-danger.ant-menu-item {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item > .ant-badge a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1890ff;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #1890ff;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #1890ff;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-content {
  position: relative;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 14.3137085px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 14.3137085px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 14.3137085px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 14.3137085px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(315deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(11px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-compact {
  display: inline-flex;
}
.ant-space-compact-block {
  display: flex;
  width: 100%;
}
.ant-space-compact-vertical {
  flex-direction: column;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-space-compact-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-mini .ant-picker-cell::before {
  pointer-events: none;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #e6f7ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-error.ant-picker .ant-picker-active-bar {
  background: #ff7875;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  background: #ffc53d;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  padding: 4px 11px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-picker-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-picker-input > input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-picker-input > input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0px 7px;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0px 7px 0px;
}
.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #1890ff;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 2.58561808px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 2.58561808px;
  display: block;
  transform: rotate(45deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 7.54247233px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  width: 11.3137085px;
  height: 11.3137085px;
  margin-left: 16.5px;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-picker-range-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  margin-right: -1px;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
  margin-left: -1px;
}
.ant-picker-compact-item:hover,
.ant-picker-compact-item:focus,
.ant-picker-compact-item:active {
  z-index: 2;
}
.ant-picker-compact-item.ant-picker-focused {
  z-index: 2;
}
.ant-picker-compact-item[disabled] {
  z-index: 0;
}
.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
  border-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #1890ff;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #1890ff;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #1890ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #7ec1ff;
  border-bottom: 1px dashed #7ec1ff;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #cbe6ff;
  transition: all 0.3s;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #1890ff;
}
.ant-picker-today-btn:hover {
  color: #40a9ff;
}
.ant-picker-today-btn:active {
  color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(230, 247, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #e6f7ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #7ec1ff;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #7ec1ff;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-processing {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-error {
  color: #ff4d4f;
  background: #fff2f0;
  border-color: #ffccc7;
}
.ant-tag-warning {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #40a9ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid .ant-card-body {
  display: flex;
  flex-wrap: wrap;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  display: flex;
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  flex: 1;
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: ant-skeleton-loading 1.4s ease infinite;
  content: '';
}
.ant-skeleton.ant-skeleton-block {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
  width: 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
  width: 32px;
  min-width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  100% {
    transform: translateX(37.5%);
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #40a9ff;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #40a9ff;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #096dd9;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #1890ff;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #096dd9;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #1890ff;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  position: relative;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-tabpane {
  outline: none;
}
.ant-tabs-tabpane-hidden {
  display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
  transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
  opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}
.ant-tabs-switch-leave-start {
  opacity: 1;
}
.ant-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li button::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 0;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '\2192';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '\2190';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-cascader-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
  border-color: #1890ff;
}
.ant-cascader-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
  visibility: visible;
}
.ant-cascader-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-cascader-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-cascader-checkbox-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
  visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
  margin-left: 8px;
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-cascader-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-cascader-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-cascader-checkbox-group-item {
  margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-cascader {
  width: 184px;
}
.ant-cascader-checkbox {
  top: 0;
  margin-right: 8px;
}
.ant-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
  width: 100%;
  height: auto;
}
.ant-cascader-menu {
  flex-grow: 1;
  min-width: 111px;
  height: 180px;
  margin: 0;
  margin: -4px 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #f0f0f0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-cascader-menu-item-content {
  flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  margin-right: -1px;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl {
  margin-left: -1px;
}
.ant-cascader-compact-item:hover,
.ant-cascader-compact-item:focus,
.ant-cascader-compact-item:active {
  z-index: 2;
}
.ant-cascader-compact-item[disabled] {
  z-index: 0;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader {
  border-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
  top: 0;
  margin-right: 0;
  margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-space-evenly {
  justify-content: space-evenly;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  flex: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  flex: none;
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  border-radius: 2px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-left: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  align-items: center;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.ant-drawer-inline {
  position: absolute;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.ant-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  transition: all 0.3s;
}
.ant-drawer-content-wrapper-hidden {
  display: none;
}
.ant-drawer-left > .ant-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-top > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom > .ant-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ant-drawer-header {
  display: flex;
  flex: 0;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.ant-drawer-extra {
  flex: none;
}
.ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
  opacity: 0;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
  opacity: 1;
}
.ant-drawer-mask-motion-leave {
  opacity: 1;
}
.ant-drawer-mask-motion-leave-active {
  opacity: 0;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start {
  transform: translateX(-100%) !important;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave-active {
  transform: translateX(-100%);
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start {
  transform: translateX(100%) !important;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave-active {
  transform: translateX(100%);
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start {
  transform: translateY(-100%) !important;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave-active {
  transform: translateY(-100%);
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start {
  transform: translateY(100%) !important;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave-active {
  transform: translateY(100%);
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-feedback-icon-success {
  color: #52c41a;
}
.ant-form-item-feedback-icon-error {
  color: #ff4d4f;
}
.ant-form-item-feedback-icon-warning {
  color: #faad14;
}
.ant-form-item-feedback-icon-validating {
  color: #1890ff;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1081;
  width: 100%;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-image-preview-operations-operation:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: fixed;
  top: 50%;
  right: 8px;
  z-index: 1081;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s;
  pointer-events: auto;
}
.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled,
.ant-image-preview-switch-left-disabled:hover,
.ant-image-preview-switch-right-disabled:hover {
  color: rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon,
.ant-image-preview-switch-left-disabled:hover > .anticon,
.ant-image-preview-switch-right-disabled:hover > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 8px;
}
.ant-image-preview-switch-right {
  right: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number-affix-wrapper {
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  position: relative;
  display: inline-flex;
  width: 90px;
  padding: 0;
  padding-inline-start: 11px;
}
.ant-input-number-affix-wrapper::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-number-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-number-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper-borderless-focused,
.ant-input-number-affix-wrapper-borderless-disabled,
.ant-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
  background: transparent;
}
.ant-input-number-affix-wrapper > div.ant-input-number {
  width: 100%;
  border: none;
  outline: none;
}
.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
  box-shadow: none !important;
}
.ant-input-number-affix-wrapper input.ant-input-number-input {
  padding: 0;
}
.ant-input-number-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-input-number-prefix,
.ant-input-number-suffix {
  display: flex;
  flex: none;
  align-items: center;
  pointer-events: none;
}
.ant-input-number-prefix {
  margin-inline-end: 4px;
}
.ant-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 11px;
  margin-left: 4px;
}
.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
  width: 100%;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-error .ant-input-number-prefix {
  color: #ff4d4f;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-warning .ant-input-number-prefix {
  color: #faad14;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
  color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
  color: #faad14;
}
.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 0px 7px;
}
.ant-input-number-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
  display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-number-group-wrap > * {
  display: block !important;
}
.ant-input-number-group .ant-input-number {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
  z-index: 0;
}
.ant-input-number-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
  color: #1890ff;
}
.ant-input-number-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
  border-right: 0;
}
.ant-input-number-group-addon:last-child {
  border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
  padding: 0px 7px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
  display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
  float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group > .ant-input-number-rtl:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group > .ant-input-number-rtl:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  border-left: 1px solid #d9d9d9;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #40a9ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: all 0.3s linear;
  -webkit-appearance: textfield !important;
     -moz-appearance: textfield !important;
          appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-radius: 0 2px 2px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  border-top: 1px solid #d9d9d9;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-borderless {
  box-shadow: none;
}
.ant-input-number-out-of-range input {
  color: #ff4d4f;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-number-compact-item:hover,
.ant-input-number-compact-item:focus,
.ant-input-number-compact-item:active {
  z-index: 2;
}
.ant-input-number-compact-item.ant-input-number-focused {
  z-index: 2;
}
.ant-input-number-compact-item[disabled] {
  z-index: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
  border-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
  border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: rgba(255, 255, 255, 0);
}
.ant-input-affix-wrapper > .ant-input {
  font-size: inherit;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > .ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding: 0;
}
.ant-input-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #1890ff;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 32px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
  z-index: 2;
}
.ant-input-compact-item[disabled] {
  z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  border-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #40a9ff;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #40a9ff;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  margin-right: -1px;
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  margin-left: -1px;
  border-radius: 0;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  border-left-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item:focus-visible {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus-visible {
  border-color: #40a9ff;
}
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-item-active:focus-visible a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #1890ff;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  width: 50px;
  height: 32px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1890ff;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  font-size: 14px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(0deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5715;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-mentions:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 0px 7px;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  -moz-tab-size: inherit;
    -o-tab-size: inherit;
       tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-mentions > textarea:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-mentions-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-modal-wrap {
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 54px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 2px 2px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
  pointer-events: none;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  word-wrap: break-word;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  color: #000;
}
.ant-page-header-back-button:focus-visible,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  white-space: unset;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popconfirm {
  z-index: 1060;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star > div:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.segmented-item-selected {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  padding: 2px;
  color: rgba(0, 0, 0, 0.65);
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.ant-segmented.ant-segmented-block {
  display: flex;
}
.ant-segmented.ant-segmented-block .ant-segmented-item {
  flex: 1;
  min-width: 0;
}
.ant-segmented:not(.ant-segmented-disabled):hover,
.ant-segmented:not(.ant-segmented-disabled):focus {
  background-color: rgba(0, 0, 0, 0.06);
}
.ant-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-item-selected {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: #262626;
}
.ant-segmented-item:hover,
.ant-segmented-item:focus {
  color: #262626;
}
.ant-segmented-item-label {
  min-height: 28px;
  padding: 0 11px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented-item-icon + * {
  margin-left: 6px;
}
.ant-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-segmented.ant-segmented-lg .ant-segmented-item-label {
  min-height: 36px;
  padding: 0 11px;
  font-size: 16px;
  line-height: 36px;
}
.ant-segmented.ant-segmented-sm .ant-segmented-item-label {
  min-height: 20px;
  padding: 0 7px;
  line-height: 20px;
}
.ant-segmented-item-disabled,
.ant-segmented-item-disabled:hover,
.ant-segmented-item-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-segmented-thumb {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}
.ant-segmented-thumb-motion-appear-active {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, width;
}
.ant-segmented.ant-segmented-rtl {
  direction: rtl;
}
.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
  margin-right: 0;
  margin-left: 6px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
  z-index: 1;
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: '';
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.85);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
  background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-skeleton {
  padding-top: 16px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ant-statistic-content-value {
  display: inline-block;
  direction: ltr;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -0.5px;
  color: #1890ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #ff4d4f;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
  background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 11px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-top: 10px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 3.5px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
  left: -1px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
  display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 16px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  right: 12px;
  left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  /* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: -9px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 0;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  right: -2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
  padding-right: 4px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 19px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 15px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
  padding-right: 4px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
  padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
  padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 4px;
  left: 19px;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  left: 15px;
}
.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
  top: 14px !important;
}
.ant-steps-with-progress .ant-steps-item-icon {
  position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #e6f7ff;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #1890ff;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #1890ff;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #e6f7ff;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #dcf4ff;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #1890ff;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #1890ff;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #1890ff;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #bae7ff;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  transform: scale(0.94117647);
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-left-all::after {
  display: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: calc(calc(2 + 1) + 1);
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #1890ff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #e6f7ff;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #1890ff;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #1890ff;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-timeline-item-head-red {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
  width: 40px;
  min-width: 40px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: transparent;
}
.ant-transfer-status-error .ant-transfer-list {
  border-color: #ff4d4f;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-transfer-status-warning .ant-transfer-list {
  border-color: #faad14;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search .anticon-search {
  color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 8px 12px 9px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  line-height: 20px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  position: relative;
  color: #d9d9d9;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: '';
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
  background-color: #dcf4ff;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #e6f7ff;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-select-dropdown {
  padding: 8px 4px;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #e6f7ff;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
  position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #1890ff;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  opacity: 0.45;
}
.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #1890ff;
  border-radius: 1px;
  pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
  color: rgba(0, 0, 0, 0.85);
  word-break: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
  color: #d9363e;
}
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #40a9ff;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #096dd9;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  line-height: 1.5715;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 22.001px;
  line-height: 1;
  vertical-align: top;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-upload-list-item-card-actions:hover .anticon {
  color: rgba(0, 0, 0, 0.85);
}
.ant-upload-list-item-info {
  height: 100%;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
  display: flex;
  align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
  position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: forwards;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}.f1 {
  flex: 1;
}
.f2 {
  flex: 2;
}
.fdr {
  flex-direction: row;
}
.fdc {
  flex-direction: column;
}
.aic {
  -webkit-align-items: center;
  align-items: center;
}
.aifs {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.ais {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.jcc {
  -webkit-justify-content: center;
  justify-content: center;
}
.jcfe {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.jcfc {
  -webkit-justify-content: center;
  justify-content: center;
}
.jcsb {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.fww {
  flex-wrap: wrap;
}
.fwnw {
  flex-wrap: nowrap;
}
.no-shrink {
  flex-shrink: 0;
}
.flex-right {
  margin-left: auto;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.pf {
  position: fixed;
}
.bottom0 {
  bottom: 0;
}
.left0 {
  left: 0;
}
.top0 {
  top: 0;
}
.right0 {
  right: 0;
}
.pf100 {
  position: fixed;
  max-width: 100vw;
  width: 500px;
  left: 50%;
  transform: translateX(-50%);
}
.df {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.oh {
  overflow: hidden;
}
.mh2 {
  margin-left: 2px;
  margin-right: 2px;
}
.pd2 {
  padding: 2px;
}
.ph2 {
  padding-left: 2px;
  padding-right: 2px;
}
.ml2 {
  margin-left: 2px;
}
.pl2 {
  padding-left: 2px;
}
.mt2 {
  margin-top: 2px;
}
.pt2 {
  padding-top: 2px;
}
.mr2 {
  margin-right: 2px;
}
.pr2 {
  padding-right: 2px;
}
.mb2 {
  margin-bottom: 2px;
}
.pb2 {
  padding-bottom: 2px;
}
.br2 {
  border-radius: 2px;
}
.f2 {
  font-size: 2px;
}
.mh4 {
  margin-left: 4px;
  margin-right: 4px;
}
.pd4 {
  padding: 4px;
}
.ph4 {
  padding-left: 4px;
  padding-right: 4px;
}
.ml4 {
  margin-left: 4px;
}
.pl4 {
  padding-left: 4px;
}
.mt4 {
  margin-top: 4px;
}
.pt4 {
  padding-top: 4px;
}
.mr4 {
  margin-right: 4px;
}
.pr4 {
  padding-right: 4px;
}
.mb4 {
  margin-bottom: 4px;
}
.pb4 {
  padding-bottom: 4px;
}
.br4 {
  border-radius: 4px;
}
.f4 {
  font-size: 4px;
}
.mh5 {
  margin-left: 5px;
  margin-right: 5px;
}
.pd5 {
  padding: 5px;
}
.ph5 {
  padding-left: 5px;
  padding-right: 5px;
}
.ml5 {
  margin-left: 5px;
}
.pl5 {
  padding-left: 5px;
}
.mt5 {
  margin-top: 5px;
}
.pt5 {
  padding-top: 5px;
}
.mr5 {
  margin-right: 5px;
}
.pr5 {
  padding-right: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.mh6 {
  margin-left: 6px;
  margin-right: 6px;
}
.pd6 {
  padding: 6px;
}
.ph6 {
  padding-left: 6px;
  padding-right: 6px;
}
.ml6 {
  margin-left: 6px;
}
.pl6 {
  padding-left: 6px;
}
.mt6 {
  margin-top: 6px;
}
.pt6 {
  padding-top: 6px;
}
.mr6 {
  margin-right: 6px;
}
.pr6 {
  padding-right: 6px;
}
.mb6 {
  margin-bottom: 6px;
}
.pb6 {
  padding-bottom: 6px;
}
.br6 {
  border-radius: 6px;
}
.f6 {
  font-size: 6px;
}
.mh8 {
  margin-left: 8px;
  margin-right: 8px;
}
.pd8 {
  padding: 8px;
}
.ph8 {
  padding-left: 8px;
  padding-right: 8px;
}
.ml8 {
  margin-left: 8px;
}
.pl8 {
  padding-left: 8px;
}
.mt8 {
  margin-top: 8px;
}
.pt8 {
  padding-top: 8px;
}
.mr8 {
  margin-right: 8px;
}
.pr8 {
  padding-right: 8px;
}
.mb8 {
  margin-bottom: 8px;
}
.pb8 {
  padding-bottom: 8px;
}
.br8 {
  border-radius: 8px;
}
.f8 {
  font-size: 8px;
}
.mh10 {
  margin-left: 10px;
  margin-right: 10px;
}
.pd10 {
  padding: 10px;
}
.ph10 {
  padding-left: 10px;
  padding-right: 10px;
}
.ml10 {
  margin-left: 10px;
}
.pl10 {
  padding-left: 10px;
}
.mt10 {
  margin-top: 10px;
}
.pt10 {
  padding-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.pr10 {
  padding-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.br10 {
  border-radius: 10px;
}
.f10 {
  font-size: 10px;
}
.mh12 {
  margin-left: 12px;
  margin-right: 12px;
}
.pd12 {
  padding: 12px;
}
.ph12 {
  padding-left: 12px;
  padding-right: 12px;
}
.ml12 {
  margin-left: 12px;
}
.pl12 {
  padding-left: 12px;
}
.mt12 {
  margin-top: 12px;
}
.pt12 {
  padding-top: 12px;
}
.mr12 {
  margin-right: 12px;
}
.pr12 {
  padding-right: 12px;
}
.mb12 {
  margin-bottom: 12px;
}
.pb12 {
  padding-bottom: 12px;
}
.br12 {
  border-radius: 12px;
}
.f12 {
  font-size: 12px;
}
.mh14 {
  margin-left: 14px;
  margin-right: 14px;
}
.pd14 {
  padding: 14px;
}
.ph14 {
  padding-left: 14px;
  padding-right: 14px;
}
.ml14 {
  margin-left: 14px;
}
.pl14 {
  padding-left: 14px;
}
.mt14 {
  margin-top: 14px;
}
.pt14 {
  padding-top: 14px;
}
.mr14 {
  margin-right: 14px;
}
.pr14 {
  padding-right: 14px;
}
.mb14 {
  margin-bottom: 14px;
}
.pb14 {
  padding-bottom: 14px;
}
.br14 {
  border-radius: 14px;
}
.f14 {
  font-size: 14px;
}
.mh15 {
  margin-left: 15px;
  margin-right: 15px;
}
.pd15 {
  padding: 15px;
}
.ph15 {
  padding-left: 15px;
  padding-right: 15px;
}
.ml15 {
  margin-left: 15px;
}
.pl15 {
  padding-left: 15px;
}
.mt15 {
  margin-top: 15px;
}
.pt15 {
  padding-top: 15px;
}
.mr15 {
  margin-right: 15px;
}
.pr15 {
  padding-right: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.mh16 {
  margin-left: 16px;
  margin-right: 16px;
}
.pd16 {
  padding: 16px;
}
.ph16 {
  padding-left: 16px;
  padding-right: 16px;
}
.ml16 {
  margin-left: 16px;
}
.pl16 {
  padding-left: 16px;
}
.mt16 {
  margin-top: 16px;
}
.pt16 {
  padding-top: 16px;
}
.mr16 {
  margin-right: 16px;
}
.pr16 {
  padding-right: 16px;
}
.mb16 {
  margin-bottom: 16px;
}
.pb16 {
  padding-bottom: 16px;
}
.br16 {
  border-radius: 16px;
}
.f16 {
  font-size: 16px;
}
.mh18 {
  margin-left: 18px;
  margin-right: 18px;
}
.pd18 {
  padding: 18px;
}
.ph18 {
  padding-left: 18px;
  padding-right: 18px;
}
.ml18 {
  margin-left: 18px;
}
.pl18 {
  padding-left: 18px;
}
.mt18 {
  margin-top: 18px;
}
.pt18 {
  padding-top: 18px;
}
.mr18 {
  margin-right: 18px;
}
.pr18 {
  padding-right: 18px;
}
.mb18 {
  margin-bottom: 18px;
}
.pb18 {
  padding-bottom: 18px;
}
.br18 {
  border-radius: 18px;
}
.f18 {
  font-size: 18px;
}
.mh20 {
  margin-left: 20px;
  margin-right: 20px;
}
.pd20 {
  padding: 20px;
}
.ph20 {
  padding-left: 20px;
  padding-right: 20px;
}
.ml20 {
  margin-left: 20px;
}
.pl20 {
  padding-left: 20px;
}
.mt20 {
  margin-top: 20px;
}
.pt20 {
  padding-top: 20px;
}
.mr20 {
  margin-right: 20px;
}
.pr20 {
  padding-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.br20 {
  border-radius: 20px;
}
.f20 {
  font-size: 20px;
}
.mh22 {
  margin-left: 22px;
  margin-right: 22px;
}
.pd22 {
  padding: 22px;
}
.ph22 {
  padding-left: 22px;
  padding-right: 22px;
}
.ml22 {
  margin-left: 22px;
}
.pl22 {
  padding-left: 22px;
}
.mt22 {
  margin-top: 22px;
}
.pt22 {
  padding-top: 22px;
}
.mr22 {
  margin-right: 22px;
}
.pr22 {
  padding-right: 22px;
}
.mb22 {
  margin-bottom: 22px;
}
.pb22 {
  padding-bottom: 22px;
}
.br22 {
  border-radius: 22px;
}
.f22 {
  font-size: 22px;
}
.mh24 {
  margin-left: 24px;
  margin-right: 24px;
}
.pd24 {
  padding: 24px;
}
.ph24 {
  padding-left: 24px;
  padding-right: 24px;
}
.ml24 {
  margin-left: 24px;
}
.pl24 {
  padding-left: 24px;
}
.mt24 {
  margin-top: 24px;
}
.pt24 {
  padding-top: 24px;
}
.mr24 {
  margin-right: 24px;
}
.pr24 {
  padding-right: 24px;
}
.mb24 {
  margin-bottom: 24px;
}
.pb24 {
  padding-bottom: 24px;
}
.br24 {
  border-radius: 24px;
}
.f24 {
  font-size: 24px;
}
.mh25 {
  margin-left: 25px;
  margin-right: 25px;
}
.pd25 {
  padding: 25px;
}
.ph25 {
  padding-left: 25px;
  padding-right: 25px;
}
.ml25 {
  margin-left: 25px;
}
.pl25 {
  padding-left: 25px;
}
.mt25 {
  margin-top: 25px;
}
.pt25 {
  padding-top: 25px;
}
.mr25 {
  margin-right: 25px;
}
.pr25 {
  padding-right: 25px;
}
.mb25 {
  margin-bottom: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.mh26 {
  margin-left: 26px;
  margin-right: 26px;
}
.pd26 {
  padding: 26px;
}
.ph26 {
  padding-left: 26px;
  padding-right: 26px;
}
.ml26 {
  margin-left: 26px;
}
.pl26 {
  padding-left: 26px;
}
.mt26 {
  margin-top: 26px;
}
.pt26 {
  padding-top: 26px;
}
.mr26 {
  margin-right: 26px;
}
.pr26 {
  padding-right: 26px;
}
.mb26 {
  margin-bottom: 26px;
}
.pb26 {
  padding-bottom: 26px;
}
.br26 {
  border-radius: 26px;
}
.f26 {
  font-size: 26px;
}
.mh28 {
  margin-left: 28px;
  margin-right: 28px;
}
.pd28 {
  padding: 28px;
}
.ph28 {
  padding-left: 28px;
  padding-right: 28px;
}
.ml28 {
  margin-left: 28px;
}
.pl28 {
  padding-left: 28px;
}
.mt28 {
  margin-top: 28px;
}
.pt28 {
  padding-top: 28px;
}
.mr28 {
  margin-right: 28px;
}
.pr28 {
  padding-right: 28px;
}
.mb28 {
  margin-bottom: 28px;
}
.pb28 {
  padding-bottom: 28px;
}
.br28 {
  border-radius: 28px;
}
.f28 {
  font-size: 28px;
}
.mh30 {
  margin-left: 30px;
  margin-right: 30px;
}
.pd30 {
  padding: 30px;
}
.ph30 {
  padding-left: 30px;
  padding-right: 30px;
}
.ml30 {
  margin-left: 30px;
}
.pl30 {
  padding-left: 30px;
}
.mt30 {
  margin-top: 30px;
}
.pt30 {
  padding-top: 30px;
}
.mr30 {
  margin-right: 30px;
}
.pr30 {
  padding-right: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.br30 {
  border-radius: 30px;
}
.f30 {
  font-size: 30px;
}
.mh32 {
  margin-left: 32px;
  margin-right: 32px;
}
.pd32 {
  padding: 32px;
}
.ph32 {
  padding-left: 32px;
  padding-right: 32px;
}
.ml32 {
  margin-left: 32px;
}
.pl32 {
  padding-left: 32px;
}
.mt32 {
  margin-top: 32px;
}
.pt32 {
  padding-top: 32px;
}
.mr32 {
  margin-right: 32px;
}
.pr32 {
  padding-right: 32px;
}
.mb32 {
  margin-bottom: 32px;
}
.pb32 {
  padding-bottom: 32px;
}
.br32 {
  border-radius: 32px;
}
.f32 {
  font-size: 32px;
}
.mh34 {
  margin-left: 34px;
  margin-right: 34px;
}
.pd34 {
  padding: 34px;
}
.ph34 {
  padding-left: 34px;
  padding-right: 34px;
}
.ml34 {
  margin-left: 34px;
}
.pl34 {
  padding-left: 34px;
}
.mt34 {
  margin-top: 34px;
}
.pt34 {
  padding-top: 34px;
}
.mr34 {
  margin-right: 34px;
}
.pr34 {
  padding-right: 34px;
}
.mb34 {
  margin-bottom: 34px;
}
.pb34 {
  padding-bottom: 34px;
}
.br34 {
  border-radius: 34px;
}
.f34 {
  font-size: 34px;
}
.mh35 {
  margin-left: 35px;
  margin-right: 35px;
}
.pd35 {
  padding: 35px;
}
.ph35 {
  padding-left: 35px;
  padding-right: 35px;
}
.ml35 {
  margin-left: 35px;
}
.pl35 {
  padding-left: 35px;
}
.mt35 {
  margin-top: 35px;
}
.pt35 {
  padding-top: 35px;
}
.mr35 {
  margin-right: 35px;
}
.pr35 {
  padding-right: 35px;
}
.mb35 {
  margin-bottom: 35px;
}
.pb35 {
  padding-bottom: 35px;
}
.mh36 {
  margin-left: 36px;
  margin-right: 36px;
}
.pd36 {
  padding: 36px;
}
.ph36 {
  padding-left: 36px;
  padding-right: 36px;
}
.ml36 {
  margin-left: 36px;
}
.pl36 {
  padding-left: 36px;
}
.mt36 {
  margin-top: 36px;
}
.pt36 {
  padding-top: 36px;
}
.mr36 {
  margin-right: 36px;
}
.pr36 {
  padding-right: 36px;
}
.mb36 {
  margin-bottom: 36px;
}
.pb36 {
  padding-bottom: 36px;
}
.br36 {
  border-radius: 36px;
}
.f36 {
  font-size: 36px;
}
.mh38 {
  margin-left: 38px;
  margin-right: 38px;
}
.pd38 {
  padding: 38px;
}
.ph38 {
  padding-left: 38px;
  padding-right: 38px;
}
.ml38 {
  margin-left: 38px;
}
.pl38 {
  padding-left: 38px;
}
.mt38 {
  margin-top: 38px;
}
.pt38 {
  padding-top: 38px;
}
.mr38 {
  margin-right: 38px;
}
.pr38 {
  padding-right: 38px;
}
.mb38 {
  margin-bottom: 38px;
}
.pb38 {
  padding-bottom: 38px;
}
.br38 {
  border-radius: 38px;
}
.f38 {
  font-size: 38px;
}
.mh40 {
  margin-left: 40px;
  margin-right: 40px;
}
.pd40 {
  padding: 40px;
}
.ph40 {
  padding-left: 40px;
  padding-right: 40px;
}
.ml40 {
  margin-left: 40px;
}
.pl40 {
  padding-left: 40px;
}
.mt40 {
  margin-top: 40px;
}
.pt40 {
  padding-top: 40px;
}
.mr40 {
  margin-right: 40px;
}
.pr40 {
  padding-right: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.br40 {
  border-radius: 40px;
}
.f40 {
  font-size: 40px;
}
.mh42 {
  margin-left: 42px;
  margin-right: 42px;
}
.pd42 {
  padding: 42px;
}
.ph42 {
  padding-left: 42px;
  padding-right: 42px;
}
.ml42 {
  margin-left: 42px;
}
.pl42 {
  padding-left: 42px;
}
.mt42 {
  margin-top: 42px;
}
.pt42 {
  padding-top: 42px;
}
.mr42 {
  margin-right: 42px;
}
.pr42 {
  padding-right: 42px;
}
.mb42 {
  margin-bottom: 42px;
}
.pb42 {
  padding-bottom: 42px;
}
.br42 {
  border-radius: 42px;
}
.f42 {
  font-size: 42px;
}
.mh44 {
  margin-left: 44px;
  margin-right: 44px;
}
.pd44 {
  padding: 44px;
}
.ph44 {
  padding-left: 44px;
  padding-right: 44px;
}
.ml44 {
  margin-left: 44px;
}
.pl44 {
  padding-left: 44px;
}
.mt44 {
  margin-top: 44px;
}
.pt44 {
  padding-top: 44px;
}
.mr44 {
  margin-right: 44px;
}
.pr44 {
  padding-right: 44px;
}
.mb44 {
  margin-bottom: 44px;
}
.pb44 {
  padding-bottom: 44px;
}
.br44 {
  border-radius: 44px;
}
.f44 {
  font-size: 44px;
}
.mh45 {
  margin-left: 45px;
  margin-right: 45px;
}
.pd45 {
  padding: 45px;
}
.ph45 {
  padding-left: 45px;
  padding-right: 45px;
}
.ml45 {
  margin-left: 45px;
}
.pl45 {
  padding-left: 45px;
}
.mt45 {
  margin-top: 45px;
}
.pt45 {
  padding-top: 45px;
}
.mr45 {
  margin-right: 45px;
}
.pr45 {
  padding-right: 45px;
}
.mb45 {
  margin-bottom: 45px;
}
.pb45 {
  padding-bottom: 45px;
}
.mh46 {
  margin-left: 46px;
  margin-right: 46px;
}
.pd46 {
  padding: 46px;
}
.ph46 {
  padding-left: 46px;
  padding-right: 46px;
}
.ml46 {
  margin-left: 46px;
}
.pl46 {
  padding-left: 46px;
}
.mt46 {
  margin-top: 46px;
}
.pt46 {
  padding-top: 46px;
}
.mr46 {
  margin-right: 46px;
}
.pr46 {
  padding-right: 46px;
}
.mb46 {
  margin-bottom: 46px;
}
.pb46 {
  padding-bottom: 46px;
}
.br46 {
  border-radius: 46px;
}
.f46 {
  font-size: 46px;
}
.mh48 {
  margin-left: 48px;
  margin-right: 48px;
}
.pd48 {
  padding: 48px;
}
.ph48 {
  padding-left: 48px;
  padding-right: 48px;
}
.ml48 {
  margin-left: 48px;
}
.pl48 {
  padding-left: 48px;
}
.mt48 {
  margin-top: 48px;
}
.pt48 {
  padding-top: 48px;
}
.mr48 {
  margin-right: 48px;
}
.pr48 {
  padding-right: 48px;
}
.mb48 {
  margin-bottom: 48px;
}
.pb48 {
  padding-bottom: 48px;
}
.br48 {
  border-radius: 48px;
}
.f48 {
  font-size: 48px;
}
.mh50 {
  margin-left: 50px;
  margin-right: 50px;
}
.pd50 {
  padding: 50px;
}
.ph50 {
  padding-left: 50px;
  padding-right: 50px;
}
.ml50 {
  margin-left: 50px;
}
.pl50 {
  padding-left: 50px;
}
.mt50 {
  margin-top: 50px;
}
.pt50 {
  padding-top: 50px;
}
.mr50 {
  margin-right: 50px;
}
.pr50 {
  padding-right: 50px;
}
.mb50 {
  margin-bottom: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.br50 {
  border-radius: 50px;
}
.f50 {
  font-size: 50px;
}
.mh52 {
  margin-left: 52px;
  margin-right: 52px;
}
.pd52 {
  padding: 52px;
}
.ph52 {
  padding-left: 52px;
  padding-right: 52px;
}
.ml52 {
  margin-left: 52px;
}
.pl52 {
  padding-left: 52px;
}
.mt52 {
  margin-top: 52px;
}
.pt52 {
  padding-top: 52px;
}
.mr52 {
  margin-right: 52px;
}
.pr52 {
  padding-right: 52px;
}
.mb52 {
  margin-bottom: 52px;
}
.pb52 {
  padding-bottom: 52px;
}
.br52 {
  border-radius: 52px;
}
.f52 {
  font-size: 52px;
}
.mh54 {
  margin-left: 54px;
  margin-right: 54px;
}
.pd54 {
  padding: 54px;
}
.ph54 {
  padding-left: 54px;
  padding-right: 54px;
}
.ml54 {
  margin-left: 54px;
}
.pl54 {
  padding-left: 54px;
}
.mt54 {
  margin-top: 54px;
}
.pt54 {
  padding-top: 54px;
}
.mr54 {
  margin-right: 54px;
}
.pr54 {
  padding-right: 54px;
}
.mb54 {
  margin-bottom: 54px;
}
.pb54 {
  padding-bottom: 54px;
}
.br54 {
  border-radius: 54px;
}
.f54 {
  font-size: 54px;
}
.mh55 {
  margin-left: 55px;
  margin-right: 55px;
}
.pd55 {
  padding: 55px;
}
.ph55 {
  padding-left: 55px;
  padding-right: 55px;
}
.ml55 {
  margin-left: 55px;
}
.pl55 {
  padding-left: 55px;
}
.mt55 {
  margin-top: 55px;
}
.pt55 {
  padding-top: 55px;
}
.mr55 {
  margin-right: 55px;
}
.pr55 {
  padding-right: 55px;
}
.mb55 {
  margin-bottom: 55px;
}
.pb55 {
  padding-bottom: 55px;
}
.mh56 {
  margin-left: 56px;
  margin-right: 56px;
}
.pd56 {
  padding: 56px;
}
.ph56 {
  padding-left: 56px;
  padding-right: 56px;
}
.ml56 {
  margin-left: 56px;
}
.pl56 {
  padding-left: 56px;
}
.mt56 {
  margin-top: 56px;
}
.pt56 {
  padding-top: 56px;
}
.mr56 {
  margin-right: 56px;
}
.pr56 {
  padding-right: 56px;
}
.mb56 {
  margin-bottom: 56px;
}
.pb56 {
  padding-bottom: 56px;
}
.br56 {
  border-radius: 56px;
}
.f56 {
  font-size: 56px;
}
.mh58 {
  margin-left: 58px;
  margin-right: 58px;
}
.pd58 {
  padding: 58px;
}
.ph58 {
  padding-left: 58px;
  padding-right: 58px;
}
.ml58 {
  margin-left: 58px;
}
.pl58 {
  padding-left: 58px;
}
.mt58 {
  margin-top: 58px;
}
.pt58 {
  padding-top: 58px;
}
.mr58 {
  margin-right: 58px;
}
.pr58 {
  padding-right: 58px;
}
.mb58 {
  margin-bottom: 58px;
}
.pb58 {
  padding-bottom: 58px;
}
.br58 {
  border-radius: 58px;
}
.f58 {
  font-size: 58px;
}
.mh60 {
  margin-left: 60px;
  margin-right: 60px;
}
.pd60 {
  padding: 60px;
}
.ph60 {
  padding-left: 60px;
  padding-right: 60px;
}
.ml60 {
  margin-left: 60px;
}
.pl60 {
  padding-left: 60px;
}
.mt60 {
  margin-top: 60px;
}
.pt60 {
  padding-top: 60px;
}
.mr60 {
  margin-right: 60px;
}
.pr60 {
  padding-right: 60px;
}
.mb60 {
  margin-bottom: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.br60 {
  border-radius: 60px;
}
.f60 {
  font-size: 60px;
}
.mh62 {
  margin-left: 62px;
  margin-right: 62px;
}
.pd62 {
  padding: 62px;
}
.ph62 {
  padding-left: 62px;
  padding-right: 62px;
}
.ml62 {
  margin-left: 62px;
}
.pl62 {
  padding-left: 62px;
}
.mt62 {
  margin-top: 62px;
}
.pt62 {
  padding-top: 62px;
}
.mr62 {
  margin-right: 62px;
}
.pr62 {
  padding-right: 62px;
}
.mb62 {
  margin-bottom: 62px;
}
.pb62 {
  padding-bottom: 62px;
}
.br62 {
  border-radius: 62px;
}
.f62 {
  font-size: 62px;
}
.mh64 {
  margin-left: 64px;
  margin-right: 64px;
}
.pd64 {
  padding: 64px;
}
.ph64 {
  padding-left: 64px;
  padding-right: 64px;
}
.ml64 {
  margin-left: 64px;
}
.pl64 {
  padding-left: 64px;
}
.mt64 {
  margin-top: 64px;
}
.pt64 {
  padding-top: 64px;
}
.mr64 {
  margin-right: 64px;
}
.pr64 {
  padding-right: 64px;
}
.mb64 {
  margin-bottom: 64px;
}
.pb64 {
  padding-bottom: 64px;
}
.br64 {
  border-radius: 64px;
}
.f64 {
  font-size: 64px;
}
.mh65 {
  margin-left: 65px;
  margin-right: 65px;
}
.pd65 {
  padding: 65px;
}
.ph65 {
  padding-left: 65px;
  padding-right: 65px;
}
.ml65 {
  margin-left: 65px;
}
.pl65 {
  padding-left: 65px;
}
.mt65 {
  margin-top: 65px;
}
.pt65 {
  padding-top: 65px;
}
.mr65 {
  margin-right: 65px;
}
.pr65 {
  padding-right: 65px;
}
.mb65 {
  margin-bottom: 65px;
}
.pb65 {
  padding-bottom: 65px;
}
.mh66 {
  margin-left: 66px;
  margin-right: 66px;
}
.pd66 {
  padding: 66px;
}
.ph66 {
  padding-left: 66px;
  padding-right: 66px;
}
.ml66 {
  margin-left: 66px;
}
.pl66 {
  padding-left: 66px;
}
.mt66 {
  margin-top: 66px;
}
.pt66 {
  padding-top: 66px;
}
.mr66 {
  margin-right: 66px;
}
.pr66 {
  padding-right: 66px;
}
.mb66 {
  margin-bottom: 66px;
}
.pb66 {
  padding-bottom: 66px;
}
.br66 {
  border-radius: 66px;
}
.f66 {
  font-size: 66px;
}
.mh68 {
  margin-left: 68px;
  margin-right: 68px;
}
.pd68 {
  padding: 68px;
}
.ph68 {
  padding-left: 68px;
  padding-right: 68px;
}
.ml68 {
  margin-left: 68px;
}
.pl68 {
  padding-left: 68px;
}
.mt68 {
  margin-top: 68px;
}
.pt68 {
  padding-top: 68px;
}
.mr68 {
  margin-right: 68px;
}
.pr68 {
  padding-right: 68px;
}
.mb68 {
  margin-bottom: 68px;
}
.pb68 {
  padding-bottom: 68px;
}
.br68 {
  border-radius: 68px;
}
.f68 {
  font-size: 68px;
}
.mh70 {
  margin-left: 70px;
  margin-right: 70px;
}
.pd70 {
  padding: 70px;
}
.ph70 {
  padding-left: 70px;
  padding-right: 70px;
}
.ml70 {
  margin-left: 70px;
}
.pl70 {
  padding-left: 70px;
}
.mt70 {
  margin-top: 70px;
}
.pt70 {
  padding-top: 70px;
}
.mr70 {
  margin-right: 70px;
}
.pr70 {
  padding-right: 70px;
}
.mb70 {
  margin-bottom: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.br70 {
  border-radius: 70px;
}
.f70 {
  font-size: 70px;
}
.mh72 {
  margin-left: 72px;
  margin-right: 72px;
}
.pd72 {
  padding: 72px;
}
.ph72 {
  padding-left: 72px;
  padding-right: 72px;
}
.ml72 {
  margin-left: 72px;
}
.pl72 {
  padding-left: 72px;
}
.mt72 {
  margin-top: 72px;
}
.pt72 {
  padding-top: 72px;
}
.mr72 {
  margin-right: 72px;
}
.pr72 {
  padding-right: 72px;
}
.mb72 {
  margin-bottom: 72px;
}
.pb72 {
  padding-bottom: 72px;
}
.br72 {
  border-radius: 72px;
}
.f72 {
  font-size: 72px;
}
.mh74 {
  margin-left: 74px;
  margin-right: 74px;
}
.pd74 {
  padding: 74px;
}
.ph74 {
  padding-left: 74px;
  padding-right: 74px;
}
.ml74 {
  margin-left: 74px;
}
.pl74 {
  padding-left: 74px;
}
.mt74 {
  margin-top: 74px;
}
.pt74 {
  padding-top: 74px;
}
.mr74 {
  margin-right: 74px;
}
.pr74 {
  padding-right: 74px;
}
.mb74 {
  margin-bottom: 74px;
}
.pb74 {
  padding-bottom: 74px;
}
.br74 {
  border-radius: 74px;
}
.f74 {
  font-size: 74px;
}
.mh75 {
  margin-left: 75px;
  margin-right: 75px;
}
.pd75 {
  padding: 75px;
}
.ph75 {
  padding-left: 75px;
  padding-right: 75px;
}
.ml75 {
  margin-left: 75px;
}
.pl75 {
  padding-left: 75px;
}
.mt75 {
  margin-top: 75px;
}
.pt75 {
  padding-top: 75px;
}
.mr75 {
  margin-right: 75px;
}
.pr75 {
  padding-right: 75px;
}
.mb75 {
  margin-bottom: 75px;
}
.pb75 {
  padding-bottom: 75px;
}
.mh76 {
  margin-left: 76px;
  margin-right: 76px;
}
.pd76 {
  padding: 76px;
}
.ph76 {
  padding-left: 76px;
  padding-right: 76px;
}
.ml76 {
  margin-left: 76px;
}
.pl76 {
  padding-left: 76px;
}
.mt76 {
  margin-top: 76px;
}
.pt76 {
  padding-top: 76px;
}
.mr76 {
  margin-right: 76px;
}
.pr76 {
  padding-right: 76px;
}
.mb76 {
  margin-bottom: 76px;
}
.pb76 {
  padding-bottom: 76px;
}
.br76 {
  border-radius: 76px;
}
.f76 {
  font-size: 76px;
}
.mh78 {
  margin-left: 78px;
  margin-right: 78px;
}
.pd78 {
  padding: 78px;
}
.ph78 {
  padding-left: 78px;
  padding-right: 78px;
}
.ml78 {
  margin-left: 78px;
}
.pl78 {
  padding-left: 78px;
}
.mt78 {
  margin-top: 78px;
}
.pt78 {
  padding-top: 78px;
}
.mr78 {
  margin-right: 78px;
}
.pr78 {
  padding-right: 78px;
}
.mb78 {
  margin-bottom: 78px;
}
.pb78 {
  padding-bottom: 78px;
}
.br78 {
  border-radius: 78px;
}
.f78 {
  font-size: 78px;
}
.mh80 {
  margin-left: 80px;
  margin-right: 80px;
}
.pd80 {
  padding: 80px;
}
.ph80 {
  padding-left: 80px;
  padding-right: 80px;
}
.ml80 {
  margin-left: 80px;
}
.pl80 {
  padding-left: 80px;
}
.mt80 {
  margin-top: 80px;
}
.pt80 {
  padding-top: 80px;
}
.mr80 {
  margin-right: 80px;
}
.pr80 {
  padding-right: 80px;
}
.mb80 {
  margin-bottom: 80px;
}
.pb80 {
  padding-bottom: 80px;
}
.br80 {
  border-radius: 80px;
}
.f80 {
  font-size: 80px;
}
.mh82 {
  margin-left: 82px;
  margin-right: 82px;
}
.pd82 {
  padding: 82px;
}
.ph82 {
  padding-left: 82px;
  padding-right: 82px;
}
.ml82 {
  margin-left: 82px;
}
.pl82 {
  padding-left: 82px;
}
.mt82 {
  margin-top: 82px;
}
.pt82 {
  padding-top: 82px;
}
.mr82 {
  margin-right: 82px;
}
.pr82 {
  padding-right: 82px;
}
.mb82 {
  margin-bottom: 82px;
}
.pb82 {
  padding-bottom: 82px;
}
.br82 {
  border-radius: 82px;
}
.f82 {
  font-size: 82px;
}
.mh84 {
  margin-left: 84px;
  margin-right: 84px;
}
.pd84 {
  padding: 84px;
}
.ph84 {
  padding-left: 84px;
  padding-right: 84px;
}
.ml84 {
  margin-left: 84px;
}
.pl84 {
  padding-left: 84px;
}
.mt84 {
  margin-top: 84px;
}
.pt84 {
  padding-top: 84px;
}
.mr84 {
  margin-right: 84px;
}
.pr84 {
  padding-right: 84px;
}
.mb84 {
  margin-bottom: 84px;
}
.pb84 {
  padding-bottom: 84px;
}
.br84 {
  border-radius: 84px;
}
.f84 {
  font-size: 84px;
}
.mh85 {
  margin-left: 85px;
  margin-right: 85px;
}
.pd85 {
  padding: 85px;
}
.ph85 {
  padding-left: 85px;
  padding-right: 85px;
}
.ml85 {
  margin-left: 85px;
}
.pl85 {
  padding-left: 85px;
}
.mt85 {
  margin-top: 85px;
}
.pt85 {
  padding-top: 85px;
}
.mr85 {
  margin-right: 85px;
}
.pr85 {
  padding-right: 85px;
}
.mb85 {
  margin-bottom: 85px;
}
.pb85 {
  padding-bottom: 85px;
}
.mh86 {
  margin-left: 86px;
  margin-right: 86px;
}
.pd86 {
  padding: 86px;
}
.ph86 {
  padding-left: 86px;
  padding-right: 86px;
}
.ml86 {
  margin-left: 86px;
}
.pl86 {
  padding-left: 86px;
}
.mt86 {
  margin-top: 86px;
}
.pt86 {
  padding-top: 86px;
}
.mr86 {
  margin-right: 86px;
}
.pr86 {
  padding-right: 86px;
}
.mb86 {
  margin-bottom: 86px;
}
.pb86 {
  padding-bottom: 86px;
}
.br86 {
  border-radius: 86px;
}
.f86 {
  font-size: 86px;
}
.mh88 {
  margin-left: 88px;
  margin-right: 88px;
}
.pd88 {
  padding: 88px;
}
.ph88 {
  padding-left: 88px;
  padding-right: 88px;
}
.ml88 {
  margin-left: 88px;
}
.pl88 {
  padding-left: 88px;
}
.mt88 {
  margin-top: 88px;
}
.pt88 {
  padding-top: 88px;
}
.mr88 {
  margin-right: 88px;
}
.pr88 {
  padding-right: 88px;
}
.mb88 {
  margin-bottom: 88px;
}
.pb88 {
  padding-bottom: 88px;
}
.br88 {
  border-radius: 88px;
}
.f88 {
  font-size: 88px;
}
.mh90 {
  margin-left: 90px;
  margin-right: 90px;
}
.pd90 {
  padding: 90px;
}
.ph90 {
  padding-left: 90px;
  padding-right: 90px;
}
.ml90 {
  margin-left: 90px;
}
.pl90 {
  padding-left: 90px;
}
.mt90 {
  margin-top: 90px;
}
.pt90 {
  padding-top: 90px;
}
.mr90 {
  margin-right: 90px;
}
.pr90 {
  padding-right: 90px;
}
.mb90 {
  margin-bottom: 90px;
}
.pb90 {
  padding-bottom: 90px;
}
.br90 {
  border-radius: 90px;
}
.f90 {
  font-size: 90px;
}
.mh92 {
  margin-left: 92px;
  margin-right: 92px;
}
.pd92 {
  padding: 92px;
}
.ph92 {
  padding-left: 92px;
  padding-right: 92px;
}
.ml92 {
  margin-left: 92px;
}
.pl92 {
  padding-left: 92px;
}
.mt92 {
  margin-top: 92px;
}
.pt92 {
  padding-top: 92px;
}
.mr92 {
  margin-right: 92px;
}
.pr92 {
  padding-right: 92px;
}
.mb92 {
  margin-bottom: 92px;
}
.pb92 {
  padding-bottom: 92px;
}
.br92 {
  border-radius: 92px;
}
.f92 {
  font-size: 92px;
}
.mh94 {
  margin-left: 94px;
  margin-right: 94px;
}
.pd94 {
  padding: 94px;
}
.ph94 {
  padding-left: 94px;
  padding-right: 94px;
}
.ml94 {
  margin-left: 94px;
}
.pl94 {
  padding-left: 94px;
}
.mt94 {
  margin-top: 94px;
}
.pt94 {
  padding-top: 94px;
}
.mr94 {
  margin-right: 94px;
}
.pr94 {
  padding-right: 94px;
}
.mb94 {
  margin-bottom: 94px;
}
.pb94 {
  padding-bottom: 94px;
}
.br94 {
  border-radius: 94px;
}
.f94 {
  font-size: 94px;
}
.mh95 {
  margin-left: 95px;
  margin-right: 95px;
}
.pd95 {
  padding: 95px;
}
.ph95 {
  padding-left: 95px;
  padding-right: 95px;
}
.ml95 {
  margin-left: 95px;
}
.pl95 {
  padding-left: 95px;
}
.mt95 {
  margin-top: 95px;
}
.pt95 {
  padding-top: 95px;
}
.mr95 {
  margin-right: 95px;
}
.pr95 {
  padding-right: 95px;
}
.mb95 {
  margin-bottom: 95px;
}
.pb95 {
  padding-bottom: 95px;
}
.mh96 {
  margin-left: 96px;
  margin-right: 96px;
}
.pd96 {
  padding: 96px;
}
.ph96 {
  padding-left: 96px;
  padding-right: 96px;
}
.ml96 {
  margin-left: 96px;
}
.pl96 {
  padding-left: 96px;
}
.mt96 {
  margin-top: 96px;
}
.pt96 {
  padding-top: 96px;
}
.mr96 {
  margin-right: 96px;
}
.pr96 {
  padding-right: 96px;
}
.mb96 {
  margin-bottom: 96px;
}
.pb96 {
  padding-bottom: 96px;
}
.br96 {
  border-radius: 96px;
}
.f96 {
  font-size: 96px;
}
.mh98 {
  margin-left: 98px;
  margin-right: 98px;
}
.pd98 {
  padding: 98px;
}
.ph98 {
  padding-left: 98px;
  padding-right: 98px;
}
.ml98 {
  margin-left: 98px;
}
.pl98 {
  padding-left: 98px;
}
.mt98 {
  margin-top: 98px;
}
.pt98 {
  padding-top: 98px;
}
.mr98 {
  margin-right: 98px;
}
.pr98 {
  padding-right: 98px;
}
.mb98 {
  margin-bottom: 98px;
}
.pb98 {
  padding-bottom: 98px;
}
.br98 {
  border-radius: 98px;
}
.f98 {
  font-size: 98px;
}
.mh100 {
  margin-left: 100px;
  margin-right: 100px;
}
.pd100 {
  padding: 100px;
}
.ph100 {
  padding-left: 100px;
  padding-right: 100px;
}
.ml100 {
  margin-left: 100px;
}
.pl100 {
  padding-left: 100px;
}
.mt100 {
  margin-top: 100px;
}
.pt100 {
  padding-top: 100px;
}
.mr100 {
  margin-right: 100px;
}
.pr100 {
  padding-right: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.br100 {
  border-radius: 100px;
}
.f100 {
  font-size: 100px;
}
.lh2 {
  line-height: 2px;
}
.lh4 {
  line-height: 4px;
}
.lh6 {
  line-height: 6px;
}
.lh8 {
  line-height: 8px;
}
.lh10 {
  line-height: 10px;
}
.lh12 {
  line-height: 12px;
}
.lh14 {
  line-height: 14px;
}
.lh16 {
  line-height: 16px;
}
.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh22 {
  line-height: 22px;
}
.lh24 {
  line-height: 24px;
}
.lh26 {
  line-height: 26px;
}
.lh28 {
  line-height: 28px;
}
.lh30 {
  line-height: 30px;
}
.lh32 {
  line-height: 32px;
}
.lh34 {
  line-height: 34px;
}
.lh36 {
  line-height: 36px;
}
.lh38 {
  line-height: 38px;
}
.lh40 {
  line-height: 40px;
}
.lh42 {
  line-height: 42px;
}
.lh44 {
  line-height: 44px;
}
.lh46 {
  line-height: 46px;
}
.lh48 {
  line-height: 48px;
}
.lh50 {
  line-height: 50px;
}
.lh52 {
  line-height: 52px;
}
.lh54 {
  line-height: 54px;
}
.lh56 {
  line-height: 56px;
}
.lh58 {
  line-height: 58px;
}
.lh60 {
  line-height: 60px;
}
.lh62 {
  line-height: 62px;
}
.lh64 {
  line-height: 64px;
}
.lh66 {
  line-height: 66px;
}
.lh68 {
  line-height: 68px;
}
.lh70 {
  line-height: 70px;
}
.lh72 {
  line-height: 72px;
}
.lh74 {
  line-height: 74px;
}
.lh76 {
  line-height: 76px;
}
.lh78 {
  line-height: 78px;
}
.lh80 {
  line-height: 80px;
}
.lh82 {
  line-height: 82px;
}
.lh84 {
  line-height: 84px;
}
.lh86 {
  line-height: 86px;
}
.lh88 {
  line-height: 88px;
}
.lh90 {
  line-height: 90px;
}
.lh92 {
  line-height: 92px;
}
.lh94 {
  line-height: 94px;
}
.lh96 {
  line-height: 96px;
}
.lh98 {
  line-height: 98px;
}
.lh100 {
  line-height: 100px;
}
.lh102 {
  line-height: 102px;
}
.lh104 {
  line-height: 104px;
}
.lh106 {
  line-height: 106px;
}
.lh108 {
  line-height: 108px;
}
.lh110 {
  line-height: 110px;
}
.lh112 {
  line-height: 112px;
}
.lh114 {
  line-height: 114px;
}
.lh116 {
  line-height: 116px;
}
.lh118 {
  line-height: 118px;
}
.lh120 {
  line-height: 120px;
}
.lh122 {
  line-height: 122px;
}
.lh124 {
  line-height: 124px;
}
.lh126 {
  line-height: 126px;
}
.lh128 {
  line-height: 128px;
}
.lh130 {
  line-height: 130px;
}
.lh132 {
  line-height: 132px;
}
.lh134 {
  line-height: 134px;
}
.lh136 {
  line-height: 136px;
}
.lh138 {
  line-height: 138px;
}
.lh140 {
  line-height: 140px;
}
.lh142 {
  line-height: 142px;
}
.lh144 {
  line-height: 144px;
}
.lh146 {
  line-height: 146px;
}
.lh148 {
  line-height: 148px;
}
.lh150 {
  line-height: 150px;
}
.lh152 {
  line-height: 152px;
}
.lh154 {
  line-height: 154px;
}
.lh156 {
  line-height: 156px;
}
.lh158 {
  line-height: 158px;
}
.lh160 {
  line-height: 160px;
}
.lh162 {
  line-height: 162px;
}
.lh164 {
  line-height: 164px;
}
.lh166 {
  line-height: 166px;
}
.lh168 {
  line-height: 168px;
}
.lh170 {
  line-height: 170px;
}
.lh172 {
  line-height: 172px;
}
.lh174 {
  line-height: 174px;
}
.lh176 {
  line-height: 176px;
}
.lh178 {
  line-height: 178px;
}
.lh180 {
  line-height: 180px;
}
.lh182 {
  line-height: 182px;
}
.lh184 {
  line-height: 184px;
}
.lh186 {
  line-height: 186px;
}
.lh188 {
  line-height: 188px;
}
.lh190 {
  line-height: 190px;
}
.lh192 {
  line-height: 192px;
}
.lh194 {
  line-height: 194px;
}
.lh196 {
  line-height: 196px;
}
.lh198 {
  line-height: 198px;
}
.lh200 {
  line-height: 200px;
}
.fr {
  float: right;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.bold {
  font-weight: 500;
}
.heavy {
  font-weight: 600;
}
.w100 {
  width: 100%;
}
.w1200 {
  width: 1200px;
}
.h100 {
  height: 100%;
}
.ellipsis-line-2 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ellipsis-line-3 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.bg0 {
  background-color: #ffffff;
}
.bg1 {
  background-color: #f2f3f5;
}
.bg2 {
  background-color: #f7f8fa;
}
.t0 {
  color: #fff;
}
.t1 {
  color: #1d2129;
}
.t2 {
  color: #676666;
}
.t3 {
  color: #86909c;
}
.t4 {
  color: #c9cdd4;
}
.t5 {
  color: rgba(25, 25, 25, 0.75);
}
.highlight {
  color: #245fff;
}
.red {
  color: #eb3939;
}
.orange {
  color: #ff9308;
}
.green {
  color: #08d45a;
}
.black {
  color: #000;
}
.cp {
  cursor: pointer;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'pingfang', 'PingFang SC', "Microsoft YaHei", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
p {
  margin: 0;
}
a {
  color: #fff;
  text-decoration: none;
}
li {
  list-style-type: none;
}
input[type=search]::-ms-clear {
  display: none;
}
/*清除IE下的 search 叉号*/
input[type=text]::-ms-clear {
  display: none;
}
/*清除IE下的 text 叉号*/
input::-webkit-search-cancel-button {
  display: none;
}
/*清除谷歌浏览器下的 search 叉号*/
#root {
  width: 100%;
  height: 100%;
}
input:focus::-webkit-input-placeholder {
  opacity: 0;
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
  opacity: 0;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
  opacity: 0;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
  opacity: 0;
}
.ant-image-preview-mask {
  background-color: rgba(0, 0, 0, 0.85);
}
.ant-image-preview-operations-progress {
  top: 46px;
}
.ant-input,
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #eee;
}