* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a,
img {
  border: 0;
}
.mianBox {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #d2f5f1 !important;
}
.mianBox > img {
  position: absolute;
}
.yun0 {
  right: -140px;
  top: 30px;
  webkit-animation: cloudLarge 105s infinite;
  -moz-animation: cloudLarge 105s infinite;
  -o-animation: cloudLarge 105s infinite;
  animation: cloudLarge 105s infinite;
}
.yun1 {
  left: 5%;
  top: 48%;
  -webkit-animation: cloudSmall 105s infinite;
  -moz-animation: cloudSmall 105s infinite;
  -o-animation: cloudSmall 105s infinite;
  animation: cloudSmall 105s infinite;
}
.yun2 {
  left: 16%;
  top: 35%;
  -webkit-animation: cloudMedium 105s infinite;
  -moz-animation: cloudMedium 105s infinite;
  -o-animation: cloudMedium 105s infinite;
  animation: cloudMedium 105s infinite;
}
.mianBox .san {
  left: 10%;
  top: 20%;
  -webkit-animation: dn400 3s 0s ease both;
  -moz-animation: dn400 3s 0s ease both;
  animation: dn400 3s 0s ease both;
}
.bird {
  left: 27%;
  top: 15%;
  -webkit-animation: flying 3s infinite;
  -moz-animation: flying 3s infinite;
  -o-animation: flying 3s infinite;
  animation: flying 3s infinite;
}
.disk {
  left: 234px;
  top: 98px;
  z-index: 9;
  -webkit-animation: flying 2s infinite;
  -moz-animation: flying 2s infinite;
  -o-animation: flying 2s infinite;
  animation: flying 2s infinite;
}
.light-404 {
  left: 330px;
  top: 188px;
  z-index: 8;
  -webkit-animation: light 1s infinite;
  -moz-animation: light 1s infinite;
  -o-animation: light 1s infinite;
  animation: light 1s infinite;
}
.man {
  left: 400px;
  top: 310px;
  z-index: 7;
  -webkit-animation: hide 2s 0.5s infinite;
  -moz-animation: hide 2s 0.5s infinite;
  -o-animation: hide 2s 0.5s infinite;
  animation: hide 2s 0.5s infinite;
}
.picv {
  left: 15%;
  top: 390px;
}
.tipInfo {
  position: absolute;
  z-index: 99;
  margin-left: 150px;
  border: 4px solid #c0ece7;
  border-color: #c0ede8;
  border-radius: 5px;
  derbackground: #c0ece7;
  background: #c0ede8;
  width: 360px;
}
.tipInfo .in {
  background: #fff;
  padding: 0 10%;
}
.tipInfo .in h2 {
  line-height: 50px;
  font-size: 30px;
  color: #e94c3c;
  border-bottom: 1px dashed #aacdd5;
  padding: 18px 0;
}
.tipInfo .in p {
  padding: 30px 0 50px 0;
  text-align: center;
  color: #289575;
}
.tipInfo .in p span {
  margin: 0 20px;
}
.tipInfo .in p span a {
  color: #e94c3c;
  margin: 0 10px;
}
.tipInfo .in .desc {
  overflow: hidden;
  font-size: 14px;
  color: #2b2b2b;
  padding: 0 10%;
}
.tipInfo .in .desc h3 {
  font-weight: normal;
  padding: 20px 0 5px 0;
}
.tipInfo .in .desc li {
  margin-left: 5px;
  padding: 5px 0;
  padding-left: 8px;
  *padding-left: 20px;
}
@-webkit-keyframes cloudLarge {
  0% {
    right: -140px;
  }
  100% {
    right: 118%;
  }
}
@-moz-keyframes cloudLarge {
  0% {
    right: -140px;
  }
  100% {
    right: 118%;
  }
}
@-o-keyframes cloudLarge {
  0% {
    right: -140px;
  }
  100% {
    right: 118%;
  }
}
@keyframes cloudLarge {
  0% {
    right: -140px;
  }
  100% {
    right: 118%;
  }
}
@-webkit-keyframes cloudSmall {
  0% {
    left: 5%;
  }
  100% {
    left: 108%;
  }
}
@-moz-keyframes cloudSmall {
  0% {
    left: 5%;
  }
  100% {
    left: 105%;
  }
}
@-o-keyframes cloudSmall {
  0% {
    left: 5%;
  }
  100% {
    left: 105%;
  }
}
@keyframes cloudSmall {
  0% {
    left: 5%;
  }
  100% {
    left: 105%;
  }
}
@-webkit-keyframes cloudMedium {
  0% {
    left: 16%;
  }
  100% {
    left: -18%;
  }
}
@-moz-keyframes cloudMedium {
  0% {
    left: 16%;
  }
  100% {
    left: -18%;
  }
}
@-o-keyframes cloudMedium {
  0% {
    left: 16%;
  }
  100% {
    left: -18%;
  }
}
@keyframes cloudMedium {
  0% {
    left: 16%;
  }
  100% {
    left: -18%;
  }
}
@-webkit-keyframes light {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@-moz-keyframes light {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@-o-keyframes light {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@keyframes light {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide {
  0% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide {
  0% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 100;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-webkit-keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-moz-keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-o-keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-webkit-keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-moz-keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-o-keyframes flying {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}
@-webkit-keyframes down900 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(900, 900);
  }
}
@-moz-keyframes down900 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(900, 900);
  }
}
@-o-keyframes down900 {
  0% {
    opacity: 0;
    -o-transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -o-transform: translate(900, 900);
  }
}
@keyframes down900 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(900, 900);
  }
}
@-webkit-keyframes dn400 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes dn400 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-400px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes dn400 {
  0% {
    opacity: 0;
    -o-transform: translateY(-400px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes dn400 {
  0% {
    opacity: 0;
    transform: translateY(-400px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fiveSolutionBox {
  width: 100%;
  min-width: 1200px;
  background: url("https://360humi-public-obs.360humi.com/sch/5g/bg.png") #000000;
}
.fiveSolutionBox .fiveBannerBox {
  padding-top: 60px;
}
.fiveSolutionBox .fiveBannerBox .fiveBanner {
  padding-top: 803px;
  height: 1234px ;
  background: url("https://360humi-public-obs.360humi.com/sch/5g/banner.png") no-repeat center;
  background-size: 100% 100%;
}
.fiveSolutionBox .fiveBannerBox .fiveBanner .fiveBannerDes {
  width: 1200px;
  height: 426px;
  margin: 0 auto;
  position: relative;
}
.fiveSolutionBox .fiveBannerBox .fiveBanner .fiveBannerDes .fiveBannerDesRight {
  padding: 89px 47px 0 490px;
  position: absolute;
  left: 115px;
  top: 0;
  width: 1085px;
  height: 426px;
  color: #fff;
  background: #2b0098;
  z-index: 5;
}
.fiveSolutionBox .fiveBannerBox .fiveBanner .fiveBannerDes .fiveBannerDesRight .rightTitle {
  font-size: 24px;
}
.fiveSolutionBox .fiveBannerBox .fiveBanner .fiveBannerDes .fiveBannerDesRight .rightDes {
  font-size: 16px;
  line-height: 32px;
  text-indent: 32px;
}
.fiveSolutionBox .fiveBannerBox .fiveBanner .fiveBannerDes .fiveBannerDesLeft {
  position: absolute;
  left: 0;
  top: 39px;
  width: 608px;
  height: 362px;
  color: #fff;
  z-index: 6;
  background: url("https://360humi-public-obs.360humi.com/sch/5g/bannerDes.png") no-repeat center center;
  background-size: 100% 100%;
}
.fiveSolutionBox .fiveCaseBox {
  margin-top: 88px;
  padding-bottom: 114px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxHead .fiveCaseBoxHeadTitleBox {
  width: 280px;
  height: 20px;
  background: #2b0098;
  margin: 0 auto;
  position: relative;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxHead .fiveCaseBoxHeadTitleBox .fiveCaseBoxHeadTitle {
  position: absolute;
  width: 280px;
  left: 0;
  top: -20px;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #ffffff;
  line-height: 30px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent {
  width: 1200px;
  background-color: rgba(18, 0, 152, 0.4);
  margin: 50px auto 0;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .ant-tabs-nav {
  width: 100%;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .ant-tabs-nav .ant-tabs-ink-bar {
  width: 0!important;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .ant-tabs-nav .ant-tabs-tab {
  width: 400px;
  margin-right: 0;
  padding: 0;
  line-height: 72px;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  background: #2b0098;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .ant-tabs-tab-active {
  background: #4000e4 !important;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner {
  padding: 60px 44px 0;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .contentHeadBox {
  text-align: center;
  color: #fff;
  padding-bottom: 49px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.24);
  margin-bottom: 38px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .contentHeadBox .title {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 34px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .contentHeadBox .name {
  margin-top: 30px;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .effectBox {
  color: #ffffff;
  margin-bottom: 49px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .effectBox .title {
  line-height: 26px;
  padding-left: 20px;
  border-left: 4px solid #4000e4;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 22px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .effectBox .effect {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  padding-left: 19px;
  text-indent: 28px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .effectBox .value1,
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .effectBox .value2 {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  text-indent: 28px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem {
  margin-bottom: 50px;
  color: #ffffff;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .title {
  line-height: 26px;
  padding-left: 20px;
  border-left: 4px solid #4000e4;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox {
  padding-left: 20px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner {
  width: 1089px;
  background: rgba(43, 0, 152, 0.4);
  padding: 27px 32px 16px 21px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner .funTitle {
  font-size: 16px;
  font-weight: bold;
  color: #2ab7ff;
  line-height: 32px;
  margin-bottom: 10px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner .funDes {
  text-indent: 28px;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  margin-bottom: 35px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner .mb0 {
  margin-bottom: 0;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner .effectItem {
  overflow: hidden;
  margin-bottom: 20px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner .effectItem .effectItemL {
  float: left;
  width: 9px;
  height: 9px;
  background-color: #2ab7ff;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.fiveSolutionBox .fiveCaseBox .fiveCaseBoxContent .fiveCaseBoxContentInner .sceneItem .sceneBox .sceneBoxInner .effectItem .effectItemR {
  float: left;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 16px;
}

.colLeftDivp {
  width: 4px;
  height: 23px;
  background-color: #e91010;
  padding: 0px;
  margin-right: 8px;
}
.colLeftDivpt {
  width: 4px;
  height: 23px;
  background-color: #fdf9f9;
  padding: 0px;
  margin-right: 8px;
}
.publicLess {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
}
.brandTopOut .brandBanner {
  height: 580px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/brandcidibanner.png') no-repeat;
  background-size: cover;
  background-position: center 0;
  position: relative;
}
.brandTopOut .brandBanner .bannerBot {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 90px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.brandTopOut .brandBanner .bannerBot .bannerBotCon {
  width: 1200px;
  height: 90px;
  margin: auto;
  display: flex;
  flex-direction: row;
}
.brandTopOut .brandBanner .bannerBot .bannerBotCon .bannerBotConSin {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.brandTopOut .brandBanner .bannerBot .bannerBotCon .bannerBotConSin:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.brandTopOut .brandBanner .bannerBot .bannerBotCon .bannerBotConSin span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  height: 40px ;
  width: 80px;
  line-height: 20px;
}
.brandTopOut .brandBanner .bannerBot .bannerBotCon .bannerBotConSin img {
  height: 50px;
  width: 50px;
  margin-right: 20px;
}
.brandTopOut .bannerIntro {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: row;
  padding-top: 80px;
  background-color: #ffffff;
}
.brandTopOut .bannerIntro .bannerIntrol {
  width: 562px;
  height: 480px;
  padding-right: 60px;
  overflow: hidden;
}
.brandTopOut .bannerIntro .bannerIntrol h1 {
  color: #666666;
  font-size: 30px;
  margin-bottom: 50px;
}
.brandTopOut .bannerIntro .bannerIntrol p {
  font-size: 16px;
  color: #333333;
  margin-bottom: 25px;
}
.brandTopOut .bannerIntro .bannerIntrol span {
  font-size: 16px;
  color: #333333;
}
.brandTopOut .bannerIntro > img {
  height: 480px;
  width: 638px;
}
.brandTopOut .productMoudle {
  width: 1200px;
  background-color: #ffffff;
  margin: 47px auto 38px;
}
.brandTopOut .productMoudle > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.brandTopOut .productMoudle .productMoudlel {
  padding: 25px 30px 25px 30px;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelTop {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelCon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelCon .productMoudlelSin {
  padding: 18px 24px 18px 20px;
  margin-bottom: 12px;
  width: 260px;
  background-color: #f3f9fe;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelCon .productMoudlelSin p {
  display: block;
  font-size: 16px;
  color: #666666;
  margin-bottom: 10px;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelCon .productMoudlelSin span {
  font-size: 12px;
  color: #666666;
  width: 216px;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelCon .productMoudlelSin:nth-child(2n) {
  margin-left: 11px;
}
.brandTopOut .productMoudle .productMoudlel .productMoudlelCon .productMoudlelSin:hover p {
  color: #ff0000;
}
.brandTopOut .productMoudle .productMoudler {
  padding: 25px 38px 0px 0px;
}
.brandTopOut .productMoudle .productMoudler .productMoudlerTop {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
}
.brandTopOut .productMoudle .productMoudler .productMoudlerTop .moreBut {
  color: #ff0000;
  font-size: 14px;
  margin-left: 40px;
  margin-right: 220px;
}
.brandTopOut .productMoudle .productMoudler img {
  height: 260px;
  width: 567px;
}
.brandTopOut .shareMoudle {
  width: 1200px;
  background-color: #ffffff;
  margin: auto;
}
.brandTopOut .shareMoudle > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.brandTopOut .shareMoudle .shareMoudlel {
  padding: 27px 30px 24px 30px;
}
.brandTopOut .shareMoudle .shareMoudlel .shareMoudlelTop {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
}
.brandTopOut .shareMoudle .shareMoudlel .shareMoudlelCon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.brandTopOut .shareMoudle .shareMoudlel .shareMoudlelCon .shareMoudlelSin {
  height: 180px;
  width: 260px;
  background-color: #f3f9fe;
  margin-bottom: 12px;
  border-top: 2px #dbe3ea solid;
  padding: 15px 18px 0px 18px;
}
.brandTopOut .shareMoudle .shareMoudlel .shareMoudlelCon .shareMoudlelSin h1 {
  font-size: 16px;
  color: #333333;
  display: block;
  margin-bottom: 15px;
}
.brandTopOut .shareMoudle .shareMoudlel .shareMoudlelCon .shareMoudlelSin span {
  font-size: 12px;
  color: #666666;
}
.brandTopOut .shareMoudle .shareMoudlel .shareMoudlelCon .shareMoudlelSin:nth-child(2n) {
  margin-left: 10px;
}
.brandTopOut .shareMoudle .shareMoudler {
  padding: 27px 38px 0px 0px;
}
.brandTopOut .shareMoudle .shareMoudler .shareMoudlerTop {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
  justify-content: space-between;
}
.brandTopOut .shareMoudle .shareMoudler .shareMoudlerTop > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 24px;
  color: #666666;
  font-weight: 600;
}
.brandTopOut .shareMoudle .shareMoudler .shareMoudlerTop .moreButs {
  color: #ff0000;
  font-size: 14px;
}
.brandTopOut .shareMoudle .shareMoudler .abilityConR .abilityConRSin {
  width: 570px;
  height: 180px;
  background-color: #f8f8f8;
}
.brandTopOut .shareMoudle .shareMoudler .abilityConR .abilityConRSin .abilityConRSini {
  height: 180px;
  width: 240px;
}
.brandTopOut .shareMoudle .shareMoudler .abilityConR .abilityConRSin .abilityConRSinRigh {
  display: inline-block;
  vertical-align: top;
  width: 329px;
  height: 180px;
  padding: 18px 37px 0px 40px;
}
.brandTopOut .shareMoudle .shareMoudler .abilityConR .abilityConRSin .abilityConRSinRigh span {
  display: block;
  font-size: 16px;
  color: #666666;
  font-weight: 600;
  margin-bottom: 12px;
}
.brandTopOut .shareMoudle .shareMoudler .abilityConR .abilityConRSin .abilityConRSinRigh p {
  font-size: 14px;
  color: #666666;
  margin-bottom: 14px;
}
.brandTopOut .shareMoudle .shareMoudler .abilityConR .abilityConRSin:nth-child(n+2) {
  margin-top: 12px;
}
.brandTopOut .talentsMoudle {
  width: 100%;
  height: 520px;
  margin-top: 64px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/brandciditelantBack.png') no-repeat;
  background-size: cover;
  background-position: center 0;
  padding-top: 35px;
}
.brandTopOut .talentsMoudle .talentMoudleCon {
  width: 1200px;
  margin: auto;
}
.brandTopOut .talentsMoudle .talentMoudleCon > div {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConlt {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
  color: #fdf9f9;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin {
  height: 188px;
  width: 275px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin .talentMoudleConSinTop {
  height: 34px;
  width: 275px;
  background-color: #313131;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  color: #ffffff;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin .talentMoudleConSinBop {
  height: 154px;
  width: 275px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin .talentMoudleConSinBop span {
  display: block;
  height: 34px;
  width: 200px;
  margin-bottom: 12px;
  background-color: #f3f3f3;
  border: 1px solid #e3e3e3;
  font-size: 14px;
  color: #666666;
  text-align: center;
  line-height: 34px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin .talentMoudleConSinBop span:last-child {
  margin-bottom: 0px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin:nth-child(2n) {
  margin-left: 10px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConl .talentMoudleConList .talentMoudleConSin:nth-child(n+3) {
  margin-top: 12px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConrt {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
  font-size: 24px;
  color: #666666;
  align-items: center;
  font-weight: 600;
  justify-content: space-between;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConrt > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 24px;
  color: #fdf9f9;
  font-weight: 600;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConrt .moreButs {
  color: #fdf9f9;
  font-size: 14px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin {
  height: 180px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinl {
  height: 180px;
  width: 145px;
  position: relative;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinc {
  height: 146px;
  width: 277px;
  margin-top: 18px;
  padding: 0px 10px 0px 25px;
  border-right: 1px solid #e3e3e3;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinc .talenSerSinct {
  font-size: 18px;
  color: #666666;
  font-weight: 550;
  display: block;
  margin-bottom: 10px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinc p {
  font-size: 14px;
  color: #666666;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinc .talenSerSincTag {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinc .talenSerSincTag span {
  display: block;
  height: 25px;
  margin-right: 6px;
  padding: 0px 10px 0px 10px;
  line-height: 25px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #e3e3e3;
  margin-bottom: 7px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinr {
  height: 146px;
  margin-top: 18px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin .talenSerSinr span {
  color: #ff9c4c;
  font-size: 18px;
  display: block;
  margin-bottom: 25px;
}
.brandTopOut .talentsMoudle .talentMoudleCon .talentMoudleConr .talentMoudleConListr .talenSerSin:nth-child(n+2) {
  margin-top: 29px;
}
.brandTopOut .industryDesign {
  margin-top: 65px;
  width: 1200px;
  margin: auto;
}
.brandTopOut .industryDesign > h1 {
  font-size: 30px;
  color: #666666;
  margin-bottom: 55px;
  text-align: center;
  margin-top: 60px;
}
.brandTopOut .industryDesign .industryDesignCon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  height: 740px;
}
.brandTopOut .industryDesign .industryDesignCon .industryDesignSin {
  height: 340px;
  width: 585px;
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
}
.brandTopOut .industryDesign .industryDesignCon .industryDesignSin div {
  height: 340px;
  width: 585px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.brandTopOut .industryDesign .industryDesignCon .industryDesignSin div span {
  font-size: 24px;
  color: #ffffff;
}
.brandTopOut .industryDesign .industryDesignCon .industryDesignSin div div {
  height: 4px;
  width: 80px;
  background-color: #ff0000;
  margin-top: 26px;
}
.brandTopOut .resultCase {
  width: 1200px;
  margin: 79px auto 93px;
  text-align: center;
}
.brandTopOut .resultCase > h1 {
  font-size: 30px;
  color: #666666;
  margin-bottom: 50px;
}
.brandTopOut .resultCase .resultCaseCon {
  display: flex;
  justify-content: space-between;
}
.brandTopOut .resultCase .resultCaseCon .resultCaseSin .resultCaseSinTop {
  height: 278px;
  width: 278px;
  background-color: #bfbfbf;
}
.brandTopOut .resultCase .resultCaseCon .resultCaseSin .resultCaseSinTop img {
  height: 100%;
  width: 100%;
}
.brandTopOut .resultCase .resultCaseCon .resultCaseSin .resultCaseSinBot {
  background-color: #ffffff;
  height: 62px;
  width: 278px;
  text-align: center;
  line-height: 62px;
  font-size: 16px;
  color: #666666;
}
.brandTopOut .newBox {
  width: 100%;
  height: 610px;
}
.brandTopOut .newBox .new {
  width: 1200px;
  height: 467px;
  margin: 0 auto;
}
.brandTopOut .newBox .new h2 {
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 50px;
  color: #666666;
}
.brandTopOut .newBox .new .imgBox {
  height: 467px;
  background: #fff;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.brandTopOut .newBox .new .imgBox .leftBox {
  float: left;
}
.brandTopOut .newBox .new .imgBox .leftBox img {
  height: 467px;
  width: 682px;
}
.brandTopOut .newBox .new .imgBox .rightBox {
  float: right;
  width: 480px;
  box-sizing: border-box;
  padding: 8px 0;
}
.brandTopOut .newBox .new .imgBox .rightBox .box {
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  padding: 19px 0 22px;
}
.brandTopOut .newBox .new .imgBox .rightBox .box p:nth-child(1) {
  font-size: 14px;
  color: #333333;
  margin-bottom: 12px;
}
.brandTopOut .newBox .new .imgBox .rightBox .box .title {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #666666;
  margin-bottom: 13px;
}
.brandTopOut .newBox .new .imgBox .rightBox .box .title:hover {
  color: #ff0000;
}
.brandTopOut .newBox .new .imgBox .rightBox .box .choose {
  color: #ff0000;
}
.brandTopOut .newBox .new .imgBox .rightBox .box p:nth-child(3) {
  width: 408px;
  font-size: 14px;
  height: 38px;
  color: #666666;
}
.brandTopOut .newBox .new .imgBox .rightBox .box:nth-child(2) {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.brandTopOut .botBox {
  width: 100%;
  height: 160px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/maskBot.png') 50% 50% / cover no-repeat;
}
.brandTopOut .botBox .bot {
  width: 740px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 64px 0 50px;
}
.brandTopOut .botBox .bot h2 {
  float: left;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.brandTopOut .botBox .bot a {
  float: right;
  width: 160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  border: solid 1px #ffffff;
}

.bsBg {
  position: relative;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/BrandService/banner_01.jpg") no-repeat;
  background-size: cover;
  min-height: 580px;
}
.bsBg h1 {
  font-size: 36px;
  color: #fff;
  text-align: center;
  padding-top: 235px;
  padding-bottom: 30px;
}
.bsBg p {
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding-bottom: 10px;
}
.bsbanner {
  position: relative;
  top: -137px;
}
.bsbanner .item {
  float: left;
  width: 25%;
  height: 274px;
  position: relative;
}
.bsbanner .item .cover {
  background-color: rgba(57, 126, 205, 0.8);
  position: absolute;
  z-index: -999;
  width: 300px;
  height: 274px;
  top: 0;
  left: 0;
}
.bsbanner .item .cover h1 {
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin-bottom: 65px;
  margin-top: 55px;
}
.bsbanner .item .cover p {
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.bsbanner .item:hover .cover {
  z-index: 10;
}
.bsTitle {
  color: #2b2b2b;
  font-size: 36px;
  padding-top: 80px;
  margin-bottom: 20px;
  text-align: center;
}
.bsSmillTitle {
  font-size: 18px;
  color: #2b2b2b;
  margin-bottom: 30px;
  text-align: center;
}
.pinpaititle {
  padding: 0 75px;
}
.pinpaititle .item {
  float: left;
  width: 150px;
  text-align: center;
  padding: 0 20px;
}
.pinpaititle .item p {
  font-size: 18px;
  color: #b2b2b2;
  margin-top: 15px;
  border-bottom: 4px solid transparent;
  padding-bottom: 20px;
}
.pinpaititle .active p {
  font-size: 18px;
  color: #397ecd;
  margin-top: 15px;
  border-bottom: 4px solid #397ecd;
  padding-bottom: 20px;
}
.bs-item {
  float: left;
  width: 590px;
  border-right: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  background: #fff;
  margin-top: 20px;
}
.bs-item .bs-item-left {
  width: 248px;
  float: left;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.bs-item .bs-item-left .bs-item-left-top {
  height: 245px;
}
.bs-item .bs-item-left .bs-item-left-foot {
  height: 132px;
}
.bs-item .bs-item-left h1 {
  font-size: 20px;
  color: #2b2b2b;
  padding-left: 30px;
  border-left: 2px solid #397ecd;
  margin-top: 20px;
  margin-bottom: 10px;
}
.bs-item .bs-item-left p {
  font-size: 14px;
  color: #2b2b2b;
  padding-left: 30px;
  margin-bottom: 14px;
}
.bs-item .bs-item-right {
  width: 341px;
  float: left;
}
.bs-item .bs-item-left .circular {
  padding: 26px 30px 20px 30px;
}
.bs-item .bs-item-left .circular .round {
  border-radius: 50px;
  background: #f0f0f0;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 10px;
  color: #2b2b2b;
  margin-bottom: 10px;
}
.bs-item .bs-item-left .circular .round:hover {
  background: #397ecd;
  color: #fff;
}
.bs-item-right-list {
  border: 1px solid transparent;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.bs-item-right-list:hover {
  border: 1px solid #397ecd;
}
.bs-item-right-list h1 {
  font-size: 14px;
  color: #2b2b2b;
}
.bs-item-right-list p {
  font-size: 12px;
  margin-top: 10px;
  color: #2b2b2b;
}
.bs-item-right-list-left {
  float: left;
  width: 235px;
  height: 130px;
  padding-left: 30px;
  padding-top: 35px;
}
.bs-item-right-list-right {
  float: left;
  padding-top: 20px;
}
.bszhanshi-right {
  width: 610px;
  float: left;
  background: #fff;
  margin-top: 20px;
  border-right: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.bszhanshi-right-top {
  border: 1px solid transparent;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding-left: 30px;
  padding-top: 35px;
  height: 264px;
}
.bszhanshi-right-top:hover {
  border: 1px solid #397ecd;
}
.bszhanshi-right-top h1 {
  font-size: 14px;
  color: #2b2b2b;
}
.bszhanshi-right-top p {
  font-size: 12px;
  margin-top: 10px;
  color: #2b2b2b;
}
.bszhanshi-right-top img {
  margin: 32px 0 30px 50px;
}
.bszhanshi-right-left {
  width: 359px;
  float: left;
}
.bszhanshi-right-right {
  width: 250px;
  float: right;
  height: 396px;
}
.bszhanshi-right-right img {
  display: block;
  height: 100%;
}
.tuandui {
  padding-bottom: 50px;
}
.tuandui .item {
  float: left;
  width: 25%;
  position: relative;
  height: 420px;
}
.tuandui .cover {
  position: absolute;
  bottom: 0;
  height: 160px;
  width: 300px;
  left: 0;
  background: #397ecd;
  padding: 27px;
  z-index: -2;
}
.tuandui .cover h1 {
  font-size: 16px;
  color: #fff;
}
.tuandui .cover p {
  color: #fff;
  font-size: 12px;
  line-height: 25px;
}
.tuandui .item:hover .cover {
  z-index: 100;
}
.anli {
  width: 1085px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 60px;
}
.anli .ant-carousel .slick-slide {
  background: #fff;
}
.anliList {
  height: 380px;
}
.anliList .anliItem {
  float: left;
  width: 260px;
  margin-right: 15px;
  position: relative;
}
.anliList .anliItem:last-child {
  margin-right: 0px;
}
.anliList .anliItem .cover {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 104, 183, 0.5);
  width: 100%;
}
.anliList .anliItem .cover h1 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin: 20px 0 15px 0;
  text-align: center;
}
.anliList .anliItem .cover p {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}
.anli button.slick-arrow,
.financeLunbo button.slick-arrow:hover {
  background: rgba(0, 0, 0, 0);
  height: 110px;
  width: 60px;
  z-index: 9999;
}
.anli .ant-carousel button.slick-next {
  right: -60px;
  top: 145px;
}
.anli .ant-carousel button.slick-prev {
  left: -60px;
  top: 145px;
}
.anli .ico {
  position: absolute;
  height: 110px;
  width: 60px;
  background: #c6c6c6;
}
.anli .ico i {
  font-size: 45px;
  margin-left: 10px;
  margin-top: 35px;
  color: #fff;
}
.anli .iconprev {
  left: -60px;
  top: 135px;
}
.anli .iconnext {
  right: -60px;
  top: 135px;
}
.fwbz {
  padding: 70px 80px;
}
.fwbz .item {
  float: left;
  padding: 0px 59px;
  border-right: 1px solid #b2b2b2;
}
.fwbz .item:last-child {
  border: 0;
}
.fwbz .item h1 {
  color: #2b2b2b;
  font-size: 18px;
  margin-bottom: 15px;
}
.fwbz .item p {
  color: #2b2b2b;
  font-size: 14px;
}
.fwbz .item h1 span {
  position: relative;
  top: 7px;
  padding-right: 10px;
}
.fwbz-btn {
  width: 260px;
  margin: 0 auto;
  padding-bottom: 70px;
}
.fwbz-btn button,
.fwbz-btn button:active,
.fwbz-btn button:focus {
  background: #397ecd;
  color: #fff;
  height: 45px;
  line-height: 45px;
  border-radius: 0;
  width: 260px;
  text-align: center;
}

.financeBg {
  position: relative;
  width: 100%;
  min-height: 700px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/finance/cmfinance/cmfinance.jpg") no-repeat center;
  margin-bottom: 30px;
}
.financeBanner {
  width: 1200px;
  overflow: hidden;
  position: absolute;
  top: 75%;
  left: 0;
  right: 0;
  margin: -262.5px auto 0 auto;
  box-shadow: 0px 0px 30px #888;
}
.financeBlueBg {
  background-color: rgba(23, 105, 199, 0.85);
  height: 255px;
  padding-left: 235px;
  padding-top: 35px;
}
.financeBlueBg h1 {
  font-size: 36px;
  color: #fff;
}
.financeBlueBg .anticon {
  margin-right: 15px;
}
.financeWhiteBg {
  background-color: #fff;
  height: 255px;
  padding-top: 35px;
  padding-left: 235px;
}
.financeBulueList {
  margin-top: 30px;
  color: #fff;
  font-size: 14px;
}
.financeWhiteBg h1 {
  font-size: 24px;
  color: #333333;
  margin-bottom: 15px;
}
.financeWhiteList {
  margin-top: 25px;
  font-size: 14px;
  color: #333;
}
.financeLunbo {
  width: 1200px;
  margin: 170px auto 60px auto;
  position: relative;
}
.financeLunboList {
  position: relative;
}
.financeLunboListCont {
  position: absolute;
  z-index: 22;
  top: 0;
  left: 238px;
}
.financeLunboListCont .financeTitle {
  background: #4a6fa6;
  padding: 25px;
  border: 0;
  width: 725px;
  margin: 55px auto 0 auto;
  line-height: 30px;
  text-align: left;
}
.financeLunboListCont .financeTitle span {
  color: #fff;
  font-size: 24px;
  margin-right: 30px;
}
.financeLunboListCont .jieshao {
  background-color: rgba(255, 255, 255, 0.85);
  width: 725px;
  margin: 0 auto;
  line-height: 30px;
  padding: 35px;
  text-align: left;
}
.financeLunboListCont .jieshao p {
  padding: 0;
  color: #5d88d4;
}
.financeLunboListCont button.financeBtn {
  background-color: rgba(255, 255, 255, 0.85);
  border: 0;
  padding-left: 100px;
  padding-right: 100px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-radius: 0;
  position: absolute;
  right: 235px;
  right: 0;
  bottom: -85px;
}
.financeLunbo button.slick-arrow,
.financeLunbo button.slick-arrow:hover {
  background: rgba(0, 0, 0, 0);
  height: 110px;
  width: 60px;
  z-index: 9999;
}
.financeLunbo .ant-carousel button.slick-next {
  right: -75px;
}
.financeLunbo .ant-carousel button.slick-prev {
  left: -75px;
}
.financeLunbo .ico {
  position: absolute;
  height: 110px;
  width: 60px;
  background: #c6c6c6;
}
.financeLunbo .ico i {
  font-size: 45px;
  margin-left: 10px;
  margin-top: 35px;
  color: #fff;
}
.financeLunbo .iconprev {
  left: -75px;
  top: 50%;
  margin-top: -55px;
}
.financeLunbo .iconnext {
  right: -75px;
  top: 50%;
  margin-top: -55px;
}
.financeQs h1 {
  text-align: center;
  margin-bottom: 50px;
}
.financeQs .question {
  font-weight: bold;
  color: #333333;
  margin-bottom: 15px;
}
.financeQs .question em {
  margin: 0 10px;
  display: inline-block;
}
.financeQs .answer {
  color: #666666;
  margin-bottom: 44px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.comNewsDetail {
  line-height: 1;
}
.comNewsDetail .newsDetailTitle {
  width: 100%;
  height: 150px;
  background: #e7fffe;
}
.comNewsDetail > .title {
  height: 150px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-25-new.png') no-repeat 100% 100%;
  background-size: cover;
}
.comNewsDetail > .title > div {
  height: 100%;
  width: 1176px;
  margin: 0 auto;
  padding: 49px 0 0 54px;
}
.comNewsDetail > .title > div > h2 {
  font-size: 30px;
  letter-spacing: 20px;
  color: #fff;
  margin-bottom: 19px;
}
.comNewsDetail > .title > div > p {
  color: #789ccf;
  letter-spacing: 5.4px;
}
.comNewsDetail .newsDetailBox {
  width: 100%;
}
.comNewsDetail .newsDetailBox .newsDetail {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 58px 0 50px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent {
  float: left;
  width: 798px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend {
  float: right;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsTitle {
  font-size: 26px;
  font-weight: 500;
  color: #333;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsTime {
  margin: 33px 0 13px;
  height: 14px;
  font-size: 14px;
  color: #999;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsImgBox {
  width: 665px;
  height: 368px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsImgBox img {
  width: 100%;
  height: 100%;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsContent {
  overflow: hidden;
  width: 665px;
  box-sizing: border-box;
  padding: 46px 0;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  font-size: 14px;
  line-height: 2.29;
  color: #666666;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsContent img {
  width: 100% !important;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsArticles {
  margin-top: 29px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsArticles li {
  float: left;
  font-size: 14px;
  line-height: 2.29;
  color: #999999;
  margin-left: 50px;
  cursor: pointer;
  display: block;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsArticles li:hover {
  color: #ff6d20;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsArticles li:nth-child(1) {
  margin-left: 0;
}
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsArticles li:nth-child(2),
.comNewsDetail .newsDetailBox .newsDetail .newsDetailContent .newsArticles li:nth-child(3) {
  width: 227px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend {
  width: 402px;
  padding-top: 55px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .recommendTitle {
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin-bottom: 12px;
  border-bottom: 1px solid #e3e3e3;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox {
  height: 100px;
  box-sizing: border-box;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .leftBox,
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .rightBox {
  float: left;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .leftBox {
  width: 160px;
  height: 100px;
  margin-right: 17px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .leftBox img {
  width: 100%;
  height: 100%;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .rightBox {
  width: 190px;
  height: 100px;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .rightBox .recomTitle {
  font-size: 14px;
  color: #333;
  line-height: 19px;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .rightBox .recomTime {
  margin: 17px 0 9px;
  color: #999;
}
.comNewsDetail .newsDetailBox .newsDetail .newsRecommend .box .sonBox .rightBox .humi-border-button {
  width: 100px;
  height: 26px;
  padding: 0;
  text-align: center;
  line-height: 26px;
}

@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
#registerRoll {
  overflow: hidden;
  /*溢出的部分不显示*/
  height: 75px;
  padding: 5px;
  margin-left: 25px;
}
#dataCockpitLeft {
  float: left;
  width: 1678px;
  margin-right: 32px;
  margin-top: 58px;
}
#dataCockpitLeft .cockpitLeft-left {
  width: 377px;
  margin-right: 18px;
  margin-left: 40px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-top {
  width: 377px;
  height: 127px;
  margin-bottom: 20px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-1.png');
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-top .registered-box {
  display: inline-block;
  width: 127px;
  margin-left: 40px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-top .registered-box .registered-title {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 18px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-top .registered-box .registered-number span {
  font-size: 28px;
  font-family: "Zidingyi";
  font-weight: 400;
  color: #ffb100;
  letter-spacing: 3px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-top .registered-box .registered-img {
  margin-top: -10px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-middle {
  width: 377px;
  height: 236px;
  margin-bottom: 22px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-2.png');
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-middle .title-echart {
  height: 18px;
  padding-top: 12px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 21px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-middle .title-echart span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom {
  width: 377px;
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-3.png');
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure {
  width: 296px;
  height: 172px;
  padding-top: 14px;
  margin-left: 46px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-3.png') no-repeat;
  background-position: 0px 14px;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure .structure-top {
  margin-top: 10px;
  font-family: "Zidingyi";
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure .structure-one {
  position: absolute;
  left: 10px;
  top: 30px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure .structure-two {
  position: absolute;
  left: 10px;
  top: 88px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure .structure-three {
  position: absolute;
  right: 10px;
  top: 18px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure .structure-four {
  position: absolute;
  right: 10px;
  top: 75px;
}
#dataCockpitLeft .cockpitLeft-left .cockpitLeft-box-buttom .type-structure .structure-five {
  text-align: right;
  position: absolute;
  right: 0;
  top: 128px;
}
#dataCockpitLeft .cockpitLeft-middle {
  width: 834px;
  height: 606px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-4.png');
  margin-right: 18px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
}
#dataCockpitLeft .cockpitLeft-middle .number-dot {
  height: 39px;
  font-size: 27px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 39px;
  margin-right: 4px;
  display: inline-block;
}
#dataCockpitLeft .cockpitLeft-middle .number-bg {
  height: 39px;
  font-family: "Zidingyi";
  font-weight: 400;
  color: #ffffff;
  line-height: 39px;
  margin-right: 4px;
  display: inline-block;
  width: 26px;
  font-size: 27px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_common_numic_1.png") space;
  letter-spacing: 0.5em;
  text-indent: 0.25em;
}
#dataCockpitLeft .cockpitLeft-middle .cockpit-zczl {
  position: absolute;
  top: 26px;
  left: 26px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Zidingyi";
}
#dataCockpitLeft .cockpitLeft-middle .cockpit-jxzl {
  position: absolute;
  top: 26px;
  left: 280px;
  font-weight: 400;
  color: #ffffff;
  font-family: "Zidingyi";
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-leftBox {
  position: absolute;
  bottom: 42px;
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-leftBox .analysisLeftBox {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
  margin-left: 25px;
  height: 18px;
  line-height: 18px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-7.png') no-repeat;
  background-position: 0 4px;
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-leftBox .analysisLeftBox .analysisLeftBox-one {
  display: inline-block;
  font-family: "Zidingyi";
  width: 103px;
  padding-left: 5px;
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-leftBox .analysisLeftBox .analysisLeftBox-two {
  margin: 0 12px;
  font-family: "Zidingyi";
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-leftBox .analysisLeftBox .analysisLeftBox-font {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.83);
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-map {
  width: 730px;
  height: 632px;
  margin-left: 37px;
  margin-top: 90px;
}
#dataCockpitLeft .cockpitLeft-middle .analysis-center-smallmap {
  position: absolute;
  right: 72px;
  bottom: 27px;
}
#dataCockpitLeft .cockpitLeft-right {
  width: 362px;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top {
  width: 362px;
  height: 169px;
  margin-bottom: 25px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-5.png');
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top img {
  display: inline-block;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top .companyJoinBox {
  padding-top: 10px;
  padding-left: 19px;
  color: rgba(255, 255, 255, 0.8);
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top .companyJoin-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top .companyJoin-time {
  display: inline-block;
  width: 88px;
  height: 19px;
  text-align: center;
  margin-right: 7px;
  font-family: "Zidingyi";
  flex-shrink: 0;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top .companyName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top .bg-8 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-8.png");
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-top .bg-9 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-9.png");
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-middle {
  width: 362px;
  height: 190px;
  margin-bottom: 20px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-6.png');
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-middle .coopit-number {
  text-align: center;
  line-height: 16px;
  width: 13px;
  height: 16px;
  margin-bottom: 10px;
  margin-left: 20px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-10.png');
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-buttom {
  width: 362px;
  height: 201px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-7.png');
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-buttom .poverContent {
  overflow: hidden;
  position: relative;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-buttom .poverContent .worth-box {
  width: 146px;
  height: 100px;
  text-align: center;
  margin-left: 17px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #1D339F;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-buttom .poverContent .worth-box img {
  width: 60px;
  height: 49px;
  margin: 12px auto 0;
}
#dataCockpitLeft .cockpitLeft-right .cockpitRight-box-buttom .poverContent .line {
  position: absolute;
  top: 25px;
  left: 172px;
  width: 1px;
  height: 150px;
  background: #1D339F;
}

@media (max-width: 3840px) {
  #dataCockpit-v2 {
    zoom: 2;
  }
}
@media (max-width: 1920px) {
  #dataCockpit-v3 {
    zoom: 1;
  }
}
#dataCockpit-v3 {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  padding: 0 40px;
  position: relative;
}
#dataCockpit-v3 .common-fs-white-shadow {
  text-shadow: 0 0 18px #ffffff;
}
#dataCockpit-v3 .common-fs-white {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
}
#dataCockpit-v3 .common-fs-12 {
  font-size: 12px;
}
#dataCockpit-v3 .common-fs-14 {
  font-size: 14px;
}
#dataCockpit-v3 .common-fs-main-color {
  color: #E2E2FF;
}
#dataCockpit-v3 .common-flex-spc-btw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dataCockpit-v3 .common-flex-vertical-middle {
  display: flex;
  align-items: center;
}
#dataCockpit-v3 .common-flex-spc-ard {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#dataCockpit-v3 .common-topic {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 25px;
  position: relative;
  padding-left: 14px;
}
#dataCockpit-v3 .common-topic:before {
  width: 4px;
  background: #6ac5ea;
  height: 16px;
  content: "";
  position: absolute;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  top: 50%;
}
#dataCockpit-v3 .common-fs-orange {
  color: #ffb100;
}
#dataCockpit-v3 .v2-title {
  margin-top: 10px;
}
#dataCockpit-v3 .v2-subtitle {
  height: 30px;
  font-size: 22px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #e2e2ff;
  line-height: 26px;
  letter-spacing: 2px;
  margin-top: -20px;
}
#dataCockpit-v3 .v2-date {
  font-size: 20px;
  font-family: DIN-Regular;
  font-weight: 400;
  text-align: left;
  color: #bcc7ff;
  letter-spacing: 2px;
  margin-right: 18px;
}
#dataCockpit-v3 .v2-time {
  font-size: 20px;
  font-family: DIN-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0 0 12px #ffffff;
}
#dataCockpit-v3 #dataCockpit-v2-1 {
  display: flex;
  justify-content: center;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left {
  width: 491px;
  margin-right: 20px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .registered-box {
  display: inline-block;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .registered-box .registered-number {
  margin-top: 10px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .registered-box .registered-number span {
  font-size: 36px;
  font-family: DIN-Bold;
  font-weight: 700;
  letter-spacing: 3px;
  color: #ffffff;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .registered-box .registered-img {
  height: 45px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .title-echart {
  height: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 21px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .title-echart span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure {
  width: 408px;
  height: 212px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-1-left-3.png') no-repeat;
  color: rgba(255, 255, 255, 0.6);
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure .structure-top {
  margin-top: 10px;
  font-size: 16px;
  color: #ffffff;
  font-family: DIN-Regular;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure .structure-one {
  position: absolute;
  left: 45px;
  top: 75px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure .structure-two {
  position: absolute;
  left: 45px;
  top: 145px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure .structure-three {
  position: absolute;
  right: 45px;
  top: 85px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure .structure-four {
  position: absolute;
  right: 45px;
  top: 165px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left .type-structure .structure-five {
  position: absolute;
  left: 45px;
  top: 215px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-left #echartDmbs {
  margin-top: 30px;
  margin-bottom: 10px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-middle {
  width: 812px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-middle .reg-container {
  width: 280px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right {
  width: 491px;
  margin-left: 20px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 10px;
  height: 180px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox .swiper-container {
  height: 180px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox .companyJoin-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox .companyJoin-time {
  display: inline-block;
  width: 88px;
  height: 19px;
  padding-left: 5px;
  margin-right: 7px;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 20px;
  background-repeat: no-repeat;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox .companyName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox .bg-8 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-8.png");
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .companyJoinBox .bg-9 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-9.png");
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right #cockpit-tag_gird {
  margin-top: 24px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent {
  overflow: hidden;
  position: relative;
  margin-top: 24px;
  width: 440px;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  width: 1px;
  height: 80%;
  background: #135A8B;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent .worth-box {
  width: 50%;
  height: 120px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  float: left;
  position: relative;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent .worth-box:nth-child(1):after,
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent .worth-box:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #135A8B;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent .worth-box img {
  width: 72px;
  height: 59px;
  margin: 12px auto 0;
}
#dataCockpit-v3 #dataCockpit-v2-1 .v2-right .poverContent .line {
  position: absolute;
  top: 25px;
  left: 172px;
  width: 1px;
  height: 200px;
  background: #135A8B;
}
#dataCockpit-v3 #dataCockpit-v2-2 {
  display: flex;
  justify-content: space-between;
}
#dataCockpit-v3 #dataCockpit-v2-2 .v2-left {
  width: 461px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .v2-middle {
  width: 872px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .v2-right {
  width: 461px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment {
  width: 100%;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/icon-v2-2-middle-1.gif") no-repeat 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-num-wrap {
  text-align: center;
  height: 213px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-num-wrap .equipment-num {
  text-align: center;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 12px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-detail {
  display: flex;
  justify-content: space-around;
  height: 97px;
  position: relative;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-detail:after {
  position: absolute;
  width: 820px;
  height: 1px;
  border: 1px solid #2c2f5a;
  margin: auto;
  bottom: 0;
  content: "";
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-detail .equipment-detail-context {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  font-size: 10px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .pyramid {
  display: flex;
  padding-left: 46px;
  margin-top: 33px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .pyramid .pyramid-item {
  margin-left: 46px;
  height: 65px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .software-total {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-2-left-2.png") no-repeat center;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  height: 50px;
  line-height: 56px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-2-left-3.png") no-repeat center center;
  height: 340px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers {
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  width: 92px;
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  line-height: 19px;
  text-shadow: 0 0 30px #0b142f;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag {
  width: 54px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag .centers-tag-sum {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  text-shadow: 0 0 18px #ffffff;
  font-family: DIN-Regular;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag .centers-tag-sum span {
  font-size: 8px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag .centers-tag-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #53d4ff;
  letter-spacing: 1px;
  white-space: nowrap;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag2 {
  position: absolute;
  right: 17%;
  top: 18%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag3 {
  position: absolute;
  right: 12%;
  top: 45%;
  transform: translateY(-50%);
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag4 {
  position: absolute;
  right: 15%;
  bottom: 23%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag5 {
  position: absolute;
  right: 30%;
  bottom: 5%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag6 {
  position: absolute;
  left: 30%;
  bottom: 5%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag7 {
  position: absolute;
  left: 15%;
  bottom: 23%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag8 {
  position: absolute;
  left: 12%;
  top: 45%;
  transform: translateY(-50%);
}
#dataCockpit-v3 #dataCockpit-v2-2 .radar .centers-tag9 {
  position: absolute;
  left: 20%;
  top: 15%;
}
#dataCockpit-v3 #dataCockpit-v2-2 .middle-right2-bg {
  height: 185px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-2-right-10.png") no-repeat center center;
  position: relative;
  top: -20px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .middle-right2-bg .middle-right2-left {
  position: absolute;
  left: 128px;
  top: 81px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .middle-right2-bg .middle-right2-right {
  position: absolute;
  left: 249px;
  top: 56px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .developer {
  height: 160px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .developer .developer-item {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  height: 18px;
  display: flex;
  line-height: 18px;
  margin-top: 24px;
}
#dataCockpit-v3 #dataCockpit-v2-2 .developer .fluctuation {
  height: 100%;
  width: 240px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-2-left-13.gif") no-repeat 0 20px;
  position: relative;
}
#dataCockpit-v3 #dataCockpit-v2-2 .developer .fluctuation .fluctuation-title {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}
#dataCockpit-v3 #dataCockpit-v2-3 {
  display: flex;
  justify-content: space-between;
}
#dataCockpit-v3 #dataCockpit-v2-3 .v2-left {
  width: 451px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .v2-middle {
  width: 893px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .v2-right {
  width: 451px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .userData {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 10px auto 10px;
  padding-bottom: 24px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .userData:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #56629d;
}
#dataCockpit-v3 #dataCockpit-v2-3 .userData:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 60%;
  background: #56629d;
}
#dataCockpit-v3 #dataCockpit-v2-3 #echartUserVisit,
#dataCockpit-v3 #dataCockpit-v2-3 #echartPageVisit {
  width: 50%;
  display: inline-block;
}
#dataCockpit-v3 #dataCockpit-v2-3 .demand-wrap {
  display: inline-block;
  width: 50%;
  margin-top: 24px;
  padding-left: 20px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .demand-wrap .demand-img {
  margin-top: 18px;
  width: 144px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar {
  padding-top: 33px;
  position: relative;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar .radar-data {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar .radar-data-1 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: #0cb38a;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar .radar-data-2 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 30%;
  left: 70px;
  transform: translateX(-50%);
  color: #FFB100;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar .radar-data-3 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 30%;
  left: 318px;
  color: #1AE0DC;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar .radar-data-4 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 80%;
  left: 75px;
  color: #274AFF;
}
#dataCockpit-v3 #dataCockpit-v2-3 .radar .radar-data-5 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 80%;
  left: 305px;
  color: #3DA4FE;
}
#dataCockpit-v3 #dataCockpit-v2-3 .current-user {
  position: absolute;
  top: 35px;
  left: 40px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .current-user span {
  text-shadow: 0 0 18px #ffffff;
  font-size: 32px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top {
  width: 416px;
  height: 230px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E7%BB%84%202391.png') no-repeat bottom;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top .businessTop {
  width: 70px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top .businessTop img {
  display: inline-block;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top .businessTop .businessTop-title {
  font-size: 10px;
  transform: scale(0.95);
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top #business0 {
  position: absolute;
  top: 74px;
  left: 28px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top #business1 {
  position: absolute;
  top: 42px;
  left: 100px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top #business2 {
  position: absolute;
  top: 28px;
  left: 171px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top #business3 {
  position: absolute;
  top: 57px;
  left: 246px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .business-Top #business4 {
  position: absolute;
  top: 87px;
  right: 28px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .category-Top {
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E7%BB%84%202394.png') no-repeat 17px 35px;
  position: relative;
}
#dataCockpit-v3 #dataCockpit-v2-3 .category-Top .category-Top-1 {
  position: absolute;
  top: 42px;
  left: 275px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .category-Top .category-Top-2 {
  position: absolute;
  top: 76px;
  left: 275px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .category-Top .category-Top-3 {
  position: absolute;
  top: 110px;
  left: 275px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .category-Top .category-Top-4 {
  position: absolute;
  top: 144px;
  left: 275px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .category-Top .category-Top-5 {
  position: absolute;
  top: 178px;
  left: 275px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .city-base {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
}
#dataCockpit-v3 #dataCockpit-v2-3 .city-1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2067.png");
  width: 126px;
  height: 126px;
  top: 64px;
  left: 170px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .city-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2068.png");
  width: 88px;
  height: 88px;
  top: 117px;
  left: 299px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .city-3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2070.png");
  width: 98px;
  height: 98px;
  top: 175px;
  left: 107px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .city-4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2069.png");
  width: 78px;
  height: 78px;
  top: 104px;
  left: 65px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .city-5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2071.png");
  width: 68px;
  height: 68px;
  top: 197px;
  left: 234px;
}
#dataCockpit-v3 #dataCockpit-v2-3 .order-total {
  width: 100%;
  height: 100%;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/icon-v2-3-middle-1.gif") no-repeat 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#dataCockpit-v3 #dataCockpit-v2-3 .order-total .order-total-title {
  text-align: center;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 12px;
}
#dataCockpit-v3 .dataCockpit-v2-pagination {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}
#dataCockpit-v3 .dataCockpit-v2-pagination .pagination-item {
  width: 40px;
  height: 4px;
  background: #135a8d;
  margin-right: 14px;
  cursor: pointer;
}
#dataCockpit-v3 .dataCockpit-v2-pagination .active {
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px #ffffff;
}
.dataCockpit-v2-bg-0 {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-1.png");
}
.dataCockpit-v2-bg-1 {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-2.png");
}
.dataCockpit-v2-bg-2 {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-3.png");
}

.leftPart {
  float: left;
  width: 457px;
}
.leftPart .commonBox {
  width: 100%;
  padding: 10px 0 0;
}
.leftPart .commonBox .commonBigTitle {
  margin: 0 0 40px 30px;
  font-size: 18px;
  font-weight: 900;
  color: #07b3ec;
}
.leftPart .dataBack {
  margin-bottom: 3px;
  height: 522px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/s_dataBack.png") no-repeat;
}
.leftPart .dataBack .commonDataBackContent {
  width: 94%;
  height: 206px;
  margin: 0 auto;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack {
  width: 50%;
  height: 100%;
  float: left;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack:last-child p:nth-child(2) span:nth-child(2) {
  margin-right: 72px;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack p {
  margin-left: 20px;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack p:nth-child(1) {
  font-size: 14px;
  font-weight: bold;
  color: #82bae8;
  line-height: 20px;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack p:nth-child(2) {
  margin-bottom: -25px;
  font-weight: 900;
  color: #07b3ec;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack p:nth-child(2) span:nth-child(1) {
  font-size: 20px;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack p:nth-child(2) span:nth-child(2) {
  font-size: 14px;
  margin-right: 6px;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack p:nth-child(2) span:nth-child(3) {
  font-size: 14px;
  font-weight: bold;
  color: #82bae8;
}
.leftPart .dataBack .commonDataBackContent .commonDataBack .commonEchart {
  height: 90%;
}
.leftPart .dataBack .commonDataBackContent .dataBackRight {
  position: relative;
}
.leftPart .dataBack .commonDataBackContent .dataBackRight .activeRate {
  position: absolute;
  top: 54px;
  left: 46px;
}
.leftPart .dataBack .commonDataBackContent .dataBackRight .activeNum {
  position: absolute;
  top: 74px;
  left: 66px;
  font-size: 20px;
  font-weight: 900;
  color: #07b3ec;
}
.leftPart .dataBack .dataBackContentUp {
  border-bottom: 1px solid rgba(113, 214, 247, 0.15);
  margin-bottom: 20px;
}
.leftPart .areaCover {
  height: 323px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/s_area.png") no-repeat;
}
.leftPart .areaCover .commonBigTitle {
  margin: 0 0 10px 30px;
}
.leftPart .areaCover .mapEchart {
  height: 246px;
  width: 416px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(113, 214, 247, 0.15);
}

.lineBot {
  height: 1px;
  width: 100%;
  background-color: #71d6f7;
  opacity: 0.2;
}
.tdataComponent {
  float: left;
  width: 650px;
}
.tdataComponent .tdataTop {
  width: 100%;
}
.tdataComponent .tdataTop .tdataTopl {
  width: 259px;
  display: inline-block;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt {
  height: 182px;
  width: 100%;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/t11tlt.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  padding: 29px 30px 12px 26px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt .tdataTopltsp {
  font-size: 14px;
  color: #07b3ec;
  display: block;
  margin-bottom: 6px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt .tdataTopltspt {
  font-size: 26px;
  color: #07b3ec;
  display: block;
  margin-bottom: 16px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt .Progress {
  height: 10px;
  width: 100%;
  background-color: #0e3673;
  margin: 0px;
  margin-bottom: 25px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt .Progress .inProgress {
  height: 10px;
  width: 78%;
  margin: 0px;
  background: -webkit-linear-gradient(left top, #364d9f, #1ad7ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #364d9f, #1ad7ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #364d9f, #1ad7ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #364d9f, #1ad7ff);
  /* 标准的语法 */
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt .lineBotFont {
  font-size: 14px;
  color: #07b3ec;
  display: block;
  padding-top: 5px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplt .lineBotFont .imgSty {
  width: 5px;
  height: 5px;
  vertical-align: super;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplb {
  width: 259px;
  height: 181px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/ttback (1).png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  padding: 30px 26px 12px 26px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplb .tdataToplbSt {
  font-size: 14px;
  color: #07b3ec;
  display: block;
  margin-bottom: 10px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplb .tdataToplbSc {
  font-size: 26px;
  color: #07b3ec;
  margin-bottom: 15px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplb #echartz {
  height: 30px;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplb #echartz canvas {
  left: -20px !important;
}
.tdataComponent .tdataTop .tdataTopl .tdataToplb .tlineBot {
  height: 1px;
  width: 100%;
  background-color: #71d6f7;
  opacity: 0.2;
  margin-top: 12px;
}
.tdataComponent .tdataTop .tdataTopr {
  display: inline-block;
  vertical-align: top;
  width: 390px;
  height: 363px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/tRightTop.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  padding-top: 24px;
}
.tdataComponent .tdataTop .tdataTopr .tdataToprSp {
  font-size: 14px;
  color: #07b3ec;
  margin-left: 30px;
}
.tdataComponent .tdataTop .tdataTopr .linetot {
  height: 1px;
  width: 357px;
  background-color: #71d6f7;
  opacity: 0.2;
  margin-left: 17px;
  margin-top: 10px;
}
.tdataComponent .tdataTop .tdataTopr .rchatRound {
  height: 199px;
  width: 374px;
  margin-left: 16px;
  margin-top: 47px;
}
.tdataComponent .tdataTop .tdataTopr .rchatRound #rchatRoundl {
  height: 199px;
  width: 199px;
  display: inline-block;
}
.tdataComponent .tdataTop .tdataTopr .rchatRound .rchatRoundr {
  height: 199px;
  width: 170px;
  display: inline-block;
  vertical-align: top;
  padding-right: 8px;
}
.tdataComponent .tdataTop .tdataTopr .rchatRound .rchatRoundr .rchatRoundrSin {
  font-size: 14px;
  color: #07b3ec;
  margin-bottom: 10px;
}
.tdataComponent .tdataTop .tdataTopr .rchatRound .rchatRoundr .rchatRoundrSin .barSpan {
  display: inline-block;
  height: 9px;
  width: 9px;
  border-radius: 10px;
}
.tdataComponent .tdataTop .tdataTopr .rchatRound .rchatRoundr .rchatRoundrSin .spanRight {
  display: block;
  float: right;
}
.tdataComponent .tdataCenter {
  width: 100%;
  height: 255px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/tbackcenetr (1).png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  padding: 10px 25px 0px 25px;
}
.tdataComponent .tdataCenter .tdataCenterSp {
  font-size: 14px;
  color: #07b3ec;
  display: block;
  margin-bottom: 10px;
}
.tdataComponent .tdataCenter .ridiuChart {
  margin-top: 34px;
  height: 95px;
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  overflow-y: hidden;
}
.tdataComponent .tdataCenter .ridiuChart div {
  height: 95px;
  width: 95px !important;
  margin-right: 25px;
  overflow: auto !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.tdataComponent .tdataCenter .ridiuChart div div {
  width: 0px;
  height: 0px;
  overflow: auto !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.tdataComponent .tdataCenter .ridiuChart div div:first-child {
  width: 95px !important;
  height: 95px !important;
  overflow: auto !important;
}
.tdataComponent .tdataCenter .ridiuChart div div:first-child canvas {
  height: 95px;
  width: 95px !important;
  overflow: auto !important;
}
.tdataComponent .tdataCenter .botName {
  margin-top: 20px;
  height: 18px;
  display: flex;
  flex-direction: row;
}
.tdataComponent .tdataCenter .botName span {
  display: block;
  font-size: 14px;
  color: #07b3ec;
  width: 95px;
  margin-right: 25px;
  text-align: center;
  line-height: 18px;
}
.tdataComponent .tdataCenter .botName span:last-child {
  width: 110px;
  margin-right: 0px;
}
.tdataComponent .tdataBot {
  height: 229px;
  width: 100%;
}
.tdataComponent .tdataBot .tdataBotl {
  height: 229px;
  width: 330px;
  display: inline-block;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/tborr.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  padding: 29px 0px 0px 25px;
}
.tdataComponent .tdataBot .tdataBotl .tdataBotlTspan {
  font-size: 14px;
  color: #07b3ec;
  display: block;
  margin-bottom: 20px;
}
.tdataComponent .tdataBot .tdataBotl .tdataBotlospan {
  font-size: 26px;
  color: #07b3ec;
}
.tdataComponent .tdataBot .tdataBotl #radiuChart {
  height: 50px;
  width: 270px;
  margin-bottom: 15px;
  margin-top: 18px;
}
.tdataComponent .tdataBot .tdataBotl #radiuChart canvas {
  left: -27px !important;
  top: 15px !important;
}
.tdataComponent .tdataBot .tdataBotl .tdataBotlbspan {
  font-size: 14px;
  color: #07b3ec;
}
.tdataComponent .tdataBot .tdataBotr {
  height: 229px;
  width: 320px;
  display: inline-block;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/tbotrl.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  vertical-align: top;
  padding: 29px 19px 0px 19px;
}
.tdataComponent .tdataBot .tdataBotr .tdataBotrTspan {
  font-size: 14px;
  color: #07b3ec;
  display: block;
  margin-bottom: 12px;
}
.tdataComponent .tdataBot .tdataBotr .companyList {
  height: 160px;
}
.tdataComponent .tdataBot .tdataBotr .companyList .companySin {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  height: 53px;
}
.tdataComponent .tdataBot .tdataBotr .companyList .companySin img {
  height: 36px;
  width: 36px;
  border-radius: 20px;
  margin: 0px 22px 0px 15px;
}
.tdataComponent .tdataBot .tdataBotr .companyList .companySin .companySinRight {
  color: #82bae8;
  font-size: 14px;
}
.tdataComponent .tdataBot .tdataBotr .companyList .companySin .companySinRight .companySinRiSpo {
  font-size: 16px;
  color: #07b3ec;
  display: block;
}
.tdataComponent .tdataBot .tdataBotr .companyList .companySin .companySinRight .companySinRiSpt {
  font-size: 16px;
  color: #07b3ec;
}

@keyframes mymove {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -972px, 0);
    transform: translate3d(0, -972px, 0);
  }
}
.dataWarehouseMoudle {
  float: left;
  width: 774px;
  box-sizing: border-box;
  padding: 0px 11px 0 10px;
}
.dataWarehouseMoudle .moduleTopBox {
  position: relative;
  width: 100%;
  height: 147px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_oneBc.png') 50% 50% / cover no-repeat;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopTitle {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -109px;
  width: 218px;
  height: 33px;
  padding-top: 15px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_oneTitle.png') 50% 50% / cover no-repeat;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopTitle img {
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -42px;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent {
  width: 100%;
  box-sizing: border-box;
  padding: 53px 121px 34px 78px;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .leftBox,
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .rightBox {
  float: left;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .leftBox p:nth-child(1),
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .rightBox p:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  color: #29b3d6;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .leftBox p:nth-child(2),
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .rightBox p:nth-child(2) {
  font-size: 36px;
  font-weight: 600;
  color: #89d0f0;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .leftBox p:nth-child(2) .jumpNum,
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .rightBox p:nth-child(2) .jumpNum {
  font-size: 36px;
  font-weight: 600;
  color: #89d0f0;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .leftBox p:nth-child(2) span,
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .rightBox p:nth-child(2) span {
  margin-right: 10px;
  font-size: 16px;
  color: #afe7fa;
}
.dataWarehouseMoudle .moduleTopBox .moduleTopContent .rightBox {
  float: right;
}
.dataWarehouseMoudle .moduleCenterBox {
  width: 745px;
  height: 137px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 38px 49px 33px 40px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_twoBc.png') 50% 50% / cover no-repeat;
  background-size: 100% 100%;
}
.dataWarehouseMoudle .moduleCenterBox .box {
  float: left;
  width: 130px;
  margin-right: 39px;
}
.dataWarehouseMoudle .moduleCenterBox .box .left,
.dataWarehouseMoudle .moduleCenterBox .box .right {
  float: left;
}
.dataWarehouseMoudle .moduleCenterBox .box .left {
  width: 80px;
  overflow: hidden;
}
.dataWarehouseMoudle .moduleCenterBox .box .left p:nth-child(1) {
  font-size: 14px;
  font-weight: bold;
  color: #82bae8;
}
.dataWarehouseMoudle .moduleCenterBox .box .left p:nth-child(2) {
  font-size: 12px;
  font-weight: bold;
  color: #82bae8;
}
.dataWarehouseMoudle .moduleCenterBox .box .left p:nth-child(3) {
  font-size: 26px;
  font-weight: 600;
  color: #07b3ec;
}
.dataWarehouseMoudle .moduleCenterBox .box .right {
  width: 47px;
  height: 47px;
  margin-top: 20px;
}
.dataWarehouseMoudle .moduleCenterBox .box #import_circle1,
.dataWarehouseMoudle .moduleCenterBox .box #import_circle2,
.dataWarehouseMoudle .moduleCenterBox .box #import_circle3,
.dataWarehouseMoudle .moduleCenterBox .box #import_circle4 {
  width: 47px;
  height: 47px;
}
.dataWarehouseMoudle .moduleCenterBox .box:last-child {
  margin-right: 0;
}
.dataWarehouseMoudle .moduleCenterBoxs {
  width: 745px;
  height: 293px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 17px 0 35px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_threeBc.png') 50% 50% / cover no-repeat;
}
.dataWarehouseMoudle .moduleCenterBoxs #import_line {
  width: 740px;
  height: 270px;
}
.dataWarehouseMoudle .moduleBotBox {
  width: 750px;
  height: 271px;
  margin: 0 auto;
}
.dataWarehouseMoudle .moduleBotBox .leftBox,
.dataWarehouseMoudle .moduleBotBox .rightBox {
  float: left;
}
.dataWarehouseMoudle .moduleBotBox .leftBox {
  width: 495px;
  height: 271px;
  box-sizing: border-box;
  padding: 33px 0 32px 27px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_fourBc.png') 50% 50% / cover no-repeat;
}
.dataWarehouseMoudle .moduleBotBox .leftBox p {
  margin-bottom: 8px;
  font-size: 18px;
  color: #07b3ec;
  font-weight: 600;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .titleBox {
  width: 453px;
  height: 29px;
  line-height: 29px;
  box-sizing: border-box;
  padding: 0 0 0 11px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_title.png') 50% 50% / cover no-repeat;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .titleBox span {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #82bae8;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .titleBox span:nth-child(1) {
  width: 329px;
  text-align: left;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .titleBox span:nth-child(2) {
  width: 98px;
  text-align: right;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox {
  width: 453px;
  height: 120px;
  overflow: hidden;
  margin-top: 16px;
  box-sizing: border-box;
  padding-left: 11px;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox .content {
  -webkit-animation: 30s mymove linear infinite normal;
  animation: 30s mymove linear infinite normal;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox .content:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox .content .box {
  width: 100%;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox .content .box span {
  display: inline-block;
  font-size: 14px;
  color: #82bae8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox .content .box span:nth-child(1) {
  width: 303px;
  margin-right: 27px;
}
.dataWarehouseMoudle .moduleBotBox .leftBox .contentBox .content .box span:nth-child(2) {
  width: 98px;
  text-align: right;
}
.dataWarehouseMoudle .moduleBotBox .rightBox {
  width: 254px;
  height: 271px;
  box-sizing: border-box;
  padding: 33px 20px 13px 10px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/w_fourBcs.png') 50% 50% / cover no-repeat;
}
.dataWarehouseMoudle .moduleBotBox .rightBox p {
  margin-bottom: 8px;
  margin-left: 12px;
  font-size: 18px;
  color: #07b3ec;
  font-weight: 600;
}
.dataWarehouseMoudle .moduleBotBox .rightBox .box {
  width: 226px;
  padding-top: 10px;
  border-top: 1px solid rgba(113, 214, 247, 0.2);
}
.dataWarehouseMoudle .moduleBotBox .rightBox .box #import_radar {
  width: 200px;
  height: 180px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.dataWarehouseBox {
  width: 100%;
  min-width: 1920px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/t1@2x (1).png');
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
.dataWarehouseBox .dataWarehouseTitle {
  width: 100%;
  height: 117px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/dataWarehouse/s_title.png') no-repeat center;
  line-height: 117px;
  box-sizing: border-box;
  padding: 0 106px 0 45px;
}
.dataWarehouseBox .dataWarehouseTitle span {
  font-size: 36px;
  font-weight: 900;
  color: #29b3d6;
}
.dataWarehouseBox .dataWarehouseTitle span:nth-child(1) {
  margin-right: 21px;
  width: 123px;
  height: 45px;
  display: inline-block;
  position: relative;
  top: 8px;
}
.dataWarehouseBox .dataWarehouseTitle span:nth-child(2) {
  display: inline-block;
  width: 6px;
  height: 38px;
  background: #29b3d6;
  position: relative;
  top: 6px;
}
.dataWarehouseBox .dataWarehouseTitle span:nth-child(3) {
  margin-left: 21px;
  letter-spacing: 1.1px;
}
.dataWarehouseBox .dataWarehouseTitle span:nth-child(4) {
  display: block;
  float: right;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.6px;
  color: #29b3d6;
  position: relative;
  top: 6px;
}
.dataWarehouseBox .dataWarehouseContent {
  width: 100%;
  padding: 31px 22px 84px 15px;
}

.hallContent {
  padding-top: 60px;
  background-color: #eff3f5;
}
.hallContent .banner-cyj {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/financetax/banner-1.jpg') no-repeat;
}
.hallContent .bannerBox {
  background-size: cover !important;
  padding: 347px 0 55px 0;
  height: 460px;
}
.hallContent .bannerBox .bannerTitle {
  font-size: 48px;
  color: #fff;
  line-height: 1.1;
  margin: 66px 0 30px 0;
  text-align: center;
}
.hallContent .bannerBox .bannerContent {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 0 0 60px 0;
}
.hallContent .bannerBox .bannerBtns {
  text-align: center;
}
.hallContent .bannerBox .bannerBtns a {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  padding: 15px 0 14px 0;
  width: 200px;
  line-height: 1.1;
  border: 1px solid #fff;
  transition: all 0.3s;
}
.hallContent .bannerBox .bannerBtns a:first-child {
  background: none;
  margin: 0 68px 0 0;
}
.hallContent .bannerBox .bannerBtns a:hover {
  background: #397ecd;
  border: 1px solid #397ecd;
}
.hallContent .cutLine {
  border-bottom: 1px solid #e5e5e5;
  height: 30px;
  background: #fff;
}
.hallContent .screenBox {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.hallContent .screenBox .screen {
  line-height: 1.1;
  font-size: 0;
  position: relative;
}
.hallContent .screenBox .screen li {
  padding: 22px 0;
  display: inline-block;
  color: #333;
  font-size: 14px;
  margin: 0 30px 0 -7px;
}
.hallContent .screenBox .screen li .stairSort > a {
  padding: 9px 7px;
  background: none;
  display: inline-block;
  color: #333;
}
.hallContent .screenBox .screen .screenAct .stairSort > a {
  color: #ff6d26;
}
.hallContent .screenBox .dropDownBox {
  position: relative;
  display: none;
}
.hallContent .screenBox .dropDownBox .dropDown {
  width: 1200px;
  padding: 10px 0 0 0;
  background: #fff;
  z-index: 11;
  font-size: 14px;
  margin: 0 0 40px 0;
}
.hallContent .screenBox .dropDownBox .dropDown > * {
  margin: 0 16px 0 0;
}
.hallContent .screenBox .dropDownBox .dropDown span {
  padding: 6px 7px 6px 0;
  color: #999;
}
.hallContent .screenBox .dropDownBox .dropDown a {
  color: #666;
  padding: 6px 7px;
}
.hallContent .screenBox .dropDownBox .dropDown .dropDownAct {
  background: #f6f8fb;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8 {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8 .allProject {
  line-height: 1.1;
  font-size: 14px;
  padding: 0 0 14px 0;
  width: 56px;
  color: #999;
  display: inline-block;
  cursor: pointer;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) {
  text-align: center;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) .ant-select-selection__rendered {
  line-height: 1.1;
  margin: 0;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) .ant-select-selection-selected-value {
  line-height: 1.1;
  font-size: 14px;
  padding: 0 0 14px 0;
  width: 56px;
  color: #999;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) .ant-select-selection {
  border: none;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) .ant-select-selection--single {
  height: auto;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) .ant-select-arrow {
  font-weight: bold;
  font-size: 18px;
  right: 0;
  margin-top: -7.75px;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) .ant-select-selection:focus {
  box-shadow: none;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) > div {
  display: inline-block;
  position: relative;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) > div a {
  display: inline-block;
  margin: 0 0 0 47px;
  color: #999;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(2) > div .underLine {
  width: 56px;
  height: 2px;
  background: #333;
  position: absolute;
  bottom: -1px;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(3) {
  text-align: right;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(3) span {
  cursor: pointer;
}
.hallContent .screenBox .filterDropdownBox .ant-row .ant-col-8:nth-child(3) i {
  margin: 0 0 0 8px;
}
.hallContent .filterContent {
  padding: 13px 0 17px 0;
  background: #fff;
  display: none;
}
.hallContent .filterContent .w12 {
  position: relative;
}
.hallContent .filterContent > div {
  text-align: right;
}
.hallContent .filterContent > div .ant-checkbox-wrapper + span {
  padding: 0;
  cursor: pointer;
}
.hallContent .filterContent > div .place {
  margin: 0 31px 0 0;
}
.hallContent .filterContent > div .ant-checkbox-wrapper {
  margin: 0 18px 0 0;
}
.hallContent .filterContent .ant-input-affix-wrapper .ant-input:not(:last-child) {
  border-radius: 20px;
  background: #dbdbda;
}
.hallContent .filterContent .ant-input-affix-wrapper .ant-input:not(:last-child):focus {
  background: #fff;
}
.hallContent .filterContent .ant-input:focus {
  box-shadow: none;
}
.hallContent .filterContent .ant-input {
  padding-left: 21px;
}
.hallContent .filterContent .ant-input:hover,
.hallContent .filterContent .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #dbdbda !important;
}
.hallContent .filterContent .placeBox {
  width: 350px;
  height: 340px;
  padding: 15px 12px;
  background: #fff;
  box-shadow: 0 4px 5px rgba(36, 36, 36, 0.24);
  position: absolute;
  right: 0;
  bottom: -370px;
  z-index: 22;
  overflow-y: auto;
  display: none;
}
.hallContent .filterContent .placeBox .hotCityBox {
  border-bottom: 1px dashed #5a9de9;
  padding: 0 20px;
}
.hallContent .filterContent .placeBox .hotCityBox p {
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 1.1;
  margin: 0 0 8px 0;
}
.hallContent .filterContent .placeBox .hotCityBox ul:after {
  display: block;
  content: '';
  clear: both;
}
.hallContent .filterContent .placeBox .hotCityBox ul li {
  width: 20%;
  text-align: center;
  line-height: 1.1;
  float: left;
  margin: 0 0 10px 0;
}
.hallContent .filterContent .placeBox .hotCityBox ul li span {
  display: inline-block;
  padding: 5px 8px;
  color: #666;
  font-size: 14px;
  line-height: 1.1;
}
.hallContent .filterContent .placeBox .hotCityBox ul li span:hover {
  background: #3377c4;
  color: #fff;
}
.hallContent .filterContent .placeBox .hotCityBox ul .cityActive span {
  background: #3377c4;
  color: #fff;
}
.hallContent .filterContent .placeBox .otherCityBox {
  margin: 15px 0 0 0;
  padding: 0 20px;
}
.hallContent .filterContent .placeBox .otherCityBox p {
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 1.1;
  margin: 0 0 8px 0;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox {
  text-align: left;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox > li {
  width: 20%;
  display: inline-block;
  text-align: center;
  position: relative;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox > li span {
  display: block;
  padding: 5px 8px;
  color: #666;
  line-height: 1.1;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox > li .secondCityBox {
  position: absolute;
  width: 286px;
  padding: 11px 9px;
  border: 1px solid #5a9de9;
  top: 24px;
  z-index: -1;
  text-align: left;
  display: none;
  background: #fff;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox > li .secondCityBox li {
  display: inline-block;
  width: 14.28%;
  font-size: 12px;
  color: #999;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox > li .secondCityBox .secondCityActive {
  color: #5a9de9;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox .otherCityActive {
  z-index: 22;
}
.hallContent .filterContent .placeBox .otherCityBox .outsideBox .otherCityActive span {
  background: #fff;
  border: 1px solid #5a9de9;
  border-bottom: none;
  padding: 5px 8px 6px 8px;
  color: #397ecd;
}
.hallContent .findMoreBox {
  margin: 0 0 54px 0;
}
.hallContent .findMoreBox .findMoreTitle {
  color: #333;
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.hallContent .findMoreBox .findMoreItemBox {
  margin: 0 0 0 -23px;
}
.hallContent .findMoreBox .findMoreItemBox:after {
  content: "";
  display: block;
  clear: both;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem {
  cursor: pointer;
  padding: 0 0 0 23px;
  width: 25%;
  font-size: 0;
  float: left;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem > div:hover {
  box-shadow: 0 5px 15px rgba(127, 126, 126, 0.14);
  cursor: pointer;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem .findMoreImg {
  position: relative;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem .findMoreImg > img:first-child {
  height: 207px;
  display: block;
  width: 100%;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem .findMoreImg .recommendTag {
  right: 9px;
  top: 11px;
  position: absolute;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem .findMoreContent {
  padding: 20px 15px 30px 15px;
  background: #fff;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem .findMoreContent p {
  color: #333;
  font-size: 16px;
  margin: 0 0 15px 0;
  line-height: 1.1;
}
.hallContent .findMoreBox .findMoreItemBox .findMoreItem .findMoreContent p:last-child {
  color: #999;
  font-size: 14px;
  margin: 0;
}
.hallContent .fineProjectBox {
  display: none;
  background: #fff;
  padding: 53px 0 51px 0;
  margin: 26px 0 0 0;
}
.hallContent .fineProjectBox .proTitle {
  color: #333;
  font-size: 30px;
  line-height: 1.1;
  margin: 0 0 31px 0;
  text-align: center;
}
.hallContent .fineProjectBox .proContent p {
  color: #999;
  font-size: 14px;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 15px 0;
}
.hallContent .fineProjectBox .proContent .proContentSpan {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.hallContent .fineProjectBox .entry {
  display: block;
  text-align: center;
  color: #397ecd;
  font-size: 14px;
  line-height: 1.1;
  margin: 0 0 31px 0;
}
.hallContent .fineProjectBox .proIntroduceBox {
  text-align: center;
}
.hallContent .fineProjectBox .proIntroduceBox .proIntroduce {
  display: inline-block;
}
.hallContent .fineProjectBox .proIntroduceBox .proIntroduce li {
  text-align: center;
  margin: 0 95px 0 0;
  display: inline-block;
  font-size: 0;
}
.hallContent .fineProjectBox .proIntroduceBox .proIntroduce li:last-child {
  margin: 0;
}
.hallContent .fineProjectBox .proIntroduceBox .proIntroduce li .topPic {
  line-height: 1.1;
  font-size: 0;
}
.hallContent .fineProjectBox .proIntroduceBox .proIntroduce li .topPic i {
  font-size: 70px;
  display: inline-block;
}
.hallContent .fineProjectBox .proIntroduceBox .proIntroduce li p {
  margin: 20px 0 0 0;
  color: #666;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
}

.hallItemBox {
  margin: 31px 0 0 0;
}
.hallItemBox .ant-spin {
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 10px !important;
  max-height: 100% !important;
}
.hallItemBox .hallItemContent {
  margin: 0 0 0 -20px;
  font-size: 0;
}
.hallItemBox .hallItemContent .hallItem {
  display: inline-block;
  width: 20%;
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
}
.hallItemBox .hallItemContent .hallItem > div {
  position: relative;
  top: 0px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.hallItemBox .hallItemContent .hallItem > div:hover {
  box-shadow: 0 5px 15px rgba(127, 126, 126, 0.14);
  cursor: pointer;
  position: relative;
  top: -3px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.hallItemBox .hallItemContent .hallItem .itemTop {
  position: relative;
}
.hallItemBox .hallItemContent .hallItem .itemTop .hallItemImg {
  width: 100%;
  display: block;
  height: 168px;
}
.hallItemBox .hallItemContent .hallItem .itemTop .fineTag {
  position: absolute;
  right: 10px;
  top: 10px;
}
.hallItemBox .hallItemContent .hallItem .itemTop .deadline {
  padding: 6px;
  background: rgba(0, 0, 0, 0.42);
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
}
.hallItemBox .hallItemContent .hallItem .itemContent {
  padding: 20px 20px 10px 20px;
  background: #fff;
  font-size: 0;
  border-bottom: 1px solid #eee;
}
.hallItemBox .hallItemContent .hallItem .itemContent .titleMoney {
  margin: 0 0 11px 0;
}
.hallItemBox .hallItemContent .hallItem .itemContent .titleMoney p {
  width: 50%;
  font-size: 14px;
  color: #333;
  display: inline-block;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hallItemBox .hallItemContent .hallItem .itemContent .titleMoney p a {
  color: #333;
}
.hallItemBox .hallItemContent .hallItem .itemContent .titleMoney p:last-child {
  font-size: 16px;
  color: #ff9908;
  font-weight: bold;
  text-align: right;
}
.hallItemBox .hallItemContent .hallItem .itemContent .industry {
  color: #999;
  line-height: 1.1;
  margin: 0 0 26px 0;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hallItemBox .hallItemContent .hallItem .itemContent .state i {
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.hallItemBox .hallItemContent .hallItem .itemContent .state:after {
  content: '';
  display: block;
  clear: both;
}
.hallItemBox .hallItemContent .hallItem .itemContent .state p {
  float: left;
  color: #397ecd;
  font-size: 12px;
  line-height: 1.1;
}
.hallItemBox .hallItemContent .hallItem .itemContent .state p:last-child {
  float: right;
  color: #999;
}
.hallItemBox .hallItemContent .hallItem .itemContent .noTrust i,
.hallItemBox .hallItemContent .hallItem .itemContent .noTrust p {
  color: #999;
}
.hallItemBox .hallItemContent .hallItem .itemBtn {
  padding: 19px 0;
  text-align: center;
  line-height: 1.1;
  font-size: 14px;
  color: #397ecd;
  background: #fff;
  display: block;
}
.hallItemBox .hallPage {
  text-align: center;
  margin: 30px 0 46px 0;
}
.hallItemBox .noData {
  padding: 100px 0;
  text-align: center;
  font-size: 24px;
  color: #333;
}
.hallItemBox .noData i {
  font-size: 18px !important;
  margin: 0 10px 0 0 !important;
}

.IPRdetailsBody .topBg {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/IPR/detailsBodytopBg.jpg') no-repeat center center;
  background-size: cover;
  height: 580px;
  width: 100%;
  position: relative;
}
.IPRdetailsBody .topBg .topPosBox {
  background: #fff;
  position: absolute;
  top: 195px;
  left: 50%;
  margin-left: -600px;
  height: 464px;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
}
.IPRdetailsBody .topBg .topPosBox .ant-row {
  padding: 40px 0 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 {
  padding: 45px 75px 35px 75px;
  border-right: 1px solid #eceaea;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 .topPosLeftBanner {
  width: 100%;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 .topPosLeftBanner div {
  background: none;
  background-size: 100%;
  height: 272px;
  width: 246px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 .topPosLeftBanner .slick-dots {
  bottom: -30px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 .topPosLeftBanner .slick-dots .slick-active {
  background: #397ecd !important;
  border-radius: 50% !important;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 .topPosLeftBanner .slick-dots li {
  margin: 0 5px !important;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-8 .topPosLeftBanner .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(57, 126, 205, 0.3) !important;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 {
  padding: 0 0 0 55px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightTitle p {
  font-size: 20px;
  color: #333;
  display: inline-block;
  line-height: 1.1;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightTitle small {
  color: #999;
  font-size: 12px;
  display: inline-block;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightTitle small i {
  color: #397ecd;
  font-style: normal;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightTitleTips {
  margin: 20px 0 0 0;
  font-size: 14px;
  color: #666;
  line-height: 1.1;
  padding: 0 0 18px 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPrice {
  padding: 28px 0;
  border-top: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPrice p {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPrice p .ant-tooltip-inner {
  font-size: 12px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPrice p em {
  margin: 0 14px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPrice p i {
  color: #ff9908;
  font-size: 30px;
  font-style: normal;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPrice p i a {
  font-size: 20px;
  color: #ff9908;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal {
  line-height: 1.1;
  margin: 15px 0 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal p {
  display: inline-block;
  font-size: 14px;
  color: #999;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 -8px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal ul li {
  padding: 7px 8px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  cursor: pointer;
  position: relative;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal ul li:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal ul .liSelected {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .chooseSetMeal ul .liSelected:after {
  content: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/selectingTrade.png');
  display: block;
  position: absolute;
  right: -1px;
  bottom: -3px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPhone {
  margin: 15px 0 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPhone p {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPhone p em {
  margin: 0 14px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPhone .phoneNum {
  width: 200px;
  height: 36px;
  border: 1px solid #d8d8d8;
  padding: 0 8px;
  margin: 0 16px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPhone .verifyCode {
  width: 92px;
  height: 36px;
  border: 1px solid #d8d8d8;
  padding: 0 8px;
  display: inline-block;
  vertical-align: middle;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightPhone button {
  width: 92px;
  height: 36px;
  border: 1px solid #e3e3e3;
  line-height: 36px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #397ecd;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightConfrim {
  margin: 15px 0 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .topPosRightConfrim button {
  width: 260px;
  height: 46px;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  border: none;
  margin: 0 0 0 85px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .lastTips {
  margin: 15px 0 0 0;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .lastTips p {
  font-size: 12px;
  color: #999;
  line-height: 1.1;
  margin: 0 0 0 85px;
}
.IPRdetailsBody .topBg .topPosBox .ant-row .ant-col-16 .lastTips p i {
  color: #397ecd;
  font-style: normal;
  font-size: 12px;
}
.IPRdetailsBody .floorBodyBox .floorStep-1 {
  padding: 135px 0 74px 0;
  background: #fff;
}
.IPRdetailsBody .floorBodyBox .floorStep-2 {
  padding: 56px 0;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 {
  padding: 56px 0;
  background: #fff;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox {
  margin: 37px 0 0 0;
  padding: 0 66px;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox .ant-col-12 {
  margin: 0 0 15px 0;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox .ant-col-12 .questionTitle {
  width: 100%;
  height: 30px;
  background: #43c88f;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding: 0 15px;
  margin: 0 0 15px 0;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox .ant-col-12 .answerBox {
  min-height: 60px;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox .ant-col-12 .answerBox:after {
  display: block;
  content: '';
  clear: both;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox .ant-col-12 .answerBox p:first-child {
  padding: 0 0 0 15px;
  width: 9%;
  font-weight: bold;
  float: left;
  color: #43c88f;
  font-size: 14px;
}
.IPRdetailsBody .floorBodyBox .floorStep-3 .FAQbox .ant-col-12 .answerBox p:nth-child {
  float: left;
  width: 91%;
  font-size: 14px;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 {
  padding: 77px 0 99px 0;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/finance/adviserBoxBg.png') no-repeat center center;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox {
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  vertical-align: middle;
  overflow: hidden;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox li {
  padding: 42px 0;
  width: 20%;
  display: inline-block;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox li:hover {
  box-shadow: 0 6px 20px rgba(17, 114, 214, 0.3);
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox li img {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox li p {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 20px 0 10px 0;
  text-align: center;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox li div {
  text-align: center;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox li div a {
  display: inline-block;
  width: 120px;
  height: 32px;
  border: 1px solid #397ecd;
  line-height: 32px;
  text-align: center;
  color: #397ecd;
  background: none;
  cursor: pointer;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox .unLine img {
  -webkit-filter: grayscale(40%);
  -moz-filter: grayscale(40%);
  -ms-filter: grayscale(40%);
  -o-filter: grayscale(40%);
  filter: grayscale(40%);
  filter: gray;
}
.IPRdetailsBody .floorBodyBox .floorStep-4 .adviserItemBox .unLine div a {
  background: #e3e3e3;
  border: 1px solid #e3e3e3;
  color: #666;
}
.IPRdetailsBody .floorBodyBox .floorStepTitle {
  color: #333;
  line-height: 1.1;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.IPRdetailsBody .floorBodyBox .floorStepCutline {
  text-align: center;
}
.IPRdetailsBody .floorBodyBox .floorStepCutline span {
  display: inline-block;
  width: 36px;
  height: 3px;
  background: #999;
  margin: 15px 0;
}
.IPRdetailsBody .floorBodyBox .floorStepSubtitle {
  line-height: 1.1;
  color: #666;
  font-size: 14px;
  margin: 0 0 35px 0;
  text-align: center;
}
.IPRdetailsBody .floorBodyBox .floorStepSubtitle i {
  color: #397ecd;
  font-size: 24px;
  font-style: normal;
}

.featureBox {
  width: 100%;
  padding-top: 60px;
  margin-bottom: 200px;
}
.featureBox .feature {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.featureBox .feature a {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -100px;
  display: block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #666666;
  font-size: 14px;
  border-radius: 23px;
  border: solid 1px #8e8e8e;
}
.featureBox .feature a:hover {
  border: none;
  background-color: #e50012;
  color: #fff;
}

.partnerContentOut {
  padding-top: 60px;
  background-color: #f6f6f6;
}
.partnerContentOut .partnerContent .banDiv {
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.partnerContentOut .partnerContent .partnerContentBot {
  padding-top: 24px;
  width: 1200px;
  margin: auto;
  text-align: center;
}
.partnerContentOut .partnerContent .partnerContentBot .modelContent {
  font-size: 30px;
  color: #333333;
  display: block;
  margin-top: 70px;
}
.partnerContentOut .partnerContent .partnerContentBot .botBorderDiv {
  height: 2px;
  background-color: #c8c8c8;
  width: 40px;
  margin: auto;
  margin-bottom: 58px;
  margin-top: 14px;
}
.partnerContentOut .partnerContent .partnerContentBot .trademark {
  width: 1136px;
  height: 148px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.partnerContentOut .partnerContent .partnerContentBot .trademark img {
  height: 113px;
  width: 113px;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkb {
  width: 1136px;
  height: 148px;
  border-bottom: 1px #ededed solid;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkb div {
  justify-content: space-around;
  align-items: center;
  height: 147px;
  width: 25%;
  border-right: 1px #ededed solid;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkb div img {
  height: 113px;
  width: 113px;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkbt {
  width: 1136px;
  height: 148px;
  border-bottom: 1px #ededed solid;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkbt div {
  justify-content: space-around;
  align-items: center;
  height: 147px;
  width: 20%;
  border-right: 1px #ededed solid;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkbt div img {
  height: 113px;
  width: 113px;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkbc {
  width: 1136px;
  height: 200px;
  border-bottom: 1px #ededed solid;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkbc div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  height: 147px;
  width: 33.3%;
  border-right: 1px #ededed solid;
}
.partnerContentOut .partnerContent .partnerContentBot .trademarkbc div img {
  height: 100px;
  width: 245px;
}
.partnerContentOut .partnerContent .senoirTeam {
  padding-top: 50px;
  height: 550px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/MegagameIndex/9a9ddd27629077.jpg');
  background-size: cover;
}
.partnerContentOut .partnerContent .senoirTeam .modelContent {
  font-size: 30px;
  color: #333333;
  display: block;
  text-align: center;
}
.partnerContentOut .partnerContent .senoirTeam .botBorderDiv {
  height: 2px;
  background-color: #c8c8c8;
  width: 40px;
  margin: auto;
  margin-bottom: 58px;
  margin-top: 14px;
}
.partnerContentOut .partnerContent .senoirTeam .teamContent {
  width: 1300px;
  display: flex;
  flex-direction: row;
  margin: auto;
}
.partnerContentOut .partnerContent .senoirTeam .teamContent div {
  width: 22%;
  height: 330px;
  margin-right: 12px;
  position: relative;
}
.partnerContentOut .partnerContent .senoirTeam .teamContent div .introduceTitle {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 18px 0px 0px 20px;
  height: 75px;
  width: 100%;
  background: #000;
  opacity: 0.6;
  color: #ffffff;
}
.partnerContentOut .partnerContent .senoirTeam .teamContent div .introduceTitle span {
  font-size: 16px;
}
.partnerContentOut .partnerContent .senoirTeam .teamContent div .introduceTitle p {
  font-size: 14px;
}
.partnerContentOut .partnerContent .senoirTeam .teamContent div img {
  height: 100%;
  width: 100%;
}
.partnerContentOut .partnerContent .partMediaOut {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  background-color: #ffffff;
}
.partnerContentOut .partnerContent .partMediaOut .modelContent {
  font-size: 30px;
  color: #333333;
  display: block;
}
.partnerContentOut .partnerContent .partMediaOut .botBorderDiv {
  height: 2px;
  background-color: #c8c8c8;
  width: 40px;
  margin: auto;
  margin-bottom: 58px;
  margin-top: 14px;
}
.partnerContentOut .partnerContent .partMediaOut .partMedia {
  width: 1200px;
  margin: auto;
  height: 150px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.partnerContentOut .partnerContent .partMediaOut .partMedia img {
  width: 193px;
  height: 100px;
}

body {
  background-color: #f3f4f5;
}
.megagaOut {
  padding-top: 60px;
}
.megagaOut .MegagameWorksBox {
  width: 100%;
}
.megagaOut .MegagameWorksBox .worksBannerBox {
  position: relative;
  width: 100%;
  height: 221px;
}
.megagaOut .MegagameWorksBox .worksBannerBox img {
  width: 100%;
  height: 100%;
}
.megagaOut .MegagameWorksBox .worksBannerBox a {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -62px;
  width: 124px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  background: #e60012;
}
.megagaOut .megagaGameList {
  width: 1200px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 60px;
}
.megagaOut .megagaGameList .typeTabs {
  width: 100%;
  height: 70px;
  background-color: #fff;
}
.megagaOut .megagaGameList .typeTabs .typesTabSingle {
  height: 70px;
  width: 100px;
  margin-left: 31px;
  float: left;
  border-bottom: none;
  line-height: 70px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 20px;
  cursor: pointer;
}
.megagaOut .megagaGameList .typeTabs .typesTabSingle:hover {
  border-bottom: 4px #e2112e solid;
}
.megagaOut .megagaGameList .typeTabs .typeNowTab {
  height: 70px;
  width: 100px;
  margin-left: 31px;
  float: left;
  border-bottom: none;
  line-height: 70px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 20px;
  cursor: pointer;
  border-bottom: 4px #e2112e solid;
}
.megagaOut .megagagameConList {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 55px;
}
.megagaOut .megagagameConList .megagagameSingleCon {
  margin-bottom: 20px;
  width: 590px;
  background-color: #fff;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaSingleImg {
  width: 100%;
  height: 288px;
  margin-bottom: 20px;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont {
  width: 100%;
  height: 60px;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont div {
  width: 50%;
  float: left;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontL {
  text-align: left;
  padding-left: 16px;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontL p {
  font-size: 16px;
  color: #666666;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontL span {
  font-size: 16px;
  color: #e2112e;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontR {
  text-align: right;
  padding-right: 35px;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontR .distantEnd {
  font-size: 14px;
  color: #666666;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontR .distantEnd a {
  color: #666666;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontR .distantEnd span {
  display: inline-block;
  height: 16px;
  border: 1px #e2112e solid;
  color: #e2112e;
  line-height: 16px;
  text-align: center;
  padding: 0px 3px;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontR .distantEndHis {
  height: 16px;
  font-size: 14px;
  color: #ffffff;
  padding: 0px 8px;
  background-color: #a9a9a9;
  line-height: 16px;
  text-align: center;
}
.megagaOut .megagagameConList .megagagameSingleCon .megagaBotFont .megagaBotFontR p {
  font-size: 12px;
  color: #999999;
}
.megagaOut .paginationStyle {
  text-align: center;
}

.releaseOut {
  padding-top: 60px;
  background-color: #f3f4f5;
}
.releaseOut .releaseContent {
  margin-bottom: 58px;
}
.releaseOut .releaseContent .releaseContentForm {
  width: 1200px;
  margin: auto;
  padding-top: 25px;
}
.releaseOut .releaseContent .releaseContentForm span {
  font-size: 14px;
  color: #333333;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm {
  margin-top: 20px;
  width: 100%;
  clear: both;
  overflow: hidden;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft {
  margin-right: 20px;
  float: left;
  width: 849px;
  background-color: #ffffff;
  padding: 40px 0px 60px 45px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formTitle {
  font-size: 16px;
  color: #333333;
  padding-left: 10px;
  border-left: 2px #c8c8c8 solid;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingle {
  margin-top: 28px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingle .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingle .spanTitle span {
  color: #e50012;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingle .ant-checkbox-group {
  display: inline-block;
  width: 500px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingleText {
  margin-top: 28px;
  margin-bottom: 40px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingleText span {
  color: #333333;
  font-size: 14px;
  margin-right: 23px;
  vertical-align: top;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingleTextFin {
  margin-top: 28px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingleTextFin .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
  vertical-align: top;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormLeft .formSingleTextFin .spanTitle span {
  color: #e50012;
  vertical-align: top;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft {
  float: left;
  width: 330px;
  height: 100px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseDivTitle {
  display: block;
  height: 50px;
  padding: 17px 0px 16px 24px;
  border-bottom: 1px #f0f0f0 solid;
  color: #333333;
  font-size: 16px;
  margin-bottom: 26px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAbout {
  background-color: #ffffff;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAbout .aboutTitle {
  font-size: 14px;
  color: #333333;
  display: block;
  width: 273px;
  margin: auto;
  padding-bottom: 28px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseRight {
  margin-top: 29px;
  background-color: #ffffff;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseRight ul li {
  padding-right: 22px;
  padding-left: 16px;
  padding-bottom: 20px;
  height: auto;
  clear: both;
  overflow: hidden;
  content: '.';
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseRight ul li img {
  height: 14px;
  width: 14px;
  margin-right: 6px;
  display: block;
  float: left;
  margin-top: 5px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseRight ul li span {
  font-size: 14px;
  color: #333333;
  display: block;
  float: left;
  width: 266px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAdvanage {
  margin-top: 29px;
  background-color: #ffffff;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAdvanage ul {
  clear: both;
  overflow: hidden;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAdvanage ul li {
  width: 165px;
  height: 44px;
  float: left;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 55px;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAdvanage ul li img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  display: inline-block;
}
.releaseOut .releaseContent .releaseContentForm .releaseForm .releaseFormReft .releaseAdvanage ul li span {
  line-height: 22px;
  font-size: 16px;
  color: #333333;
  display: inline-block;
  width: 80px;
}
.lastBotTop {
  height: 180px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/MegagameIndex/123.jpg');
  background-size: contain;
  padding-top: 30px;
}
.lastBotTop .lastBotTopContent {
  width: 1200px;
  height: 120px;
  margin: auto;
  display: flex;
  flex-direction: row;
}
.lastBotTop .lastBotTopContent .singleDiv {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.lastBotTop .lastBotTopContent .singleDiv .lastDivLeft {
  width: 200px;
  height: 100%;
}
.lastBotTop .lastBotTopContent .singleDiv .lastDivLeft .theOneSpan {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.26);
  border-bottom: 2px rgba(255, 255, 255, 0.26) solid;
}
.lastBotTop .lastBotTopContent .singleDiv .lastDivLeft .botSpan {
  font-size: 16px;
  color: #ffffff;
  margin-top: 20px;
}
.lastBotTop .lastBotTopContent .singleDiv .lastDivRight {
  width: 50px;
  height: 100%;
  margin-top: 45px;
}

.megaRule {
  background-color: #f3f4f5;
  width: 100%;
  padding-top: 90px;
}
.megaRule .megaRuleContent {
  width: 1197px;
  margin: auto;
  clear: both;
  overflow: hidden;
}
.megaRule .megaRuleContent::after {
  content: '.';
  clear: both;
  overflow: hidden;
}
.megaRule .megaRuleContent .megaRuleContentLeft {
  width: 200px;
  height: 314px;
  background-color: #ffffff;
  float: left;
  margin-right: 26px;
}
.megaRule .megaRuleContent .megaRuleContentLeft .spanTitle {
  display: block;
  height: 80px;
  border-bottom: 1px #eeeeee solid;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  color: #333333;
}
.megaRule .megaRuleContent .megaRuleContentLeft .spanBot {
  padding-top: 25px;
}
.megaRule .megaRuleContent .megaRuleContentLeft .spanBot .spanList {
  height: 58px;
  text-align: center;
  line-height: 58px;
  font-size: 14px;
  color: #666666;
  display: block;
}
.megaRule .megaRuleContent .megaRuleContentLeft .spanBot .activeSpanlist {
  height: 58px;
  text-align: center;
  line-height: 58px;
  font-size: 14px;
  color: #e2112e;
  display: block;
}
.megaRule .megaRuleContent .megaRuleContentRight {
  width: 969px;
  background-color: #ffffff;
  float: left;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduceo {
  padding: 57px 52px 80px 57px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroducet {
  padding: 57px 52px 80px 57px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce {
  padding: 57px 72px 80px 87px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce h3 {
  font-size: 16px;
  margin-bottom: 26px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p {
  font-size: 14px;
  color: #333333;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(2) {
  margin-bottom: 24px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(3) {
  margin-top: 37px;
  margin-bottom: 22px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(5) {
  margin-bottom: 24px;
  margin-top: 24px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(7) {
  margin-bottom: 24px;
  margin-top: 24px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(8) {
  margin-bottom: 24px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(9) {
  margin-bottom: 15px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(11) {
  margin-top: 24px;
  margin-bottom: 15px;
}
.megaRule .megaRuleContent .megaRuleContentRight .priseIntroduce p:nth-child(12) {
  margin-bottom: 15px;
}

.publicTabStyle {
  display: block;
  height: 32px;
  width: 118px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  border-radius: 16px;
  cursor: pointer;
}
.showAll {
  width: 100%;
  background-color: #f6f6f6;
}
.showAll .showBanner {
  height: 278px;
  width: 100%;
  padding-top: 60px;
}
.showAll .showBanner img {
  width: 100%;
  height: 200px;
}
.showAll .megagameContent {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.showAll .megagameContent .contentTitle {
  width: 200px;
  margin: 0 auto;
}
.showAll .megagameContent .contentTitle p:nth-child(1) {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  color: #333333;
}
.showAll .megagameContent .contentTitle p:nth-child(2) {
  width: 41px;
  height: 3px;
  background-color: #c8c8c8;
  margin: 0 auto;
}
.showAll .megagameContent .megagameTab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 32px;
}
.showAll .megagameContent .megagameTab .megameTabSingle {
  display: block;
  height: 32px;
  width: 118px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  border-radius: 16px;
  cursor: pointer;
  border: 1px #999999 solid;
  color: #999999;
  margin-right: 12px;
  margin-top: 10px;
}
.showAll .megagameContent .megagameTab .megameTabSingleSwi {
  display: block;
  height: 32px;
  width: 118px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  border-radius: 16px;
  cursor: pointer;
  border: 1px #e2112e solid;
  color: #e2112e;
  margin-right: 12px;
  margin-top: 10px;
}
.showAll .megagameContent .worksTabs {
  width: 1200px;
  padding-bottom: 78px;
}
.showAll .megagameContent .worksTabs .box {
  margin-bottom: 61px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.showAll .megagameContent .worksTabs .box .botBox {
  margin-top: 8px;
  width: 390px;
  background-color: #ffffff;
  padding: 23px 12px 18px 15px;
  margin-right: 10px;
}
.showAll .megagameContent .worksTabs .box .botBox .title a {
  display: block;
  font-size: 16px;
  color: #333333;
  width: 370px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.showAll .megagameContent .worksTabs .box .botBox .designSpan {
  display: block;
  height: 20px;
  width: 68px;
  background-color: #f3f4f5;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #999999;
  margin-top: 8px;
}
.showAll .megagameContent .worksTabs .box .botBox .likeBox {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.showAll .megagameContent .worksTabs .box .botBox .likeBox span:first-child {
  font-size: 16px;
  color: #ff7919;
}
.showAll .megagameContent .worksTabs .box .botBox .likeBox span:first-child .priceBef {
  font-size: 14px;
  color: #ff7919;
}
.showAll .megagameContent .worksTabs .box .botBox .likeBox span:last-child {
  font-size: 14px;
  color: #666666;
}

body {
  background-color: #f3f4f5;
}
.registerContent {
  padding-top: 90px;
  width: 1197px;
  margin: auto;
  clear: both;
  overflow: hidden;
}
.registerContent::after {
  content: '.';
  clear: both;
  overflow: hidden;
}
.registerContent .registerContentLeft {
  width: 200px;
  background-color: #ffffff;
  float: left;
  margin-right: 26px;
}
.registerContent .registerContentLeft .spanTitle {
  display: block;
  height: 80px;
  border-bottom: 1px #eeeeee solid;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  color: #333333;
}
.registerContent .registerContentLeft .spanBot {
  padding-top: 25px;
  padding-bottom: 25px;
}
.registerContent .registerContentLeft .spanBot .spanList {
  height: 58px;
  text-align: center;
  line-height: 58px;
  font-size: 14px;
  color: #666666;
  display: block;
}
.registerContent .registerContentLeft .spanBot .activeSpanlist {
  height: 58px;
  text-align: center;
  line-height: 58px;
  font-size: 14px;
  color: #e2112e;
  display: block;
}
.registerContent .registerContentRight {
  width: 969px;
  float: left;
}
.registerContent .registerContentRight .registerTab {
  height: 54px;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 16px;
}
.registerContent .registerContentRight .registerTab .reTabSingle {
  display: inline-block;
  height: 54px;
  line-height: 54px;
  margin-left: 32px;
  margin-right: 32px;
}
.registerContent .registerContentRight .registerTab .reTabSingle:hover {
  border-bottom: 2px #e2112e solid;
}
.registerContent .registerContentRight .registerTab .activeTabSingle {
  display: inline-block;
  height: 54px;
  line-height: 54px;
  margin-left: 32px;
  margin-right: 32px;
  border-bottom: 2px #e2112e solid;
}
.registerContent .registerContentRight .tabData {
  width: 100%;
  background-color: #ffffff;
  padding: 33px;
}
.registerContent .registerContentRight .tabData .formTop {
  width: 100%;
}
.registerContent .registerContentRight .tabData .formTop .ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.registerContent .registerContentRight .tabData .formTop .inputSize {
  height: 40px;
  width: 225px;
  margin-bottom: 25px;
  font-size: 14px;
  color: #999999;
  margin-right: 30px;
}
.registerContent .registerContentRight .tabData .formTop .selectSize {
  width: 225px;
  margin-bottom: 25px;
  font-size: 14px;
  color: #999999;
  vertical-align: top;
  margin-right: 30px;
  line-height: 40px;
}
.registerContent .registerContentRight .tabData .formTop .selectSize .ant-select-selection__rendered {
  line-height: 39px;
}
.registerContent .registerContentRight .tabData .formTop .issueDate {
  font-size: 14px;
  color: #333333;
  margin-right: 10px;
}
.registerContent .imgTabPageOut {
  width: 969px;
  float: left;
}
.registerContent .imgTabPageOut .imgTabTop {
  width: 100%;
  height: 88px;
  background-color: #ffffff;
}
.registerContent .imgTabPageOut .imgTabTop .ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.registerContent .imgTabPageOut .imgTabTop .selectSizes {
  font-size: 14px;
  color: #999999;
  margin-left: 30px;
  margin-top: 22px;
}
.registerContent .imgTabPageOut .imgTabTop .rightCheckBbox {
  float: right;
  padding-top: 30px;
}
.registerContent .imgTabPageOut .imgTabTop .rightCheckBbox .thumbs {
  font-size: 14px;
  color: #e2112e;
}
.registerContent .imgTabPageOut .imgListBot {
  width: 100%;
  margin-top: 20px;
}
.registerContent .imgTabPageOut .imgListBot .empolyData {
  margin-top: 30px;
  font-size: 14px;
  color: #999999;
  display: block;
  text-align: center;
}
.registerContent .imgTabPageOut .imgListBot .box {
  display: block;
  position: relative;
  float: left;
  width: 288px;
  height: 374px;
  background: #fff;
  margin: 0 16px 16px 0;
}
.registerContent .imgTabPageOut .imgListBot .box:hover .activeBox {
  display: block;
}
.registerContent .imgTabPageOut .imgListBot .box .activeBox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 38px;
  line-height: 38px;
  opacity: 0.4;
  background-color: #000000;
}
.registerContent .imgTabPageOut .imgListBot .box .activeBox .ant-checkbox {
  padding-left: 12px;
}
.registerContent .imgTabPageOut .imgListBot .box .activeBox .ant-checkbox-wrapper {
  color: rgba(255, 255, 255, 0.7);
}
.registerContent .imgTabPageOut .imgListBot .box .activeBox .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background: #fff;
  border: 1px solid #fff;
}
.registerContent .imgTabPageOut .imgListBot .box .activeBox .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner:after {
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
}
.registerContent .imgTabPageOut .imgListBot .box .imgBox {
  width: 288px;
  height: 288px;
}
.registerContent .imgTabPageOut .imgListBot .box .imgBox img {
  width: 100%;
  height: 100%;
}
.registerContent .imgTabPageOut .imgListBot .box .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 23px 16px 24px;
}
.registerContent .imgTabPageOut .imgListBot .box .botBox .title {
  font-size: 14px;
  color: #666;
}
.registerContent .imgTabPageOut .imgListBot .box .botBox .likeBox {
  font-size: 12px;
  margin-top: 8px;
}
.registerContent .imgTabPageOut .imgListBot .box .botBox .likeBox p:nth-child(1) {
  float: left;
  color: #999;
}
.registerContent .imgTabPageOut .imgListBot .box .botBox .likeBox p:nth-child(2) {
  float: right;
  color: #e2112e;
}
.registerContent .imgTabPageOut .imgListBot .box:nth-child(3n) {
  margin-right: 0;
}
.useStyle {
  color: #e2112e;
  font-size: 14px;
}
.useStyle a {
  color: #e2112e;
  font-size: 14px;
}

.megagamesCompetition .regTkCon {
  height: 500px;
  overflow-y: auto;
}
.signUpOut {
  padding-top: 60px;
  background-color: #f3f4f5;
}
.signUpOut .line {
  height: 20px;
  background-color: #169bd5;
  padding-right: 2px;
}
.signUpOut .bannerImg {
  width: 100%;
  height: 221px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/blue-industy/upload-production.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.signUpOut .uploadDiv {
  width: 1200px;
  margin: auto;
}
.signUpOut .uploadDiv .pageUrl {
  font-size: 14px;
  color: #333333;
}
.signUpOut .uploadDiv .appltInfo {
  width: 100%;
  background-color: #ffffff;
  padding: 0px 45px 29px 45px;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}
.signUpOut .uploadDiv .appltInfo .applyTitle {
  margin-top: 20px;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px #e3e3e3 solid;
}
.signUpOut .uploadDiv .appltInfo .save {
  width: 193px;
  height: 40px;
  background-color: #169bd5;
  border-radius: 5px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  margin: 20px 0;
  cursor: pointer;
}
.signUpOut .uploadDiv .appltInfo .teamName {
  margin-left: 70px;
}
.signUpOut .uploadDiv .appltInfo .signformSingle {
  margin-top: 28px;
  display: inline-block;
  margin-right: 80px;
}
.signUpOut .uploadDiv .appltInfo .signformSingle .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.signUpOut .uploadDiv .appltInfo .signformSingle .spanTitle span {
  color: #e50012;
}
.signUpOut .uploadDiv .appltInfo .signformSingle .ant-checkbox-group {
  display: inline-block;
  width: 500px;
}
.signUpOut .uploadDiv .SubInfo {
  width: 100%;
  background-color: #ffffff;
  padding: 0px 45px 29px 45px;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
  font-size: 14px;
  color: #333333;
}
.signUpOut .uploadDiv .SubInfo .subApplyTitle {
  margin-top: 20px;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px #e3e3e3 solid;
}
.signUpOut .uploadDiv .SubInfo .userInfo {
  display: inline-block;
  margin-top: 25px;
  margin-right: 150px;
  margin-bottom: 12px;
}
.signUpOut .uploadDiv .workInformation {
  margin-top: 18px;
  padding: 40px 112px 84px 45px;
  background-color: #ffffff;
  margin-bottom: 60px;
}
.signUpOut .uploadDiv .workInformation .upload-time {
  margin-top: 20px;
  color: #333333;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}
.signUpOut .uploadDiv .workInformation .upload-time span {
  font-size: 20px;
  color: #e2112e;
}
.signUpOut .uploadDiv .workInformation .signformSingle {
  margin-top: 28px;
  margin-right: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.signUpOut .uploadDiv .workInformation .signformSingle .upload-btn-work {
  width: 160px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #f40b0b;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #f40b0b;
  cursor: pointer;
}
.signUpOut .uploadDiv .workInformation .signformSingle .span-work-title {
  height: 40px;
  line-height: 40px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .work-item {
  display: flex;
  justify-content: center;
  margin-right: 100px;
  margin-top: 13px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .span-work-subtitle {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  position: absolute;
  left: 250px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .spanTitle span {
  color: #e50012;
}
.signUpOut .uploadDiv .workInformation .signformSingle .ant-select-selection--single {
  height: 40px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .ant-select-selection__rendered {
  line-height: 40px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix {
  display: inline-block;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .uploadStyle {
  height: 220px;
  width: 220px;
  padding-top: 60px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .uploadStyle .ant-upload-text {
  width: 174px;
  margin: auto;
  line-height: 20px;
  margin-top: 15px;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .ant-upload-list-picture-card .ant-upload-list-item {
  padding: 0px;
  height: 220px;
  width: 220px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .ant-upload.ant-upload-select-picture-card {
  height: 220px;
  width: 220px;
  background-color: #ffffff;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .ant-upload.ant-upload-select-picture-card span {
  padding: 0px;
}
.signUpOut .uploadDiv .workInformation .promptMessage {
  margin-left: 135px;
  margin-top: 31px;
  font-size: 14px;
  color: #666666;
  display: block;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod {
  margin-top: 28px;
  display: block;
  margin-right: 25px;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod .spanTitle span {
  color: #e50012;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod .upLoadImg {
  width: 220px;
  height: 220px;
  border: 1px #e3e3e3 dotted;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.signUpOut .uploadDiv .agreement {
  margin-top: 30px;
}
.signUpOut .uploadDiv .agreement .registerDesc {
  color: #169bd5;
  cursor: pointer;
}

.megagamesCompetition .regTkCon {
  height: 500px;
  overflow-y: auto;
}
.signUpOut {
  padding-top: 60px;
  background-color: #f3f4f5;
}
.signUpOut .line {
  height: 20px;
  background-color: #169bd5;
  padding-right: 2px;
}
.signUpOut .bannerImg {
  width: 100%;
  height: 221px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/game-page.png') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.signUpOut .uploadDiv {
  width: 1200px;
  margin: auto;
}
.signUpOut .uploadDiv .pageUrl {
  font-size: 14px;
  color: #333333;
}
.signUpOut .uploadDiv .appltInfo {
  width: 100%;
  background-color: #ffffff;
  padding: 0px 45px 29px 45px;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}
.signUpOut .uploadDiv .appltInfo .applyTitle {
  margin-top: 20px;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px #e3e3e3 solid;
}
.signUpOut .uploadDiv .appltInfo .save {
  width: 193px;
  height: 40px;
  background-color: #169bd5;
  border-radius: 5px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  margin: 20px 0;
  cursor: pointer;
}
.signUpOut .uploadDiv .appltInfo .teamName {
  margin-left: 70px;
}
.signUpOut .uploadDiv .appltInfo .signformSingle {
  margin-top: 28px;
  display: inline-block;
  margin-right: 80px;
}
.signUpOut .uploadDiv .appltInfo .signformSingle .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.signUpOut .uploadDiv .appltInfo .signformSingle .spanTitle span {
  color: #e50012;
}
.signUpOut .uploadDiv .appltInfo .signformSingle .ant-checkbox-group {
  display: inline-block;
  width: 500px;
}
.signUpOut .uploadDiv .SubInfo {
  width: 100%;
  background-color: #ffffff;
  padding: 0px 45px 29px 45px;
  margin-top: 20px;
  clear: both;
  overflow: hidden;
  font-size: 14px;
  color: #333333;
}
.signUpOut .uploadDiv .SubInfo .subApplyTitle {
  margin-top: 20px;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px #e3e3e3 solid;
}
.signUpOut .uploadDiv .SubInfo .userInfo {
  display: inline-block;
  margin-top: 25px;
  margin-right: 150px;
  margin-bottom: 12px;
}
.signUpOut .uploadDiv .workInformation {
  margin-top: 18px;
  padding: 40px 112px 84px 45px;
  background-color: #ffffff;
  margin-bottom: 60px;
}
.signUpOut .uploadDiv .workInformation .upload-time {
  margin-top: 20px;
  color: #333333;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}
.signUpOut .uploadDiv .workInformation .upload-time span {
  font-size: 20px;
  color: #e2112e;
}
.signUpOut .uploadDiv .workInformation .signformSingle {
  margin-top: 28px;
  margin-right: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.signUpOut .uploadDiv .workInformation .signformSingle .upload-btn-work {
  width: 160px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #f40b0b;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #f40b0b;
  cursor: pointer;
}
.signUpOut .uploadDiv .workInformation .signformSingle .span-work-title {
  height: 40px;
  line-height: 40px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .work-item {
  display: flex;
  justify-content: center;
  margin-right: 100px;
  margin-top: 13px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .span-work-subtitle {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  position: absolute;
  left: 250px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .spanTitle span {
  color: #e50012;
}
.signUpOut .uploadDiv .workInformation .signformSingle .ant-select-selection--single {
  height: 40px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .ant-select-selection__rendered {
  line-height: 40px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix {
  display: inline-block;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .uploadStyle {
  height: 220px;
  width: 220px;
  padding-top: 60px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .uploadStyle .ant-upload-text {
  width: 174px;
  margin: auto;
  line-height: 20px;
  margin-top: 15px;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .ant-upload-list-picture-card .ant-upload-list-item {
  padding: 0px;
  height: 220px;
  width: 220px;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .ant-upload.ant-upload-select-picture-card {
  height: 220px;
  width: 220px;
  background-color: #ffffff;
}
.signUpOut .uploadDiv .workInformation .signformSingle .clearfix .ant-upload.ant-upload-select-picture-card span {
  padding: 0px;
}
.signUpOut .uploadDiv .workInformation .promptMessage {
  margin-left: 135px;
  margin-top: 31px;
  font-size: 14px;
  color: #666666;
  display: block;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod {
  margin-top: 28px;
  display: block;
  margin-right: 25px;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod .spanTitle span {
  color: #e50012;
}
.signUpOut .uploadDiv .workInformation .signformSingleUplod .upLoadImg {
  width: 220px;
  height: 220px;
  border: 1px #e3e3e3 dotted;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.signUpOut .uploadDiv .agreement {
  margin-top: 30px;
}
.signUpOut .uploadDiv .agreement .registerDesc {
  color: #169bd5;
  cursor: pointer;
}

@keyframes mymove1 {
  from {
    top: 0px;
  }
  to {
    top: -5800px;
  }
}
@-webkit-keyframes mymove1 {
  /* Safari and Chrome */
  from {
    top: 0px;
  }
  to {
    top: -5800px;
  }
}
@keyframes mymove2 {
  from {
    top: 0px;
  }
  to {
    top: -7320px;
  }
}
@-webkit-keyframes mymove2 {
  /* Safari and Chrome */
  from {
    top: 0px;
  }
  to {
    top: -7320px;
  }
}
@keyframes mymove3 {
  from {
    top: 0px;
  }
  to {
    top: -850px;
  }
}
@-webkit-keyframes mymove3 {
  /* Safari and Chrome */
  from {
    top: 0px;
  }
  to {
    top: -850px;
  }
}
.lunboDiv1 {
  height: 310px;
  width: 360px;
  margin: 0px;
  overflow: hidden;
}
.lunboDiv1 .nationMegagameBoxss1 {
  margin-top: 40px;
  height: 310px;
  width: 360px;
  position: relative;
}
.lunboDiv1 .nationMegagameBoxss1:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.lunboDiv1 .move1 {
  animation: mymove1 110s;
  -webkit-animation: mymove1 110s;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.lunboDiv1 .move2 {
  animation: mymove2 120s;
  -webkit-animation: mymove2 120s;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.lunboDiv1 .move3 {
  animation: mymove3 20s;
  -webkit-animation: mymove3 20s;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.topBlock .logo {
  width: 100%;
  height: 460px;
  position: relative;
}
.topBlock .logo .bannerBox {
  width: 100%;
  height: 460px;
}
.topBlock .logo .bannerBox .banDiv {
  width: 100%;
  display: block;
  height: 460px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.topBlock .logo .gameCount {
  position: absolute;
  width: 1200px;
  height: 84px;
  background-color: #fff;
  bottom: -68px;
  left: 50%;
  transform: translateX(-50%);
}
.topBlock .logo .gameCount .innerCount {
  width: 1030px ;
  height: 100%;
  margin: 0 auto;
}
.topBlock .logo .gameCount .innerCount div {
  width: 343px;
  float: left;
  text-align: center;
  line-height: 84px;
}
.topBlock .logo .gameCount .innerCount div span {
  color: #333333;
  font-size: 14px;
}
.topBlock .logo .gameCount .innerCount div span:nth-child(3) {
  font-size: 30px;
  vertical-align: middle;
}
.topBlock .gameKinds {
  width: 100%;
  height: 801px;
  padding-top: 90px;
  background-color: #f6f6f6;
}
.topBlock .gameKinds div.smallTitle {
  font-size: 14px;
  color: #333333;
  text-align: center;
  margin: 0 auto 50px ;
  width: 600px;
  height: 24px;
  overflow: hidden;
}
.topBlock .gameKinds div.smallTitle .smallTitleInner {
  color: #999;
}
.topBlock .gameKinds .innerKinds {
  width: 1200px;
  height: 583px;
  margin: 0 auto;
}
.topBlock .gameKinds .innerKinds .kindsItem {
  width: 390px ;
  height: 583px;
  margin-right: 15px;
  float: left;
}
.topBlock .gameKinds .innerKinds .kindsItem .img {
  height: 207px;
  cursor: pointer;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent {
  width: 390px ;
  height: 376px;
  padding: 22px 15px 16px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0 rgba(227, 227, 227, 0.8);
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 0.95;
  color: #333333;
  margin-bottom: 15px;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent {
  padding-top: 15px;
  width: 360px;
  height: 110px;
  border-bottom: solid 1px #e3e3e3 !important;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent p:nth-child(1) a {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent p:nth-child(2) {
  width: 78px;
  height: 20px;
  border-radius: 10px;
  background-color: #f3f4f5;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #999999;
  line-height: 20px;
  margin: 5px 0 10px;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent p:nth-child(3) .innerLeft {
  font-size: 16px;
  color: #ff7919;
  display: block;
  float: left;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent p:nth-child(3) .innerLeft .renminBit {
  font-size: 14px;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent p:nth-child(3) .innerRight {
  font-size: 14px;
  color: #999999;
  display: block;
  float: right;
}
.topBlock .gameKinds .innerKinds .kindsItem .itemContent .innerContent:last-child {
  border-bottom: 0;
}
.topBlock .gameKinds .innerKinds .kindsItem:nth-child(3) {
  margin-right: 0;
}
.centerBlock .createGame {
  width: 100%;
  height: 620px;
  background-color: #fff;
}
.centerBlock .createGame p:nth-child(1) {
  text-align: center;
  font-size: 30px ;
  color: #333;
  margin: 76px 0 15px;
  font-weight: 900;
}
.centerBlock .createGame p:nth-child(2) {
  text-align: center;
  font-size: 18px ;
  color: #999;
  margin-bottom: 50px;
}
.centerBlock .createGame p:nth-child(4) {
  text-align: center;
  font-size: 14px ;
  color: #333;
  margin-bottom: 10px;
  margin-top: 40px;
}
.centerBlock .createGame p:nth-child(5) a {
  width: 204px;
  display: block;
  margin: 0 auto;
}
.centerBlock .createGame p:nth-child(5) a p {
  display: block;
  margin: 15px auto 10px ;
  border-radius: 20px;
  border: solid 1px #e2112e;
  height: 40px;
  width: 204px;
  text-align: center;
  font-size: 14px ;
  color: #e2112e;
  line-height: 40px;
  font-weight: normal;
}
.centerBlock .createGame p:nth-child(5) a p:active {
  background-color: #e2112e;
  color: #FFFFFF;
}
.centerBlock .createGame .createImg {
  width: 1200px;
  margin: 0 auto;
}
.centerBlock .gameKinds1 {
  width: 100%;
  height: 657px;
  background-color: #f6f6f6;
  padding-top: 50px;
}
.centerBlock .gameKinds1 .showAllClick {
  display: block;
  width: 120px;
  margin: 0 auto;
}
.centerBlock .gameKinds1 .innerKinds1 {
  width: 1200px;
  height: 410px;
  margin: 0 auto;
  padding-top: 50px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item {
  width: 390px;
  height: 170px;
  margin-right: 15px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0 rgba(227, 227, 227, 0.8);
  float: left;
  margin-bottom: 15px;
  padding: 20px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .kind1Item_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.06;
  color: #333333;
  height: 36px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .kind1Item_title .itemLeft {
  float: left;
  font-size: 18px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .kind1Item_title .itemRight {
  float: right;
  color: #e2112e;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .item1Content .item1ContentKind {
  width: 113px;
  height: 34px;
  float: left;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .item1Content .item1ContentKind p {
  color: #666;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .item1Content .item1ContentKind:nth-child(3n+2) {
  width: 120px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .item1Content .item1ContentKind:nth-child(3n+1) {
  width: 123px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item .item1Content .item1ContentKind:nth-child(3n) {
  width: 107px;
}
.centerBlock .gameKinds1 .innerKinds1 .kind1Item:nth-child(3n) {
  margin-right: 0px;
}
.centerBlock .gameKinds1 .line {
  display: block;
  width: 41px;
  height: 3px;
  background-color: #c8c8c8;
  margin: 0 auto;
}
.centerBlock .gameKinds1 .showAll {
  height: 40px ;
  width: 120px;
  margin: 40px auto 0;
  border-radius: 20px;
  border: solid 1px #e2112e;
  line-height: 40px;
  color: #e2112e;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.centerBlock .gameKinds1 .showAll:active {
  background-color: #e2112e;
  color: #FFFFFF;
}
.centerBlock .gameShow {
  width: 100%;
  height: 1019px;
  background-color: #fff;
  padding-top: 50px;
}
.centerBlock .gameShow .innerKinds1 {
  width: 1200px;
  height: 410px;
  margin: 0 auto;
  padding-top: 50px;
}
.centerBlock .gameShow .innerKinds1 .kind1Item {
  width: 390px;
  height: 390px;
  margin-right: 15px;
  box-shadow: 0px 1px 6px 0 rgba(227, 227, 227, 0.8);
  float: left;
  margin-bottom: 15px;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a:hover .contentTitle {
  display: block;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a .contentTitle {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 72px;
  width: 100%;
  opacity: 0.6;
  background-color: #000000;
  padding: 10px;
  font-size: 18px;
  color: #fff;
  display: none;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a .contentTitle .contentTitle1 {
  font-size: 18px;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a .contentTitle .contentTitle2 {
  font-size: 14px;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a .contentTitle .contentTitle2 .titleLeft {
  margin-right: 120px;
}
.centerBlock .gameShow .innerKinds1 .kind1Item a .contentTitle .contentTitle2 .titleRight {
  margin-left: 10px;
}
.centerBlock .gameShow .innerKinds1 .kind1Item:nth-child(3n) {
  margin-right: 0px;
}
.centerBlock .gameShow .line {
  display: block;
  width: 41px;
  height: 3px;
  background-color: #c8c8c8;
  margin: 0 auto;
}
.bottomBlock {
  width: 100%;
  height: 1602px;
  background: #f6f6f6;
  padding-top: 60px;
}
.bottomBlock .innerUp {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.bottomBlock .innerUp .innerUpContent {
  width: 390px;
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
.bottomBlock .innerUp .innerUpContent .titleBox {
  width: 100%;
  position: relative;
  height: 50px;
  margin-bottom: 10px;
}
.bottomBlock .innerUp .innerUpContent .titleBox p {
  position: absolute;
  width: 390px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  left: 0;
  top: 0;
}
.bottomBlock .innerUp .innerUpContent .contentItem {
  width: 390px ;
  height: 121px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0 rgba(227, 227, 227, 0.8);
  margin-bottom: 10px;
  padding: 15px 15px;
}
.bottomBlock .innerUp .innerUpContent .contentItem p:nth-child(1) a {
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bottomBlock .innerUp .innerUpContent .contentItem p:nth-child(2) {
  width: 68px;
  height: 20px;
  border-radius: 10px;
  background-color: #f3f4f5;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #999999;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 8px;
}
.bottomBlock .innerUp .innerUpContent .contentItem p:nth-child(3) {
  font-size: 16px;
  color: #ff7919;
}
.bottomBlock .innerUp .innerUpContent .contentItem p:nth-child(3) span:nth-child(1) {
  float: left;
  display: block;
  font-size: 16px;
  line-height: 16px;
}
.bottomBlock .innerUp .innerUpContent .contentItem p:nth-child(3) span:nth-child(1) .renminBit {
  font-size: 14px;
}
.bottomBlock .innerUp .innerUpContent .contentItem p:nth-child(3) span:nth-child(2) {
  float: right;
  color: #999;
  font-size: 14px;
  display: block;
}
.bottomBlock .innerUp .innerUpContent:nth-child(3n) {
  margin-right: 0;
}
.bottomBlock .innerDown {
  width: 1203px;
  margin: 0 auto;
  padding-top: 50px;
}
.bottomBlock .innerDown .innerKinds1 {
  width: 1203px;
  overflow: hidden;
  padding-top: 50px;
  margin: 0 auto;
}
.bottomBlock .innerDown .innerKinds1 .kind1Item {
  width: 139px;
  height: 81px;
  margin-right: 13px;
  box-shadow: 0px 1px 6px 0 rgba(227, 227, 227, 0.8);
  float: left;
  margin-bottom: 15px;
  transition: all 0.3s linear;
}
.bottomBlock .innerDown .innerKinds1 .kind1Item:hover {
  transform: translateY(-5px);
}
.bottomBlock .innerDown .innerKinds1 .kind1Item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.bottomBlock .innerDown .innerKinds1 .kind1Item:nth-child(8n) {
  margin-right: 0px;
}
.bottomBlock .innerDown .line {
  display: block;
  width: 41px;
  height: 3px;
  background-color: #c8c8c8;
  margin: 0 auto;
}
.bottomBlock .innerDown .seek a {
  display: block;
  width: 120px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #e2112e;
  line-height: 40px;
  text-align: center;
  font-size: 14px ;
  color: #e2112e;
  margin: 36px auto;
}
.bottomBlock .innerDown .seek a:active {
  background-color: #e2112e;
  color: #FFFFFF;
}
.gameCount .innerCount .countContent {
  position: relative;
}
.gameCount .innerCount .countContent .countLine {
  right: 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 20px;
  background-color: #e2e2e2;
  top: 50%;
  transform: translateY(-50%);
}
.gameCount .innerCount .countContent:nth-child(3) .countLine {
  display: none;
}
.bigTitle {
  font-size: 30px;
  font-weight: 900;
  color: #333333;
  text-align: center;
}

.MegagameWorksBox {
  padding-top: 60px;
  width: 100%;
}
.MegagameWorksBox .worksBannerBox {
  position: relative;
  width: 100%;
  height: 221px;
}
.MegagameWorksBox .worksBannerBox img {
  width: 100%;
  height: 100%;
}
.MegagameWorksBox .worksBannerBox a {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -62px;
  width: 124px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  background: #e60012;
}
.MegagameWorksBox .worksTabsBox {
  width: 100%;
  background: #f3f4f5;
}
.MegagameWorksBox .worksTabsBox .worksTabs {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 15px 0 80px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar {
  height: 70px;
  background: #fff;
  border-bottom: none;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-input-affix-wrapper {
  margin: 17px 19px 0 0;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-input-affix-wrapper .ant-input {
  width: 279px;
  height: 35px;
  line-height: 35px;
  border-radius: 17.5px;
  padding-left: 20px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-input-affix-wrapper .ant-input-suffix {
  right: 30px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
  height: 70px;
  line-height: 55px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:hover {
  color: #e2112e;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active {
  color: #e2112e;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-bar .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
  background-color: #e2112e;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box {
  float: left;
  display: block;
  width: 288px;
  height: 374px;
  background: #fff;
  margin: 0 16px 16px 0;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .imgBox {
  width: 288px;
  height: 288px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .imgBox img {
  width: 100%;
  height: 100%;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 23px 16px 24px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .botBox .title {
  font-size: 14px;
  color: #666;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .botBox .likeBox {
  font-size: 12px;
  margin-top: 8px;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .botBox .likeBox p:nth-child(1) {
  float: left;
  color: #999;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box .botBox .likeBox p:nth-child(2) {
  float: right;
  color: #e2112e;
}
.MegagameWorksBox .worksTabsBox .worksTabs .ant-tabs .ant-tabs-tabpane .box:nth-child(4n) {
  margin-right: 0;
}
.MegagameWorksBox .worksTabsBox .worksTabs .megagameworks.ant-pagination {
  width: 628px;
  margin: 0 auto;
}
.MegagameWorksBox .worksTabsBox .worksTabs .megagameworks.ant-pagination .ant-pagination-item-active {
  background: #e2112e;
  border-color: #e2112e;
}
.MegagameWorksBox .worksTabsBox .worksTabs .megagameworks.ant-pagination .ant-pagination-item:focus,
.MegagameWorksBox .worksTabsBox .worksTabs .megagameworks.ant-pagination .ant-pagination-item:hover {
  border-color: #e2112e;
  color: #e2112e;
}
.MegagameWorksBox .worksTabsBox .worksTabs .megagameworks.ant-pagination .ant-pagination-item-active:focus,
.MegagameWorksBox .worksTabsBox .worksTabs .megagameworks.ant-pagination .ant-pagination-item-active:hover {
  background: #e2112e;
  border-color: #e2112e;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.megagameWorksDetailsBox {
  padding-top: 60px;
  width: 100%;
  background: #f3f4f5;
}
.megagameWorksDetailsBox .worksBannerBox {
  position: relative;
  width: 100%;
  height: 221px;
}
.megagameWorksDetailsBox .worksBannerBox img {
  width: 100%;
  height: 100%;
}
.megagameWorksDetailsBox .worksBannerBox a {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -62px;
  width: 124px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  background: #e60012;
}
.megagameWorksDetailsBox .WorksDetailHeaderBox {
  width: 100%;
}
.megagameWorksDetailsBox .WorksDetailHeaderBox .WorksDetailTitle {
  width: 1200px;
  height: 56px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 22px 19px 20px 15px;
  font-size: 14px;
}
.megagameWorksDetailsBox .WorksDetailHeaderBox .WorksDetailTitle p {
  float: left;
  color: #333;
}
.megagameWorksDetailsBox .WorksDetailHeaderBox .WorksDetailTitle a {
  float: right;
  color: #e2112e;
}
.megagameWorksDetailsBox .WorksDetailTitleBox {
  width: 100%;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle {
  width: 1200px;
  height: 170px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 39px 52px 31px 48px;
  background: #fff;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .detailTitle {
  font-size: 24px;
  color: #333;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox {
  width: 100%;
  height: 34px;
  margin: 11px 0;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .left {
  float: left;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .left .sign {
  float: left;
  width: 58px;
  height: 24px;
  line-height: 24px;
  background: #f0f2f5;
  font-size: 14px;
  color: #999999;
  border-radius: 12px;
  text-align: center;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .left .en {
  float: right;
  font-size: 14px;
  color: #666666;
  margin-left: 16px;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .right {
  float: right;
  width: 133px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 17px;
  border-color: #e2112e;
  border: solid 1px #e2112e;
  cursor: pointer;
  /* &:hover{
						.like{
							width:14px;
							height:13px;
							margin:10px 10px 10px 36px;
							background:url("https://360humi-public-obs.360humi.com/localImg/images/megagame/likeHover.png");
						}
					} */
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .right .like,
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .right .likeNum {
  float: left;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .right .like {
  width: 14px;
  height: 13px;
  margin: 10px 10px 10px 36px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/like1.png");
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .right .likeNum {
  font-size: 14px;
  color: #e2112e;
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .centerBox .right .active {
  float: left;
  width: 14px;
  height: 13px;
  margin: 10px 10px 10px 36px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/likeHover.png");
}
.megagameWorksDetailsBox .WorksDetailTitleBox .WorksDetailTitle .botBox span {
  color: #999;
  font-size: 14px;
}
.megagameWorksDetailsBox .WorksContentBox {
  width: 100%;
}
.megagameWorksDetailsBox .WorksContentBox .WorksContent {
  width: 853px;
  height: 144px;
  margin: 54px auto 35px;
  word-wrap: break-word;
}
.megagameWorksDetailsBox .WorksContentBox .WorksContent p {
  font-size: 14px;
  color: #666;
}
.megagameWorksDetailsBox .WorksSwiperBox {
  width: 100%;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper {
  position: relative;
  width: 920px;
  height: 1130px;
  margin: 0 auto;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider {
  width: 920px;
  height: 1130px;
  overflow: hidden;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-next,
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-prev {
  width: 60px;
  height: 110px;
  background: #000;
  opacity: 0.2;
  margin-top: -55px;
  z-index: 1;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-next:hover,
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-prev:hover {
  background: #000;
  opacity: 0.4;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-next {
  right: 0;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-prev {
  left: 0;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-prev:before,
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-next:before {
  font-size: 0;
  content: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/Icon1.png");
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-list {
  height: 920px;
  background: red;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120%;
  height: 170px;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots li {
  width: 170px;
  height: 170px;
  margin: 0 14px 0 0;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots li .activeBox {
  position: relative;
  display: block;
  width: 170px;
  height: 170px;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots li .activeBox .imgs {
  width: 100%;
  height: 100%;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots li .activeBox .active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 170px;
  line-height: 170px;
  background: #e5132c;
  opacity: 0.9;
  font-size: 44px;
  color: #fff;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots li .activeBox .active img {
  position: absolute;
  top: -15px;
}
.megagameWorksDetailsBox .WorksSwiperBox .WorksSwiper .slick-slider .slick-dots .slick-active .activeBox .active {
  display: block;
}
.megagameWorksDetailsBox .WorksBtnBoxs {
  width: 100%;
  margin: 65px 0 0 0;
}
.megagameWorksDetailsBox .WorksBtnBoxs .WorksBtn {
  width: 920px;
  height: 120px;
  margin: 0 auto;
}
.megagameWorksDetailsBox .WorksBtnBoxs .WorksBtn .btnBox {
  width: 460px;
  margin: 0 auto;
}
.megagameWorksDetailsBox .WorksBtnBoxs .WorksBtn .btnBox a {
  display: block;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #666666;
  font-size: 14px;
  border-radius: 23px;
  border: solid 1px #8e8e8e;
}
.megagameWorksDetailsBox .WorksBtnBoxs .WorksBtn .btnBox a:hover {
  border: none;
  background-color: #e50012;
  color: #fff;
}
.megagameWorksDetailsBox .WorksBtnBoxs .WorksBtn .btnBox a:nth-child(1) {
  float: left;
  width: 239px;
}
.megagameWorksDetailsBox .WorksBtnBoxs .WorksBtn .btnBox a:nth-child(2) {
  float: right;
  width: 177px;
}

.broadcast {
  width: 100%;
}
.broadcast .bigshowcontainer {
  width: 920px;
  height: 920px;
}
.broadcast .bigshowcontainer img {
  width: 100%;
  height: 100%;
}
.broadcast .smallimglist {
  position: relative;
  height: 170px;
  margin-top: 37px;
}
.broadcast .smallimglist .left,
.broadcast .smallimglist .right {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 34px;
  height: 56px;
  background: #000;
  opacity: 0.2;
  padding: 10px 5px;
  z-index: 1;
}
.broadcast .smallimglist .left:hover,
.broadcast .smallimglist .right:hover {
  opacity: 0.4;
}
.broadcast .smallimglist .left {
  left: 0;
}
.broadcast .smallimglist .right {
  right: 15px;
}
.broadcast .smallimglist .left:before,
.broadcast .smallimglist .right:before {
  font-family: 'slick';
  font-size: 0;
  content: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/Icon1.png");
  line-height: 1;
  opacity: 0.75;
  color: white;
}
.broadcast .smallimglist .left:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/Icon1.png");
}
.broadcast .smallimglist .right:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/Icon2.png");
}
.broadcast .smallimglist ul li {
  position: relative;
  float: left;
  width: 170px;
  height: 170px;
  margin-right: 14px;
}
.broadcast .smallimglist ul li img {
  width: 100%;
  height: 100%;
}
.broadcast .smallimglist ul li .activeBox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  padding-top: 50px;
  background: #e5132c;
  opacity: 0.9;
  font-size: 44px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.broadcast .smallimglist ul li .activeBox img {
  position: absolute;
  top: -15px;
  width: 20px;
  height: 9px;
}
.broadcast .smallimglist ul .active .activeBox {
  display: block;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
body {
  background: #f3f4f5;
}
@keyframes mymove {
  from {
    top: 0px;
  }
  to {
    top: -700px;
  }
}
@-webkit-keyframes mymove {
  /* Safari and Chrome */
  from {
    top: 0px;
  }
  to {
    top: -700px;
  }
}
@keyframes mymove {
  from {
    top: 0px;
  }
  to {
    top: -700px;
  }
}
@-webkit-keyframes mymove {
  /* Safari and Chrome */
  from {
    top: 0px;
  }
  to {
    top: -700px;
  }
}
.megagameBox {
  width: 100%;
  padding-top: 60px;
  min-width: 1400px;
}
.megagameBox .megagameBannerBox {
  position: relative;
  width: 100%;
  height: 500px;
}
.megagameBox .megagameBannerBox .bannerBox {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 500px;
}
.megagameBox .megagameBannerBox .bannerBox img {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv {
  position: absolute;
  top: 46px;
  width: 1200px;
  height: 310px;
  left: 50%;
  margin-left: -600px;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .btnBox {
  float: left;
  width: 300px;
  height: 40px;
  margin-top: 200px;
  margin-left: 410px;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .btnBox .megagameBtn,
.megagameBox .megagameBannerBox .bannerBox .positionDiv .btnBox .megagameBtns {
  float: left;
  display: block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 18px;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .btnBox .megagameBtn:hover,
.megagameBox .megagameBannerBox .bannerBox .positionDiv .btnBox .megagameBtns:hover {
  background: #e2112e;
  border: 1px solid #e2112e;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .btnBox .megagameBtn {
  margin-right: 15px;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox {
  position: relative;
  float: right;
  width: 324px;
  height: 310px;
  background: #fff;
  box-sizing: border-box;
  padding: 33px 32px 28px;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox .title {
  text-align: center;
  font-size: 20px;
  color: #333333;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox .desc {
  text-align: center;
  margin: 11px 0 23px 0;
  font-size: 14px;
  color: #666;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox Input {
  width: 260px;
  height: 30px;
  line-height: 30px;
  margin: 12px 0 24px 0;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox .releaseBtn {
  display: block;
  width: 260px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 13px;
  text-align: center;
  background: #e2112e;
  border-radius: 20px;
  color: #fff;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox .releaseBtn:hover {
  background: #e2334b;
}
.megagameBox .megagameBannerBox .bannerBox .positionDiv .releaseBox .tip {
  height: 12px;
  font-size: 12px;
  text-align: center;
  color: #666666;
}
.megagameBox .megagameBannerBox .dataBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 98px;
  /* background:#fff; */
  /* opacity:.15; */
}
.megagameBox .megagameBannerBox .dataBox .dataBoxs {
  width: 100%;
  height: 98px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0.15;
}
.megagameBox .megagameBannerBox .dataBox .data {
  width: 1200px;
  height: 98px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0px 70px;
}
.megagameBox .megagameBannerBox .dataBox .data .box {
  width: 210px;
  height: 98px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  padding: 24px 55px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.megagameBox .megagameBannerBox .dataBox .data .box .numImgBox {
  float: left;
  width: 30px;
}
.megagameBox .megagameBannerBox .dataBox .data .box .numImgBox .numImg {
  margin-top: 8px;
}
.megagameBox .megagameBannerBox .dataBox .data .box .num {
  float: right;
  margin-top: 18px;
}
.megagameBox .megagameBannerBox .dataBox .data .box p:nth-child(1) span {
  font-size: 25px;
}
.megagameBox .megagameBannerBox .dataBox .data .box p:nth-child(2) {
  font-size: 14px;
}
.megagameBox .megagameBannerBox .dataBox .data .box:first-child {
  width: 95px;
  margin-right: 125px;
  padding: 24px 0;
  border-left: none;
}
.megagameBox .megagameBannerBox .dataBox .data .box:last-child {
  margin-right: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.megagameBox .megagameTypeBox {
  width: 100%;
}
.megagameBox .megagameTypeBox .megagameType {
  width: 1200px;
  height: 320px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 32px 0;
}
.megagameBox .megagameTypeBox .megagameType .box {
  position: relative;
  float: left;
  width: 390px;
  height: 262px;
  margin-right: 15px;
  background: #fff;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox {
  width: 390px;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  text-align: center;
  color: #fff;
  background: #f96262;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .active {
  background: #f8af51;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .actives {
  background: #56b9f1;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .descBox {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 47px 26px 25px;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .descBox .desc {
  width: 280px;
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .descBox .num,
.megagameBox .megagameTypeBox .megagameType .box .topBox .descBox .choose {
  margin-top: 22px;
  font-size: 14px;
  color: #999;
  text-align: center;
}
.megagameBox .megagameTypeBox .megagameType .box .topBox .descBox .num img,
.megagameBox .megagameTypeBox .megagameType .box .topBox .descBox .choose img {
  padding-right: 10px;
}
.megagameBox .megagameTypeBox .megagameType .box:hover .botBox {
  display: block;
}
.megagameBox .megagameTypeBox .megagameType .box .botBox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 390px;
  height: 262px;
  box-sizing: border-box;
  padding: 112px 135px 78px;
  background: #e2112e;
  opacity: 0.9;
}
.megagameBox .megagameTypeBox .megagameType .box .botBox a:nth-child(1) {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 14px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 20px;
}
.megagameBox .megagameTypeBox .megagameType .box .botBox a:nth-child(2) {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num,
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num {
  margin-top: 40px;
}
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(1),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(1),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(4),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(4),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(7),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(7) {
  margin-right: 5px;
}
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(3),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(3),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(6),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(6) {
  margin: 0 16px;
}
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(2),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(2),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(5),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(5),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(1) .num span:nth-child(8),
.megagameBox .megagameTypeBox .megagameType .box:nth-child(2) .num span:nth-child(8) {
  font-size: 11px;
}
.megagameBox .megagameTypeBox .megagameType .box:last-child {
  margin-right: 0;
}
.megagameBox .megagameTypeBox .megagameType .box:last-child .descBox {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 29px 26px 25px;
}
.megagameBox .megagameTypeBox .megagameType .box:last-child .descBox .num {
  margin-top: 22px;
}
.megagameBox .megagameTypeBox .megagameType .box:last-child .descBox .num span:nth-child(1) {
  margin-right: 5px;
}
.megagameBox .megagameTypeBox .megagameType .box:last-child .descBox .num span:nth-child(2) {
  font-size: 11px;
}
.megagameBox .megagameTypeBox .megagameType .box:last-child .descBox .num span:nth-child(3),
.megagameBox .megagameTypeBox .megagameType .box:last-child .descBox .num span:nth-child(6) {
  margin: 0 10px;
}
.megagameBox .megagameCoreBox {
  width: 100%;
  background: #fff;
}
.megagameBox .megagameCoreBox .megagameCore {
  box-sizing: border-box;
  padding: 80px 0 0;
}
.megagameBox .megagameCoreBox .megagameCore h2 {
  margin-bottom: 66px;
  font-size: 29px;
  color: #333;
  text-align: center;
}
.megagameBox .megagameCoreBox .megagameCore h2 span {
  padding-bottom: 10px;
  border-bottom: 2px solid #c8c8c8;
  font-size: 29px;
  color: #333;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-bar {
  border-bottom: none;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-nav-scroll {
  width: 825px;
  margin: 0 auto;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-nav-scroll .ant-tabs-tab {
  margin-right: 70px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-nav-scroll .ant-tabs-tab .tabImg {
  width: 50px;
  margin: 0 auto 15px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-nav-scroll .ant-tabs-tab:hover {
  color: #333;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab-active {
  color: #333;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #e2112e;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane {
  background: #f3f4f5;
  box-sizing: border-box;
  padding: 60px 0;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 {
  width: 1200px;
  margin: 0 auto;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box {
  float: left;
  width: 565px;
  height: 90px;
  margin-right: 36px;
  background: #fff;
  margin-bottom: 20px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box .imgBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box .imgBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box .imgBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box .desc,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box .desc,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box .desc {
  float: left;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box .desc,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box .desc,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box .desc {
  width: 375px;
  height: 90px;
  box-sizing: border-box;
  padding: 28px 0 23px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box:nth-child(even),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box:nth-child(even),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box:nth-child(even) {
  margin-right: 0;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box:nth-child(7),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box:nth-child(7),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box:nth-child(7),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box:nth-child(8),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box:nth-child(8),
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box:nth-child(8) {
  margin-bottom: 0;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox {
  float: left;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox p,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox p,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #666;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox a,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox a,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox a {
  display: block;
  width: 260px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e2112e;
  color: #fff;
  border-radius: 20px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox a:hover,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox a:hover,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox a:hover {
  background: #e2334b;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox {
  margin-left: 165px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox .topBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox .topBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox {
  margin-bottom: 24px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox .topBox img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox .topBox img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox .botBox img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox .botBox img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .botBox img {
  margin-right: 24px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox .topBox img:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox .topBox img:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox img:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox .botBox img:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox .botBox img:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .botBox img:last-child {
  margin-right: 0;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox3 {
  float: left;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 {
  width: 448px;
  height: 418px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3 .box3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3 .box3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 .box3 {
  width: 100%;
  height: 75px;
  margin-bottom: 35px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3 .box3 .title,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3 .box3 .title,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 .box3 .title {
  margin-bottom: 14px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3 .box3 .title img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3 .box3 .title img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 .box3 .title img {
  margin-right: 10px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3 .box3 .title span,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3 .box3 .title span,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 .box3 .title span {
  font-size: 17px;
  color: #333;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3 .box3 p,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3 .box3 p,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 .box3 p {
  font-size: 14px;
  color: #666;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .leftBox3 .box3:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .leftBox3 .box3:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .leftBox3 .box3:last-child {
  margin-bottom: 0;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox3,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox3 {
  width: 650px;
  margin-left: 77px;
  position: relative;
  height: 418px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox3 div,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox3 div,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox3 div {
  float: left;
  height: 418px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox3 div img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox3 div img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox3 div img {
  height: 418px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox3 div:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox3 div:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox3 div:last-child {
  width: 260px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .rightBox3 div:last-child img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .rightBox3 div:last-child img,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox3 div:last-child img {
  height: 206px;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box4,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box4,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box4 {
  display: block;
  float: left;
  width: 288px;
  height: 288px;
  margin-right: 16px;
  background: #fff;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box4 p,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box4 p,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box4 p {
  text-align: center;
  color: #333;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox .box4:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box4:last-child,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .box4:last-child {
  margin-right: 0;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box {
  position: relative;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box .activeBox {
  display: none;
  position: absolute;
  width: 565px;
  height: 90px;
  opacity: 0.9;
  background-color: #e2112e;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box .activeBox a {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 25px auto;
  font-size: 14px;
  border-radius: 20px;
  color: #fff;
  border: solid 1px #ffffff;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox1 .box:hover .activeBox {
  display: block;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 {
  width: 1090px;
  margin: 0 auto;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .botBox .tabBox2box,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox .tabBox2box {
  float: left;
  position: relative;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .botBox .tabBox2box .activeBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox .tabBox2box .activeBox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 90px;
  line-height: 90px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  opacity: 0.9;
  background-color: #e2112e;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .botBox .tabBox2box .activeBox a,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox .tabBox2box .activeBox a {
  color: #fff;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .botBox .tabBox2box:hover .activeBox,
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tabBox2 .rightBox .topBox .tabBox2box:hover .activeBox {
  display: block;
}
.megagameBox .megagameCoreBox .megagameCore .ant-tabs .ant-tabs-content .ant-tabs-tabpane:nth-child(2) .tabBox {
  width: 1070px;
  margin: 0 auto;
}
.megagameBox .megagameInnovateBox {
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/innovate5.png");
}
.megagameBox .megagameInnovateBox .megagameInnovate {
  width: 1200px;
  height: 669px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 110px;
}
.megagameBox .megagameInnovateBox .megagameInnovate h2 {
  margin-bottom: 15px;
  font-size: 29px;
  color: #fff;
  text-align: center;
}
.megagameBox .megagameInnovateBox .megagameInnovate .desc {
  font-size: 18px;
  color: #fefefe;
  text-align: center;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox {
  margin-top: 83px;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box {
  float: left;
  width: 288px;
  height: 335px;
  margin-right: 16px;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box .topDetailBox {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 20px 57px 17px 62px;
  background: rgba(255, 255, 255, 0.14);
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box .topDetailBox .imgBox,
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box .topDetailBox .title {
  float: left;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box .topDetailBox .title {
  height: 18px;
  padding-top: 12px;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.9px;
  color: #fefefe;
  opacity: 0.9;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box .botDetailBox {
  width: 100%;
  height: 253px;
  background: rgba(255, 255, 255, 0.06);
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box .botDetailBox p {
  text-align: center;
  font-size: 14px;
  margin-bottom: 8px;
  color: #fefefe;
  opacity: 0.8;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box:nth-child(1) .botDetailBox,
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box:nth-child(2) .botDetailBox {
  box-sizing: border-box;
  padding: 31px 0 29px;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box:nth-child(3) .botDetailBox,
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box:nth-child(4) .botDetailBox {
  box-sizing: border-box;
  padding: 54px 0 65px;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box:last-child {
  margin-right: 0;
}
.megagameBox .megagameInnovateBox .megagameInnovate .detailBox .box:last-child .topDetailBox {
  box-sizing: border-box;
  padding: 12px 57px 10px 62px;
}
.megagameBox .megagameInnovateBox .megagameInnovate a {
  display: block;
  width: 260px;
  height: 40px;
  line-height: 40px;
  margin: 96px auto 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #e2112e;
  border-radius: 20px;
}
.megagameBox .megagameInnovateBox .megagameInnovate a:hover {
  background: #e2334b;
}
.megagameBox .gameingBox {
  position: relative;
  width: 100%;
  height: 900px;
}
.megagameBox .gameingBox .gameing {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
}
.megagameBox .gameingBox .gameing .gameingNumBox {
  width: 1200px;
  height: 210px;
  box-sizing: border-box;
  padding: 50px 130px;
  background: #fff;
}
.megagameBox .gameingBox .gameing .gameingNumBox p {
  text-align: center;
  margin-bottom: 49px;
  font-size: 17px;
  color: #333;
}
.megagameBox .gameingBox .gameing .gameingNumBox .gameingDetail .box {
  float: left;
  width: 300px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1px solid #ededed;
  margin-right: 20px;
}
.megagameBox .gameingBox .gameing .gameingNumBox .gameingDetail .box:last-child {
  margin-right: 0;
}
.megagameBox .gameingBox .gameing .gameingDetailBox {
  width: 100%;
  height: 500px;
  box-sizing: border-box;
  padding: 82px 0 50px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox h2 {
  font-size: 30px;
  text-align: center;
  color: #333;
}
.megagameBox .gameingBox .gameing .gameingDetailBox h2 span {
  font-size: 30px;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 2px solid #c8c8c8;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .gameingBtn {
  display: block;
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin: 40px auto 50px;
  font-size: 12px;
  color: #e2112e;
  border: 1px solid #e2112e;
  border-radius: 20px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox {
  width: 100%;
  margin-top: 50px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box {
  float: left;
  width: 592px;
  height: 432px;
  background: #fff;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .imgBox {
  width: 592px;
  height: 336px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .imgBox a img {
  width: 100%;
  height: 100%;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox {
  box-sizing: border-box;
  padding: 26px 17px 24px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox .topBox .title {
  float: left;
  font-size: 18px;
  color: #333;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox .topBox .date {
  float: right;
  font-size: 14px;
  color: #333;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox .botBox .price {
  float: left;
  color: #ff7919;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox .botBox .price span {
  font-size: 18px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox .botBox .numBox {
  float: right;
  font-size: 12px;
  color: #666;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box .fontBox .botBox .numBox .Num {
  margin-left: 10px;
}
.megagameBox .gameingBox .gameing .gameingDetailBox .detailBox .box:nth-child(1) {
  margin-right: 15px;
}
.megagameBox .successBox {
  width: 100%;
  background: #fff;
}
.megagameBox .successBox .success {
  width: 1220px;
  height: 1140px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 81px 0 0;
}
.megagameBox .successBox .success h2 {
  margin-bottom: 50px;
  font-size: 30px;
  color: #333;
  text-align: center;
  font-weight: 900;
}
.megagameBox .successBox .success h2 span {
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #c8c8c8;
}
.megagameBox .successBox .success .successCaseBox {
  margin-bottom: 65px;
}
.megagameBox .successBox .success .successCaseBox .leftBox,
.megagameBox .successBox .success .successCaseBox .rightBox {
  float: left;
}
.megagameBox .successBox .success .successCaseBox .leftBox a,
.megagameBox .successBox .success .successCaseBox .rightBox a {
  display: block;
  position: relative;
}
.megagameBox .successBox .success .successCaseBox .leftBox {
  width: 583px;
  height: 416px;
  margin-right: 16px;
}
.megagameBox .successBox .success .successCaseBox .leftBox .ant-carousel .slick-list {
  height: 406px;
}
.megagameBox .successBox .success .successCaseBox .leftBox a {
  position: relative;
  width: 583px;
  height: 416px;
  display: block;
}
.megagameBox .successBox .success .successCaseBox .leftBox a p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  opacity: 0.6;
  background-color: #000000;
}
.megagameBox .successBox .success .successCaseBox .leftBox a:hover p {
  color: #e2112e;
}
.megagameBox .successBox .success .successCaseBox .rightBox {
  width: 600px;
  height: 416px;
}
.megagameBox .successBox .success .successCaseBox .rightBox .topBox {
  margin-bottom: 7px;
}
.megagameBox .successBox .success .successCaseBox .rightBox .topBox a,
.megagameBox .successBox .success .successCaseBox .rightBox .botBox a {
  width: 292px;
  height: 200px;
  display: block;
  float: left;
}
.megagameBox .successBox .success .successCaseBox .rightBox .topBox a p,
.megagameBox .successBox .success .successCaseBox .rightBox .botBox a p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  opacity: 0.6;
  background-color: #000000;
}
.megagameBox .successBox .success .successCaseBox .rightBox .topBox a:hover p,
.megagameBox .successBox .success .successCaseBox .rightBox .botBox a:hover p {
  color: #e2112e;
}
.megagameBox .successBox .success .successCaseBox .rightBox .topBox a:nth-child(1),
.megagameBox .successBox .success .successCaseBox .rightBox .botBox a:nth-child(1) {
  margin-right: 10px;
}
.megagameBox .successBox .success .successCaseBox .rightBox .topBox img:nth-child(1),
.megagameBox .successBox .success .successCaseBox .rightBox .botBox img:nth-child(1) {
  margin-right: 15px;
}
.megagameBox .successBox .success .lunboDiv {
  height: 310px;
  width: 1200px;
  margin: 0px;
  overflow: hidden;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss {
  margin-top: 150px;
  height: 310px;
  width: 1220px;
  position: relative;
  animation: mymove 14s;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation: mymove 14s;
  -webkit-animation-iteration-count: infinite;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box {
  float: left;
  width: 548px;
  height: 60px;
  margin-right: 98px;
  margin-bottom: 16px;
  border-bottom: 1px dashed #e3e3e3;
  overflow: hidden;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box .topBox {
  overflow: hidden;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box .topBox .title {
  float: left;
  font-size: 17px;
  color: #333;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box .topBox .title:hover {
  color: #e2112e;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box .topBox .price {
  float: right;
  font-size: 16px;
  color: #ff7919;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box .botBox {
  margin-top: 10px;
  color: #666;
  overflow: hidden;
}
.megagameBox .successBox .success .lunboDiv .nationMegagameBoxss .box:nth-child(even) {
  margin-right: 0;
}
.megagameBox .excellentBox {
  width: 100%;
}
.megagameBox .excellentBox .excellent {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 78px 0 40px;
}
.megagameBox .excellentBox .excellent h2 {
  margin-bottom: 50px;
  font-size: 30px;
  color: #333;
  text-align: center;
  font-weight: 900;
}
.megagameBox .excellentBox .excellent h2 span {
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #c8c8c8;
}
.megagameBox .excellentBox .excellent .worksBox {
  width: 100%;
  margin-bottom: 50px;
}
.megagameBox .excellentBox .excellent .worksBox .box {
  display: block;
  position: relative;
  float: left;
  width: 390px;
  height: 390px;
  margin-right: 15px;
  margin-bottom: 16px;
}
.megagameBox .excellentBox .excellent .worksBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.megagameBox .excellentBox .excellent .worksBox .box:hover .botBox {
  display: block;
}
.megagameBox .excellentBox .excellent .worksBox .box .botBox {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 390px;
  height: 72px;
  box-sizing: border-box;
  padding: 16px 19px 15px 19px;
  background: #000;
  color: #fff;
  opacity: 0.6;
}
.megagameBox .excellentBox .excellent .worksBox .box .botBox .title {
  height: 18px;
  font-size: 18px;
  color: #fff;
}
.megagameBox .excellentBox .excellent .worksBox .box .botBox .btBoxs {
  margin-top: 10px;
}
.megagameBox .excellentBox .excellent .worksBox .box .botBox .btBoxs .desc {
  float: left;
  height: 14px;
  font-size: 14px;
  color: #fff;
}
.megagameBox .excellentBox .excellent .worksBox .box .botBox .btBoxs .num {
  float: right;
}
.megagameBox .excellentBox .excellent .worksBox .box .botBox .btBoxs .num span {
  font-size: 10px;
}
.megagameBox .excellentBox .excellent .worksBox .box:nth-child(3),
.megagameBox .excellentBox .excellent .worksBox .box:nth-child(6) {
  margin-right: 0;
}
.megagameBox .excellentBox .excellent .evaluateBox {
  width: 100%;
}
.megagameBox .excellentBox .excellent .evaluateBox .box {
  float: left;
  width: 592px;
  height: 316px;
  background: #fff;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .imgBox,
.megagameBox .excellentBox .excellent .evaluateBox .box .descBox {
  float: left;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .imgBox {
  display: block;
  width: 262px;
  height: 316px;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .descBox {
  width: 330px;
  height: 316px;
  box-sizing: border-box;
  padding: 60px 78px 64px 41px;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .descBox p:nth-child(1) {
  font-size: 17px;
  color: #333;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .descBox p:nth-child(2) {
  font-size: 14px;
  color: #333;
  margin: 9px 0;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .descBox p:nth-child(3) {
  width: 40px;
  height: 2px;
  background: #999;
  margin-bottom: 31px;
}
.megagameBox .excellentBox .excellent .evaluateBox .box .descBox p:nth-child(4) {
  width: 210px;
  font-size: 12px;
  color: #666;
}
.megagameBox .excellentBox .excellent .evaluateBox .box:nth-child(1) {
  margin-right: 16px;
}
.megagameBox .excellentBox .excellent .companyBox {
  margin-top: 40px;
}
.megagameBox .excellentBox .excellent .companyBox .box {
  position: relative;
  float: left;
  width: 139px;
  height: 81px;
  background: #fff;
  margin-right: 12px;
}
.megagameBox .excellentBox .excellent .companyBox .box img {
  width: 100%;
  height: 100%;
}
.megagameBox .excellentBox .excellent .companyBox .box a {
  display: block;
  padding-top: 30px;
  color: #333;
  text-align: center;
}
.megagameBox .excellentBox .excellent .companyBox .box a span {
  color: #e2112e;
}
.megagameBox .excellentBox .excellent .companyBox .box .titleBox {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 139px;
  height: 81px;
  color: #fff;
  background: #e2112e;
  box-sizing: border-box;
  padding: 33px 28px;
  text-align: center;
  opacity: 0.9;
}
.megagameBox .excellentBox .excellent .companyBox .box:hover .titleBox {
  display: block;
}
.megagameBox .excellentBox .excellent .companyBox .box:last-child {
  margin-right: 0;
}
.megagameBox .videoBox {
  width: 100%;
  background: #fff;
}
.megagameBox .videoBox .video {
  width: 1200px;
  height: 490px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0;
}
.megagameBox .videoBox .video .leftBox {
  float: left;
  width: 524px;
  height: 371px;
  margin-right: 107px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/video.png");
  background-size: cover;
  background-size: 100% 100%;
  position: relative;
}
.megagameBox .videoBox .video .leftBox i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 40px;
  transition: all 0.3s linear;
  z-index: 1;
}
.megagameBox .videoBox .video .rightBox {
  float: left;
}
.megagameBox .videoBox .video .rightBox h2 {
  margin-bottom: 35px;
  font-size: 30px;
  color: #333;
}
.megagameBox .videoBox .video .rightBox .box {
  width: 566px;
  height: 74px;
  box-sizing: border-box;
  padding: 16px 0;
  border-bottom: 1px dashed #e3e3e3;
}
.megagameBox .videoBox .video .rightBox .box .topBox {
  margin-bottom: 10px;
}
.megagameBox .videoBox .video .rightBox .box .topBox .title {
  float: left;
  font-size: 17px;
  color: #333;
}
.megagameBox .videoBox .video .rightBox .box .topBox .title:hover {
  color: #e2112e;
}
.megagameBox .videoBox .video .rightBox .box .topBox .date {
  float: right;
  font-size: 14px;
  color: #999;
}
.megagameBox .videoBox .video .rightBox .box .botBox {
  font-size: 14px;
  color: #999;
}
.megagameBox .serverBox {
  width: 100%;
}
.megagameBox .serverBox .server {
  width: 1200px;
  height: 350px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 70px;
}
.megagameBox .serverBox .server h2 {
  margin-bottom: 50px;
  font-size: 30px;
  color: #333;
  text-align: center;
  font-weight: 900;
}
.megagameBox .serverBox .server h2 span {
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #c8c8c8;
}
.megagameBox .serverBox .server .topBox .box {
  float: left;
  width: 160px;
  height: 120px;
  margin-right: 48px;
}
.megagameBox .serverBox .server .topBox .box .imgBox {
  width: 90px;
  height: 90px;
  margin: 0 auto 19px;
}
.megagameBox .serverBox .server .topBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.megagameBox .serverBox .server .topBox .box p {
  text-align: center;
}
.megagameBox .serverBox .server .topBox .box:last-child {
  margin-right: 0;
}
.megagameBox .myBox {
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/MegagameIndex/666@3x.jpg");
  background-size: 100% 100%;
}
.megagameBox .myBox .my {
  width: 1200px;
  height: 614px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 66px 0 40px;
}
.megagameBox .myBox .my h2 {
  font-size: 29px;
  color: #fff;
  text-align: center;
}
.megagameBox .myBox .my p {
  margin: 20px 0 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.megagameBox .myBox .my .userBox .needs {
  display: block;
  font-size: 14px;
  color: #fff;
  width: 698px;
  height: 200px;
  margin: 0 auto;
  background: rgba(153, 153, 153, 0.6);
  opacity: 0.6;
  border: none;
}
.megagameBox .myBox .my .userBox .tel {
  width: 698px;
  height: 42px;
  margin: 28px auto 60px;
}
.megagameBox .myBox .my .userBox .tel .ant-input {
  width: 310px;
  height: 40px;
  line-height: 40px;
  border-radius: 0px;
  background: rgba(153, 153, 153, 0.6);
  opacity: 0.6;
  font-size: 14px;
  color: #fff;
  border: none;
}
.megagameBox .myBox .my .userBox .tel .ant-input:nth-child(1) {
  margin-right: 10px;
}
.megagameBox .myBox .my .userBox .tel .ant-input:nth-child(2) {
  width: 292px;
}
.megagameBox .myBox .my .userBox .tel a {
  display: inline-block;
  width: 86px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  background: #e2112e;
  color: #fff;
}
.megagameBox .myBox .my .userBox .tel a:hover {
  background: #e2334b;
}
.megagameBox .myBox .my .sub {
  display: block;
  width: 260px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  background: #e2112e;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 20px;
}
.megagameBox .myBox .my .sub:hover {
  background: #e2334b;
}
.ant-modal-content .ant-modal-body {
  position: relative;
}
.ant-modal-content .ant-modal-body #content,
.ant-modal-content .ant-modal-body #close {
  width: 100%;
  height: 100%;
}
.ant-modal-content .ant-modal-body #close {
  position: absolute;
  top: -15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.fixed-megagame {
  position: fixed;
  bottom: 200px;
  right: 0;
  z-index: 20;
}
#megagameCodes .nc_scale span {
  height: 34px;
}

@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.5;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.5;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.flex1 {
  flex: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body {
  padding-right: 0 !important;
  overflow: visible;
}
.icon-x {
  width: 1px;
  height: 15px;
  background-color: #c6c6c6;
  margin-right: 14px;
}
.header_nav {
  background: #fff;
  height: 80px;
  -webkit-box-shadow: 0px 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
  box-shadow: 0px 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #e3e3e3;
}
.header_nav .w12 {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header_nav .w-contact {
  color: #999;
  font-size: 12px;
}
.header_nav .w-contact .tel {
  font-size: 16px;
}
.header_nav .type {
  display: flex;
  align-items: center;
}
.header_nav .logo-img {
  display: block;
}
.header_nav .category {
  margin-left: 17px;
  width: 184px;
  cursor: pointer;
  position: relative;
  background: #fff;
}
.header_nav .category.active {
  box-shadow: 0px 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
}
.header_nav .category .c-title {
  height: 79px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_nav .category ul {
  background: #fff;
  padding: 0 19px;
  width: 184px;
  position: absolute;
  left: 0;
  top: 100%;
  box-shadow: 0px 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
  z-index: 1;
}
.header_nav .category ul li {
  border-top: 1px solid #e3e3e3;
}
.header_nav .category ul li a {
  font-size: 16px;
  color: #666;
  display: block;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-weight: 900;
}
.header_nav .category ul li a:hover {
  color: #108ee9;
}
.header_nav .cat-title {
  font-size: 24px;
  font-weight: 900;
}
.header_nav .cat-title a {
  font-size: 24px;
  color: #666;
  display: block;
}
.header_nav .icon-right {
  color: #cbcbcb;
  font-size: 18px;
  margin-left: 9px;
  transition: all 0.5s;
  transform: rotateZ(0);
}
.header_nav .icon-right.active {
  transform: rotateZ(90deg);
}
.header_nav .menu-box {
  position: relative;
  height: 79px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_nav .menu-box .bg {
  position: absolute;
  left: -108px;
  top: 56px;
  width: 134px;
  height: 58px;
  background: transparent;
  transform: rotateZ(-20deg);
  z-index: 0;
}
.header_nav .menu-box .bg2 {
  position: absolute;
  width: 134px;
  height: 58px;
  left: 21px;
  top: 51px;
  background: transparent;
  transform: rotateZ(17deg);
  z-index: 0;
}
.header_nav .menu-box .btn-menu {
  padding: 10px;
}
.header_nav .menu-box .icon-bars {
  font-size: 21px;
  color: #666;
}
.header_nav .menu-box .icon-bars.active {
  color: #108ee9;
}
.header_nav .menu-box .menu-content {
  position: absolute;
  top: 80px;
  background: #fff;
  left: -155px;
  width: 1025px;
  height: 450px;
  display: flex;
  box-shadow: 0 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
}
.header_nav .menu-box .menu-content .menu-left {
  width: 174px;
  background: #108ee9;
  height: 100%;
  padding: 14px 0;
}
.header_nav .menu-box .menu-content .menu-left ul {
  width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.header_nav .menu-box .menu-content .menu-left ul:hover {
  overflow: auto;
}
.header_nav .menu-box .menu-content .menu-left ul:hover::-webkit-scrollbar {
  width: 1px;
  background-color: transparent;
}
.header_nav .menu-box .menu-content .menu-left ul:hover::-webkit-scrollbar-thumb {
  width: 1px;
  transition: all 0.3s linear;
  background-color: #ccc;
}
.header_nav .menu-box .menu-content .menu-left ul li {
  width: 100%;
  height: 46px;
  line-height: 46px;
  position: relative;
  padding-left: 50px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  background: #108ee9;
}
.header_nav .menu-box .menu-content .menu-left ul li a {
  color: #fff;
}
.header_nav .menu-box .menu-content .menu-left ul li.active {
  background: #fff;
  font-size: 16px;
  color: #333;
}
.header_nav .menu-box .menu-content .menu-left ul li.active a {
  color: #333;
}
.header_nav .menu-box .menu-content .menu-left ul li:after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 100%;
  position: absolute;
  left: 19px;
  top: 50%;
  margin-top: -9px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/index/header/icon-nav.png) no-repeat;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(1):after {
  background-position: 0 0px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(1).active:after {
  background-position: -22px 0px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(2):after {
  background-position: 0 -22px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(2).active:after {
  background-position: -22px -22px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(3):after {
  background-position: 0 -44px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(3).active:after {
  background-position: -22px -44px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(4):after {
  background-position: 0 -66px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(4).active:after {
  background-position: -22px -66px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(5):after {
  background-position: 0 -88px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(5).active:after {
  background-position: -22px -88px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(6):after {
  background-position: 0 -110px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(6).active:after {
  background-position: -22px -110px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(7):after {
  background-position: 0 -132px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(7).active:after {
  background-position: -22px -132px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(8):after {
  background-position: 0 -154px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(8).active:after {
  background-position: -22px -154px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(9):after {
  background-position: 0 -176px;
}
.header_nav .menu-box .menu-content .menu-left ul li:nth-child(9).active:after {
  background-position: -22px -176px;
}
.header_nav .menu-box .menu-content .menu-right {
  flex: 1;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  display: none;
  flex-wrap: wrap;
  padding-top: 18px;
}
.header_nav .menu-box .menu-content .menu-right.show {
  display: flex;
}
.header_nav .menu-box .menu-content .menu-right .row {
  width: 116px;
  margin-left: 38px;
  margin-bottom: 30px;
}
.header_nav .menu-box .menu-content .menu-right .row .r-title {
  border-bottom: 1px solid #e3e3e3;
  font-size: 14px;
  font-weight: 900;
  color: #333333;
  padding: 7px 0;
}
.header_nav .menu-box .menu-content .menu-right .row .r-title a {
  color: #333;
}
.header_nav .menu-box .menu-content .menu-right .row ul {
  height: 170px;
  overflow: hidden;
  margin-right: -10px;
  padding-right: 10px;
  margin-left: -5px;
  padding-left: 5px;
}
.header_nav .menu-box .menu-content .menu-right .row ul:hover {
  overflow: auto;
}
.header_nav .menu-box .menu-content .menu-right .row ul:hover::-webkit-scrollbar {
  width: 3px;
  background-color: transparent;
}
.header_nav .menu-box .menu-content .menu-right .row ul:hover::-webkit-scrollbar-thumb {
  width: 3px;
  transition: all 0.3s linear;
  background-color: #ccc;
}
.header_nav .menu-box .menu-content .menu-right .row ul li {
  font-size: 12px;
}
.header_nav .menu-box .menu-content .menu-right .row ul li a {
  padding: 6px 5px;
  display: block;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -5px;
}
.header_nav .menu-box .menu-content .menu-right .row ul li a:hover {
  background: #f6f6f6;
}
.header_nav .nav-link a {
  font-size: 16px;
  color: #666666;
  margin-left: 45px;
  font-weight: 900;
}
.header_nav .nav-link a:hover {
  color: #108ee9;
}
.header_nav .qy-link {
  display: flex;
}
.header_nav .qy-link a {
  height: 80px;
  display: flex;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid transparent;
}
.header_nav .qy-link a.active,
.header_nav .qy-link a:hover {
  color: #51c796;
  border-bottom: 1px solid #51c796;
}
.header_nav .share-link a.active,
.header_nav .share-link a:hover {
  color: #fc9d2c;
  border-bottom: 1px solid #fc9d2c;
}
.header_nav .ds-link a.active,
.header_nav .ds-link a:hover {
  color: #e60012;
  border-bottom: 1px solid #e60012;
}
.header_nav .btn-user {
  display: block;
  padding: 26px 14px;
  cursor: pointer;
}
.header_nav .btn-user a {
  display: block;
}
.header_nav .btn-user img {
  display: block;
}
.header_nav .btn-publish {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_nav .btn-share {
  background-color: #fc9d2c;
}
.header_nav .btn-competition {
  background-color: #e60012;
}
.header_nav .qy-nav {
  position: fixed;
  left: 0;
  width: 100%;
  top: 80px;
  background: #fff;
  box-shadow: 0px 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
  display: none;
}
.header_nav .qy-nav.active {
  display: block;
}
.header_nav .qy-nav .con {
  width: 1200px;
  margin: auto;
  padding: 30px 0 5px;
  overflow: hidden;
}
.header_nav .qy-nav .row {
  padding-bottom: 23px;
  overflow: hidden;
}
.header_nav .qy-nav .r1 {
  width: 50%;
}
.header_nav .qy-nav .r1 .free-tools .img {
  width: 126px;
  height: 76px;
  display: block;
}
.header_nav .qy-nav .r1 .free-tools .img:first-of-type {
  margin-bottom: 8px;
}
.header_nav .qy-nav .r3 {
  width: 46%;
}
.header_nav .qy-nav .r3 .f-title .icon {
  margin-left: 7px;
}
.header_nav .qy-nav .r3 a {
  display: block;
  float: left;
}
.header_nav .qy-nav .r3 a:last-of-type {
  float: right;
}
.header_nav .qy-nav .r3 a .img {
  width: 264px;
  height: 160px;
  display: block;
  object-fit: contain;
}
.header_nav .qy-nav .f-title {
  padding-bottom: 16px;
}
.header_nav .qy-nav .f-title .icon {
  display: inline-block;
  width: 18px;
  vertical-align: middle;
  margin-right: 7px;
}
.header_nav .qy-nav .f-title span {
  font-size: 16px;
  font-weight: 900;
  color: #666666;
  vertical-align: middle;
}
.header_nav .qy-nav .name a {
  font-size: 14px;
  color: #999;
  display: inline-block;
  margin-right: 32px;
}
.header_nav .qy-nav .name a:hover {
  color: #51c796;
}
.user-menu {
  width: 140px;
  text-align: center;
  border-radius: 0;
}
.user-menu li {
  font-size: 14px;
}
.user-menu li:hover {
  background: transparent;
}
.user-menu li a:hover {
  color: #108ee9;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  transition: all 0.3s linear;
  opacity: 1;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  transition: all 0.3s linear;
  opacity: 0;
}
.nav-modal .ant-modal {
  width: 400px !important;
}
.nav-modal .ant-modal-content {
  width: 400px;
}
.nav-modal .ant-modal-header {
  border: 0;
  text-align: center;
  padding: 40px 0 25px;
}
.nav-modal .ant-modal-header .ant-modal-title {
  font-size: 28px;
  color: #51c796;
}
.nav-modal .p1 {
  color: #333333;
  font-size: 16px;
  text-align: center;
  padding-bottom: 35px;
}
.nav-modal .p2 {
  color: #333333;
  font-size: 14px;
  padding-bottom: 10px;
}
.nav-modal .in {
  width: 260px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  border: 1px solid #d2d2d2;
  padding: 5px;
  box-sizing: border-box;
}
.nav-modal .ant-modal-footer {
  border: 0;
  text-align: center;
  padding-bottom: 20px;
}
.nav-modal .ant-modal-footer .ant-btn-lg:first-of-type {
  display: none !important;
}
.nav-modal .ant-modal-body {
  padding: 16px 70px;
}
.nav-modal .ant-btn-primary {
  width: 180px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #51c796;
  border-radius: 45px;
  font-size: 14px;
  border: 0;
}

.industryNewsListBox .wrap {
  margin: 165px 0 50px 0;
}
.industryNewsListBox .left {
  background: #fff;
  padding: 15px 10px;
}
.industryNewsListBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.industryNewsListBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.industryNewsListBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.industryNewsListBox a .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  color: #333;
}
.industryNewsListBox a .row:hover {
  color: #397ecd;
}
.industryNewsListBox .right {
  margin-left: 15px;
}
.industryNewsListBox .conttais {
  font-size: 14px;
  line-height: 30px;
}
.industryNewsListBox #jieshao {
  padding-left: 15px;
}
.industryNewsListBox .contwrap {
  background: #fff;
  padding: 20px 40px 100px 40px;
}
.industryNewsListBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.industryNewsListBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}
.industryNewsListBox .pagesCon {
  text-align: center;
  margin: 30px 0;
}
.newsContentBox .wrap {
  margin: 165px 0 50px 0;
}
.newsContentBox .left {
  background: #fff;
  padding: 15px 10px;
}
.newsContentBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.newsContentBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.newsContentBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.newsContentBox .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.newsContentBox .right {
  margin-left: 15px;
}
.newsContentBox .conttais {
  font-size: 14px;
  line-height: 30px;
}
.newsContentBox #jieshao {
  padding-left: 15px;
}
.newsContentBox .contwrap {
  background: #fff;
  padding: 20px 40px 100px 40px;
  width: 1200px;
}
.newsContentBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.newsContentBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}

.phoneIndex {
  width: 100%;
  display: none;
}
.partnerRec {
  padding-top: 60px;
}
.partnerRec .slider {
  width: 166px;
  height: 397px;
  position: fixed;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/slider.png") no-repeat;
  padding-top: 174px ;
}
.partnerRec .slider p {
  text-align: center;
  color: #f7601d;
  font-size: 14px;
}
.partnerRec .slider p:nth-child(2) {
  color: #333333;
  margin-bottom: 14px;
}
.partnerRec .slider p:nth-child(4) a {
  font-size: 12px;
  margin-bottom: 15px;
  color: #f7601d;
  display: block;
}
.partnerRec .slider p:nth-child(7) {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  width: 100px;
  margin: 0 auto;
}
.partnerRec .slider p:nth-child(6) {
  color: #333333;
  font-size: 12px;
}
.partnerRec .slider p:nth-child(6) input {
  padding-left: 20px;
  background-color: #FEF7E4;
  border: none;
}
.partnerRec .totalContent {
  height: 3837px;
  background-color: #FE783E;
}
.partnerRec .totalContent .banner {
  width: 100%;
  height: 752px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/banner.png") no-repeat center center;
  background-size: 100% 100%;
  padding-top: 360px;
}
.partnerRec .totalContent .banner .ask_btn a {
  display: block;
  width: 128px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #ffffff;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #feffff;
  margin-left: 412px;
}
.partnerRec .totalContent .banner .ask_btn a:active {
  background-color: #ffffff;
  color: #fe7740;
}
.partnerRec .totalContent .banner .partnerDes {
  padding: 10px 222px;
  width: 1200px;
  height: 196px;
  border-radius: 8px;
  background-color: #ffffff;
  margin: 164px auto 0;
}
.partnerRec .totalContent .banner .partnerDes .desTitle {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #f7601d;
  line-height: 70px;
}
.partnerRec .totalContent .banner .partnerDes .desContent {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.partnerRec .totalContent .totalPart {
  width: 100%;
}
.partnerRec .totalContent .totalPart .commonPart {
  text-align: center;
  margin-top: 75px;
}
.partnerRec .totalContent .totalPart .part1 .part1_content {
  margin: 50px auto 0;
  width: 1200px;
  height: 159px;
}
.partnerRec .totalContent .totalPart .part1 .part1_content .part1_content_item {
  width: 390px;
  height: 159px;
  border-radius: 8px;
  background-color: #ffffff;
  float: left;
  margin-right: 15px;
  position: relative;
}
.partnerRec .totalContent .totalPart .part1 .part1_content .part1_content_item img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.partnerRec .totalContent .totalPart .part1 .part1_content .part1_content_item .part1_item-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #f7601d;
  padding: 40px 0 5px;
}
.partnerRec .totalContent .totalPart .part1 .part1_content .part1_content_item .part1_item-content {
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #333333;
}
.partnerRec .totalContent .totalPart .part1 .part1_content .part1_content_item:nth-child(3) {
  margin-right: 0;
}
.partnerRec .totalContent .totalPart .part2 .part2_content {
  width: 1114px;
  height: 430px;
  border-radius: 8px;
  background-color: #f65d3d;
  margin: 50px auto 0 ;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .part2_banner {
  position: relative;
  top: 20px;
  left: -43px;
  width: 1200px;
  height: 215px;
  border-radius: 8px;
  background-color: #ffffff;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .part2_banner .part2_banner_inner {
  width: 1112px;
  height: 100%;
  margin: 0 auto;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .part2_banner .part2_banner_inner .part2_content_item {
  float: left;
  height: 100%;
  width: 278px;
  text-align: center;
  padding-top: 58px;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .part2_banner .part2_banner_inner img {
  height: 60px;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .part2_banner .part2_banner_inner span {
  font-size: 20px;
  font-weight: 500;
  color: #666666;
  line-height: 40px;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .part2_des {
  padding: 48px 268px 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 30px;
}
.partnerRec .totalContent .totalPart .part2 .part2_content .download_btn a {
  display: block;
  width: 190px;
  height: 40px;
  border-radius: 20px;
  background-image: linear-gradient(to top, #ffa06b, #fef8e5);
  font-size: 16px;
  color: #e32902;
  line-height: 40px;
  margin: 0 auto;
}
.partnerRec .totalContent .totalPart .part3 .part3_content {
  margin: 50px auto 0;
  width: 1200px;
  height: 492px;
  border-radius: 8px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/getProcess.png") 53px 84px no-repeat #ffffff;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_1 {
  width: 1092px;
  height: 230px;
  margin: 0 auto;
  padding-top: 74px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_1 p {
  float: left;
  width: 273px;
  padding-left: 36px;
  text-align: left;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_1 p .down_form {
  font-size: 14px;
  color: #f5663e;
  text-decoration: underline!important;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_1 p .resource {
  font-size: 14px;
  color: #333333;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_1 p span {
  color: #333333;
  font-size: 20px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_1 p:last-child {
  padding-left: 46px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_2 {
  margin-left: 226px;
  width: 970px;
  height: 160px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_2 p {
  text-align: left;
  float: left;
  width: 276px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_2 p .address {
  font-size: 14px;
  text-decoration: underline;
  color: #f5663e;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_2 p span {
  font-size: 20px;
  color: #333333;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_2 p:nth-child(3),
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_2 p:nth-child(4) {
  width: 208px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_3 {
  margin-left: 540px;
  width: 690px;
  height: 200px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_3 p {
  text-align: left;
  float: left;
  color: #333333;
  font-size: 20px;
  width: 235px;
  height: 40px;
  line-height: 40px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_3 p span {
  width: 129px;
  height: 40px;
  background-color: #f5663e;
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_3 p:nth-child(2) {
  width: 220px;
}
.partnerRec .totalContent .totalPart .part3 .part3_content .part3_content_3 p:nth-child(2) {
  width: 200px;
}
.partnerRec .totalContent .totalPart .part4 .part4_content {
  width: 1200px;
  height: 246px;
  border-radius: 8px;
  background-color: #ffffff;
  margin: 50px auto 0;
}
.partnerRec .totalContent .totalPart .part4 .part4_content p {
  text-align: center;
}
.partnerRec .totalContent .totalPart .part4 .part4_content p:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #333333;
  padding: 50px 0 0;
  line-height: 34px;
}
.partnerRec .totalContent .totalPart .part4 .part4_content p:nth-child(3) a {
  display: block;
  font-size: 16px;
  width: 128px;
  height: 40px;
  margin: 30px auto 20px;
  color: #e32902;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  background-image: linear-gradient(to top, #ffa06b, #fef8e5);
}
.partnerRec .totalContent .totalPart .part4 .part4_content p:nth-child(4) {
  width: 99px;
  height: 15px;
  margin: 0 auto;
}
.partnerRec .totalContent .totalPart .part4 .part4_content p:nth-child(4) a {
  font-weight: 500;
  color: #333333;
  text-decoration: underline!important;
}
.partnerRec .totalContent .totalPart .part5 .part5_content {
  width: 1200px;
  height: 194px;
  margin: 50px auto 0;
}
.partnerRec .totalContent .totalPart .part5 .part5_content .part5_content_item {
  width: 390px;
  height: 100%;
  margin-right: 15px;
  float: left;
  text-align: center;
  padding-top: 46px;
  border-radius: 8px;
  background-color: #ffffff;
}
.partnerRec .totalContent .totalPart .part5 .part5_content .part5_content_item span {
  font-size: 20px;
  font-weight: 500;
  color: #666666;
  line-height: 50px;
}
.partnerRec .totalContent .totalPart .part5 .part5_content .part5_content_item:nth-child(3) {
  margin-right: 0;
}
.partnerRec .totalContent .totalPart .part6 .part6_content {
  width: 1200px;
  height: 294px;
  margin: 50px auto 0;
}
.partnerRec .totalContent .btn {
  margin: 70px auto 100px;
  width: 380px;
  height: 99px;
}

@media screen and (max-width: 996px) {
  html {
    font-size: 100px;
  }
  .partnerRec {
    display: none;
  }
  .phoneIndex {
    display: block;
    background: #fe783e;
  }
  .phoneIndex .phoneIndexBox {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 1.1rem;
  }
  .phoneIndex .phoneIndexBox .phoneBannerBox {
    width: 100%;
    height: 3.3rem;
    background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/phone1.png") 50% 50% / cover no-repeat;
  }
  .phoneIndex .phoneIndexBox .phoneDescBox {
    width: 100%;
    height: 1.855rem;
  }
  .phoneIndex .phoneIndexBox .phoneDescBox .imageBox {
    width: 3.655rem;
    height: 1.855rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0.03rem 0 0.065rem;
  }
  .phoneIndex .phoneIndexBox .phoneDescBox .imageBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox {
    width: 100%;
    height: 3.5rem;
    box-sizing: border-box;
    padding: 0.365rem 0.17rem 0 0.165rem;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .titleBox {
    width: 2.725rem;
    height: 0.21rem;
    margin: 0 auto 0.235rem;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox {
    position: relative;
    width: 3.425rem;
    height: 2.75rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .topBox .leftBox,
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .topBox .rightBox {
    float: left;
    width: 1.645rem;
    height: 1.52rem;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .topBox .leftBox img,
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .topBox .rightBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .topBox .rightBox {
    margin-left: 0.125rem;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .botBox {
    position: absolute;
    bottom: 0.1rem;
    width: 3.425rem;
    height: 1.25rem;
  }
  .phoneIndex .phoneIndexBox .phoneWorkBox .contentBox .botBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneGetBox {
    width: 100%;
    height: 2.175rem;
    box-sizing: border-box;
    padding: 0.31rem 0.16rem 0 0.165rem;
  }
  .phoneIndex .phoneIndexBox .phoneGetBox .titleBox {
    width: 2.665rem;
    height: 0.21rem;
    margin: 0 auto 0.27rem;
  }
  .phoneIndex .phoneIndexBox .phoneGetBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneGetBox .contentBox {
    width: 3.425rem;
    height: 1.385rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phoneGetBox .contentBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneDemandBox {
    width: 100%;
    box-sizing: border-box;
    padding: 0.39rem 0.19rem 0 0.205rem;
  }
  .phoneIndex .phoneIndexBox .phoneDemandBox .titleBox {
    width: 1.995rem;
    height: 0.2rem;
    margin: 0 auto 0.225rem;
  }
  .phoneIndex .phoneIndexBox .phoneDemandBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneDemandBox .contentBox {
    position: relative;
    width: 3.355rem;
    height: 1.855rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phoneDemandBox .contentBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneDemandBox .contentBox a {
    position: absolute;
    left: 50%;
    margin-left: -0.85rem;
    bottom: 0;
    display: block;
    width: 1.7rem;
    height: 0.6rem;
    background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/phone11.png") 50% 50% / cover no-repeat;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox {
    width: 100%;
    box-sizing: border-box;
    padding: 0.38rem 0 0;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox .titleBox {
    width: 1.84rem;
    height: 0.205rem;
    margin: 0 auto 0.225rem;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox .contentBox {
    position: relative;
    width: 3.425rem;
    height: 6.21rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox .contentBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox .contentBox a {
    position: absolute;
    top: 0.33rem;
    left: 1.29rem;
    font-size: 12px;
    color: #f5663e;
    text-decoration: underline !important;
  }
  .phoneIndex .phoneIndexBox .phonePriceBox .contentBox p {
    position: absolute;
    top: 0.78rem;
    left: 0.75rem;
    font-size: 12px;
    color: #f5663e;
    text-decoration: underline !important;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox {
    width: 100%;
    box-sizing: border-box;
    padding: 0.37rem 0.16rem 0 0.165rem;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox .titleBox {
    width: 1.84rem;
    height: 0.205rem;
    margin: 0 auto 0.255rem;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox .contentBox {
    position: relative;
    width: 3.425rem;
    height: 2.325rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox .contentBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox .contentBox a:nth-child(2) {
    position: absolute;
    left: 50%;
    margin-left: -1.1rem;
    bottom: 0.4rem;
    display: block;
    width: 2.2rem;
    height: 0.5rem;
    background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/phone16.png") 50% 50% / cover no-repeat;
  }
  .phoneIndex .phoneIndexBox .phoneCountBox .contentBox a:nth-child(3) {
    position: absolute;
    left: 50%;
    margin-left: -1.1rem;
    bottom: 0.2rem;
    display: block;
    width: 2.2rem;
    font-size: 11px;
    font-weight: 500;
    color: #fe7640;
    text-align: center;
    text-decoration: underline !important;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox {
    width: 100%;
    box-sizing: border-box;
    padding: 0.33rem 0.205rem 0 0.2rem;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox .titleBox {
    width: 1.84rem;
    height: 0.205rem;
    margin: 0 auto 0.225rem;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox .contentBox {
    width: 3.345rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox .contentBox .box {
    float: left;
    width: 1.06rem;
    height: 0.95rem;
    margin-right: 0.082rem;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox .contentBox .box img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneServiceBox .contentBox .box:nth-child(3) {
    margin-right: 0;
  }
  .phoneIndex .phoneIndexBox .phoneCompanyBox {
    width: 100%;
    box-sizing: border-box;
    padding: 0.475rem 0.16rem 0 0.165rem;
  }
  .phoneIndex .phoneIndexBox .phoneCompanyBox .titleBox {
    width: 1.84rem;
    height: 0.205rem;
    margin: 0 auto 0.225rem;
  }
  .phoneIndex .phoneIndexBox .phoneCompanyBox .titleBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .phoneCompanyBox .contentBox {
    width: 3.425rem;
    height: 1.295rem;
    margin: 0 auto;
  }
  .phoneIndex .phoneIndexBox .phoneCompanyBox .contentBox img {
    width: 100%;
    height: 100%;
  }
  .phoneIndex .phoneIndexBox .btn {
    display: block;
    width: 2.905rem;
    height: 0.72rem;
    margin: 0.31rem auto 0;
    background: url("https://360humi-public-obs.360humi.com/localImg/images/partnerRecruitment/phone23.png") 50% 50% / cover no-repeat;
  }
}

.patentSell {
  padding-top: 90px;
  width: 100%;
  background: #f8fafc;
  overflow: hidden;
}
.patentSell .ant-modal-content {
  width: 450px;
  height: 370px;
}
.patentSell .ant-modal-content .ant-input {
  width: 280px;
  height: 36px;
  margin-bottom: 30px;
  color: #b0b0b0;
}
.patentSell .ant-modal-content .contentModalTitle {
  width: 138px;
  height: 22px;
  margin: 30px auto;
  font-size: 22px;
  color: #000;
}
.patentSell .ant-modal-content .contentModalDesc {
  width: 340px;
  height: 15px;
  margin: 0 auto 36px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  text-align: center;
  color: #999999;
}
.patentSell .ant-modal-content #modalPatentSubmit {
  width: 356px;
  height: 46px;
  background-color: #397ecd;
}
.patentSell .ant-modal-content #modalPatentSubmit:hover {
  background-color: #628eff;
}
.patentSell .ant-modal-content .ant-modal-body {
  width: 100%;
}
.patentSell .ant-modal-content .ant-modal-body .bodyBox {
  width: 360px;
  margin: 0 auto;
  padding-top: 25px;
  border-top: 1px dashed #ccc;
}
.patentSell .ant-modal-content .ant-modal-body .bodyBox label {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 15px;
}
.patentSell .ant-modal-content .ant-modal-footer {
  display: none;
}
.patentSell #fatherDiv .indexNav {
  background: #373d41 !important;
}
.patentSell #fatherDiv .indexNav .indexNavBottom {
  background: #373d41 !important;
}
.patentSell .patentSellBanner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/sellbanner.png") no-repeat center;
}
.patentSell .patentSellBanner .imgCentersBox {
  /* position:absolute;
	    	top:67px;
	    	left:25%; */
  width: 854px;
  height: 76px;
  margin: 67px auto 0;
}
.patentSell .patentSellBanner .imgCentersBox .imgCenter {
  width: 100%;
}
.patentSell .patentSellContent {
  width: 100%;
  background-color: #f6f6f6;
}
.patentSell .patentSellContent .patentSellContent_top {
  width: 1200px;
  height: 244px;
  margin: 30px auto 20px;
  box-sizing: border-box;
  padding: 38px 65px;
  background: #fff;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul {
  overflow: hidden;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .center-li {
  float: left;
  width: 140px;
  margin-right: 20px;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .center-li:last-child {
  margin-right: 0;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .center-li .li-img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  margin: 0 auto 30px;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .center-li .img-right {
  display: block;
  margin-top: 42px;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .center-li .li-title {
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-bottom: 18px;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .center-li .li-des {
  font-size: 14px;
  color: #999;
  text-align: center;
}
.patentSell .patentSellContent .patentSellContent_top .center-ul .li-right {
  width: 50px;
}
.patentSell .patentSellContent .patentSellContent_bottom {
  overflow: hidden;
  width: 1200px;
  height: 820px;
  background: #fff;
  margin: 0 auto 89px;
  box-sizing: border-box;
  padding: 49px 105px 55px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_title {
  width: 192px;
  height: 25px;
  margin: 0 auto 20px;
  font-family: MicrosoftYaHei;
  font-size: 24px;
  text-align: center;
  color: #333333;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_titles {
  width: 205px;
  height: 14px;
  margin: 0 auto 68px;
  font-size: 14px;
  text-align: center;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_titles .pre {
  color: #666;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_titles .after {
  color: #397ecd;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon {
  position: relative;
  clear: both;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .comStyle {
  width: 348px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight {
  margin-left: 85px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight .ant-select-selection-selected-value {
  color: #d9d9d9;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight .ant-checkbox-wrapper {
  width: 90px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .way {
  margin-left: 226px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentMiddle {
  margin-bottom: 36px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentMiddle label {
  display: inline-block;
  width: 84px;
  margin-right: 20px;
  vertical-align: top;
  text-align: right;
  font-size: 14px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentMiddle #patentDesc {
  width: 880px;
  height: 157px;
  box-sizing: border-box;
  padding: 11px 0 0 13px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentLeft,
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight {
  float: left;
  margin-bottom: 36px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentLeft label,
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight label {
  display: inline-block;
  width: 84px;
  margin-right: 20px;
  text-align: right;
  font-size: 14px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentLeft #patentSellPrice,
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight #patentSellPrice {
  width: 210px;
  margin-right: 10px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentLeft #patentSubmit,
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight #patentSubmit {
  position: absolute;
  bottom: -145px;
  left: 30%;
  width: 348px;
  height: 46px;
}
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentLeft #patentSubmit:hover,
.patentSell .patentSellContent .patentSellContent_bottom .bottom_submitCon .bottom_contentRight #patentSubmit:hover {
  background-color: #628eff;
}

.selectModalCon .selectFormSubmit {
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 18px;
  text-align: center;
  display: block;
  background-color: #51c796;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  margin: 0 auto 34px auto;
}
.selectModalCon .selectFormSubmit:hover {
  background-color: #51c796;
}
.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 18px;
  color: #000;
  line-height: 22px;
  margin: 20px 0 12px;
  color: #51c796;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
}
.selectModalCon .selectModalForm {
  margin-top: 33px;
  text-align: center;
}
.selectModalCon .selectModalForm .desc {
  margin-left: 5px;
  text-align: center;
}
.selectModalCon .selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn {
  vertical-align: middle;
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a {
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 14px;
  color: #b0b0b0;
  display: inline-block;
  margin-right: 8px;
  transition: all 0.3s;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:first-child {
  margin-bottom: 10px;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:nth-child(3),
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:last-child {
  margin-right: 0;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn .selectTypeClick {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle input {
  background-color: #f5f5f5;
  font-size: 14px;
  color: #b0b0b0;
  border: 0;
  width: 270px;
  padding: 12.5px 12px;
  outline: none;
}
.selectModalCon .selectModalForm .selectPhoneTip {
  margin-bottom: 7px;
  display: none;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon {
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon p {
  color: #2cb278;
}
@media screen and (max-width: 996px) {
  html {
    font-size: 100px;
  }
  .ant-modal-content {
    width: 100%;
  }
  .ant-modal-content .selectModalCon .selectModalForm .desc {
    margin-left: 0.3rem;
  }
}

.revenueOut {
  min-width: 1560px;
  padding-top: 60px;
  background-color: #ffffff;
}
.revenueOut .topCarousel {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/QIYE/bannnn.jpg');
  height: 520px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: center;
}
.revenueOut .topCarousel .topCarInput {
  height: 50px;
  width: 524px;
  border-radius: 25px;
  margin-top: 370px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
}
.revenueOut .topCarousel .topCarInput .topCarInputLeft {
  height: 31px;
  width: 75px;
  margin-top: 9px;
  text-align: center;
  line-height: 31px;
  border-right: 1px #d6d6d6 solid;
}
.revenueOut .topCarousel .topCarInput .revenueInput {
  width: 341px;
  height: 50px;
  border: none;
  outline: none;
  padding-left: 14px;
}
.revenueOut .topCarousel .topCarInput .topCarInputRight {
  width: 108px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #458bff;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  color: #ffffff;
  cursor: pointer;
}
.revenueOut .advenage {
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/QIYE/city.png');
  background-size: 100% 100%;
  padding-top: 50px;
}
.revenueOut .advenage .advenageContent {
  text-align: center;
  width: 1200px;
  margin: auto;
}
.revenueOut .advenage .advenageContent h1 {
  font-size: 32px;
  color: #333333;
  margin-bottom: 75px;
  font-weight: 550;
}
.revenueOut .advenage .advenageContent .advenageCon {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 70px;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin {
  width: 570px;
  -moz-box-shadow: 1px 1px 4px #888888;
  /* 老的 Firefox */
  box-shadow: 1px 1px 4px #888888;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin .topTitle {
  width: 100%;
  height: 72px;
  background-size: 100% 100%;
  text-align: left;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin .topTitle p {
  font-size: 24px;
  color: #ffffff;
  margin-left: 34px;
  line-height: 72px;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin .botCon {
  height: 160px;
  width: 100%;
  background-color: #ffffff;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin .botCon div {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: left;
  padding: 34px;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin .botCon div p {
  font-size: 18px;
  color: #333333;
  margin-bottom: 25px;
}
.revenueOut .advenage .advenageContent .advenageCon .advenageConSin .botCon div span {
  font-size: 14px;
  color: #333333;
}
.revenueOut .advenage .advenageServer {
  height: 65px;
  width: 100%;
  background-color: rgba(69, 139, 255, 0.8);
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  line-height: 65px;
}
.revenueOut .perpareMoudle {
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/QIYE/perare (1).png');
  background-size: 100% 100%;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 80px;
}
.revenueOut .perpareMoudle h1 {
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 65px;
  font-weight: 550;
}
.revenueOut .perpareMoudle .perareList {
  width: 1084px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.revenueOut .perpareMoudle .perareList .perareSingle {
  width: 340px;
  margin-bottom: 27px;
  background-color: #41598d;
}
.revenueOut .perpareMoudle .perareList .perareSingle img {
  width: 340px;
  height: 164px;
}
.revenueOut .perpareMoudle .perareList .perareSingle div {
  padding: 17px;
  color: #ffffff;
}
.revenueOut .perpareMoudle .perareList .perareSingle div p {
  font-size: 18px;
  margin-bottom: 5px;
}
.revenueOut .perpareMoudle .perareList .perareSingle div span {
  font-size: 14px;
}
.revenueOut .planServer {
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/QIYE/evening.png');
  background-size: 100% 100%;
  text-align: center;
  padding-bottom: 93px;
  padding-top: 56px;
}
.revenueOut .planServer h1 {
  font-size: 32px;
  color: #333333;
  margin-bottom: 47px;
  margin-top: 56px;
  font-weight: 550;
}
.revenueOut .planServer .planList {
  width: 967px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 39px;
}
.revenueOut .planServer .planList .planSingle {
  text-align: left;
}
.revenueOut .planServer .planList .planSingle .planTop {
  width: 428px;
  height: 202px;
  padding-left: 39px;
  padding-top: 120px;
}
.revenueOut .planServer .planList .planSingle .planTop span {
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 3px;
}
.revenueOut .planServer .planList .planSingle .planTop p {
  font-size: 16px;
  color: #ffffff;
}
.revenueOut .planServer .planList .planSingle .planBot {
  width: 428px;
  height: 123px;
  background-color: #ffffff;
  padding: 30px;
}
.revenueOut .planServer .planList .planSingle .planBot span {
  font-size: 14px;
  color: #333333;
}
.revenueOut .planServer .planList .planSingle .planBot span p {
  margin-bottom: 3px;
}
.revenueOut .wePreponderance {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/QIYE/arch.png');
  background-size: 100% 100%;
  width: 100%;
  padding: 72px 0px 48px 0px;
  text-align: center;
}
.revenueOut .wePreponderance h1 {
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 45px;
  font-weight: 550;
}
.revenueOut .wePreponderance .preponderanceList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1052px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/QIYE/2-2.png');
  background-size: 100% 100%;
  margin: auto;
}
.revenueOut .wePreponderance .preponderanceList .preponderanceSingle {
  width: 350px;
  height: 188.5px;
  display: flex;
  flex-direction: column ;
  justify-content: center;
  align-items: center;
}
.revenueOut .wePreponderance .preponderanceList .preponderanceSingle img {
  margin-bottom: 30px;
}
.revenueOut .wePreponderance .preponderanceList .preponderanceSingle span {
  font-size: 16px;
  color: #c2c2c2;
}
.revenueOut .transactionFlow {
  width: 100%;
  padding: 60px 0px 93px 0px;
  text-align: center;
}
.revenueOut .transactionFlow h1 {
  font-size: 32px;
  color: #333333;
  margin-bottom: 58px;
  font-weight: 550;
}
.revenueOut .transactionFlow .transactionFlowCon {
  width: 946px;
  margin: auto;
}
.revenueOut .transactionFlow .transactionFlowCon .flowName {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 39px;
}
.revenueOut .transactionFlow .transactionFlowCon .flowName span {
  font-size: 16px;
  color: #333333;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body {
  background-color: #fff;
}
.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
img {
  outline-width: 0px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input {
  outline: none;
}
.hot-red {
  color: #FF4141 !important;
}
* {
  box-sizing: border-box;
}
.hm-menu {
  padding-bottom: 208px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/header_bg.png) no-repeat;
  background-size: 100% 960px;
}
.hm-header {
  padding: 0 40px;
  height: 70px;
  line-height: 70px;
  background-color: #fff;
}
.logo a {
  display: inline-block;
}
.logo img {
  vertical-align: middle;
}
.login a {
  margin-left: 50px;
}
.login a:hover,
.menu-list a:hover {
  color: #3773c1;
}
.login .reg-btn {
  margin-left: 26px;
}
.search {
  margin-top: 19px;
  width: 276px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  background-color: #e2e2e2;
}
.search input {
  margin-left: 16px;
  width: 220px;
  height: 32px;
  background-color: transparent;
  border: none;
}
.search .icon-search {
  width: 32px;
  cursor: pointer;
  color: #959da5;
}
.search .icon-search:hover {
  font-weight: bold;
  color: #3773c1;
}
.hm-nav {
  padding-left: 40px;
  line-height: 60px;
  background-color: rgba(255, 255, 255, 0.62);
}
.icon-menu {
  margin-right: 10px;
}
.menu-list {
  margin-left: 5%;
  width: 74%;
}
.menu-list a {
  margin-right: 3%;
}
.menu-list a:last-child {
  margin-right: 0;
}
.free-release {
  width: 12.6%;
  text-align: center;
  background-color: #3773c1;
  color: #fff;
  cursor: pointer;
}
.free-release:hover {
  background: #1264a4;
}
.hm-introduce {
  margin: 126px auto 0;
  width: 1200px;
}
.intro-power {
  padding: 16px 0 52px;
  background-color: #1762ba;
}
.intro-power h3 {
  font-size: 36px;
  line-height: 82px;
  text-align: center;
  color: #fff;
}
.power-list {
  margin-left: 282px;
  width: 918px;
}
.power-list span {
  position: relative;
  padding-left: 30px;
  width: 50%;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
}
.power-list span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-style: dashed;
  border-width: 8px;
  border-color: transparent transparent transparent #fff;
}
.intro-core {
  padding: 4px 0 34px 228px;
  background: rgba(255, 255, 255, 0.68);
}
.intro-core h3 {
  font-size: 24px;
  line-height: 84px;
}
.intro-core ul {
  padding-left: 20px;
}
.hm-tabs {
  padding: 30px 0;
  background-color: #eceded;
}
.intro-core li {
  width: 50%;
  line-height: 42px;
  font-size: 14px;
  list-style: disc;
}
.hm-tabs ul {
  margin: 0 auto;
  width: 1200px;
  background-color: #fff;
}
.hm-tabs li {
  position: relative;
  padding-top: 40px;
  height: 70px;
  text-align: center;
}
.hm-tabs li a {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  padding-top: 13px;
  padding-bottom: 35px;
}
.hm-tabs li a:hover {
  color: #1762ba;
}
.hm-tabs li span {
  padding: 0 26px;
  font-size: 14px;
  color: #999999;
}
.hm-tabs li a.active {
  border-bottom: 2px solid #3574bf;
  color: #666666;
}
.hm-tabs li em {
  display: inline-block;
  width: 10px;
}
.cont-item {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_01.png) no-repeat;
  background-size: 100% 960px;
}
.cont-item-02 {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_02.png) no-repeat;
  background-size: 100% 960px;
}
.cont-item-03 {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_03.png) no-repeat;
  background-size: 100% 960px;
}
.cont-item-04 {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_04.png) no-repeat;
  background-size: 100% 960px;
}
.cont-item-05 {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_05.png) no-repeat;
  background-size: 100% 960px;
}
.cont-item-06 {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_06.png) no-repeat;
  background-size: 100% 960px;
}
.cont-item-07 {
  padding: 202px 0 0;
  height: 960px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/international/tab_bg_07.png) no-repeat;
  background-size: 100% 960px;
}
.words-box p {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  line-height: 12px;
}
.words-box {
  margin: 0 auto;
  width: 1200px;
}
.cont-case {
  margin-left: auto;
  margin-right: 50px;
  width: 720px;
}
.case-title {
  padding: 36px 0 16px 40px;
  line-height: 40px;
  background-color: #476797;
  color: #fff;
}
.case-title h3 {
  display: inline-block;
  margin-right: 30px;
  font-size: 36px;
  font-weight: bold;
}
.case-title span {
  font-size: 32px;
}
.case-title em {
  display: inline-block;
  width: 30px;
}
.case-content {
  padding: 20px 16px 30px 40px;
  background: rgba(255, 255, 255, 0.85);
}
.case-content p {
  font-size: 18px;
  line-height: 36px;
  text-align: justify;
  color: #2862be;
}
.ask-btn {
  margin-top: 40px;
  text-align: right;
}
.ask-btn a {
  display: inline-block;
  width: 182px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.85);
  color: #666;
}
.ask-btn a:hover {
  background: #ffffff;
  color: #333;
}
.cont-item-02 .cont-case,
.cont-item-04 .cont-case,
.cont-item-06 .cont-case {
  margin-left: 0;
}
.cont-item-02,
.cont-item-04,
.cont-item-06 {
  padding-top: 260px;
}
.cont-item-02 .ask-btn a {
  width: 160px;
}
.cont-item-03 .case-title,
.cont-item-05 .case-title {
  background-color: #753503;
}
.cont-item-03 .case-content p,
.cont-item-05 .case-content p {
  color: #753503;
}
.cont-item-07 .case-content {
  padding-bottom: 68px;
  padding-top: 30px;
}
.company-introduce,
.footer-box {
  margin: 0 auto;
  width: 1200px;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.company-introduce > div {
  width: 50%;
}
.hm-footer {
  padding-bottom: 30px;
  background-color: #1f1f1f;
  color: #fff;
}
.hm-footer a {
  color: #fff;
}
.company-introduce {
  padding-top: 50px;
}
.company-introduce h3 {
  font-size: 36px;
  line-height: 78px;
  font-weight: bold;
}
.company-introduce p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.question h4 {
  font-size: 18px;
  line-height: 78px;
}
.question h5 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.question p {
  color: #666;
}
.site-header {
  position: relative;
  width: 100%;
  height: 80px;
  color: #fff;
  background: #373d41;
}
.navbar {
  width: 100%;
  padding: 20px 0;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
  /*IE/7/6*/
}
.container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.hs-btn {
  display: inline-block;
  width: 260px;
  height: 50px;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #397ecd;
  cursor: pointer;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hs-btn:hover,
.hs-btn:focus,
.hs-btn:active {
  background-color: #2762a6;
  color: white;
}
.navbar-left .logo > a {
  display: block;
  width: 70px;
  height: 40px;
}
.navbar-item {
  padding: 0 30px;
}
.navbar-item li {
  float: left;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
}
.navbar-item li a {
  display: block;
  color: #fff;
}
.navbar-right a {
  color: #fff;
}
.navbar-right a {
  height: 40px;
  line-height: 40px;
  padding: 20px 15px;
}
.navbar-dropdown {
  width: 80px;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
  margin-top: 10px;
}
.navbar-dropdown img {
  margin-top: 12px;
}
.navbar-dropdown .check-language {
  margin-left: 10px;
  position: absolute;
  top: 38px;
  right: -28px;
}
.navbar-dropdown .check-language .arrow {
  position: absolute;
  top: -43px;
  right: 60px;
  font-size: 20px;
  color: #cacccd;
}
.navbar-dropdown .check-language ul {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 22px;
  right: 26px;
  width: 90px;
  height: auto;
  display: none;
  z-index: 6;
}
.navbar-dropdown .check-language ul li {
  text-align: center;
  line-height: 30px;
  border-bottom: 1px solid #cacccd;
  font-size: 14px;
}
.navbar-dropdown .check-language ul li a {
  padding: 5px 0;
  height: auto;
  line-height: 20px;
  width: 100%;
  vertical-align: middle;
  display: block;
  cursor: pointer;
}
.navbar-dropdown .check-language ul li a img {
  margin-top: 0;
  vertical-align: middle;
}
.navbar-dropdown .check-language ul li:last-child {
  border-bottom: none;
}
.navbar-dropdown .check-language ul li:hover {
  background-color: #FF4141;
}
.navbar-dropdown .check-language ul.active {
  display: block;
}
.navbar-item li a:hover,
.navbar-right a:hover {
  color: #3773c1;
  cursor: pointer;
}
/*banner-start*/
.banner .banner-list {
  width: 100%;
  height: 806px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.banner .banner-list li {
  position: absolute;
  width: 100%;
  height: 806px;
  left: 0;
  right: 0;
  opacity: 0;
}
.banner .banner-list img {
  display: block;
  width: 100%;
  height: 100%;
}
.banner .banner-list li:nth-child(1) {
  opacity: 1;
}
.banner-btn {
  transform: translate(-22%, -22%);
  position: absolute;
  bottom: 22%;
  left: 22%;
  z-index: 2;
}
.banner .banner-nav {
  transform: translate(-74px, -50%);
  position: absolute;
  bottom: 74px;
  left: 50%;
  z-index: 2;
}
.banner .banner-nav li {
  width: 37px;
  height: 4px;
  float: left;
  background-color: #f4f5f4;
  margin-right: 15px;
  cursor: pointer;
}
.banner .banner-nav li:hover {
  background: #397ecd;
}
.banner .banner-nav li.active {
  background: #397ecd;
}
.banner .banner-nav li:last-child {
  margin-right: 0;
}
/*banner-end*/
/*page01 服务类目*/
.floors {
  width: 100%;
  background: #fff;
}
.page01 {
  padding: 60px 0;
  border-bottom: 1px solid #e3e3e3;
}
.page-title,
.page-min-title {
  font-size: 36px;
  color: #2b2b2b;
  font-family: 'Microsoft YaHei';
  margin: 30px auto;
  text-align: center;
}
.page-min-title {
  font-size: 18px;
  margin-bottom: 20px;
}
.page-box {
  width: 880px;
  margin: 0 auto;
  position: relative;
  perspective: 10000000px;
  -webkit-perspective: 10000000px;
  /* Safari 和 Chrome */
}
.page-brick-item {
  z-index: 1;
  float: left;
  box-shadow: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page-list {
  z-index: 2;
  float: left;
  width: 200px;
  height: 180px;
  text-align: center;
  transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  /* IE 9 */
  -moz-transform: rotateY(0deg);
  /* Firefox */
  -webkit-transform: rotateY(0deg);
  /* Safari 和 Chrome */
  -o-transform: rotateY(0deg);
  /* Opera */
  transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  border-right: 1px solid #e3e3e3;
}
.page-brick-item:hover {
  box-shadow: 5px 0px 30px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page01 .page-list.noborder {
  border-right: none;
}
.page-list img,
.page-brick-item .page-list-content img {
  margin-top: 45px;
  width: 60px;
  height: 60px;
}
.border-bd {
  width: 800px;
  border-bottom: 1px solid #e3e3e3;
}
.page-list p,
.page-brick-item .page-list-content .page-list-title {
  font-size: 18px;
  color: #b2b2b2;
  margin-top: 20px;
  font-family: 'Microsoft YaHei';
}
.page-brick-item .page-list-content .page-list-title {
  color: #397ecd;
}
.page-brick-item .page-list-content .hot-img {
  width: 48px;
  height: 33px;
  margin-bottom: 30px;
}
.page-list-content .min-title p {
  font-size: 16px;
  line-height: 32px;
  font-family: 'Microsoft YaHei';
  color: #2b2b2b;
}
/*page01 服务类目 end*/
/* page02 服务案例 start*/
.page02,
.page03 {
  padding-top: 60px;
  overflow: hidden;
}
.page02 .page-min-title {
  margin-bottom: 40px;
}
.page02-box .item {
  overflow: hidden;
  position: relative;
  float: left;
  width: 13.2%;
  height: 100%;
  box-sizing: content-box;
  margin: 1%;
  margin-right: 0;
  margin-top: 0;
}
.page02-box .cover {
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.page02-box .cover img {
  height: 100%;
  width: 100%;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
.cont {
  position: absolute;
  color: #FFF;
  z-index: 10;
  visibility: hidden;
  opacity: 1;
  top: 10%;
  width: 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cont-box {
  padding: 0 25px;
  position: relative;
  z-index: 2;
}
.blue-bg {
  background: rgba(83, 128, 197, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.cont-box .cont-box-title {
  font-size: 20px;
  margin-bottom: 10%;
  font-family: 'Microsoft YaHei';
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}
.cont-box p,
.cont-box .num-box {
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  transform: translateX(-30%);
  opacity: 0;
}
.cont-box p {
  font-size: 14px;
  line-height: 1.5;
  font-family: 'Microsoft YaHei';
}
.cont-box p:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.cont-box p:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cont-box .num-box {
  margin-top: 18%;
  border-top: 1px solid #fff;
  -webkit-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cont-box .num-box .num {
  font-size: 36px;
  text-align: center;
  float: left;
  width: 50%;
}
.border-r {
  border-right: 1px solid #fff;
}
.cont-box .num-box .num span {
  display: block;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
}
.page02-box .item:hover .cover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
}
.page02-box .item:hover .blue-bg {
  height: 100%;
  width: 100%;
}
.page02-box .item:hover .cont {
  visibility: visible;
  opacity: 1;
}
.page02-box .item:hover .cont-box p,
.page02-box .item:hover .cont-box .num-box {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.bg-f8 {
  background: #f8f8f8;
}
/* page02 服务案例 end */
/*map*/
.page03 .map-page {
  position: relative;
  width: 1089px;
  height: 520px;
  text-align: center;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/international/gj/map.png') no-repeat center;
}
.spread-box {
  position: relative;
}
.spread-area {
  text-align: center;
  position: absolute;
  transition: opacity 0.5s ease-out;
  z-index: 9;
  width: 66px;
  height: 66px;
}
.spread-area .spread-point {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  border-radius: 50%;
  background-color: #7ca9dc;
}
.spread-area1 {
  left: 126px;
  top: 130px;
  width: 76px;
  height: 76px;
}
.spread-area2 {
  left: 330px;
  top: 334px;
  width: 76px;
  height: 76px;
}
.spread-area3 {
  left: 538px;
  top: 94px;
  width: 76px;
  height: 76px;
}
.spread-area4 {
  left: 521px;
  top: 216px;
  width: 76px;
  height: 76px;
}
.spread-area5 {
  right: 213px;
  top: 130px;
  width: 76px;
  height: 76px;
}
.spread-area6 {
  right: 193px;
  top: 253px;
  width: 76px;
  height: 76px;
}
.spread-area7 {
  right: 91px;
  top: 371px;
  width: 76px;
  height: 76px;
}
.spread-area .spread {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.spread-area .spread:before,
.spread-area .spread:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #7ca9dc;
  opacity: 0;
  -webkit-animation: spread 4.5s ease-out 1575ms infinite;
  animation: spread 4.5s ease-out 1575ms infinite;
}
.spread-area .spread:after {
  animation: spread 4.5s ease-out 225ms infinite;
}
@keyframes spread {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* page04 知名服务商start*/
.page04 {
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  border-bottom: 1px solid #e3e3e3;
}
.page04 .page-left-panel {
  width: 320px;
}
.page-left-panel .page-title,
.page-left-panel .page-min-title {
  text-align: left;
}
.page-left-panel .page-min-title p {
  line-height: 30px;
}
.page-left-panel .flex-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 0;
}
.page-left-panel .flex-page img {
  margin-right: 15px;
}
.page-left-panel.flex-page p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 16px;
}
.page04 .page-right-panel {
  width: 880px;
  height: 400px;
  margin-top: 30px;
  position: relative;
}
.show-img-01,
.show-img-02,
.show-img-03,
.show-img-04,
.show-img-05,
.show-img-06,
.show-img-07,
.show-img-08 {
  position: absolute;
  top: 89px;
  left: 0;
}
.show-img-02 {
  top: 0;
  left: 177px;
}
.show-img-03 {
  top: 177px;
  left: 177px;
}
.show-img-04 {
  top: 33px;
  left: 354px;
}
.show-img-05 {
  top: 210px;
  left: 354px;
}
.show-img-06 {
  top: 0px;
  left: 530px;
}
.show-img-07 {
  top: 177px;
  left: 530px;
}
.show-img-08 {
  top: 110px;
  right: 0;
  left: auto;
}
.page05 {
  padding: 54px 0 56px;
}
.page05 .page-right-panel {
  margin-left: 64px;
}
.page05-englist .page-right-panel {
  margin: 0;
}
.page05 .page-title {
  margin-top: 0;
}
.page05 .page-min-title {
  margin-bottom: 44px;
  margin-top: 40px;
}
.page05 .flex-page {
  padding-bottom: 0px;
}
.page06 {
  width: 100%;
  height: 340px;
  text-align: center;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/international/gj/demand_bg.png') no-repeat center center;
}
.page06 .page-title {
  margin-top: 80px;
}
.page06 .page-min-title {
  margin-top: 30px;
  margin-bottom: 50px;
}
/*footer*/
.hm-footer .footer-box .serve-friend-nav {
  line-height: 46px;
  font-size: 18px;
}
.hm-footer .footer-box .serve-friend-nav span {
  display: inline-block;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.hm-footer .footer-box .serve-friend-nav span:nth-child(2) {
  margin-left: 76px;
}
.hm-footer .footer-box .serve-friend-nav .active {
  border-bottom: 4px solid #397ecd;
}
.hm-footer .footer-box .serve-friend-link div {
  height: 60px;
  margin-top: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #5c5c5c;
  border-top: 1px solid #5c5c5c;
  display: none;
}
.hm-footer .footer-box .serve-friend-link .active {
  display: block;
}
.hm-footer .footer-box .serve-friend-link a {
  display: inline-block;
  width: 70px;
  line-height: 60px;
  font-size: 14px;
  margin-right: 76px;
}
.hm-footer .footer-box a:hover {
  color: #FF4141;
}
.hm-footer .footer-box .serve-friend-link a:last-child {
  margin-right: 0;
}
.hm-footer .footer-box .forme {
  margin-top: 24px;
  line-height: 38px;
}
.hm-footer .footer-box .forme a {
  display: inline-block;
  font-size: 14px;
  margin-right: 44px;
}
.hm-footer .footer-box .policy {
  margin-top: 14px;
  line-height: 16px;
}
.hm-footer .footer-box .policy a {
  display: inline-block;
  width: 76px;
  border-right: 1px solid #FFF;
  margin-right: 20px;
  font-size: 14px;
}
.hm-footer .footer-box .copyright {
  margin-top: 25px;
  line-height: 36px;
  font-size: 14px;
  color: #939292;
}
.hm-footer .footer-box .record {
  height: 44px;
  color: #939292;
}
.hm-footer .footer-box .record span {
  margin-right: 28px;
  line-height: 44px;
  font-size: 14px;
}
.hm-footer .footer-box .attention {
  margin-left: 252px;
}
.hm-footer .footer-box .attention dd {
  font-size: 14px;
  margin-top: 14px;
  cursor: pointer;
  position: relative;
}
.hm-footer .footer-box .attention dd p {
  color: #939292;
  line-height: 30px;
}
.hm-footer .footer-box .attention dd img {
  display: block;
  margin-top: 8px;
  display: none;
}
.hm-footer .footer-box .attention dd .arrow {
  position: absolute;
  color: #939292;
  top: 2px;
  right: 48px;
  font-size: 20px;
}
.hm-footer .footer-box .attention dd.active img {
  display: block;
}
.hm-footer .footer-box .attention dd.active p {
  color: #397ecd;
}
.hm-footer .footer-box .attention dd.active .arrow {
  transition: all 0.3s;
}
.hm-footer .footer-box .attention dd.active .arrow {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.hm-footer .english {
  padding-top: 34px;
}
.hm-footer .english .link {
  text-align: center;
}
.hm-footer .english .link i {
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 38px;
  color: #333333;
  font-size: 26px;
  margin: 0 11px;
  cursor: pointer;
}
/* .hm-footer .english .link i:hover{
    background-color: #fff;
} */
.hm-footer .english .footer-bottom {
  margin-top: 24px;
}
.hm-footer .english .footer-bottom dl {
  margin-right: 176px;
}
.hm-footer .english .footer-bottom dl:last-child {
  margin-right: 0;
  margin-top: 24px;
}
.hm-footer .english .footer-bottom dt {
  line-height: 68px;
  font-size: 18px;
}
.hm-footer .english .footer-bottom dd {
  line-height: 32px;
  color: #999999;
}
.hm-code {
  padding-top: 24px;
  width: 124px;
}
.hm-footer .english .footer-bottom dd.color-blue {
  color: #397ecd;
}
.footer-bottom-bq {
  margin-top: 30px;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #999999;
  color: #999999;
}
.site-header .ant-carousel .slick-slide {
  text-align: center;
  height: 160px;
  line-height: 160px;
  background: #364d79;
  overflow: hidden;
}
.hmguoji .ant-carousel .slick-slide {
  height: 750px;
}
.hmguoji .ant-carousel .slick-slide img {
  width: 100%;
  height: 750px;
}
.ant-carousel .slick-slide h3 {
  color: #fff;
}
.firstbanner {
  position: relative;
  list-style: none;
}
.firstbanner img {
  width: 100%;
}
.rel-cont {
  background: #fff;
  margin-top: 40px;
  padding: 30px 50px;
}
.relTitle {
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  padding-bottom: 10px;
  color: #000;
  margin-bottom: 40px;
}
.rel-cont div.ant-form-item-label {
  width: 135px;
  margin-right: 15px;
}
.rel-cont div.ant-form-item-label label {
  font-size: 14px;
}
.rel-cont .relinput {
  background: #f8f8f8;
  border: 1px solid #d8d8d8;
  border-radius: 0;
}
.rel-cont .relinput:focus {
  background-color: #fff;
}
.rel-cont .demandInput {
  width: 400px;
}
.rel-cont span.ant-input-group-addon {
  width: 80px;
  background: #fff !important;
}
.rel-cont .relcontactLabel label {
  width: 100px;
}
.rel-cont div.relcontactLabel div.ant-form-item-label {
  width: 70px;
  margin-right: 15px;
}
.rel-cont .relcontact {
  width: 270px;
}
.rel-cont .relfooter {
  width: 305px;
  margin: 0 auto;
}
.rel-cont .relfooter .relBtn {
  text-align: center;
  margin-top: 100px;
  height: 40px;
  width: 100%;
  border-radius: 0;
}
.rel-cont .xieyi {
  margin-top: 15px;
  margin-bottom: 40px;
  text-align: center;
}
.rel-cont .xieyi a {
  color: #397ecd;
}
.relTishi {
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  text-align: right;
  padding-right: 20px;
}
.relCon .ant-row .ant-col-3,
.relCon .ant-row .ant-col-4 {
  text-align: right;
  line-height: 32px;
}
.relCon .ant-row .ant-col-3 span,
.relCon .ant-row .ant-col-4 span {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: "Microsoft YaHei";
  line-height: 1;
  font-size: 12px;
  color: #f04134;
}
.relCon .ant-row .ant-col-3 p,
.relCon .ant-row .ant-col-4 p {
  display: inline-block;
  margin-right: 15px;
}
.relCon .ant-row .ant-col-21,
.relCon .ant-row .ant-col-20 {
  margin-bottom: 24px;
}
.relCon .ant-row .ant-col-21 input[type="text"],
.relCon .ant-row .ant-col-20 input[type="text"],
.relCon .ant-row .ant-col-21 input[type="number"],
.relCon .ant-row .ant-col-20 input[type="number"] {
  width: 400px;
  height: 32px;
  line-height: 32px;
  background: #f8f8f8;
  border: 1px solid #d8d8d8;
  padding: 6px 7px;
}
.relCon .ant-row .ant-col-21 input[type="text"]:focus,
.relCon .ant-row .ant-col-20 input[type="text"]:focus,
.relCon .ant-row .ant-col-21 input[type="number"]:focus,
.relCon .ant-row .ant-col-20 input[type="number"]:focus {
  background-color: #fff;
}
.relCon .ant-row .ant-col-21 .uploadBtn,
.relCon .ant-row .ant-col-20 .uploadBtn {
  line-height: 1.1;
  margin: 0 0 5px 0;
}
.relCon .ant-row .ant-col-21 .uploadBtn div:first-child,
.relCon .ant-row .ant-col-20 .uploadBtn div:first-child {
  font-size: 14px;
  color: #397ecd;
  position: relative;
  margin: 0 5px 0 0;
}
.relCon .ant-row .ant-col-21 .uploadBtn div:first-child i,
.relCon .ant-row .ant-col-20 .uploadBtn div:first-child i {
  margin: 0 5px 0 0;
}
.relCon .ant-row .ant-col-21 .uploadBtn div:first-child input[type=file],
.relCon .ant-row .ant-col-20 .uploadBtn div:first-child input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 17px;
  opacity: 0;
}
.relCon .ant-row .ant-col-21 .uploadBtn span,
.relCon .ant-row .ant-col-20 .uploadBtn span {
  color: #999;
  display: inline-block;
  margin-top: 5px;
}
.relCon .ant-row .ant-col-21 .fileCon,
.relCon .ant-row .ant-col-20 .fileCon {
  margin-bottom: 15px;
}
.relCon .ant-row .ant-col-21 .fileCon .fileList,
.relCon .ant-row .ant-col-20 .fileCon .fileList {
  margin-bottom: 5px;
  margin-right: 5px;
}
.relCon .ant-row .ant-col-21 .fileCon .fileList i,
.relCon .ant-row .ant-col-20 .fileCon .fileList i {
  color: #3377c4;
}
.relCon .ant-row .ant-col-21 .ant-select-selection,
.relCon .ant-row .ant-col-20 .ant-select-selection {
  height: 32px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-left: -1px;
}
.relCon .ant-row .ant-col-21 .ant-select-selection .ant-select-selection__rendered,
.relCon .ant-row .ant-col-20 .ant-select-selection .ant-select-selection__rendered {
  line-height: 30px;
}
.relCon .ant-row .lxTip {
  line-height: 32px;
  font-size: 14px;
  margin-bottom: 15px;
}
.relCon .submitBtn {
  text-align: center;
  margin: 100px auto 0 auto;
  width: 305px;
  height: 40px;
  line-height: 40px;
  background-color: #397ecd;
  font-size: 14px;
  color: #fff;
  display: block;
}
.contentEnFooter {
  padding: 50px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #25282e;
  line-height: 1.1;
}
.toolTipHumiguoji div.ant-tooltip-placement-top,
.toolTipHumiguoji div.ant-tooltip-placement-topLeft,
.toolTipHumiguoji div.ant-tooltip-placement-topRight {
  padding-bottom: 25px;
}
.toolTipHumiguoji div.ant-tooltip-placement-bottom,
.toolTipHumiguoji div.ant-tooltip-placement-bottomLeft,
.toolTipHumiguoji div.ant-tooltip-placement-bottomRight {
  padding-top: 25px;
}
.toolTipHumiguoji .ant-tooltip-placement-top div.ant-tooltip-arrow,
.toolTipHumiguoji .ant-tooltip-placement-topLeft div.ant-tooltip-arrow,
.toolTipHumiguoji .ant-tooltip-placement-topRight div.ant-tooltip-arrow {
  border-width: 24px 8px 0;
  border-top-color: #397ecd;
}
.toolTipHumiguoji .ant-tooltip-placement-bottom div.ant-tooltip-arrow,
.toolTipHumiguoji .ant-tooltip-placement-bottomLeft div.ant-tooltip-arrow,
.toolTipHumiguoji .ant-tooltip-placement-bottomRight div.ant-tooltip-arrow {
  border-bottom-color: #397ecd;
  border-width: 0 8px 24px;
}
.toolTipHumiguoji div.ant-tooltip-inner {
  background: #397ecd;
  border-radius: 0;
  padding: 15px;
}
.tools h1 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.searchOut {
  font-family: PingFang SC;
  background: #F6F6F6;
  min-width: 1200px;
}
.searchOut .ant-select {
  min-width: 80px;
}
.searchOut .ant-select-selection-selected-value {
  color: #3664FF !important;
}
.searchOut .head_style {
  height: 60px;
  background: #262626;
}
.searchOut .capacity-find {
  padding-left: 10px;
}
.searchOut .loading_mask {
  display: flex;
  background-color: rgba(55, 55, 55, 0.95);
}
.searchOut .loading_mask .loading_box {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/loading.gif") no-repeat;
  width: 600px;
  height: 170px;
  margin: auto;
  letter-spacing: 5px;
}
.searchOut .loading_mask .loading_box h2 {
  color: #ffffff;
  position: relative;
  top: 72px;
  left: 270px;
}
.searchOut .resultDesp {
  border-top: 1px solid #E3E3E3;
}
.searchOut .resultDesp .desp_box {
  width: 1200px;
  padding: 31px 0;
  margin: auto;
}
.searchOut .resultDesp .title:before {
  content: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%AF%B9%E5%8B%BE.png");
  padding-right: 8px;
  vertical-align: middle;
}
.searchOut .resultDesp .title span {
  font-size: 24px;
}
.searchOut .section_title {
  padding: 58px 0 40px;
  display: flex;
  justify-content: space-between;
}
.searchOut .section_title a {
  line-height: 30px;
  height: 30px;
}
.searchOut .guess_warp {
  color: #ffffff;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/tool_banner.png") no-repeat;
  min-width: 1200px;
  width: 100%;
  height: 597px;
}
.searchOut .guess_warp h1 {
  color: #ffffff;
  padding: 62px 0 40px 0;
  text-align: center;
}
.searchOut .guess_warp .guess_section h3 {
  color: #ffffff;
  line-height: 17px;
}
.searchOut .guess_warp .guess_section .znzzpg_warp {
  background: rgba(61, 63, 69, 0.9);
  float: left;
  width: 776px;
  height: 406px;
  padding: 37px 40px;
  position: relative;
}
.searchOut .guess_warp .guess_section .znzzpg_warp p {
  padding: 6px 0 45px;
}
.searchOut .guess_warp .guess_section .znzzpg_warp img {
  width: 686px;
  height: 225px;
}
.searchOut .guess_warp .guess_section .znzzpg_warp .btn {
  position: absolute;
  top: 40px;
  right: 50px;
  background: transparent;
  border-radius: 0px;
  height: 34px;
  color: #fff;
}
.searchOut .guess_warp .guess_section .znzzpg_warp .btn:hover {
  background: #f40b0b;
  border: 1px solod #f40b0b;
}
.searchOut .guess_warp .guess_section .gysxy_warp {
  background: rgba(61, 63, 69, 0.9);
  float: right;
  width: 420px;
  height: 406px;
  padding: 37px 34px;
}
.searchOut .guess_warp .guess_section .gysxy_warp .newTags.tags {
  padding: 10px 0 22px 0;
  justify-content: start;
}
.searchOut .guess_warp .guess_section .gysxy_warp .newTags.tags .tag {
  font-size: 12px;
  transform: scale(0.8);
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 0px 5px;
}
.searchOut .guess_warp .guess_section .gysxy_warp p {
  font-weight: 300;
}
.searchOut .guess_warp .guess_section .gysxy_warp h4 {
  color: #fff;
  padding-top: 45px;
  font-weight: 400;
}
.searchOut .guess_warp .guess_section .gysxy_warp .ant-input-group-wrapper {
  margin: 20px auto;
}
.searchOut .guess_warp .guess_section .gysxy_warp .ant-input-group-wrapper input {
  border: 0px;
  color: #999999;
  width: 314px;
  height: 40px;
  background: #ffffff;
  padding-left: 14px;
  font-size: 14px;
  border-radius: 0px;
}
.searchOut .guess_warp .guess_section .gysxy_warp .ant-input-group-wrapper .ant-input-group-addon {
  background-color: #F40B0B !important;
  border: 1px solid #F40B0B;
  border-radius: 0px;
  cursor: pointer;
}
.searchOut .guess_warp .guess_section .gysxy_warp .ant-input-group-wrapper .ant-input-group-addon:hover {
  background: #D50A0A !important;
  border: 1px solid #D50A0A;
}
.searchOut .guess_warp .guess_section .gysxy_warp .hot span {
  margin-right: 15px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 200;
}
.searchOut .guess_warp .guess_section .gysxy_warp .hot span:first-child {
  margin-right: 0;
}
.searchOut .server_title {
  margin: 40px auto 20px;
  width: 1200px;
  height: 48px;
  background: linear-gradient(270deg, #6a6f85, #252838);
}
.searchOut .server_title h3 {
  color: #ffffff;
  padding: 12px 28px;
}
.searchOut .ty_alert {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  min-width: 1200px;
  height: 80px;
  line-height: 80px;
  background: #ffffff;
  color: #454545;
}
.searchOut .ty_alert span {
  color: #EA5F10;
  font-size: 20px;
}
.searchOut .ty_title {
  color: #454545;
  text-align: center;
  padding: 60px 0 40px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.searchOut .section_cxfz_ty .section_cxfz_warp {
  padding: 58px 0px;
}
.searchOut .section_cxfz_ty .cxfz_title {
  margin: 0px auto 83px;
  text-align: center;
}
.searchOut .section_cxfz_ty .cxfz_imgs {
  display: flex;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img {
  width: 240px;
  height: 300px;
  background: #eeeff4;
  border: 1px solid #e3e3e3;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img .inner_style {
  display: flex;
  width: 240px;
  height: 300px;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img .inner_style a {
  margin: 33px;
  position: relative;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img .inner_style a h3 {
  color: #35496E;
  padding-bottom: 10px;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img .inner_style a p {
  width: 180px;
  color: #35496E;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img .inner_style a .img {
  width: 65px;
  height: 55px;
  margin-top: 40px;
}
.searchOut .section_cxfz_ty .cxfz_imgs .cxfz_img .inner_style a .anticon {
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-size: 23px;
  color: #35496E;
}
.searchOut .cxfz_img:nth-of-type(5) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_5.png") no-repeat center;
}
.searchOut .cxfz_img:hover:nth-of-type(5) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_5_bg.png") no-repeat center;
  transition: all 0.6s;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
}
.searchOut .cxfz_img:hover:nth-of-type(5) .inner_style a h3,
.searchOut .cxfz_img:hover:nth-of-type(5) .inner_style a p,
.searchOut .cxfz_img:hover:nth-of-type(5) .inner_style a .anticon {
  color: #fff;
}
.searchOut .cxfz_img:hover:nth-of-type(5) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_5_hover.png") no-repeat center;
}
.searchOut .cxfz_img:nth-of-type(4) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_4.png") no-repeat center;
}
.searchOut .cxfz_img:hover:nth-of-type(4) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_4_bg.png") no-repeat center;
  transition: all 0.6s;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
}
.searchOut .cxfz_img:hover:nth-of-type(4) .inner_style a h3,
.searchOut .cxfz_img:hover:nth-of-type(4) .inner_style a p,
.searchOut .cxfz_img:hover:nth-of-type(4) .inner_style a .anticon {
  color: #fff;
}
.searchOut .cxfz_img:hover:nth-of-type(4) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_4_hover.png") no-repeat center;
}
.searchOut .cxfz_img:nth-of-type(3) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_3.png") no-repeat center;
}
.searchOut .cxfz_img:hover:nth-of-type(3) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_3_bg.png") no-repeat center;
  transition: all 0.6s;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
}
.searchOut .cxfz_img:hover:nth-of-type(3) .inner_style a h3,
.searchOut .cxfz_img:hover:nth-of-type(3) .inner_style a p,
.searchOut .cxfz_img:hover:nth-of-type(3) .inner_style a .anticon {
  color: #fff;
}
.searchOut .cxfz_img:hover:nth-of-type(3) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_3_hover.png") no-repeat center;
}
.searchOut .cxfz_img:nth-of-type(2) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_2.png") no-repeat center;
}
.searchOut .cxfz_img:hover:nth-of-type(2) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_2_bg.png") no-repeat center;
  transition: all 0.6s;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
}
.searchOut .cxfz_img:hover:nth-of-type(2) .inner_style a h3,
.searchOut .cxfz_img:hover:nth-of-type(2) .inner_style a p,
.searchOut .cxfz_img:hover:nth-of-type(2) .inner_style a .anticon {
  color: #fff;
}
.searchOut .cxfz_img:hover:nth-of-type(2) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_2_hover.png") no-repeat center;
}
.searchOut .cxfz_img:nth-of-type(1) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_1.png") no-repeat center;
}
.searchOut .cxfz_img:hover:nth-of-type(1) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_1_bg.png") no-repeat center;
  transition: all 0.6s;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
}
.searchOut .cxfz_img:hover:nth-of-type(1) .inner_style a h3,
.searchOut .cxfz_img:hover:nth-of-type(1) .inner_style a p,
.searchOut .cxfz_img:hover:nth-of-type(1) .inner_style a .anticon {
  color: #fff;
}
.searchOut .cxfz_img:hover:nth-of-type(1) .inner_style a .img {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/cxfz_1_hover.png") no-repeat center;
}
.searchOut .foot_style {
  width: 100%;
  min-width: 1200px;
}
.searchOut .mainList {
  display: flex;
  justify-content: space-between;
}
.searchOut .mainList .block {
  background: #ffffff;
  padding: 42px 14px 32px 14px;
  width: 240px;
  height: 300px;
  border: 1px solid #f6f7f8;
  text-align: center;
  position: relative;
}
.searchOut .mainList .block img {
  margin-bottom: 28px;
}
.searchOut .mainList .block div {
  color: #999999;
}
.searchOut .mainList .block h4 {
  color: #333333;
  font-weight: 500;
}
.searchOut .mainList .block p {
  padding: 8px 0 16px 0;
  font-weight: 500;
  color: #999999;
}
.searchOut .mainList .block .tags {
  height: 70px;
  overflow: hidden;
}
.searchOut .mainList .block .tags .tag {
  max-width: 200px;
}
.searchOut .mainList .block .hover_btn {
  display: none;
}
.searchOut .mainList .block:hover {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.searchOut .mainList .block:hover .tags {
  height: 35px;
  overflow: hidden;
}
.searchOut .mainList .block:hover .hover_btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  bottom: 0px;
  width: 240px;
  left: 0px;
  display: flex;
}
.searchOut .mainList .block:hover .hover_btn div {
  width: 119px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #3366FF;
}
.searchOut .mainList .block:hover .hover_btn div:nth-child(1) {
  background: #3366FF;
}
.searchOut .mainList .block:hover .hover_btn div:nth-child(1) a {
  color: #fff;
}
.searchOut .mainList .block:hover .hover_btn div:nth-child(2) a {
  color: #3366FF;
}
.searchOut .caseList {
  display: flex;
  justify-content: space-between;
}
.searchOut .caseList .block {
  width: 240px;
  height: 231px;
  position: relative;
  background: #ffffff;
  border: 1px solid #f6f7f8;
  padding: 10px;
}
.searchOut .caseList .block:hover {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.searchOut .caseList .block img {
  display: inherit;
}
.searchOut .caseList .block .title {
  color: #333333;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  width: 220px;
}
.searchOut .proMakeList {
  display: flex;
  justify-content: space-between;
}
.searchOut .proMakeList .fws {
  background: #ffffff;
  width: 300px;
  height: 300px;
  position: relative;
  border: 1px solid #e6e6e6;
}
.searchOut .proMakeList .fws:hover {
  border: 1px solid #3366FF;
  box-shadow: 3px 3px 12px 0px rgba(203, 203, 203, 0.24);
}
.searchOut .proMakeList .fws .fws_title {
  position: relative;
  top: 60%;
  -webkit-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateY(-50%);
  color: #ffffff;
  font-size: 18px;
  width: 128px;
  text-align: center;
}
.searchOut .deviceList {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.searchOut .deviceList a {
  width: 240px;
  height: 245px;
  border: 1px solid #e6e6e6;
  text-align: left;
  border: 1px solid #e3e3e3;
}
.searchOut .deviceList a:hover {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.searchOut .deviceList .logo {
  margin: 10px 10px 0 10px;
  width: 220px;
  height: 150px;
  display: inherit;
}
.searchOut .deviceList .text {
  padding: 20px 10px 12px 10px;
  font-weight: 500;
  color: #333333;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.searchOut .deviceList .my {
  padding: 0 10px;
  color: #f50000;
}
.searchOut .courseList {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.searchOut .courseList .box_block {
  width: 240px;
  height: 302px;
  background: #ffffff;
  border: 1px solid #f6f7f8;
}
.searchOut .courseList .box_block:hover {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.searchOut .courseList .box_block img {
  margin: 10px 10px 0 10px;
}
.searchOut .courseList .box_block .desc {
  padding: 12px 15px;
}
.searchOut .courseList .box_block .desc h4 {
  line-height: 18px;
}
.searchOut .courseList .box_block .desc .omit_2.after:after {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/hot.png");
}
.searchOut .courseList .box_block .desc .line {
  color: #E3E3E3;
}
.searchOut .courseList .box_block .desc .part_1 {
  overflow: hidden;
  color: #999999;
  padding: 8px 0 14px 0;
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
}
.searchOut .courseList .box_block .desc .part_1 span:first-child {
  width: 120px;
  min-width: 120px;
  padding-right: 10px;
}
.searchOut .courseList .box_block .desc .part_1 .anicon {
  color: #999999;
}
.searchOut .courseList .box_block .desc .dot {
  border-bottom: 1px dotted;
}
.searchOut .ppwc_banner {
  color: #ffffff;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/ppwc_zt_bg.png") no-repeat;
  width: 1200px;
  height: 150px;
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.searchOut .ppwc_banner h3 {
  padding-bottom: 8px;
  color: #ffffff;
}
.searchOut .ppwc_banner p {
  color: #B7B7B7;
}
.searchOut .ppwc_banner input {
  border: 0px;
  width: 415px;
  height: 40px;
  color: #333333;
  text-align: left;
  padding-left: 16px;
}
.searchOut .ppwc_banner .ant-input-group-wrapper {
  width: 550px;
}
.searchOut .ppwc_banner .ant-input-group-wrapper .ant-input.ppwc_input {
  width: 430px;
  font-size: 14px;
}
.searchOut .ppwc_banner .ant-input-group-wrapper .ant-input-group-addon {
  background: #F40B0B !important;
  border: 1px solid #F40B0B;
  width: 120px;
  height: 40px;
}
.searchOut .ppwc_banner .ant-input-group-wrapper .ant-input-group-addon a {
  color: #fff;
}
.searchOut .ppwc_wrap {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.searchOut .ppwc_wrap .ppwc_yx {
  background: #ffffff;
  height: 282px;
  width: 240px;
  border: 1px solid #f6f7f8;
  position: relative;
}
.searchOut .ppwc_wrap .ppwc_yx:hover {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.searchOut .ppwc_wrap .ppwc_yx img {
  display: inherit;
  margin: 10px 10px 0 10px;
}
.searchOut .ppwc_wrap .ppwc_yx .content {
  margin: 18px 14px 14px 20px;
  color: #333333;
}
.searchOut .ppwc_wrap .ppwc_yx .content div:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}
.searchOut .ppwc_wrap .ppwc_yx .content .tags {
  margin: 12px auto 16px;
  justify-content: start;
  text-align: left;
  text-align: center;
}
.searchOut .ppwc_wrap .ppwc_yx .content .tags .tag {
  width: 72px;
  padding: 2px 6px;
}
.searchOut .ppwc_wrap .ppwc_yx .content .dec {
  padding-top: 12px;
  color: #666666;
}
.searchOut .ppwc_wrap .ppwc_yx .content .rmb {
  color: #F50000;
  font-size: 22px;
  line-height: 22px;
  position: absolute;
  bottom: 20px;
}
.searchOut .ppwc_wrap .ppwc_yx .content .rmb span {
  font-size: 14px;
}
.searchOut .ty_banner {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/gxsb_ty_banner.png") no-repeat;
  width: 240px;
  height: 489px;
  float: left;
  padding: 30px 24px;
}
.searchOut .ty_banner h2 {
  color: #fff;
  line-height: 36px;
}
.searchOut .ty_banner p {
  padding: 16px 0 24px 0;
  font-weight: 300;
  color: #fff;
}
.searchOut .ty_banner p a {
  color: #fff;
}
.searchOut .ty_banner .ty_banner_link {
  display: flex;
  justify-content: start;
  flex-flow: wrap;
  position: relative;
}
.searchOut .ty_banner .ty_banner_link .btn {
  background: transparent;
  border-radius: 0px;
  width: 70px;
  padding: 0;
  text-align: center;
  margin: 0 8px 8px 0;
}
.searchOut .ty_banner .ty_banner_link .btn a {
  font-size: 12px;
  color: #ffffff;
}
.searchOut .ty_banner .ty_banner_link .btn:hover {
  border-color: #fff;
  background: #fff;
}
.searchOut .ty_banner .ty_banner_link .btn:hover a {
  color: #000;
}
.searchOut .ty_banner .ty_banner_link .more {
  position: absolute;
  bottom: -60px;
  color: #ffffff;
}
.searchOut .slick_ty_1.slick-slider {
  margin-left: 0px;
}
.searchOut .slick_ty_1.slick-slider .slick-active {
  width: 241px;
  margin-left: 0px;
}
.searchOut .slick_ty_1.slick-slider .slick-prev {
  left: 0;
  z-index: 1;
  width: 25px;
  height: 50px;
  background: rgba(131, 131, 131, 0.2);
}
.searchOut .slick_ty_1.slick-slider .slick-prev:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/toLeft.png");
}
.searchOut .slick_ty_1.slick-slider .slick-next {
  right: 0;
  z-index: 1;
  width: 25px;
  height: 50px;
  background: rgba(131, 131, 131, 0.2);
}
.searchOut .slick_ty_1.slick-slider .slick-next:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/toRight.png");
}
.searchOut .slick_ty_2.slick-slider {
  margin-left: 0px;
}
.searchOut .slick_ty_2.slick-slider .slick-slide {
  height: 100%;
}
.searchOut .slick_ty_2.slick-slider .slick-active {
  width: 241px;
  margin-left: 0px;
}
.searchOut .slick_ty_2.slick-slider .slick-prev:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/toLeft.png");
}
.searchOut .slick_ty_2.slick-slider .slick-next:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/toRight.png");
}
.searchOut .btn_ty {
  margin-top: 30px;
  text-align: center;
  line-height: 14px;
  color: #ffffff;
  display: block;
}
.searchOut .btn_ty span {
  background: #f40b0b;
  padding: 10px 32px;
}
.searchOut .tags {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  text-align: center;
}
.searchOut .tags .tag {
  color: #999999;
  font-size: 12px;
  border: 1px solid #E3E3E3;
  padding: 4px 6px;
  margin-right: 10px;
  font-weight: 400;
}
.searchOut .omit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.searchOut .omit_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.searchOut .disn {
  display: none;
}
.searchOut .mt10 {
  margin-top: 10px;
}
.searchOut .mb30 {
  margin-bottom: 30px;
}
.searchOut .tal {
  text-align: left;
}
.searchOut .c1 {
  color: #3664FF;
}
.searchOut .c2 {
  color: #3664FF;
}
.searchOut .c3 {
  color: #333333;
}
.searchOut .c6 {
  color: #666666;
}
.searchOut .fw8 {
  font-weight: 800;
}
.searchOut .fl {
  float: left;
}
.searchOut .fr {
  float: right;
}
.searchOut .cb {
  clear: both;
}
.searchOut .flex {
  display: flex;
}
.searchOut .w1200 {
  width: 1200px;
  margin: auto;
}
.searchOut h1 {
  font-size: 30px;
  font-weight: 800;
  line-height: 30px;
  color: #333333;
}
.searchOut h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  color: #333333;
}
.searchOut h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 18px;
  color: #333333;
}
.searchOut h4 {
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  color: #333333;
}
.searchOut .f12 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.searchOut .f16 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
.searchOut .f18 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
}
.searchOut .f20 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
.searchOut .f30 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
}
.searchOut .bgcolor {
  background: #ffffff;
}
.searchOut .pb60 {
  padding-bottom: 58px;
}
.searchOut .fadeInRight {
  animation: fadeInRight;
}
.searchOut .OneAnimated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.searchOut .TwoAnimated {
  animation-duration: 3s;
  animation-fill-mode: both;
}
.searchOut .ThreeAnimated {
  animation-duration: 5s;
  animation-fill-mode: both;
}
.searchOut .FourAnimated {
  animation-duration: 7s;
  animation-fill-mode: both;
}
.searchOut .SixAnimated {
  animation-duration: 9s;
  animation-fill-mode: both;
}
.searchOut .SevenAnimated {
  animation-duration: 11s;
  animation-fill-mode: both;
}

.keyword_desp {
  background: #ffffff;
  margin: 0px auto 40px;
  width: 1200px;
  padding: 30px;
  display: flex;
  justify-content: start;
  color: #333333;
}
.keyword_desp .left_text {
  width: 605px;
  min-width: 605px;
}
.keyword_desp .left_text h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}
.keyword_desp .left_text p {
  line-height: 30px;
  color: #7c7c7c;
  padding: 8px 0 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  height: 166px;
  max-height: 166px;
}
.keyword_desp .left_text .btns {
  margin-top: 14px;
}
.keyword_desp .left_text .btns .btn:last-child {
  margin-top: 5px;
  margin-right: 0;
}
.keyword_desp .left_text .btns .btn {
  height: 30px;
  color: #f40b0b;
  border: 1px solid #EE3F26;
  padding: 8px 10px;
  line-height: 14px;
  margin-top: 5px;
  margin-right: 18px;
  border-radius: 0px;
}
.keyword_desp .left_text .btns .btn:hover,
.keyword_desp .left_text .btns .btn:active {
  color: #fff;
  background: #EE3F26;
}
.keyword_desp .right-v {
  margin-left: 24px;
  position: relative;
  width: 510px;
}
.keyword_desp .video {
  width: 346px;
  height: 254px;
  position: relative;
}
.keyword_desp .video .video_style {
  display: none;
  width: 346px;
  height: 254px;
  object-fit: fill;
}
.keyword_desp .video .playBtn {
  width: 66px;
  height: 66px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.keyword_desp .lecturer {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/desp_bg.png") no-repeat;
  width: 175px;
  height: 254px;
  position: absolute;
  right: 0px;
}
.keyword_desp .lecturer img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 24px 0 0 24px;
}
.keyword_desp .lecturer .descBox {
  padding: 25px 16px 24px 36px;
  color: #fff;
}
.keyword_desp .lecturer .descBox span {
  font-size: 16px;
}
.keyword_desp .lecturer .descBox .desc {
  height: 60px;
  padding-top: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.keyword_desp .sigle_img {
  margin: 0 1px 0 24px;
  position: relative;
}
.keyword_desp .sigle_img .next {
  right: 0px;
}
.keyword_desp .sigle_img .prev,
.keyword_desp .sigle_img .next {
  width: 25px;
  height: 50px;
  background: #D3D3D3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.keyword_desp .sigle_img .prev:hover,
.keyword_desp .sigle_img .next:hover {
  background: #838383;
}
.keyword_desp .sigle_img .prev .anticon,
.keyword_desp .sigle_img .next .anticon {
  color: #fff;
  font-size: 22px;
  line-height: 50px;
  padding-left: 2px;
}
.keyword_desp .right_img img {
  display: inherit;
}
.keyword_desp .right_img img:first-child,
.keyword_desp .right_img img:nth-child(2) {
  margin-bottom: 1px;
}
.keyword-video-modal .ant-modal-close {
  color: #fff !important;
}
.keyword-video-modal .ant-modal-close:hover {
  color: #fff !important;
}

.publicsOut {
  width: 1200px;
  margin: auto;
}
.publicsOut .publicsOutlTop {
  padding-bottom: 27px;
}
.publicsOut .publicsOutl {
  display: inline-block;
  vertical-align: top;
  width: 590px;
  margin-right: 19px;
}
.publicsOut .publicsOutl .publicsOutlCon {
  padding: 22px;
  background-color: #fff;
  -moz-box-shadow: -1px 3px 7px rgba(104, 133, 241, 0.24);
  -webkit-box-shadow: -1px 3px 7px rgba(104, 133, 241, 0.24);
  box-shadow: -1px 3px 7px rgba(104, 133, 241, 0.24);
}
.publicsOut .publicsOutl .publicsOutlCon .publicsOutlConSize {
  padding-top: 37px;
}
.publicsOut .publicsOutl .publicsOutlCon .publicsOutlConSize h1 {
  font-size: 16px;
  color: #333333;
  line-height: 16px;
  margin-bottom: 15px;
}
.publicsOut .publicsOutl .publicsOutlCon .publicsOutlConSize span {
  font-size: 14px;
  color: #666666;
  line-height: 16px;
}
.publicsOut .publicsOutr {
  display: inline-block;
  vertical-align: top;
  width: 590px;
}
.publicsOut .publicsOutr .publicsOutrCon {
  padding: 22px 0px 22px 0px;
  background-color: #fff;
  -moz-box-shadow: -1px 3px 7px rgba(104, 133, 241, 0.24);
  -webkit-box-shadow: -1px 3px 7px rgba(104, 133, 241, 0.24);
  box-shadow: -1px 3px 7px rgba(104, 133, 241, 0.24);
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin {
  padding: 20px;
  border-bottom: 1px solid #e3e3e3;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinl {
  width: 60px;
  padding-right: 15px;
  border-right: 1px #e3e3e3 solid;
  display: inline-block;
  vertical-align: top;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinl span {
  display: block;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinl span:nth-of-type(1) {
  font-size: 18px;
  color: #666666;
  line-height: 18px;
  margin-bottom: 9px;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinl span:nth-of-type(2) {
  font-size: 12px;
  line-height: 12px;
  color: #999999;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinr {
  width: 460px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinr span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinr span:nth-of-type(1) {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
  line-height: 16px;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin .publicsOutrSinr span:nth-of-type(2) {
  font-size: 14px;
  color: #666666;
  line-height: 16px;
}
.publicsOut .publicsOutr .publicsOutrCon .publicsOutrSin:hover {
  background-color: #fff6f1;
}

.productOut {
  background-color: #F7F8FA;
  padding-top: 60px;
}
.productOut .proBanner {
  width: 100%;
  height: 500px;
  position: relative;
}
.productOut .proBanner .topBanner {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  position: relative;
  padding-top: 290px;
}
.productOut .proBanner .topBanner .btnBox {
  position: relative;
  margin: auto;
  width: 1000px;
  height: 40px;
}
.productOut .proBanner .topBanner .btnBox a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #ffffff;
  color: #ffffff;
}
.productOut .proBanner .topBanner .btnBox a:nth-child(1) {
  margin-right: 38px;
}
.productOut .proBanner .proBanBot {
  width: 100%;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.productOut .proBanner .proBanBot .proBanCon {
  width: 1200px;
  height: 120px;
  margin: auto;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList {
  width: 298px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid rgba(139, 175, 241, 0.2);
  font-size: 0px;
  text-align: center;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList .textDiv {
  display: inline-block;
  vertical-align: middle;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList .textDiv span {
  color: #ffff;
  display: block;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList .textDiv span:nth-of-type(1) {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 12px;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList .textDiv span:nth-of-type(2),
.productOut .proBanner .proBanBot .proBanCon .banBotList .textDiv span:nth-of-type(3) {
  font-size: 12px;
  line-height: 12px;
  display: block;
  width: 152px;
  line-height: 16px;
  opacity: 0.7;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList:last-child {
  border-right: 1px solid rgba(139, 175, 241, 0.2);
}
.productOut .proBanner .proBanBot .proBanCon .banBotList:after {
  content: '.';
  height: 100%;
  width: 0px;
  display: inline-block;
  vertical-align: middle;
}
.productOut .proBanner .proBanBot .proBanCon .banBotList:hover {
  background-color: rgba(139, 175, 241, 0.2);
}
.productOut .assemble {
  width: 1200px;
  margin: 55px auto 0px;
}
.productOut .assemble .assemblel {
  width: 130px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: #ffff;
}
.productOut .assemble .assemblel div {
  padding: 15px 0px;
  border-bottom: 1px solid #F9F9F9;
}
.productOut .assemble .assemblel div span {
  display: block;
  font-size: 16px;
  color: #333333;
  width: 100%;
  border-left: 5px solid #EB6100;
  text-align: center;
  line-height: 18px;
}
.productOut .assemble .assembler {
  width: 1050px;
  padding: 12px 25px 0px 15px;
  background-color: #ffff;
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  position: relative;
}
.productOut .assemble .assembler .assemblerSin {
  height: 200px;
  width: 320px;
  background-position: center !important;
  background-size: cover;
}
.productOut .assemble .assembler::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 5px;
  border-top: 11px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 8px solid #fff;
}
.productOut .tabDataBox {
  width: 1200px;
  margin: 70px auto 0px;
}
.productOut .tabDataBox .left {
  float: left;
  width: 140px;
  background: #fff;
  box-shadow: 1.3px 1.5px 5px 0 #e3e3e3;
}
.productOut .tabDataBox .left li {
  position: relative;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
}
.productOut .tabDataBox .left li a {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  color: #666666;
}
.productOut .tabDataBox .left li .line {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  width: 4px;
  height: 23px;
  background-color: #fe6d20;
}
.productOut .tabDataBox .left li:last-child {
  border-bottom: none;
}
.productOut .tabDataBox .left .active a {
  color: #fe6d20;
}
.productOut .tabDataBox .left .active .line {
  display: block;
}
.productOut .tabDataBox .right0,
.productOut .tabDataBox .right1,
.productOut .tabDataBox .right2,
.productOut .tabDataBox .right3,
.productOut .tabDataBox .right4 {
  float: right;
  width: 1040px;
  height: 460px;
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 5px 10px 0 #e3e3e3;
}
.productOut .tabDataBox .right0 .box,
.productOut .tabDataBox .right1 .box,
.productOut .tabDataBox .right2 .box,
.productOut .tabDataBox .right3 .box,
.productOut .tabDataBox .right4 .box {
  float: left;
  width: 320px;
  height: 200px;
  margin-right: 20px;
}
.productOut .tabDataBox .right0 .box:hover .top,
.productOut .tabDataBox .right1 .box:hover .top,
.productOut .tabDataBox .right2 .box:hover .top,
.productOut .tabDataBox .right3 .box:hover .top,
.productOut .tabDataBox .right4 .box:hover .top {
  display: none;
}
.productOut .tabDataBox .right0 .box:hover .bot,
.productOut .tabDataBox .right1 .box:hover .bot,
.productOut .tabDataBox .right2 .box:hover .bot,
.productOut .tabDataBox .right3 .box:hover .bot,
.productOut .tabDataBox .right4 .box:hover .bot {
  display: block;
}
.productOut .tabDataBox .right0 .box p,
.productOut .tabDataBox .right1 .box p,
.productOut .tabDataBox .right2 .box p,
.productOut .tabDataBox .right3 .box p,
.productOut .tabDataBox .right4 .box p {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.productOut .tabDataBox .right0 .box .line,
.productOut .tabDataBox .right1 .box .line,
.productOut .tabDataBox .right2 .box .line,
.productOut .tabDataBox .right3 .box .line,
.productOut .tabDataBox .right4 .box .line {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 2px;
  background-color: #ffffff;
}
.productOut .tabDataBox .right0 .box .top,
.productOut .tabDataBox .right1 .box .top,
.productOut .tabDataBox .right2 .box .top,
.productOut .tabDataBox .right3 .box .top,
.productOut .tabDataBox .right4 .box .top {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 84px;
  background: rgba(0, 12, 50, 0.6);
}
.productOut .tabDataBox .right0 .box .bot,
.productOut .tabDataBox .right1 .box .bot,
.productOut .tabDataBox .right2 .box .bot,
.productOut .tabDataBox .right3 .box .bot,
.productOut .tabDataBox .right4 .box .bot {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 31px 53px 0 57px;
  background: rgba(254, 109, 32, 0.8);
}
.productOut .tabDataBox .right0 .box .bot .line,
.productOut .tabDataBox .right1 .box .bot .line,
.productOut .tabDataBox .right2 .box .bot .line,
.productOut .tabDataBox .right3 .box .bot .line,
.productOut .tabDataBox .right4 .box .bot .line {
  top: 60px;
}
.productOut .tabDataBox .right0 .box .bot .descDetail,
.productOut .tabDataBox .right1 .box .bot .descDetail,
.productOut .tabDataBox .right2 .box .bot .descDetail,
.productOut .tabDataBox .right3 .box .bot .descDetail,
.productOut .tabDataBox .right4 .box .bot .descDetail {
  width: 218px;
  height: 40px;
  overflow: hidden;
  margin-top: 28px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.productOut .tabDataBox .right0 .box .bot .icon,
.productOut .tabDataBox .right1 .box .bot .icon,
.productOut .tabDataBox .right2 .box .bot .icon,
.productOut .tabDataBox .right3 .box .bot .icon,
.productOut .tabDataBox .right4 .box .bot .icon {
  margin: 19px 0 0 92px;
}
.productOut .tabDataBox .right0 .box:nth-child(3n),
.productOut .tabDataBox .right1 .box:nth-child(3n),
.productOut .tabDataBox .right2 .box:nth-child(3n),
.productOut .tabDataBox .right3 .box:nth-child(3n),
.productOut .tabDataBox .right4 .box:nth-child(3n) {
  margin-right: 0;
}
.productOut .tabDataBox .right0 .box:nth-child(-n+3),
.productOut .tabDataBox .right1 .box:nth-child(-n+3),
.productOut .tabDataBox .right2 .box:nth-child(-n+3),
.productOut .tabDataBox .right3 .box:nth-child(-n+3),
.productOut .tabDataBox .right4 .box:nth-child(-n+3) {
  margin-bottom: 20px;
}
.productOut .tabDataBox .right1 {
  height: auto;
}
.productOut .tabDataBox .right2 .box:nth-child(1),
.productOut .tabDataBox .right3 .box:nth-child(1) {
  height: 420px;
}
.productOut .tabDataBox .right2 .box:nth-child(1) .top,
.productOut .tabDataBox .right3 .box:nth-child(1) .top {
  box-sizing: border-box;
  padding-top: 187px;
}
.productOut .tabDataBox .right2 .box:nth-child(1) .top .line,
.productOut .tabDataBox .right3 .box:nth-child(1) .top .line {
  top: 219px;
}
.productOut .tabDataBox .right2 .box:nth-child(1) .bot,
.productOut .tabDataBox .right3 .box:nth-child(1) .bot {
  box-sizing: border-box;
  padding: 120px 53px 0 57px;
}
.productOut .tabDataBox .right2 .box:nth-child(1) .bot .line,
.productOut .tabDataBox .right3 .box:nth-child(1) .bot .line {
  top: 150px;
}
.productOut .tabDataBox .right2 .box:nth-child(5),
.productOut .tabDataBox .right3 .box:nth-child(5) {
  margin-right: 0;
}
.productOut .projectBox {
  width: 1200px;
  margin: auto;
  box-sizing: border-box;
  padding: 57px 0 79px;
}
.productOut .projectBox .project {
  float: left;
  width: 590px;
  box-sizing: border-box;
  padding: 20px 22px 26px;
  border-radius: 4px;
  box-shadow: 0px 5px 10px 0 #e3e3e3;
  background-color: #ffffff;
}
.productOut .projectBox .project .title {
  width: 100%;
  height: 23px;
  line-height: 23px;
}
.productOut .projectBox .project .title .left {
  position: relative;
  float: left;
}
.productOut .projectBox .project .title .left .line {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 23px;
  background-color: #fe6d20;
}
.productOut .projectBox .project .title .left .name {
  line-height: 24px;
  margin-left: 13px;
  font-size: 24px;
  font-weight: 900;
  color: #333333;
}
.productOut .projectBox .project .title .right {
  float: right;
  font-size: 14px;
  letter-spacing: 1px;
  color: #666666;
}
.productOut .projectBox .project .projectDetail {
  width: 100%;
  margin-top: 19px;
}
.productOut .projectBox .project .projectDetail .box {
  float: left;
  display: block;
  width: 262px;
  height: 190px;
  box-sizing: border-box;
  padding: 14px 15px 0 16px;
  background-color: #f8f8f8;
  margin-right: 22px;
}
.productOut .projectBox .project .projectDetail .box .top {
  height: 60px;
}
.productOut .projectBox .project .projectDetail .box .top .imgBox {
  float: left;
  width: 60px;
  height: 60px;
  border: solid 1px #dddddd;
}
.productOut .projectBox .project .projectDetail .box .top .imgBox img {
  width: 100%;
  height: 100%;
}
.productOut .projectBox .project .projectDetail .box .top p {
  float: right;
  width: 159px;
  height: 46px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.88;
  color: #333333;
}
.productOut .projectBox .project .projectDetail .box .num {
  margin: 17px 0 13px;
  font-size: 12px;
  color: #999999;
}
.productOut .projectBox .project .projectDetail .box .price {
  font-size: 14px;
  color: #333333;
}
.productOut .projectBox .project .projectDetail .box .price span {
  color: #fc9153;
  margin-right: 7px;
}
.productOut .projectBox .project .projectDetail .box .line {
  width: 231px;
  height: 1px;
  margin: 7px 0 10px;
  background-color: #e3e3e3;
}
.productOut .projectBox .project .projectDetail .box .bot span {
  display: inline-block;
  width: 71px;
  height: 20px;
  line-height: 20px;
  margin-right: 9px;
  background-color: #ededed;
  font-size: 12px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productOut .projectBox .project .projectDetail .box .bot span:last-child {
  margin-right: 0;
}
.productOut .projectBox .project .projectDetail .box:nth-child(2n) {
  margin-right: 0;
}
.productOut .projectBox .project .projectDetail .box:nth-child(-n+2) {
  margin-bottom: 15px;
}
.productOut .projectBox .project:nth-child(2) {
  float: right;
  height: 483px;
  background-color: #fff;
}
.productOut .projectBox .project:nth-child(2) .childBox {
  width: 100%;
  margin-top: 20px;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox {
  width: 546px;
  height: 100px;
  margin-bottom: 2px;
  background-color: #f8f8f8;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .left,
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right {
  float: left;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .left {
  width: 70px;
  height: 100px;
  background-color: #5774b8;
  box-sizing: border-box;
  padding: 35px 14px 0 22px;
  font-size: 14px;
  line-height: 1.29;
  color: #ffffff;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right {
  box-sizing: border-box;
  padding: 16px 30px 0 20px;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .chLeft,
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .line,
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .moreBtn {
  float: left;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .chLeft {
  width: 251px;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .chLeft .title {
  width: 100%;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.43;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .chLeft .date {
  font-size: 14px;
  line-height: 2.14;
  color: #333333;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .chLeft .budget {
  font-size: 14px;
  line-height: 2.14;
  color: #333333;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .chLeft .budget span {
  font-size: 14px;
  font-weight: 900;
  line-height: 2.14;
  color: #fe6d20;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .line {
  width: 1px;
  height: 70px;
  margin: 0 29px 0 85px;
  background-color: #e3e3e3;
}
.productOut .projectBox .project:nth-child(2) .childBox .demandBox .right .moreBtn {
  line-height: 70px;
}
.productOut .projectBox .project:nth-child(2) .childBox .active {
  display: block;
  -webkit-animation: proRotate 0.2s linear 100ms normal none 1;
  animation: proRotate 0.2s linear 100ms normal none 1;
}
@-webkit-keyframes proRotate {
  0% {
    -webkit-transform: perspective(208px) rotateX(180deg);
  }
  100% {
    -webkit-transform: perspective(208px) rotateX(0deg);
  }
}
@keyframes proRotate {
  0% {
    transform: perspective(208px) rotateX(180deg);
  }
  100% {
    transform: perspective(208px) rotateX(0deg);
  }
}
.productOut .advantage {
  width: 100%;
  height: 670px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 150% 150% !important;
  padding-top: 50px;
}
.productOut .advantage h1 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 35px;
  line-height: 36px;
  display: block;
  text-align: center;
}
.productOut .advantage .advantageCon {
  width: 1200px;
  height: 440px;
  margin: auto;
}
.productOut .advantage .advantageCon .advantageSin {
  height: 440px;
  width: 163px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  cursor: pointer;
}
.productOut .advantage .advantageCon .advantageSin .advantageSinTit {
  font-size: 19px;
  color: #fff;
  width: 80px;
  display: block;
  position: absolute;
  left: 48px;
  top: 300px;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.productOut .advantage .advantageCon .advantageSin .advantageSinCon {
  font-size: 14px;
  color: #DFDFDF;
  width: 314px;
  display: block;
  position: absolute;
  left: 40px;
  bottom: 100px;
  opacity: 0;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.productOut .advantage .advantageCon .activeAdvant {
  height: 440px;
  width: 163px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  cursor: pointer;
  width: 380px;
}
.productOut .advantage .advantageCon .activeAdvant .advantageSinTit {
  font-size: 19px;
  color: #fff;
  width: 80px;
  display: block;
  position: absolute;
  left: 48px;
  top: 300px;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.productOut .advantage .advantageCon .activeAdvant .advantageSinCon {
  font-size: 14px;
  color: #DFDFDF;
  width: 314px;
  display: block;
  position: absolute;
  left: 40px;
  bottom: 100px;
  opacity: 0;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.productOut .advantage .advantageCon .activeAdvant .advantageSinTit {
  top: 65px;
}
.productOut .advantage .advantageCon .activeAdvant .advantageSinCon {
  opacity: 1;
}
.productOut .serviceBox {
  width: 1200px;
  margin: 60px auto 70px;
}
.productOut .serviceBox .title,
.productOut .serviceBox .subTitle {
  font-size: 36px;
  font-weight: 900;
  line-height: 0.83;
  letter-spacing: 0.7px;
  text-align: center;
  color: #333333;
}
.productOut .serviceBox .subTitle {
  font-weight: 500;
  margin: 15px 0 64px;
  color: #bfbfbf;
}
.productOut .serviceBox .oneBox {
  width: 100%;
}
.productOut .serviceBox .oneBox .box {
  float: left;
  width: 590px;
  margin-right: 18px;
  margin-bottom: 15px;
}
.productOut .serviceBox .oneBox .box .left {
  float: left;
  width: 220px;
  height: 392px;
  box-sizing: border-box;
  padding: 48px 24px 25px 26px;
  position: relative;
  background-size: 100% 120% !important;
}
.productOut .serviceBox .oneBox .box .left .title {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  line-height: 24px;
  color: #ffffff;
}
.productOut .serviceBox .oneBox .box .left .line {
  width: 50px;
  height: 2px;
  margin: 17px 0 42px;
  background-color: #f7fafb;
}
.productOut .serviceBox .oneBox .box .left .tagBox {
  display: block;
  width: 145px;
  font-size: 12px;
  color: #fff;
}
.productOut .serviceBox .oneBox .box .left .moreBtn {
  display: block;
  width: 170px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  text-align: center;
  opacity: 0.8;
  border-radius: 4px;
  border: solid 1px #ffffff;
  color: #ffffff;
}
.productOut .serviceBox .oneBox .box .right {
  float: left;
  width: 370px;
  height: 392px;
  box-sizing: border-box;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 3.2px 3.8px 10px 0 rgba(0, 0, 0, 0.06);
}
.productOut .serviceBox .oneBox .box .right .slick-dots {
  bottom: -6px;
}
.productOut .serviceBox .oneBox .box .right .slick-dots li {
  height: 10px;
  width: 10px;
  background-color: #FFDEAD;
  border-radius: 6px;
}
.productOut .serviceBox .oneBox .box .right .slick-dots li button {
  background-color: #FFDEAD;
  height: 10px;
  width: 10px;
  border-radius: 6px;
}
.productOut .serviceBox .oneBox .box .right .slick-dots .slick-active {
  background-color: #FE6D20;
  height: 10px;
  width: 10px;
  border-radius: 6px;
}
.productOut .serviceBox .oneBox .box .right .slick-dots .slick-active button {
  background-color: #FE6D20;
  height: 10px;
  width: 10px;
  border-radius: 6px;
}
.productOut .serviceBox .oneBox .box .right .detail {
  display: block;
}
.productOut .serviceBox .oneBox .box .right .detail img {
  height: 250px;
  width: 330px;
}
.productOut .serviceBox .oneBox .box .right .detail p {
  line-height: 1.71;
  margin-top: 14px;
  font-size: 14px;
  text-align: left;
  color: #333333;
  font-weight: 550;
}
.productOut .serviceBox .oneBox .box .right .detail span {
  display: inline-block;
  color: #666666;
  font-size: 12px;
  line-height: 12px;
  margin-right: 6px;
}
.productOut .serviceBox .oneBox .box:nth-child(2n+2) {
  margin-right: 0px;
}
.productOut .serviceBox .oneBox .box:nth-child(n+2) {
  margin-bottom: 0px;
}
.productOut .equipDistri {
  height: 556px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiSecondPage/zhongguobg.png') no-repeat;
  background-position: center;
  background-size: cover;
}
.productOut .equipDistri .equipDistriCon {
  width: 1200px;
  margin: auto;
  padding-top: 25px;
}
.productOut .equipDistri .equipDistriCon #equipDistriConl {
  height: 496px;
  width: 584px;
  display: inline-block;
  vertical-align: top;
  margin-right: 60px;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr {
  width: 442px;
  height: 496px;
  display: inline-block;
  vertical-align: top;
  padding-top: 52px;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr p {
  font-size: 24px;
  color: #fff;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr p span {
  font-size: 18px;
  color: #BFBFBF;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr .adressBot {
  height: 275px;
  width: 442px;
  margin-top: 15px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 34px 0px 0px 25px;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr .adressBot p {
  font-size: 26px;
  color: #FFFFFF;
  line-height: 26px;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr .adressBot span {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  width: 357px;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr .adressBot .diyName {
  padding-top: 20px;
}
.productOut .equipDistri .equipDistriCon .equipDistriConr .adressBot .butZixun {
  height: 40px;
  width: 160px;
  background-color: #FE6D20;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  margin-top: 39px;
  cursor: pointer;
}
.productOut .sceneViode {
  width: 1200px;
  margin: 64px auto 0px;
}
.productOut .sceneViode .title,
.productOut .sceneViode .subTitle {
  font-size: 36px;
  font-weight: 900;
  line-height: 0.83;
  letter-spacing: 0.7px;
  text-align: center;
  color: #333333;
}
.productOut .sceneViode .subTitle {
  font-weight: 500;
  margin: 15px 0 64px;
  color: #bfbfbf;
}
.productOut .sceneViode .sceneViodeList .sceneVidList {
  margin-right: 27px;
  display: inline-block;
  position: relative;
}
.productOut .sceneViode .sceneViodeList .sceneVidList img {
  width: 382px;
  height: 239px;
}
.productOut .sceneViode .sceneViodeList .sceneVidList span {
  font-size: 18px;
  color: #333333;
  display: block;
  margin-top: 10px;
  text-align: center;
}
.productOut .sceneViode .sceneViodeList .sceneVidList .sceneVidLists {
  position: absolute;
  width: 100%;
  height: 239px;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.productOut .sceneViode .sceneViodeList .sceneVidList .sceneVidLists img {
  height: 60px;
  width: 65px;
  margin-top: 90px;
}
.productOut .sceneViode .sceneViodeList .sceneVidList:last-child {
  margin-right: 0px;
}
.productOut .brandAddress {
  margin: 70px auto 95px;
  display: block;
  width: 100%;
  height: 220px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiSecondPage/child/43.jpg") 50% 50% / cover no-repeat;
}
.productOut .fllowBox {
  width: 100%;
  height: 350px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiSecondPage/child/47.png") 50% 50% / cover no-repeat;
  margin-top: 50px;
}
.productOut .fllowBox .btnBox {
  position: relative;
  width: 516px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 256px;
}
.productOut .fllowBox .btnBox p,
.productOut .fllowBox .btnBox a {
  float: left;
}
.productOut .fllowBox .btnBox p {
  margin-right: 15px;
  font-size: 14px;
  line-height: 40px;
  color: #ffffff;
}
.productOut .fllowBox .btnBox a {
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  background-color: #fe6d20;
  color: #fff;
}
.productOut .fllowBox .btnBox a:nth-child(3) {
  margin-right: 40px;
}
.productOut .fllowBox .btnBox .line:nth-child(2),
.productOut .fllowBox .btnBox .line:nth-child(5) {
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 56px;
  height: 1px;
  background-color: #ffffff;
}
.productOut .fllowBox .btnBox .line:nth-child(5) {
  left: 271px;
}

#HumiCommonData {
  width: 100%;
  height: 145px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/gdbg.png);
}
#HumiCommonData .hcd_DataBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 30px;
}
#HumiCommonData .hcd_DataBox div {
  display: inline-block;
  width: 25%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
#HumiCommonData .hcd_DataBox div strong {
  font-weight: bolder;
}
#HumiCommonData .hcd_DataBox div strong span {
  font-family: DINCondensed-Bold;
  line-height: 66px;
  font-size: 55px;
  font-weight: bold;
  color: #fff;
}
#HumiCommonData .hcd_DataBox div p {
  padding-top: 10px;
  color: #fff;
}
#humiCommonPartner {
  overflow: hidden;
  width: 100%;
  height: 475px;
  box-sizing: border-box;
  padding-top: 54px;
  animation: scrollToUp 10s linear infinite;
  position: relative;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/hzbg.png);
}
@keyframes scrollToUp {
  0% {
    background-position: center 0;
  }
  to {
    background-position: center -1207px;
  }
}
#humiCommonPartner .hcp_partnerBox {
  width: 1200px;
  margin: 0 auto;
}
#humiCommonPartner .hcp_partnerBox .hcp_title a {
  display: block;
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  text-align: center;
}
#humiCommonPartner .hcp_partnerBox .hcp_title a:hover {
  color: #EC0A0A;
}
#humiCommonPartner .hcp_partnerBox .hcp_subTitle {
  text-align: center;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap {
  margin-top: 58px;
  height: 237px;
  background-color: #fff;
  border: 1px solid #eee;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo {
  display: inline-block;
  width: 199px;
  height: 117px;
  text-align: center;
  line-height: 117px;
  vertical-align: middle;
  border-right: 1px solid #eee;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo i {
  display: inline-block;
  vertical-align: middle;
  filter: grayscale(100%);
  transition: filter 0.6s ease-in-out;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo i:hover {
  filter: grayscale(0%);
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(1),
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(2),
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(3),
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(4),
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(5),
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(6) {
  border-bottom: 1px solid #eee;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(6),
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(12) {
  width: 203px;
  border-right: none;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(1) > i {
  width: 51px;
  height: 51px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -80px -199px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(2) > i {
  width: 70px;
  height: 36px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -152px -199px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(3) > i {
  width: 47px;
  height: 47px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -288px -185px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(4) > i {
  width: 43px;
  height: 43px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -378px -77px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(5) > i {
  width: 72px;
  height: 30px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -102px -318px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(6) > i {
  width: 78px;
  height: 27px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -10px -270px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(7) > i {
  width: 82px;
  height: 32px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -112px -147px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(8) > i {
  width: 58px;
  height: 39px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -288px -126px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(9) > i {
  width: 93px;
  height: 29px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -90px -10px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(10) > i {
  width: 65px;
  height: 44px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -203px -73px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(11) > i {
  width: 35px;
  height: 41px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -378px -264px no-repeat;
}
#humiCommonPartner .hcp_partnerBox .hcp_wrap .hzhb-logo:nth-child(12) > i {
  width: 86px;
  height: 14px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -206px -270px no-repeat;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.septemberDesignBox {
  width: 100%;
}
.septemberDesignBox .septemberBotBox {
  width: 100%;
  background: #4E43BC;
}
.septemberDesignBox .septemberBotBox .septemberBot {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 0 55px 0;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks {
  width: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksTitle {
  width: 430px;
  height: 79px;
  margin: 0 auto 30px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksTitle img {
  width: 100%;
  height: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox {
  width: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box {
  float: left;
  position: relative;
  display: block;
  width: 394px;
  height: 354px;
  margin-right: 9px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box .imgBox {
  width: 394px;
  height: 354px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box .active {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 394px;
  height: 96px;
  margin: 0 auto;
  background: #4b42a3;
  box-sizing: border-box;
  padding: 25px 0 24px 18px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box .active .title {
  font-size: 16px;
  color: #ffffff;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box .active .desc {
  margin-top: 14px;
  color: #d2dbeb;
  font-size: 14px;
  font-weight: 300;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box:hover .active {
  display: block;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box:nth-child(3n) {
  margin-right: 0;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box:nth-child(4),
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box:nth-child(5),
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotWorks .worksDetailBox .box:nth-child(6) {
  margin-top: 9px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotefficient {
  width: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotefficient .worksTitle {
  width: 430px;
  height: 79px;
  margin: 46px auto 15px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotefficient .worksTitle img {
  width: 100%;
  height: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotefficient .efficientDetailBox img {
  margin-right: 9px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotefficient .efficientDetailBox img:nth-child(3) {
  margin-right: 0;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure {
  position: relative;
  width: 100%;
  height: 238px;
  margin-top: 75px;
  box-sizing: border-box;
  padding-top: 65px;
  background-image: url("https://360humi-public-obs.360humi.com/localImg/images/septemberDesign/botBc.png");
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .worksTitle {
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -215px;
  width: 430px;
  height: 79px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .worksTitle img {
  width: 100%;
  height: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .ensureDetailBox {
  box-sizing: border-box;
  padding: 0 90px 0 88px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .ensureDetailBox .box {
  float: left;
  width: 100px;
  height: 140px;
  margin-right: 205px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .ensureDetailBox .box .imgBox {
  width: 94px;
  height: 83px;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .ensureDetailBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .ensureDetailBox .box p {
  margin-top: 15px;
  font-size: 20px;
  text-align: center;
  color: #bab4ed;
}
.septemberDesignBox .septemberBotBox .septemberBot .septemberBotEnsure .ensureDetailBox .box:nth-child(4) {
  margin-right: 0;
}

.centerOut {
  padding-top: 47px;
  background-color: #4E43BC;
}
.centerOut .discountRevelry {
  display: block;
  margin: auto;
  height: 79px;
  width: 430px;
  margin-bottom: 26px;
}
.centerOut .discountContent {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 55px;
}
.centerOut .discountContent .discountSingle {
  width: 290px;
  text-align: center;
  background-color: #6d61dc;
  padding-bottom: 15px;
}
.centerOut .discountContent .discountSingle img {
  width: 290px;
  height: 330px;
}
.centerOut .discountContent .discountSingle p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 15px;
}
.centerOut .discountContent .discountSingle span {
  font-size: 14px;
}
.centerOut .discountContent .discountSingle span span {
  font-size: 18px;
}
.centerOut .discountContent .discountSingle .spanLeft {
  color: #ada5f9;
  margin-right: 20px;
}
.centerOut .discountContent .discountSingle .spanLeft span {
  text-decoration: line-through;
}
.centerOut .discountContent .discountSingle .spanRight {
  color: #f6cd77;
}
.centerOut .serverProcess {
  height: 463px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/septemberDesign/673@2x.png') no-repeat;
  background-size: 100% 100%;
  padding-top: 24px;
  padding-bottom: 78px;
}
.centerOut .serverProcess .serverProcessImg {
  width: 430px;
  height: 79px;
  display: block;
  margin: auto;
  margin-bottom: 32px;
}
.centerOut .serverProcess .serverProcessCon {
  width: 1102px;
  height: 250px;
  display: block;
  margin: auto;
}
.centerOut .strengSafe {
  width: 1200px;
  padding-top: 46px;
  padding-bottom: 67px;
  margin: auto;
}
.centerOut .strengSafe .strangSafeImg {
  width: 430px;
  height: 79px;
  display: block;
  margin: auto;
}
.centerOut .strengSafe .introduce {
  display: block;
  margin: auto;
  width: 653px;
  font-size: 16px;
  color: #e4e1ff;
  margin-top: 19px;
  margin-bottom: 42px;
}
.centerOut .strengSafe .strengContent {
  background-color: #5f52cb;
}
.centerOut .strengSafe .strengContent .strengNumber {
  height: 110px;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 58px;
}
.centerOut .strengSafe .strengContent .strengNumber .strengNumberSingle {
  height: 60px;
  display: flex;
  flex: 1;
  border-right: 1px #dfdcff solid;
  flex-direction: column;
  align-items: center;
}
.centerOut .strengSafe .strengContent .strengNumber .strengNumberSingle span {
  font-size: 30px;
  color: #3c3487;
  font-weight: bold;
}
.centerOut .strengSafe .strengContent .strengNumber .strengNumberSingle p {
  font-size: 14px;
  color: #3c3487;
}
.centerOut .strengSafe .strengContent .serialCon {
  width: 100%;
  display: flex;
  margin-bottom: 47px;
  padding: 0px 100px;
  flex-direction: row;
  flex-wrap: wrap;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin {
  height: 115px;
  width: 333px;
  border-right: 1px #4c43a3 solid;
  border-bottom: 1px #4c43a3 solid;
  padding-top: 28px;
  padding-left: 100px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin img {
  height: 53px;
  width: 39px;
  margin-right: 15px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin .rightContent {
  display: inline-block;
  height: 53px;
  width: 117px;
  vertical-align: top;
  color: #e4e1ff;
  padding-top: 5px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin:nth-child(3n) {
  border-right: 0px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin:nth-child(n+4) {
  border-bottom: 0px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin:nth-child(1) {
  padding-left: 30px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin:nth-child(4) {
  padding-left: 30px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin:nth-child(3) {
  padding-left: 120px;
}
.centerOut .strengSafe .strengContent .serialCon .serialConSin:nth-child(6) {
  padding-left: 120px;
}
.centerOut .strengSafe .strengContent .brand {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 140px;
  background-color: #ffffff;
}
.centerOut .strengSafe .strengContent .brand .brandSin {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 140px;
  justify-content: space-around;
  align-items: center;
}
.centerOut .strengSafe .strengContent .brand .brandSin img {
  height: 55px;
  width: 55px;
}
.centerOut .strengSafe .strengContent .brand .brandSin .imgHw {
  width: 115px;
  height: 26px;
  margin-top: 14px;
}
.centerOut .strengSafe .strengContent .brand .brandSin .imghwt {
  width: 91px;
  height: 43px;
  margin-top: 6px;
}
.centerOut .strengSafe .strengContent .brand .brandSin span {
  font-size: 16px;
  color: #333333;
}

.topPos {
  width: 100%;
  background-color: #4E43BC;
}
.topPos .head_banner {
  width: 100%;
  height: 766px;
  margin-top: -220px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/septemberDesign/head_banner.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.topPos .head_banner .bigInput {
  width: 795px;
  height: 55px;
  margin: 0 auto ;
  position: absolute;
  top: 87%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.topPos .head_banner .bigInput .submit {
  width: 120px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #ff3636;
  font-size: 16px;
  color: #fff;
  float: left;
  cursor: pointer;
}
.topPos .head_banner .bigInput .innerInput {
  width: 675px;
  height: 55px;
  float: left;
  line-height: 55px;
  background-color: #fff;
}
.innerInput span {
  margin-left: 24px;
  letter-spacing: 0.8px;
  color: #1f1f1f;
}
.financeSearchLine {
  display: inline-block;
  width: 1px;
  height: 31px;
  background-color: #b8b8b8;
  margin-left: 15px!important;
  margin-right: 15px!important;
  vertical-align: middle;
}
.innerInput .selectDown {
  width: 243px;
}
.innerInput .mobile {
  margin-left: 0;
}
.innerInput input {
  display: inline-block;
  border: 0;
  color: #aaa;
  width: 226px;
  padding: 0 5px;
  outline: none;
  height: 55px;
}
.topPos .transverse {
  margin: -15px auto -35px;
  width: 100%;
  height: 138px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/septemberDesign/transverse.png") center center no-repeat;
}
.transverse .innerTransverse {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.conmmonCount {
  width: 33.3%;
  height: 100%;
  padding-top: 30px;
  float: left;
  padding-left: 164px;
  color: #f6cd77;
}
.commonImg {
  float: left;
  height: 80px;
  margin-right: 10px;
  font-size: 16px;
  margin-top: 5px;
}
.content .count {
  font-size: 26px;
}
.conmmonCount .line {
  width: 1px;
  height: 65px;
  background-color: #8b81eb;
  display: block;
  float: right;
  margin-top: -73px;
}
.topPos .productMenu {
  width: 1200px;
  height: 600px;
  margin: 0 auto;
}
.menuContent {
  width: 100%;
  height: 290px ;
  margin-top: 20px;
}
.menuContentLeft {
  width: 290px;
  height: 510px;
  float: left;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.07);
  margin-right: 10px;
  text-align: center;
}
.menuContentLeft a {
  display: block;
  height: 100%;
  position: relative;
}
.menuContentLeft a:hover p {
  display: block;
}
.menuContentLeft a p {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  width: 290px ;
  height: 70px;
  background-color: #4b42a3;
  line-height: 70px;
  display: none;
  font-size: 16px;
  color: #ffffff;
  padding-left: 20px;
}
.menuContentMiddle {
  width: 588px;
  height: 510px;
  float: left;
}
.menuContentRight {
  width: 302px;
  height: 510px;
  float: right;
  background-color: #6d61dc;
  border-radius: 3px;
  margin-left: 10px;
  text-align: center;
}
.menuContentRight p {
  margin-top: 40px;
  font-size: 18px;
  color: #fff;
}
.menuContentRight span {
  font-size: 14px ;
  color: #bbb4fe;
  line-height: 30px;
}
.menuContentRight .rightInput {
  margin-top: 10px;
  width: 251px!important;
  height: 40px;
}
.textarea {
  height: 104px!important;
}
.marginTop {
  margin-top: 40px!important;
}
.rightSubmit {
  margin: 30px auto;
  width: 251px;
  height: 47px;
  line-height: 47px;
  border-radius: 3px;
  background-color: #ff3636;
  box-shadow: 0 0 16px 0 rgba(255, 54, 54, 0.56);
  color: #fff;
  cursor: pointer;
}
.menuContentMiddleUp {
  width: 100%;
  height: 250px;
  margin-bottom: 10px;
}
.menuContentMiddleDown {
  width: 100%;
  height: 250px;
}
.common {
  width: 290px;
  height: 250px;
  float: left;
  background-color: #fff;
}
.common a {
  display: block;
  height: 100%;
  position: relative;
}
.common a:hover p {
  display: block;
}
.common a p {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  width: 290px ;
  height: 70px;
  background-color: #4b42a3;
  line-height: 70px;
  display: none;
  font-size: 16px;
  color: #ffffff;
  padding-left: 20px;
}
.common img {
  width: 290px;
  max-height: 250px;
}
.menuContentMiddleUp1 {
  margin-right: 8px;
}
.menuContentMiddleDown1 {
  margin-right: 8px;
}
.menuContentLeft img {
  width: 290px;
}
.selectDown.ant-select-selection {
  border: none !important;
}
#new-index-service {
  width: 1200px;
  margin: auto;
  margin-top: 105px;
  margin-bottom: 20px;
}
#new-index-service > ul:first-child {
  background-color: white;
  position: relative;
  border: 1px solid #e3e3e3;
}
#new-index-service > ul:first-child:after {
  content: '';
  display: block;
  clear: both;
}
#new-index-service > ul:first-child > li {
  float: left;
  width: 16.666%;
  height: 58px;
  border-right: 1px solid #e4e4e4;
  transition: all 0.3s linear;
  text-align: center;
  position: relative;
  cursor: pointer;
}
#new-index-service > ul:first-child > li > span {
  line-height: 58px;
  font-weight: 600;
}
#new-index-service > ul:first-child > li > span > i {
  width: 29px;
  height: 13px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/newIndex/hot-3.png') no-repeat;
  display: inline-block;
  margin-left: 8px;
  margin-top: 1px;
}
#new-index-service > ul:first-child > li:before {
  display: block;
  content: '';
  position: absolute;
  width: 2px;
  height: 26px;
  background-color: #e4e4e4;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s linear;
}
#new-index-service > ul:first-child > li:hover {
  color: #108ee9;
  box-shadow: inset 0px 2px 12px 1px rgba(104, 104, 104, 0.13);
}
#new-index-service > ul:first-child > li:hover:before {
  background-color: #108ee9;
}
#new-index-service > ul:first-child > li.active {
  color: #fff !important;
  background-color: #ff3636;
}
#new-index-service > ul:first-child > li.active:before {
  background-color: #108ee9;
}
#new-index-service > ul:first-child > li:last-child {
  border-right: 0;
}
#new-index-service > div:nth-child(2) {
  height: 510px;
}
#new-index-service > ul:nth-child(3) {
  background-color: #333336;
}
#new-index-service > ul:nth-child(3):after {
  content: '';
  display: block;
  clear: both;
}
#new-index-service > ul:nth-child(3) > li {
  float: left;
  background-color: #333336;
  height: 100px;
  width: 240px;
  padding: 8px 0;
  color: white;
  position: relative;
  padding-left: 40px;
}
#new-index-service > ul:nth-child(3) > li > div > span:first-child {
  font-size: 30px;
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
}
#new-index-service > ul:nth-child(3) > li > div > i {
  display: block;
  width: 26px;
  height: 2px;
  background-color: #c8c8c8;
  margin: 5px 0;
}
#new-index-service > ul:nth-child(3) > li > b {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 63px;
  width: 1px;
  background-color: #bfbfbf;
}
#new-index-service > ul:nth-child(3) > li:first-child {
  background-color: #444445;
  width: 180px;
  padding-top: 14px;
  padding-left: 0;
  text-align: center;
}
#new-index-service > ul:nth-child(3) > li:first-child > img {
  display: block;
  margin: auto;
}
#new-index-service > ul:nth-child(3) > li:first-child > span {
  color: white;
  margin-top: 5px;
  display: inline-block;
}
#new-index-service > ul:nth-child(3) > li:nth-child(5) {
  width: 300px;
}

.finance {
  padding-top: 60px;
  background-color: #fff;
}
.financeTop1 {
  padding-top: 120px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bg.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -130px;
}
.financeTop_up {
  margin: 0 auto;
  width: 982px;
  height: 440px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/hd_bg.png);
  padding-top: 190px;
}
.financeTop_up .common_title {
  display: block;
}
.financeTabSearch1 {
  overflow: hidden;
  padding-top: 56px;
  padding-bottom: 40px;
  text-align: center;
}
.financeTabSearch1 .financeSearchCon {
  margin: auto;
  border: 1px solid #397ecd;
  padding: 13px 0;
  width: 440px;
  height: 46px;
  background-color: #fff;
}
.financeSearchLine {
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #e3e3e3;
  margin-left: 15px;
  vertical-align: middle;
}
.financeSearchCon input {
  display: inline-block;
  border: 0;
  color: #aaa;
  width: 340px;
  padding: 0 15px;
  outline: none;
  height: 20px;
}
.get_btn {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/get_btn.png) no-repeat;
  width: 198px;
  height: 48px;
  margin: auto;
  line-height: 48px;
  font-size: 16px;
  margin-top: 28px;
  cursor: pointer;
}
.selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 22px;
  margin: 12px 0;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
.selectModalCon .selectFormSubmit {
  width: 180px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: block;
  background-color: #397ecd;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 32px auto 34px auto;
}
.selectModalForm .selectFormSingle input {
  background-color: #f5f5f5;
  font-size: 14px;
  color: #b0b0b0;
  border: 0;
  width: 280px;
  padding: 12.5px 12px;
  outline: none;
}
.selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.financeYhhdCon {
  margin: 0 auto;
  width: 1200px;
}
.financeYhhdCon .financeYhhdSingle {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 26px;
  display: inline-block;
  position: relative;
  width: 280px;
  height: 260px;
  padding-top: 20px;
  background: #ffffff;
  box-shadow: 0 0 21px 0 rgba(200, 160, 97, 0.2);
}
.financeYhhdCon .financeYhhdSingle:last-child {
  margin-right: 0;
}
.financeYhhdCon .financeYhhdSingle .financeYhhdImg {
  display: block;
  height: 100px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.financeYhhdCon .financeYhhdSingle .financeYhhdBottom {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 60%;
}
.middle1_common_title1 {
  color: #c9913d;
  font-size: 20px;
  padding-bottom: 10px;
}
.middle1_common_title2 {
  color: #666666;
  font-size: 14px;
  padding: 0 20px;
}
.financeTop_middle2 {
  width: 1296px;
  margin: 0 auto;
}
.financeTop_middle2 p {
  text-align: center;
}
.bigTitle1 {
  width: 559px;
  height: 62px;
  margin: 30px auto 20px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bigTitle1.png) no-repeat;
}
.bigTitle2 {
  width: 607px;
  height: 62px;
  margin: 40px auto 20px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bigTitle2.png) no-repeat;
}
.bigTitle3 {
  width: 711px;
  height: 60px;
  margin: 40px auto 20px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bigTitle3.png) no-repeat;
}
.bigTitle4 {
  width: 553px;
  height: 60px;
  margin: 40px auto 20px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bigTitle4.png) no-repeat;
}
.bigTitle5 {
  width: 330px;
  height: 67px;
  margin: 40px auto 20px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bigTitle5.png) no-repeat;
}
.bigTitle6 {
  width: 548px;
  height: 62px;
  margin: 40px auto 20px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/bigTitle6.png) no-repeat;
}
.financeTop_middle2 .serverKinds {
  width: 1296px;
  height: 433px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/serverKinds_bg.png) no-repeat;
}
.financeTop_middle2 .serverKinds .innerServerKinds {
  width: 728px;
  height: 380px;
  margin: 0 auto;
  padding-top: 54px;
}
.server_content {
  position: relative;
  top: -7px;
  padding-left: 10px;
  line-height: 52px;
}
.financeTop_middle3 {
  width: 1082px;
  margin: 86px auto 0;
}
.financeTop_middle3 .schemes {
  width: 1082px;
  height: 529px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/scheme_bg.png) no-repeat;
}
.financeTop_middle3 .schemes .innerSchemes {
  width: 800px;
  height: 380px;
  margin: 0 auto;
  padding-top: 88px;
}
.scheme_item {
  position: relative;
}
.scheme_item img {
  height: 100px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.scheme_select {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 112px;
}
.scheme_money {
  position: relative;
  top: -4px;
  margin-left: 6px;
  font-size: 18px;
  color: #c9913d;
}
.scheme_btn {
  width: 248px;
  height: 78px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/scheme_btn.png) no-repeat;
  margin: 0 auto;
  font-size: 16px;
  color: #33302e;
  text-align: center;
  padding-top: 20px;
  cursor: pointer;
}
.financeTop_middle4 {
  width: 1090px;
  margin: 50px auto 100px;
}
.server_process {
  width: 1090px;
  height: 533px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/server_process.png) no-repeat;
}
.common_problems {
  width: 1248px;
  margin: 0 auto;
}
.progrom_content {
  width: 416px;
  height: 261px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/progrom_bg.png) no-repeat;
  padding: 50px;
  line-height: 24px;
}
.progrom_down {
  padding: 0 34px;
}
.progrom_down .progrom_question {
  position: relative;
  top: -28px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 193px;
}
.financeTop_middle6 {
  width: 1236px;
  margin: 50px auto 0;
  padding-bottom: 240px;
}
.financeTop_middle6 .customer {
  width: 1236px;
  height: 204px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/tally/customer_bg.png) no-repeat;
}
input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 1px solid #d00000;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.MotorTechnologyBotBox {
  width: 100%;
  background: #f8f8f8;
}
.MotorTechnologyBotBox .supplyBox {
  width: 100%;
  height: 700px;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 72px 0 77px;
}
.MotorTechnologyBotBox .supplyBox .supply {
  width: 1200px;
  height: 550px;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox {
  float: left;
  box-sizing: border-box;
  padding: 35px 0 39px 24px;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .title {
  position: relative;
  height: 24px;
  line-height: 24px;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .title .line {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 23px;
  background: #108ee9;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .title .titleDesc {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #666;
  margin-left: 10px;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .imgBox {
  width: 573px;
  height: 218px;
  margin-top: 62px;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .imgBox img {
  width: 100%;
  height: 100%;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .descBox {
  margin-top: 56px;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .descBox .box {
  float: left;
  width: 194px;
  height: 117px;
  background: #f3f9fe;
  margin-right: 9px;
  box-sizing: border-box;
  padding: 21px 0 31px 10px;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .descBox .box p {
  font-size: 14px;
  color: #666;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .descBox .box p span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  background-color: #a0a0a0;
  border-radius: 50%;
}
.MotorTechnologyBotBox .supplyBox .supply .leftBox .descBox .box:last-child {
  margin-right: 0;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox {
  float: left;
  width: 530px;
  box-sizing: border-box;
  padding: 35px 0 39px 24px;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox .title {
  height: 24px;
  line-height: 24px;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox .title .titleLeftBox {
  position: relative;
  float: left;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox .title .titleLeftBox .line {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 23px;
  background: #108ee9;
  margin-right: 8px;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox .title .titleLeftBox .titleDesc {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #666;
  margin-left: 10px;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox .title .titleLeftBox a {
  font-size: 14px;
  color: #108ee9;
  margin-left: 12px;
}
.MotorTechnologyBotBox .supplyBox .supply .rightBox .btnStyle {
  float: right;
  width: 120px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  background-color: #108ee9;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.MotorTechnologyBotBox .supplyBox .supply .companyBox {
  width: 100%;
  margin-top: 28px;
}
.MotorTechnologyBotBox .supplyBox .supply .companyBox .box {
  cursor: pointer;
  position: relative;
  float: left;
  width: 119px;
  height: 101px;
  margin-right: 7px;
  margin-bottom: 3px;
}
.MotorTechnologyBotBox .supplyBox .supply .companyBox .box:hover .active {
  display: block;
}
.MotorTechnologyBotBox .supplyBox .supply .companyBox .box img {
  width: 100%;
  height: 100%;
}
.MotorTechnologyBotBox .supplyBox .supply .companyBox .box .active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 119px;
  height: 101px;
  line-height: 107px;
  font-size: 13px;
  opacity: 0.8;
  background-color: #108ee9;
  color: #fff;
  text-align: center;
}
.MotorTechnologyBotBox .supplyBox .supply .companyBox .box:nth-child(4n) {
  margin-right: 0;
}
.MotorTechnologyBotBox .cloudBox {
  position: relative;
  width: 100%;
  height: 537px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/cloudBc.png') 50% 50% / cover no-repeat;
}
.MotorTechnologyBotBox .cloudBox .cloud {
  width: 1200px;
  margin: 0 auto;
}
.MotorTechnologyBotBox .cloudBox .cloud h2 {
  line-height: 30px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding-top: 65px;
}
.MotorTechnologyBotBox .cloudBox .cloud .cloudDesc {
  width: 1103px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin: 46px auto;
  text-align: center;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox {
  position: absolute;
  bottom: -165px;
  width: 1200px;
  height: 460px;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box {
  float: left;
  width: 382px;
  height: 460px;
  margin-right: 27px;
  box-sizing: border-box;
  padding: 22px 38px 28px 36px;
  background: #fff;
  box-shadow: 0px 10px 32px 0 rgba(181, 181, 181, 0.2);
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box .titleImg {
  width: 102px;
  height: 24px;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box .titleImg img {
  width: 100%;
  height: 100%;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box .imgBox {
  width: 231px;
  height: 142px;
  margin: 18px auto 19px;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box p:nth-child(3) {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #666;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box p:nth-child(4) {
  height: 87px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box a {
  display: block;
  width: 120px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 34px;
  margin: 28px auto 0;
  border-radius: 17px;
  background-color: #108ee9;
}
.MotorTechnologyBotBox .cloudBox .cloud .descBox .box:last-child {
  margin-right: 0;
}
.MotorTechnologyBotBox .caseBox {
  width: 100%;
  height: 850px;
}
.MotorTechnologyBotBox .caseBox .case {
  width: 1200px;
  margin: 272px auto 65px;
}
.MotorTechnologyBotBox .caseBox .case h2 {
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #666666;
}
.MotorTechnologyBotBox .caseBox .case .imgBox {
  margin-top: 49px;
  height: 650px;
}
.MotorTechnologyBotBox .caseBox .case .imgBox .box {
  position: relative;
  display: block;
  float: left;
  width: 300px;
  height: 217px;
}
.MotorTechnologyBotBox .caseBox .case .imgBox .box:hover .active {
  display: block;
}
.MotorTechnologyBotBox .caseBox .case .imgBox .box .active {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 76px;
  color: #fff;
  background: #108ee9;
  opacity: 0.8;
  box-sizing: border-box;
  padding: 15px 0 0 22px;
}
.MotorTechnologyBotBox .caseBox .case .imgBox .box .active .title {
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MotorTechnologyBotBox .caseBox .case .imgBox .box .active .company {
  margin-top: 8px;
  line-height: 16px;
  font-weight: 14px;
}
.MotorTechnologyBotBox .caseBox .case .moreBtn {
  display: block;
  width: 150px;
  height: 34px;
  line-height: 34px;
  margin: 50px auto 0;
  color: #fff;
  border-radius: 20px;
  background: #108ee9;
  text-align: center;
  font-size: 14px;
}
.MotorTechnologyBotBox .newBox {
  width: 100%;
  height: 610px;
}
.MotorTechnologyBotBox .newBox .new {
  width: 1200px;
  height: 467px;
  margin: 0 auto;
}
.MotorTechnologyBotBox .newBox .new h2 {
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 50px;
  color: #666666;
}
.MotorTechnologyBotBox .newBox .new .imgBox {
  height: 467px;
  background: #fff;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.MotorTechnologyBotBox .newBox .new .imgBox .leftBox {
  float: left;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox {
  float: right;
  width: 480px;
  box-sizing: border-box;
  padding: 8px 0;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box {
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  padding: 19px 0 22px;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box p:nth-child(1) {
  font-size: 14px;
  color: #333333;
  margin-bottom: 12px;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box .title {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #666666;
  margin-bottom: 13px;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box .title:hover {
  color: #108ee9;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box .choose {
  color: #108ee9;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box p:nth-child(3) {
  width: 408px;
  font-size: 14px;
  height: 38px;
  color: #666666;
}
.MotorTechnologyBotBox .newBox .new .imgBox .rightBox .box:nth-child(2) {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.MotorTechnologyBotBox .botBox {
  width: 100%;
  height: 160px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/maskBot.png') 50% 50% / cover no-repeat;
}
.MotorTechnologyBotBox .botBox .bot {
  width: 740px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 64px 0 50px;
}
.MotorTechnologyBotBox .botBox .bot h2 {
  float: left;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.MotorTechnologyBotBox .botBox .bot a {
  float: right;
  width: 160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  border: solid 1px #ffffff;
}

.PageAnalysisBox {
  width: 100%;
}
.PageAnalysisBox .header {
  height: 60px;
  width: 100%;
  background: #232A3B;
}
.PageAnalysisBox .employment {
  width: 100%;
  height: 480px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2049.png") 50% 50% / cover no-repeat;
}
.PageAnalysisBox .middle-box {
  width: 100%;
  background-color: #F4F6FF;
}
.PageAnalysisBox .middle-box .typeArea {
  width: 1220px;
  margin: 0 auto;
}
.PageAnalysisBox .middle-box .typeArea .bsjx-motorcycle {
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  text-align: center;
  font-size: 40px;
  color: #333333;
  padding-top: 38px;
  letter-spacing: 3px;
}
.PageAnalysisBox .middle-box .typeArea .bsjx-equip {
  font-family: PingFang-SC-Medium;
  margin: 36px auto 42px;
  width: 704px;
  text-align: center;
  color: #666666;
  font-weight: Medium;
  font-size: 16px;
}
.PageAnalysisBox .middle-box .typeArea .bsjx-top {
  width: 1202px;
  height: 707px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2043%402x.png") 50% 50% / cover no-repeat;
}
.PageAnalysisBox .middle-box .typeArea .bsjx-industry {
  margin: 47px auto 38px;
  width: 100%;
  height: 163px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/motuo.png") 50% 50% / cover no-repeat;
}
.PageAnalysisBox .middle-box .bsjx-line {
  width: 100%;
  border-bottom: 2px solid #DCDCDC;
}
.PageAnalysisBox .advantage-box {
  width: 100%;
  background-color: #F4F6FF;
  padding-bottom: 70px;
}
.PageAnalysisBox .advantage-box .establish {
  width: 1220px;
  margin: 0 auto;
}
.PageAnalysisBox .advantage-box .establish .bsjx-superiority {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 41px;
  text-align: center;
  letter-spacing: 3px;
}
.PageAnalysisBox .advantage-box .establish .bsjx-kernel {
  width: 671px;
  height: 44px;
  font-size: 16px;
  font-family: PingFang-SC-Regular;
  font-weight: Regular;
  color: #666666;
  margin: 43px auto 89px;
  text-align: center;
}
.PageAnalysisBox .advantage-box .establish .right {
  float: right;
  width: 516px;
  margin-top: 13px;
}
.PageAnalysisBox .advantage-box .establish .right .bsjx-right {
  float: left;
  width: 256px;
  height: 143px;
  border: 1px solid #D5D8E0;
  border-right: 0;
  position: relative;
}
.PageAnalysisBox .advantage-box .establish .right .bsjx-right .des {
  width: 204px;
  margin: 39px auto 46px;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
}
.PageAnalysisBox .advantage-box .establish .right .bsjx-right .des:nth-child(4) {
  border-bottom: none;
}
.PageAnalysisBox .advantage-box .establish .right .bsjx-right:hover {
  z-index: 1;
  transform: scale(1.1);
  transition: transform 1s;
  background-color: #4F73F9;
  color: #FFFFFF;
}
.PageAnalysisBox .safety-box {
  width: 100%;
  background: #fff;
  height: 488px;
  margin: 0 auto;
}
.PageAnalysisBox .safety-box .safety-box-vessel {
  width: 1210px;
  margin: 0 auto;
}
.PageAnalysisBox .safety-box .safety-box-vessel .project {
  font-size: 30px;
  font-weight: bold;
  font-family: PingFang-SC-Bold;
  text-align: center;
  color: #333333;
  margin: 0 auto 47px;
  padding-top: 47px;
  letter-spacing: 3px;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box {
  width: 240px;
  height: 284px;
  float: left;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .bgcBox {
  display: none;
  width: 240px;
  height: 284px;
  background-color: #4F73F9;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .bgcBox h1 {
  text-align: center;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  padding-top: 55px;
  padding-bottom: 30px;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .bgcBox .p-one {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  margin-left: 24px;
  margin-right: 26px;
  text-align: left;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .bsjx-saft {
  width: 240px;
  height: 284px;
  border: 1px solid #E2E7EE;
  border-left: none;
  float: left;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .bsjx-saft img {
  margin-top: 52px;
  margin-left: 50px;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .bsjx-saft p {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  font-family: PingFang-SC-Bold;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box .saft-one {
  margin-left: 1px;
  border-left: 1px solid #E2E7EE;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box:hover .bgcBox {
  display: block;
}
.PageAnalysisBox .safety-box .safety-box-vessel .management .management-box:hover .bsjx-saft {
  display: none;
}
.PageAnalysisBox .case-box {
  width: 100%;
  background-color: #1D2035;
}
.PageAnalysisBox .case-box .capacity {
  text-align: center;
}
.PageAnalysisBox .case-box .capacity .bsjx-apply {
  font-size: 40px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 0 auto 77px;
  padding-top: 60px;
  letter-spacing: 5px;
}
.PageAnalysisBox .case-box .capacity .capacity-title {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
}
.PageAnalysisBox .case-box .capacity .capacity-content {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.83;
  margin: 31px auto 51px;
  letter-spacing: 2px;
}
.PageAnalysisBox .case-box .ascend {
  text-align: center;
}
.PageAnalysisBox .case-box .ascend .ascend-title {
  margin: 130px auto 38px;
  font-size: 30px;
  color: #FFFFFF;
  font-weight: bold;
  font-family: PingFang-SC-Bold;
  letter-spacing: 5px;
}
.PageAnalysisBox .case-box .ascend .ascend-content {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: PingFang-SC-Regular;
  width: 775px;
  margin: 0 auto 29px;
  letter-spacing: 2px;
}
.PageAnalysisBox .case-box .ascend .ascend-img {
  display: block;
  width: 1200px;
  margin: 0 auto;
}
.PageAnalysisBox .case-box .ascend .ascend-img .ascend-sj {
  float: left;
  font-size: 20px;
  color: #6788FD;
  text-decoration: none;
  padding-top: 30px;
  padding-left: 33px;
}
.PageAnalysisBox .case-box .ascend .ascend-img img {
  height: 72px;
}
.PageAnalysisBox .case-box .ascend .ascend-apply {
  clear: both;
  height: 290px;
  display: inline-block;
  width: 1200px;
}
.PageAnalysisBox .case-box .ascend .ascend-apply .commonality {
  width: 392px;
  height: 233px;
  float: left;
  margin-top: 54px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%9B%BE%E5%B1%82%2014%20%E6%8B%B7%E8%B4%9D%202%402x%281%29.png");
}
.PageAnalysisBox .case-box .ascend .ascend-apply .commonality .first {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  margin: 30px 246px 29px 35px;
}
.PageAnalysisBox .case-box .ascend .ascend-apply .commonality .second {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #fbfcfe;
  margin-left: 35px;
  text-align: left;
}
.PageAnalysisBox .case-box .ascend .ascend-apply .ascend-one,
.PageAnalysisBox .case-box .ascend .ascend-apply .ascend-two {
  margin-right: 11px;
}
.PageAnalysisBox .case-boxTwo {
  width: 100%;
  background-color: #1D2035;
  padding-bottom: 90px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel {
  width: 1210px;
  margin: 0 auto;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .anti-fake .anti-title {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  padding-top: 56px;
  text-align: center;
  letter-spacing: 5px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .anti-fake .anti-content {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  width: 690px;
  margin: 32px auto 29px;
  text-align: center;
  letter-spacing: 2px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .anti-fake .anti-img {
  position: relative;
  padding-bottom: 104px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .anti-fake .anti-img div {
  float: right;
  width: 519px;
  height: 415px;
  background-color: #FFFFFF;
  position: absolute;
  left: 681px;
  top: 0px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .anti-fake .anti-img div .first {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  margin: 67px 389px 22px 49px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .anti-fake .anti-img div .second {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #646464;
  margin-left: 49px;
  margin-right: 31px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .operation {
  text-align: center;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .operation .operation-first {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 5px;
}
.PageAnalysisBox .case-boxTwo .case-box-vessel .operation .operation-second {
  width: 700px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #e6e6e6;
  margin: 35px auto 44px;
  letter-spacing: 2px;
}
.PageAnalysisBox .bearing {
  width: 100%;
  color: #fff;
  text-align: center;
  height: 850px;
  clear: both;
}
.PageAnalysisBox .bearing .bearing-vessel {
  width: 1200px;
  margin: 0 auto;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-title {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 78px;
  letter-spacing: 5px;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-content {
  width: 989px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin: 33px auto 73px;
  letter-spacing: 1px;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img {
  text-align: center;
  height: 160px;
  clear: both;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict {
  margin-top: -8px;
  clear: both;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-public {
  width: 300px;
  height: 190px;
  background-color: #fff;
  border-left: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  float: left;
  text-align: center;
  padding-top: 30px;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-public p {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 24px;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-one:hover {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/humi11.png");
  height: 280px;
  opacity: 1;
  width: 300px;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-one:hover img,
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-one:hover p {
  display: none;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-two:hover {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/humi0.png");
  height: 280px;
  opacity: 1;
  width: 300px;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-two:hover img,
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-two:hover p {
  display: none;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-three:hover {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/humi22.png");
  height: 280px;
  width: 300px;
  opacity: 1;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-three:hover img,
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-three:hover p {
  display: none;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-four:hover {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/humi33.png");
  height: 280px;
  width: 298px;
  opacity: 1;
}
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-four:hover img,
.PageAnalysisBox .bearing .bearing-vessel .bearing-img .bearing-caict .caict-four:hover p {
  display: none;
}

@font-face {
  font-family: "euroCaps";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
#analyzeDataBox {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  background-color: #000;
}
#analyzeDataBox .analyzeDataHead {
  border-bottom: 1px solid #252525;
  width: 100%;
  height: 115px;
  position: relative;
  text-align: center;
  margin-bottom: 19px;
}
#analyzeDataBox .analyzeDataHead .timeBox {
  position: absolute;
  right: 150px;
  bottom: 14px;
  font-size: 20px;
  font-family: euroCaps,serif;
  font-weight: 400;
  color: #07b3ec;
  letter-spacing: 2px;
}
#analyzeDataBox .analyzeDataHead .industryDataHeadTitle {
  position: absolute;
  left: 50%;
  top: 18px;
  margin-left: -154px;
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  line-height: 33px;
  letter-spacing: 4px;
  cursor: pointer;
}
#analyzeDataBox .analyzeDataHead .toHomeButton {
  position: absolute;
  left: 55px;
  bottom: 19px;
  cursor: pointer;
}
#analyzeDataBox .analyzeDataHead .toHomeButton img {
  vertical-align: middle;
}
#analyzeDataBox .analyzeDataHead .toHomeButton span {
  font-size: 18px;
  vertical-align: middle;
  font-weight: 800;
  color: #07b3ec;
  line-height: 32px;
  letter-spacing: 2px;
  margin-left: 10px;
}
#analyzeDataBox .analyzeDataContent {
  margin: 0 auto;
  width: 1920px;
  overflow: hidden;
  padding: 8px 20px 0;
  display: flex;
  justify-content: space-between;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL {
  width: 542px;
  height: 920px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent1 {
  width: 542px;
  height: 330px;
  border: 1px solid #252525;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent1 .title {
  font-size: 18px !important;
  color: #ffffff !important;
  text-shadow: 0 0 10px #6de1fd;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent1 .title span {
  font-size: 26px;
  font-weight: 400;
  color: #ffba00;
  text-shadow: none;
  font-family: euroCaps,serif;
  line-height: 32px;
  letter-spacing: 3px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent1 .title span span {
  font-size: 20px;
  color: #ffffff !important;
  font-family: euroCaps,serif;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent2 {
  margin: 21px 0 16px 0;
  width: 542px;
  height: 266px;
  border: 1px solid #252525;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent2 .tag .tag_left {
  font-size: 56px;
  font-weight: 400;
  text-align: left;
  font-family: euroCaps,serif;
  color: #ffffff;
  text-shadow: 0 0 10px #bfc1ff;
  margin: 56px 0 0 16px;
  display: inline-block;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent2 .tag .tag_right {
  width: 216px;
  opacity: 0.9;
  font-size: 18px;
  font-weight: 800;
  text-align: left;
  color: #ffffff;
  margin-left: 13px;
  display: inline-block;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentL .leftContent3 {
  width: 542px;
  height: 287px;
  border: 1px solid #252525;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM {
  width: 722px;
  height: 920px;
  border: 1px solid #252525;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 {
  width: 722px;
  height: 296px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular {
  display: flex;
  justify-content: space-between;
  padding: 0 22px 0 8px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular .annular {
  width: 220px;
  position: relative;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular .annular .title1 {
  width: 100%;
  height: 25px;
  position: absolute;
  top: 78px;
  opacity: 0.7;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  letter-spacing: 2px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular .annular .sum {
  width: 100%;
  position: absolute;
  top: 116px;
  font-size: 26px;
  font-family: euroCaps,serif;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  letter-spacing: 3px;
  text-shadow: 0 3px 6px #bfc1ff;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular .annular .img {
  position: absolute;
  top: 186px;
  left: -10px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular .annular .img > span {
  display: block;
  font-size: 32px;
  font-family: euroCaps,serif;
  font-weight: 400;
  text-align: left;
  color: #ffba00;
  line-height: 33px;
  letter-spacing: 3px;
  margin-top: -90px;
  margin-left: 54px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent1 .threeAnnular .annular .img > span span {
  font-size: 14px;
  font-family: euroCaps,serif;
  margin-left: 4px;
  color: #ffffff;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent2 {
  width: 722px;
  height: 335px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentM .midContent3 {
  width: 722px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR {
  width: 588px;
  height: 920px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 {
  width: 588px;
  height: 453px;
  border: 1px solid #252525;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painHead {
  margin-top: 70px;
  overflow: hidden;
  width: 100%;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painHead .kong {
  width: 48px;
  float: left;
  height: 20px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painHead .painHeadTitle,
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painHead .painHeadDes {
  margin-right: 11px;
  float: left;
  width: 117px;
  font-size: 16px;
  font-weight: 800;
  color: #bfc1ff;
  line-height: 32px;
  letter-spacing: 2px;
  text-align: center;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painHead .painHeadDes {
  width: 383px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painContent {
  margin-top: 24px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painContent .painContentItem {
  overflow: hidden;
  margin-bottom: 12px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painContent .painContentItem .indexBox {
  float: left;
  margin: 18px 14px 0 18px;
  width: 18px;
  height: 18px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  color: #f4f4f4;
  line-height: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painContent .painContentItem .itemName {
  float: left;
  width: 117px;
  height: 50px;
  background: rgba(6, 33, 98, 0.39);
  border: 1px solid rgba(71, 218, 253, 0.39);
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #f4f4f4;
  letter-spacing: 1px;
  margin-right: 11px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent1 .painContent .painContentItem .itemDes {
  padding: 8px 32px 0 15px;
  float: left;
  width: 383px;
  height: 50px;
  background: rgba(6, 33, 98, 0.39);
  border: 1px solid rgba(71, 218, 253, 0.39);
  font-size: 12px;
  font-weight: 500;
  color: #f4f4f4;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 {
  margin-top: 15px;
  width: 588px;
  height: 452px;
  border: 1px solid #252525;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent {
  margin: 76px 16px 0 16px;
  overflow: hidden;
  position: relative;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .line {
  position: absolute;
  top: 20px;
  left: 276px;
  width: 1px;
  height: 334px;
  background: #103853;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem {
  padding-top: 12px;
  float: left;
  width: 255px;
  height: 180px;
  margin-right: 42px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem:nth-child(1),
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem:nth-child(2) {
  border-bottom: 1px solid #103853;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem:nth-child(2n) {
  margin-right: 0;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem .itemHead {
  overflow: hidden;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem .itemHead .imgBox {
  float: left;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem .itemHead .imgBox img {
  width: 55px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem .itemHead .titlebox {
  float: left;
  opacity: 0.9;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 1px;
  text-shadow: 0 0 3px #bfc1ff;
  line-height: 55px;
}
#analyzeDataBox .analyzeDataContent .analyzeDataContentR .rightContent2 .poverContent .poverItem .desbox {
  opacity: 0.9;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  color: #90a1e9;
  line-height: 22px;
  height: 90px;
}
#analyzeDataBox .analyzeDataContent .baoji {
  position: relative;
}
#analyzeDataBox .analyzeDataContent .baoji .title {
  position: absolute;
  top: 9px;
  left: 17px;
  height: 25px;
  font-size: 18px;
  font-weight: 800;
  text-align: left;
  color: #C5962F;
  line-height: 32px;
  letter-spacing: 2px;
}
#analyzeDataBox .analyzeDataContent .baoji:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 17px;
  top: 17px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
}
#analyzeDataBox .humidatalb {
  width: 100%;
  height: 260px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/analyzedata-1.png') no-repeat;
  background-position: 90px 10px;
  padding-top: 80px;
  padding-left: 40px;
  position: relative;
}
#analyzeDataBox .humidatalb .humidatalbl {
  display: inline-block;
  z-index: 1;
  text-align: left;
}
#analyzeDataBox .humidatalb .humidatalbl p {
  display: block;
  font-size: 14px;
  color: #ffffff;
  text-align: right;
  padding-left: 30px;
}
#analyzeDataBox .humidatalb .humidatalbl img {
  position: absolute;
  top: 170px;
}
#analyzeDataBox .humidatalb .humidatalbl > span {
  display: block;
  color: #ffb600;
  font-family: euroCaps,serif;
  font-size: 26px;
  text-align: left;
  padding-top: 100px;
  padding-left: 30px;
}
#analyzeDataBox .humidatalb .humidatalbl > span span {
  font-size: 16px;
  color: #ffffff;
  font-family: euroCaps,serif;
}
#analyzeDataBox .humidatalb .humidatalbc {
  width: 177px;
  margin-left: 60px;
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
  z-index: 1;
}
#analyzeDataBox .humidatalb .humidatalbc > span {
  display: block;
  text-align: center;
}
#analyzeDataBox .humidatalb .humidatalbc span:first-child {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 5px;
  font-weight: 800;
}
#analyzeDataBox .humidatalb .humidatalbc .hookbot {
  font-size: 54px !important;
  color: #00e2ff !important;
  text-shadow: 0 0 10px #548bfc !important;
  font-family: pictos !important;
  line-height: 52px !important;
  margin-bottom: 15px !important;
}
#analyzeDataBox .humidatalb .humidatalbc .hookbot span {
  font-family: pictos;
  font-size: 23px;
  color: #ffffff;
  text-shadow: 0 0 10em #548bfc, 0 0 10px #548bfc;
  line-height: 23px;
}
#analyzeDataBox .humidatalb .humidatalbc > span:last-child {
  font-size: 14px;
  color: #1883eb;
}
#analyzeDataBox .humidatalb .humidatalbr {
  width: 100px;
  display: inline-block;
  z-index: 1;
  margin-left: 42px;
  margin-top: 10px;
}
#analyzeDataBox .humidatalb .humidatalbr img {
  position: absolute;
  top: 140px;
  right: 37px;
}
#analyzeDataBox .humidatalb .humidatalbr p {
  display: block;
  width: 140px;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  top: 125px;
  right: 20px;
}
#analyzeDataBox .humidatalb .humidatalbr > span {
  display: block;
  color: #ffb600;
  font-family: euroCaps;
  font-weight: 400;
  font-size: 48px;
  position: absolute;
  top: 60px;
  right: 90px;
  line-height: 72px;
  letter-spacing: 1px;
}
#analyzeDataBox .humidatalb .humidatalbr > span span {
  font-size: 24px;
  font-family: euroCaps;
  color: #ffffff;
}
#analyzeDataBox .userInfo {
  width: 100%;
  height: 330px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/analyzedata-4.png") no-repeat;
  background-position: 160px 90px ;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-left: 50px;
  position: relative;
  font-size: 14px;
  font-weight: 800;
  color: #53d4ff;
  letter-spacing: 1px;
}
#analyzeDataBox .userInfo .one {
  position: absolute;
  width: 88px;
  top: 174px;
  left: 220px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
#analyzeDataBox .userInfo .two {
  position: absolute;
  top: 56px;
  left: 218px;
}
#analyzeDataBox .userInfo .three {
  position: absolute;
  top: 161px;
  right: 122px;
}
#analyzeDataBox .userInfo .four {
  position: absolute;
  bottom: 30px;
  right: 105px;
}
#analyzeDataBox .userInfo .five111 {
  position: absolute;
  bottom: 30px;
  left: 145px;
}
#analyzeDataBox .userInfo .six {
  position: absolute;
  top: 160px;
  left: 90px;
}
.myTitleStyle .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #07b3ec;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
.myTitleStyle .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 0;
}
.myTitleStyle .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0 0 20px #bfc1ff;
}

.d-auth-upload-box {
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auth-upload-box img {
  display: block;
  width: 100%;
}
.d-auth-upload-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auth-upload-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box {
  padding-top: 60px;
}
.d-auto-box .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.d-auto-box .auto1200 {
  width: 1200px;
  margin: 0 auto;
}
.d-auto-box .d-nav {
  background: #3377c4;
  position: relative;
  height: 60px;
}
.d-auto-box .d-nav .item {
  width: 220px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  text-align: center;
  padding: 0;
  font-size: 14px;
  color: #fff;
  background: #1258a6;
}
.d-auto-box .d-main {
  margin-top: 20px;
  padding: 45px 20px;
  background: #fff;
}
.d-auto-box .d-main .steps {
  padding: 0  100px 78px;
}
.d-auto-box .d-main .steps .ant-steps-step {
  position: relative;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.d-auto-box .d-main .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.d-auto-box .d-main .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.d-auto-box .d-main .con .step_1 {
  padding-top: 50px;
}
.d-auto-box .d-main .con .step_1 .s-left {
  float: left;
  border-right: 1px solid #e3e3e3;
  padding-right: 58px;
}
.d-auto-box .d-main .con .step_1 .s-left .row {
  padding-bottom: 50px;
  display: flex;
}
.d-auto-box .d-main .con .step_1 .s-left .row:last-of-type {
  padding-bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-left .row .text {
  font-size: 14px;
  color: #333333;
  padding-right: 18px;
  padding-top: 45px;
}
.d-auto-box .d-main .con .step_1 .s-left .row .text .red {
  color: #ff5757;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box {
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box img {
  display: block;
  width: 100%;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-righ {
  float: left;
  padding-top: 25px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row {
  padding-bottom: 70px;
  display: flex;
  align-items: flex-start;
}
.d-auto-box .d-main .con .step_1 .s-righ .row:last-of-type {
  padding-bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .title {
  font-size: 14px;
  color: #3377c4;
  padding-left: 26px;
  padding-right: 20px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .example-img {
  display: block;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .text-box {
  padding-left: 40px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .text-box ul li {
  font-size: 12px;
  color: #666666;
  padding-bottom: 8px;
}
.d-auto-box .d-main .con .number-box {
  padding-top: 60px;
}
.d-auto-box .d-main .con .number-box label {
  display: inline-block;
  width: 106px;
  font-size: 14px;
  color: #333333;
}
.d-auto-box .d-main .con .number-box .input {
  width: 400px;
  height: 34px;
}
.d-auto-box .d-main .step_2 {
  padding: 50px 0;
}
.d-auto-box .d-main .step_2 .row {
  color: #666666;
  padding-bottom: 30px;
}
.d-auto-box .d-main .step_2 .row label {
  display: inline-block;
  width: 40%;
  padding-right: 30px;
  color: #333;
  font-size: 16px;
  text-align: right;
}
.d-auto-box .d-main .step_2 .row span {
  font-size: 16px;
  display: inline-block;
  max-width: 600px;
}
.d-auto-box .d-main .step_2 .tips-msg {
  width: 423px;
  margin: auto;
  padding-top: 50px;
}
.d-auto-box .d-main .step_3 {
  padding: 50px 0;
}
.d-auto-box .d-main .step_3 .row {
  width: 300px;
  margin: 0 auto 30px;
}
.d-auto-box .d-main .step_3 .row .input {
  width: 100%;
  height: 40px;
}
.d-auto-box .d-main .step_3 .row .ant-select-search__field {
  border: solid 1px #e3e3e3;
  width: 260px;
  height: 40px !important;
  float: left;
}
.d-auto-box .d-main .step_3 .row .input-code {
  width: 200px;
  height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
}
.d-auto-box .d-main .step_3 .row .btn {
  width: 100px;
  height: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.d-auto-box .d-main .step_4 .row {
  padding: 90px 0 40px;
}
.d-auto-box .d-main .step_4 .success .icon {
  display: block;
  margin: 0 auto 30px;
}
.d-auto-box .d-main .step_4 .success .title {
  font-size: 24px;
  color: #33c485;
  text-align: center;
}
.d-auto-box .d-main .step_4 .error {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-auto-box .d-main .step_4 .error .title {
  font-size: 18px;
  font-weight: 900;
  color: #ff3636;
  padding-left: 15px;
}
.d-auto-box .d-main .step_4 p.err-msg {
  padding-top: 60px;
  font-size: 14px;
  color: #ff3636;
  text-align: center;
}
.d-auto-box .d-main .step_4 .sub-loading {
  text-align: center;
  padding: 50px 0;
  font-size: 16px;
}
.d-auto-box .d-main .step_0 .row {
  overflow: hidden;
  padding-bottom: 35px;
}
.d-auto-box .d-main .step_0 .row .fl {
  float: left;
}
.d-auto-box .d-main .step_0 .row label {
  font-size: 14px;
  color: #333333;
  margin-right: 15px;
  float: left;
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: right;
}
.d-auto-box .d-main .step_0 .row label em {
  color: #ff3636;
}
.d-auto-box .d-main .step_0 .row .input {
  width: 260px;
  height: 40px;
  float: left;
}
.d-auto-box .d-main .step_0 .row .ant-spin-nested-loading {
  width: 242px;
  float: left;
}
.d-auto-box .d-main .step_0 .row .upload-box {
  float: left;
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auto-box .d-main .step_0 .row .upload-box img {
  display: block;
  width: 100%;
}
.d-auto-box .d-main .step_0 .row .upload-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auto-box .d-main .step_0 .row .upload-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box .d-main .step_0 .row .text-box {
  float: left;
  padding-left: 50px;
}
.d-auto-box .d-main .step_0 .row .text-box .title {
  font-size: 14px;
  color: #108ee9;
}
.d-auto-box .d-main .step_0 .row .text-box ul li {
  font-size: 12px;
  color: #333333;
  padding-top: 10px;
}
.d-auto-box .d-main .btn-box {
  width: 700px;
  margin: 0 auto 60px;
  padding-top: 80px;
}
.d-auto-box .d-main .btn-box .btn-next {
  border-color: #108ee9;
}
.d-auto-box .d-main .btn-box .row {
  display: flex;
  justify-content: space-around;
}
.d-auto-box .d-main .btn-box .pact-box {
  padding-bottom: 15px;
  text-align: center;
  user-select: none;
}
.d-auto-box .d-main .btn-box button {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
}
.d-auto-box .d-main .btn-box button.btn-prev {
  background: #fff;
  color: #108ee9;
}
.d-auto-box .ant-select-auto-complete.ant-select .ant-input {
  height: 40px !important;
}
.d-auto-box .ant-select-selection__placeholder,
.d-auto-box .ant-select-search__field__placeholder {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.pact-content {
  height: 500px;
  overflow-y: auto;
}

.authPageBox {
  background: #fff;
  padding: 30px;
  margin-top: 10px !important;
  padding-top: 110px;
}
.authPageBox .authPageTitle {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.1;
  margin: 30px 0;
}
.authPageBox .tips {
  font-size: 16px;
  line-height: 1.1;
  margin: 0 0 30px 0;
  min-height: 17px;
  text-align: center;
}
.authPageBox .tips span {
  color: #108EE9;
}
.authPageBox .is-auth {
  display: flex;
  height: 300px;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #000;
}
.authPageBox .authPageContent {
  padding: 0 120px;
}
.authPageBox .authPageContent .ant-col-12 > div {
  background: #ccc;
  padding: 35px 0;
  text-align: center;
}
.authPageBox .authPageContent .ant-col-12 > div a {
  width: 200px;
  padding: 15px 0;
  background: #8f8f8f;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  cursor: default;
}
.authPageBox .authPageContent .ant-col-12 > div .iconfont {
  font-size: 120px;
}
.authPageBox .authPageContent .ant-col-12 > div .icon-1 {
  color: #2ebf60;
}
.authPageBox .authPageContent .ant-col-12 > div .icon-2 {
  color: #397ecd;
}
.authPageBox .enableBtn {
  background: #397ecd !important;
  cursor: pointer !important;
}
.protocalBottom {
  text-align: center;
}
.protocalBottom span:nth-of-type(1) {
  font-size: 13px;
  margin-left: 5px;
}
.protocalBottom p {
  margin: 10px 0 10px 0;
  font-size: 13px;
  color: #169BD5;
  cursor: pointer;
}

.d-auto-box {
  padding-top: 60px;
}
.d-auto-box .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.d-auto-box .auto1200 {
  width: 1200px;
  margin: 0 auto;
}
.d-auto-box .d-nav {
  background: #3377c4;
  position: relative;
  height: 60px;
}
.d-auto-box .d-nav .item {
  width: 220px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  text-align: center;
  padding: 0;
  font-size: 14px;
  color: #fff;
  background: #1258a6;
}
.d-auto-box .d-main {
  margin-top: 20px;
  padding: 45px 20px;
  background: #fff;
}
.d-auto-box .d-main .steps {
  padding: 0  100px 78px;
}
.d-auto-box .d-main .steps .ant-steps-step {
  position: relative;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.d-auto-box .d-main .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.d-auto-box .d-main .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.d-auto-box .d-main .con .step_1 {
  padding-top: 50px;
}
.d-auto-box .d-main .con .step_1 .s-left {
  float: left;
  border-right: 1px solid #e3e3e3;
  padding-right: 58px;
}
.d-auto-box .d-main .con .step_1 .s-left .row {
  padding-bottom: 50px;
  display: flex;
}
.d-auto-box .d-main .con .step_1 .s-left .row:last-of-type {
  padding-bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-left .row .text {
  font-size: 14px;
  color: #333333;
  padding-right: 18px;
  padding-top: 45px;
}
.d-auto-box .d-main .con .step_1 .s-left .row .text ._red {
  color: #ff5757;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box {
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box img {
  display: block;
  width: 100%;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-righ {
  float: left;
  padding-top: 25px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row {
  padding-bottom: 70px;
  display: flex;
  align-items: flex-start;
}
.d-auto-box .d-main .con .step_1 .s-righ .row:last-of-type {
  padding-bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .title {
  font-size: 14px;
  color: #3377c4;
  padding-left: 26px;
  padding-right: 20px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .example-img {
  display: block;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .text-box {
  padding-left: 40px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .text-box ul li {
  font-size: 12px;
  color: #666666;
  padding-bottom: 8px;
}
.d-auto-box .d-main .con .number-box {
  padding-top: 60px;
}
.d-auto-box .d-main .con .number-box label {
  display: inline-block;
  width: 106px;
  font-size: 14px;
  color: #333333;
}
.d-auto-box .d-main .con .number-box label ._red {
  color: #ff5757;
}
.d-auto-box .d-main .con .number-box .input {
  width: 400px;
  height: 34px;
}
.d-auto-box .d-main .step_2 {
  padding: 50px 0;
}
.d-auto-box .d-main .step_2 .row {
  font-size: 16px;
  color: #666666;
  padding-bottom: 30px;
}
.d-auto-box .d-main .step_2 .row label {
  display: inline-block;
  width: 40%;
  padding-right: 30px;
  color: #333;
  font-size: 16px;
  text-align: right;
}
.d-auto-box .d-main .step_2 .row span {
  font-size: 16px;
}
.d-auto-box .d-main .step_2 .tips-msg {
  width: 423px;
  margin: auto;
  padding-top: 50px;
}
.d-auto-box .d-main .step_3 {
  padding: 50px 0;
}
.d-auto-box .d-main .step_3 .row {
  width: 300px;
  margin: 0 auto 30px;
}
.d-auto-box .d-main .step_3 .row .input {
  width: 100%;
  height: 40px;
}
.d-auto-box .d-main .step_3 .row .input-code {
  width: 200px;
  height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
}
.d-auto-box .d-main .step_3 .row .btn {
  width: 100px;
  height: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.d-auto-box .d-main .step_4 .row {
  padding: 90px 0 40px;
}
.d-auto-box .d-main .step_4 .success .icon {
  display: block;
  margin: 0 auto 30px;
}
.d-auto-box .d-main .step_4 .success .title {
  font-size: 24px;
  color: #33c485;
  text-align: center;
}
.d-auto-box .d-main .step_4 .error {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-auto-box .d-main .step_4 .error .title {
  font-size: 18px;
  font-weight: 900;
  color: #ff3636;
  padding-left: 15px;
}
.d-auto-box .d-main .step_4 p.err-msg {
  padding-top: 60px;
  font-size: 14px;
  color: #ff3636;
  text-align: center;
}
.d-auto-box .d-main .step_4 .sub-loading {
  text-align: center;
  padding: 50px 0;
  font-size: 16px;
}
.d-auto-box .d-main .btn-box {
  width: 700px;
  margin: 0 auto 60px;
  padding-top: 80px;
}
.d-auto-box .d-main .btn-box .btn-next {
  border-color: #108ee9;
}
.d-auto-box .d-main .btn-box .row {
  display: flex;
  justify-content: space-around;
}
.d-auto-box .d-main .btn-box .pact-box {
  padding-bottom: 15px;
  text-align: center;
  user-select: none;
}
.d-auto-box .d-main .btn-box button {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
}
.d-auto-box .d-main .btn-box button.btn-prev {
  background: #fff;
  color: #108ee9;
}
.pact-content {
  height: 500px;
  overflow-y: auto;
}

.authPageBox {
  background: #fff;
  padding: 30px;
  margin-top: 10px !important;
}
.authPageBox .authPageTitle {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.1;
  margin: 30px 0;
}
.authPageBox .tips {
  font-size: 16px;
  line-height: 1.1;
  margin: 0 0 30px 0;
  min-height: 17px;
  text-align: center;
}
.authPageBox .authPageContent {
  padding: 0 120px;
}
.authPageBox .authPageContent .ant-col-12 > div {
  background: #ccc;
  padding: 35px 0;
  text-align: center;
}
.authPageBox .authPageContent .ant-col-12 > div a {
  width: 200px;
  padding: 15px 0;
  background: #397ecd;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
}
.authPageBox .authPageContent .ant-col-12 > div .iconfont {
  font-size: 120px;
}
.authPageBox .authPageContent .ant-col-12 > div .icon-1 {
  color: #2ebf60;
}
.authPageBox .authPageContent .ant-col-12 > div .icon-2 {
  color: #397ecd;
}
.authPageBox .disableBtn {
  background: #8f8f8f !important;
  cursor: default;
}

.w-bg {
  background: #f8f8f8;
  padding-top: 60px;
}
.record-box {
  width: 1200px;
  margin: 40px auto  67px;
}
.record-box .tab-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 80px;
  padding-top: 6px;
}
.record-box .tab-top a {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-right: 42px;
}
.record-box .tab-top a.active {
  color: #108ee9;
}
.record-box .record-con {
  background: #fff;
  padding: 0 18px 20px 18px;
}
.record-box .record-con .r-title {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  height: 75px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.record-box .record-con .r1 {
  display: flex;
  margin-bottom: 30px;
}
.record-box .record-con .r1 .item {
  margin-right: 76px;
  display: flex;
  align-items: center;
}
.record-box .record-con .r1 .item .label {
  white-space: nowrap;
}
.record-box .record-con .r1 .item:last-of-type {
  margin-right: 0;
}
.record-box .record-con .r1 .item.month-select {
  margin-right: 0;
}
.record-box .record-con .r1 .item.month-select a {
  font-size: 14px;
  color: #333333;
  margin-right: 25px;
  white-space: nowrap;
}
.record-box .record-con .r1 .item.month-select a.active {
  color: #108ee9;
}
.record-box .record-con .r-select {
  width: 200px;
  height: 40px;
  border-radius: 4px;
}
.record-box .record-con .r-select > div {
  height: 100% !important;
}
.record-box .record-con .r-select > div > div {
  line-height: 40px !important;
}
.record-box .record-con .range-picker {
  width: 275px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
}
.record-box .record-con .range-picker > span {
  height: 40px;
}
.record-box .record-con .range-picker .ant-calendar-range-picker-separator {
  line-height: 30px;
}
.record-box .record-con .r-input {
  width: 200px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
}
.record-box .record-con .btn-sub {
  width: 130px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  color: #fff;
  font-size: 14px;
}
.record-box .record-con .ant-table-thead > tr > th {
  background: #c2ddf8 !important;
  text-align: center;
}
.record-box .record-con .ant-table-tbody > tr:hover > td {
  background: #f8fbff;
}
.record-box .record-con .ant-table-tbody > tr > td {
  text-align: center;
}
.record-box .record-con .total-box {
  border-top: 1px dashed #dedede;
  line-height: 55px;
  height: 55px;
}
.record-box .record-con .total-box em {
  padding-left: 40px;
}
.record-box .record-con .total-box span {
  font-size: 18px;
}
.record-box .record-con .total-box .f-red {
  color: #ee0000;
}
.record-box .record-con .total-box .f-green {
  color: #00d69c;
}
.record-box .green {
  color: #00d69c;
}
.record-box .red {
  color: #ee0000;
}
#t-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
}
#t-loading .ant-spin-dot i {
  background-color: #fff !important;
}
#t-loading .ant-spin {
  color: #fff !important;
}
#t-loading.active {
  display: flex;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.commonNavBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  z-index: 10;
}
.commonNavBox .phone_commonNav {
  display: none;
}
.commonNavBox .commonNav {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
}
.commonNavBox .commonNav .comLogoBox {
  float: left;
  overflow: hidden;
  width: 124px;
  height: 80px;
  margin-right: 68px;
  box-sizing: border-box;
  padding: 13px 0;
}
.commonNavBox .commonNav .comLogoBox .comlogo svg g:nth-child(2) path {
  fill: #595757;
}
.commonNavBox .commonNav .comNavChoose {
  float: left;
}
.commonNavBox .commonNav .comNavChoose .choose {
  float: left;
  margin-top: 32px;
  padding-bottom: 23px;
  margin-right: 45px;
  transition: all 0.3s linear;
  border-bottom: 1px solid transparent;
}
.commonNavBox .commonNav .comNavChoose .choose a {
  font-size: 16px;
  color: #666;
  font-weight: 600;
  cursor: pointer;
}
.commonNavBox .commonNav .comNavChoose .active {
  border-bottom: 2px solid #108ee9;
}
.commonNavBox .commonNav .comNavChoose .active a {
  color: #108ee9;
}
.commonNavBox .commonNav .comNavTelContent {
  float: right;
  height: 80px;
  margin-top: 22px;
}
.commonNavBox .commonNav .comNavTelContent .telImageBox {
  float: left;
}
.commonNavBox .commonNav .comNavTelContent .telImageBox .telImage {
  width: 20px;
  height: 20px;
  margin-top: 12px;
}
.commonNavBox .commonNav .comNavTelContent .telLine {
  float: left;
  padding: 10px;
  color: #afafaf;
}
.commonNavBox .commonNav .comNavTelContent .telContent {
  float: left;
  font-size: 10px;
  color: #afafaf;
}
@media screen and (max-width: 1200px) {
  .commonNavBox .phone_commonNav {
    display: none;
  }
  .commonNavBox .commonNav {
    width: 1000px;
  }
  .commonNavBox .commonNav .comLogoBox {
    margin-right: 30px;
  }
  .commonNavBox .commonNav .comNavChoose .choose:nth-last-child(1) {
    margin-right: 0;
  }
}
@media screen and (max-width: 996px) {
  html {
    font-size: 100px;
  }
  .commonNavBox {
    width: 100%;
    height: 0.44rem;
  }
  .commonNavBox .commonNav {
    display: none;
  }
  .commonNavBox .phone_commonNav {
    position: relative;
    display: block;
    width: 100%;
    height: 0.44rem;
    box-shadow: 0 0.03rem 0.04rem 0.015rem rgba(19, 78, 90, 0.1);
  }
  .commonNavBox .phone_commonNav .phone_comLogoBoxs {
    width: 0.62rem;
    margin: 0 auto;
  }
  .commonNavBox .phone_commonNav .phone_comLogoBoxs .phone_comLogoBox {
    float: left;
    width: 0.62rem;
    height: 0.3rem;
    margin: 0.1rem;
  }
  .commonNavBox .phone_commonNav .phone_comLogoBoxs .phone_comLogoBox .phone_comlogo {
    width: 100%;
    height: 100%;
  }
  .commonNavBox .phone_commonNav .phone_comNavChooseBtn {
    float: left;
    width: 0.2rem;
    height: 0.3rem;
    margin: 0.15rem;
    cursor: pointer;
  }
  .commonNavBox .phone_commonNav .phone_comNavChooseBtn p {
    width: 0.2rem;
    height: 0.01rem;
    margin-bottom: 0.06rem;
    background-color: #666;
  }
  .commonNavBox .phone_commonNav .phone_comNavChoose {
    position: absolute;
    top: 0.5rem;
    left: 0.15rem;
    width: 1.35rem;
    height: 2.6rem;
    background: #fff;
    box-shadow: 0 0.06rem 0.04rem 0.002rem rgba(126, 126, 126, 0.46);
  }
  .commonNavBox .phone_commonNav .phone_comNavChoose .choose {
    width: 1.09rem;
    line-height: 0.2rem;
    margin: 0.1rem auto;
    text-align: center;
    border-bottom: 0.01rem solid #e3e3e3;
  }
  .commonNavBox .phone_commonNav .phone_comNavChoose .choose a {
    display: inline-block;
    margin-bottom: 0.1rem;
    font-size: 12px;
    font-weight: 900;
    color: #333333;
  }
  .commonNavBox .phone_commonNav .phone_comNavChoose .phone_choose:nth-last-child(1) {
    border: none;
  }
  .commonNavBox .phone_commonNav .phone_comNavChoose .active a {
    color: #108ee9;
  }
  .commonNavBox .phone_commonNav .phone_comNavChoose:after {
    position: absolute;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    top: -0.06rem;
    left: 0.05rem;
  }
  .commonNavBox .phone_commonNav .phone_comLoginBox {
    float: right;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0.12rem 0.12rem 0.12rem 0;
  }
  .commonNavBox .phone_commonNav .phone_comLoginBox img {
    width: 100%;
    height: 100%;
  }
}

.bankPayOout {
  padding-top: 80px;
}
.bankPayOout .bigImg {
  height: 388px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/1paymode.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  padding-top: 135px;
  margin-bottom: 64px;
}
.bankPayOout .bigImg .introduceBlock {
  width: 1200px;
  margin: auto;
}
.bankPayOout .bigImg .introduceBlock .introduceContent {
  width: 668px;
  color: #f8f8f8;
  font-size: 16px;
  line-height: 30px;
}
.bankPayOout .bigImg .introduceBlock .introduceContent h3 {
  font-size: 28px;
  color: #f8f8f8;
  margin-bottom: 5px;
}
.bankPayOout .bankList {
  margin-bottom: 51px;
  width: 1200px;
  margin: auto;
}
.bankPayOout .bankList .bankSingle {
  display: flex;
  flex-direction: row;
  padding-bottom: 83px;
  border-bottom: 1px dashed #aaaaaa;
  margin-bottom: 82px;
}
.bankPayOout .bankList .bankSingle .bankLeft {
  height: 130px;
  width: 147px;
  margin-left: 216px;
}
.bankPayOout .bankList .bankSingle .bankCenter {
  height: 99px;
  width: 2px;
  margin-left: 90px;
  margin-top: 29px;
}
.bankPayOout .bankList .bankSingle .bankRight {
  margin-left: 87px;
  margin-top: 29px;
  line-height: 33px;
  font-size: 16px;
  color: #666666;
}
.bankPayOout .bankList .bankSingle .bankRight span {
  font-size: 18px;
  color: #333333;
  font-weight: 550;
  white-space: pre;
}
.bankPayOout .bankList .bankSingle:last-child {
  border-bottom: none;
}

.HumiBhFeatureBox {
  width: 100%;
}
.HumiBhFeatureBox .hbf_bodyBox {
  box-sizing: border-box;
  padding-top: 60px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_chTitle {
  line-height: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #182e45;
  margin-bottom: 9px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_enTitle {
  font-size: 20px;
  font-weight: bold;
  color: #b1b5b9;
  line-height: 20px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_banner {
  width: 100%;
  height: 621px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/beihai/banner.png") 50% 50% / cover no-repeat;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox {
  width: 100%;
  height: 689px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/beihai/bg1.png") 50% 50% / cover no-repeat;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox .hbf_introduce {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 58px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox .hbf_introduce .left {
  float: left;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox .hbf_introduce .left .hbf_descBox {
  width: 678px;
  margin-top: 37px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox .hbf_introduce .left .hbf_descBox p {
  font-size: 14px;
  font-weight: bold;
  color: #182e45;
  line-height: 30px;
  text-align: justify;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox .hbf_introduce .left .hbf_descBox p:nth-child(1) {
  margin-bottom: 15px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_introduceBox .hbf_introduce .right {
  margin-left: 37px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox {
  width: 100%;
  height: 730px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/beihai/bg2.png") 50% 50% / cover no-repeat;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 69px 0 55px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_topBox {
  margin-bottom: 50px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_topBox .left {
  float: left;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_topBox .left .hbf_chTitle {
  color: #fff;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_topBox .left .hbf_enTitle {
  color: #425268;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_topBox .right {
  float: right;
  display: block;
  width: 120px;
  height: 42px;
  line-height: 42px;
  background: #364ce8;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box {
  position: relative;
  float: left;
  width: 200px;
  height: 502px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .activeBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .activeBox .desBox {
  position: absolute;
  left: 19px;
  bottom: 36px;
  height: 170px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .activeBox .desBox .number,
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .activeBox .desBox .des {
  color: #9DA7B4;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .activeBox .desBox .number {
  line-height: 30px;
  margin-bottom: 35px;
  font-size: 30px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .activeBox .desBox .des {
  font-size: 14px;
  line-height: 28px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box:hover {
  z-index: 1;
  transform: scale(1.1);
  transition: transform 1s;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .active {
  background: url("https://360humi-public-obs.360humi.com/w-compic/beihai/active.png");
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .active .desBox .number,
.HumiBhFeatureBox .hbf_bodyBox .hbf_featureBox .hbf_feature .hbf_botBox .hbf_box .active .desBox .des {
  color: #fff;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_serverBox {
  width: 100%;
  height: 800px;
  background: #ECF0F7;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_serverBox .hbf_server {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 79px 0 36px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_serverBox .hbf_server .hbf_serverBot {
  margin-top: 39px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_serverBox .hbf_server .hbf_serverBot img {
  margin-right: 25px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_serverBox .hbf_server .hbf_serverBot img:nth-child(3n) {
  margin-right: 0;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_addressBox {
  width: 100%;
  height: 690px;
  background: #fff;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_addressBox .hbf_address {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 89px 0 80px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_addressBox .hbf_address .hbf_mapBox {
  position: relative;
  width: 1200px;
  margin-top: 45px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_addressBox .hbf_address .hbf_mapBox .ad {
  position: absolute;
  top: 52px;
  right: 0;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_flowBox {
  width: 100%;
  height: 240px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/beihai/bg3.png") 50% 50% / cover no-repeat;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_partnerBox {
  width: 100%;
  height: 610px;
  background: #ECF0F7;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_partnerBox .hbf_partner {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 79px 0 77px;
}
.HumiBhFeatureBox .hbf_bodyBox .hbf_partnerBox .hbf_partner img {
  display: block;
  margin-top: 45px;
}
.HumiBhFeatureModal .ant-modal-title {
  font-size: 18px;
  color: #333333;
}
.HumiBhFeatureModal img {
  display: block;
  margin: 45px auto 28px;
}
.HumiBhFeatureModal p {
  font-size: 14px;
  text-align: center;
  color: #333333;
  margin-bottom: 15px;
}
.HumiBhFeatureModal p span {
  font-size: 24px;
}

#blue {
  padding-top: 60px;
}
#blue .w12 {
  width: 1200px;
  margin: 0 auto;
}
#blue .w11 {
  width: 1100px;
  margin: 0 auto;
}
#blue .fl {
  float: left;
}
#blue .clear {
  clear: both;
  height: 0;
}
#blue .blueindusty-rulemodel {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 100;
}
#blue .blueindusty-conmodel {
  width: 1000px;
  height: 830px;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/megagame-31.png') no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  z-index: 101;
}
#blue .blueindusty-entry {
  width: 756px;
  height: 447px;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/entry.png') no-repeat;
  background-size: 100% 100%;
  background-position: center 0;
  z-index: 102;
}
#blue .blueindusty-conmodel > img {
  height: 19px;
  width: 19px;
  position: absolute;
  top: 55px;
  right: 60px;
  cursor: pointer;
}
#blue .blueindusty-entry > img {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 19px;
  right: 20px;
  cursor: pointer;
}
#blue .blue-banner {
  width: 100%;
  height: 1156px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/bg1.png') no-repeat center center;
  background-size: 100% 100% !important;
}
#blue .blue-banner .banner-tit {
  font-size: 48px;
  font-weight: 600;
  color: #ffffff;
  line-height: 80px;
  padding-top: 180px;
}
#blue .blue-banner .banner-tit.tit-new {
  padding-top: 0;
  margin-bottom: 62px;
}
#blue .blue-banner .line {
  width: 40px;
  height: 2px;
  background-color: #fff;
  margin: 25px 0;
}
#blue .blue-banner .begin {
  font-size: 36px;
  font-weight: 400;
  font-family: DIN-Regular;
  color: #ffffff;
  line-height: 48px;
}
#blue .blue-banner .entry {
  display: block;
  text-decoration: none;
  width: 160px;
  height: 40px;
  margin-top: 53px;
  background: #ff014f;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
#blue .blue-banner .rule {
  width: 160px;
  height: 40px;
  margin-top: 53px;
  border: 1px solid #ff014f;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  margin-left: 20px;
  cursor: pointer;
}
#blue .blue-banner .about {
  display: block;
  margin: 105px auto 50px;
}
#blue .blue-banner .about-div {
  margin-top: 151px;
}
#blue .blue-banner .about-div .about-div-title {
  font-size: 36px;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
}
#blue .blue-banner .about-div .about-div-tag {
  margin: 18px auto 49px;
  font-size: 28px;
  font-family: DIN;
  font-weight: 400;
  text-align: center;
  color: #ff014f;
  line-height: 28px;
  letter-spacing: 1px;
}
#blue .blue-banner .banner-cot {
  display: block;
  margin: 0 auto;
  width: 959px;
  font-size: 14px;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
}
#blue .blue-course {
  width: 100%;
  padding-top: 100px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/bg2.png') no-repeat center center;
  background-size: 100% 100% !important;
  margin-top: -1px;
}
#blue .blue-course .tit {
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
}
#blue .blue-course .txt {
  margin-top: 20px;
  font-size: 28px;
  font-family: DIN;
  font-weight: 400;
  color: #ff014f;
  line-height: 28px;
  text-align: center;
}
#blue .blue-course .box {
  display: flex;
  justify-content: space-between;
}
#blue .blue-course .coursebox {
  width: 175px;
  height: 263px;
  margin: 64px 31px 160px 0;
  padding-left: 30px;
  overflow: hidden;
  position: relative;
}
#blue .blue-course .coursebox:nth-last-child(1) {
  margin-right: 0;
}
#blue .blue-course .coursebox .piblic {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
}
#blue .blue-course .coursebox .title {
  position: absolute;
  top: 30px;
  width: 90px;
  height: 73px;
}
#blue .blue-course .coursebox .line {
  position: absolute;
  top: 60px;
}
#blue .blue-course .coursebox .end {
  position: absolute;
  top: 90px;
}
#blue .blue-course .coursebox .time {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ff014f;
  line-height: 30px;
  position: absolute;
  bottom: 20px;
}
#blue .bg3 {
  width: 100%;
  padding-top: 160px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/bg3.png') no-repeat center center;
  background-size: 100% 100% !important;
  margin-top: -1px;
}
#blue .bg3 .blue-problem {
  width: 100%;
  height: 450px;
}
#blue .bg3 .blue-problem .problem-img {
  display: block;
  margin: 0 auto;
}
#blue .bg3 .blue-problem .problem-txt {
  display: block;
  margin: 49px auto 48px;
  width: 876px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
}
#blue .bg3 .blue-problem .problem-txt span {
  color: #FF014F;
  font-size: 20px;
}
#blue .bg3 .blue-problem .problem-pub {
  width: 580px;
  height: 200px;
  background-size: 100% 100% !important;
}
#blue .bg3 .blue-problem .problem-pub .timu {
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  margin: 40px 0 16px 160px;
  padding-left: 30px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/small-jt.png') no-repeat center left;
}
#blue .bg3 .blue-problem .problem-pub .nr {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
  margin: 0 35px 0 165px;
}
#blue .bg3 .blue-problem .left {
  margin-right: 38px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/%E7%BB%84%2011%20%E6%8B%B7%E8%B4%9D.png') no-repeat center center;
}
#blue .bg3 .blue-problem .right {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/bh-megagame/%E7%BB%84%2012%20%E6%8B%B7%E8%B4%9D.png') no-repeat center center;
}
#blue .bg3 .blue-problem .explain {
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9381ff;
  line-height: 32px;
  margin-top: 50px;
}
#blue .bg3 .blue-awards {
  width: 100%;
  height: 798px;
  margin-top: 160px;
}
#blue .bg3 .blue-awards .awards-img {
  display: block;
  margin: 0 auto;
}
#blue .bg3 .blue-awards .awardsbox {
  width: 301px;
  margin: 0 78px 89px 36px ;
}
#blue .bg3 .blue-awards .awardsbox:nth-child(4) {
  margin-right: 0;
}
#blue .bg3 .blue-awards .awardsbox .award-img {
  display: block;
  margin: 0 auto;
}
#blue .bg3 .blue-awards .awardsbox .award-jiang {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
}
#blue .bg3 .blue-awards .awardsbox .award-rank {
  font-size: 24px;
  font-family: PingFang SC;
  color: #FF014F;
  line-height: 32px;
  text-align: center;
}
#blue .bg3 .blue-awards .awardsbox .award-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  margin-top: 35px;
}
#blue .bg3 .blue-awards .awardsbox .award-txt {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9381ff;
  line-height: 28px;
  margin-top: 17px;
}
#blue .bg3 .blue-awards .awards-remark {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9381ff;
  line-height: 28px;
  margin-top: 20px;
  text-align: center;
}
#blue .bg3 .blue-media {
  width: 100%;
  height: 1137px;
  margin-top: 160px;
}
#blue .bg3 .blue-media img {
  display: block;
  margin: 0 auto;
}
#blue .bg3 .blue-media .media-partner {
  margin-top: 59px;
}
#blue .bg3 .blue-media .media-zz {
  margin-top: 160px;
}
#blue .bg3 .blue-media .tit-one {
  margin-top: 20px;
}
#blue .bg3 .blue-media .tit {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 69px;
  text-align: center;
}
#blue .bg3 .blue-media .txt {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #aea1ff;
  line-height: 32px;
  text-align: center;
}
#blue .bg3 .blue-media .txt-but {
  width: 1068px;
  margin: 0 auto;
}

.ServiceMarketDe {
  padding-top: 60px;
}
.ServiceMarketDe .SerMarDeBanner {
  height: 550px;
  width: 100%;
}
.ServiceMarketDe .SerMarDeIntro {
  width: 100%;
}
.ServiceMarketDe .SerMarDeBlist {
  width: 1200px;
  margin: 80px auto 0px;
  display: block;
}
.ServiceMarketDe .SerimgScroll {
  width: 1200px;
  height: 460px;
  margin: 80px auto 0px;
  position: relative;
}
.ServiceMarketDe .SerimgScroll .SerbannerCons {
  height: 460px;
  width: 100%;
  display: block;
  background-color: antiquewhite;
}
.ServiceMarketDe .SerimgScroll > i {
  width: 35px;
  height: 65px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.2s linear;
  z-index: 1;
}
.ServiceMarketDe .SerimgScroll > i > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.ServiceMarketDe .SerimgScroll > i:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.ServiceMarketDe .SerimgScroll > .Serarrow-left {
  left: 0;
}
.ServiceMarketDe .SerimgScroll > .Serarrow-right {
  right: 0;
}
.ServiceMarketDe .markConfig {
  margin: 92px auto 0px;
  width: 1200px;
  position: relative;
}
.ServiceMarketDe .markConfig h1 {
  font-size: 30px;
  color: #333333;
  display: block;
  text-align: center;
}
.ServiceMarketDe .markConfig .marktitb {
  width: 46px;
  height: 3px;
  margin: 10px auto 0px;
  background-color: #5774b8;
}
.ServiceMarketDe .markimgList {
  width: 1200px;
  margin: 55px auto 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ServiceMarketDe .markimgList .markimg {
  margin: 0 auto;
}
.ServiceMarketDe .markimgList .markimg .markImgSin {
  float: left;
  height: 300px;
  width: 300px;
  background-color: aquamarine;
  position: relative;
}
.ServiceMarketDe .markimgList .markimg .markImgSin .markImgCase {
  width: 100%;
  height: 100%;
  background-color: rgba(87, 116, 184, 0.9);
  padding: 47px 22px 0;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  display: none;
}
.ServiceMarketDe .markimgList .markimg .markImgSin .markImgCase p {
  text-align: center;
  color: #ffffff;
}
.ServiceMarketDe .markimgList .markimg .markImgSin .markImgCase p:nth-child(1) {
  line-height: 24px;
  font-size: 24px;
  font-weight: 600;
}
.ServiceMarketDe .markimgList .markimg .markImgSin .markImgCase p:nth-child(2) {
  overflow: hidden;
  height: 100px;
  margin: 20px 0 25px;
  font-size: 16px;
}
.ServiceMarketDe .markimgList .markimg .markImgSin .markImgCase .moreBtn {
  display: block;
  width: 148px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 4px;
  border: solid 1px #ffffff;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.ServiceMarketDe .markimgList .markimg .markImgSin:hover .markImgCase {
  display: block;
}
.ServiceMarketDe .markbothors {
  width: 100%;
  margin-top: 80px;
  background-size: cover !important;
  display: block;
}
.ServiceMarketDe .marklastb {
  width: 1200px;
  margin: 80px auto;
  display: block;
}
.ServiceMarketDe .botBox {
  width: 100%;
  height: 160px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/maskBot.png') 50% 50% / cover no-repeat;
}
.ServiceMarketDe .botBox .bot {
  width: 740px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 64px 0 50px;
}
.ServiceMarketDe .botBox .bot h2 {
  float: left;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.ServiceMarketDe .botBox .bot a {
  float: right;
  width: 160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  border: solid 1px #ffffff;
}

.miniScreen {
  display: none;
}
.Newbottom-common {
  position: relative;
  padding: 50px 177px 60px 177px;
  background: #25282e;
  min-width: 1340px;
}
.Newbottom-common .newBottomBox:after {
  display: block;
  content: '';
  clear: both;
}
.Newbottom-common .newBottomBox .newBotLeft {
  float: left;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns {
  width: 880px;
  margin: 0 0 35px 0;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-nav-container {
  border-bottom: 1px solid #5c5c5c;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-nav .ant-tabs-tab {
  padding: 0 0 15px 0;
  margin: 0 77px 0 0;
  line-height: 1.1;
  color: #e3e3e3;
  font-size: 18px;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-ink-bar {
  height: 4px;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-bar {
  margin: 0 0 23px 0;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-tabpane ul {
  padding: 0 0 21px 0;
  border-bottom: 1px solid #5c5c5c;
  font-size: 0;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-tabpane ul li {
  margin: 0 60px 0 0;
  display: inline-block;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-tabpane ul li a {
  line-height: 1.1;
  color: #a8a8a8;
  font-size: 14px;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-tabpane ul li a:hover {
  color: #397ecd;
}
.Newbottom-common .newBottomBox .newBotLeft .tabBtns .ant-tabs-tabpane ul li:last-child {
  margin: 0;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav {
  font-size: 0;
  margin: 0 0 25px 0;
  width: 880px;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav li {
  margin: 0 40px 10px 0;
  font-size: 0;
  display: inline-block;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav li a {
  line-height: 1.1;
  font-size: 14px;
  color: #a8a8a8;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav li a:hover {
  color: #397ecd;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav li:last-child {
  margin-right: 0;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav2 {
  margin: 0 0 35px 0;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav2 li {
  display: inline-block;
  padding: 0 17px 0 17px;
  border-right: 1px solid #fff;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav2 li a {
  color: #fff;
  line-height: 1.1;
  font-size: 14px;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav2 li:first-child {
  padding-left: 0;
}
.Newbottom-common .newBottomBox .newBotLeft .bottomNav2 li:last-child {
  padding-right: 0;
  border-right: none;
}
.Newbottom-common .newBottomBox .newBotLeft .copyRight {
  color: #939292;
  font-size: 14px;
  margin: 0 0 15px 0;
  line-height: 1.1;
}
.Newbottom-common .newBottomBox .newBotLeft .police a:first-child {
  color: #939393;
  font-size: 14px;
  line-height: 1.1;
  margin: 0 34px 0 0;
  vertical-align: middle;
  transition: all 0.3s linear;
}
.Newbottom-common .newBottomBox .newBotLeft .police a:first-child:hover {
  color: #397ecd;
}
.Newbottom-common .newBottomBox .newBotLeft .police img {
  display: inline-block;
  vertical-align: middle;
}
.Newbottom-common .newBottomBox .newBotRight {
  float: right;
}
.Newbottom-common .newBottomBox .newBotRight .attention {
  font-size: 18px;
  color: #fff;
  padding: 0 51px 0 0;
  line-height: 1.1;
  margin: 0 0 23px 0;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode li {
  margin: 0 0 12px 0;
  height: 16px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode li p {
  font-size: 14px;
  color: #939292;
  line-height: 1.1;
  cursor: default;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode li p i {
  margin: 0 0 0 6px;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode li img {
  width: 124px;
  height: 124px;
  margin: 18px 0 0 0;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode .qrCodeAct {
  height: 170px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode .qrCodeAct p {
  color: #397ecd;
}
.Newbottom-common .newBottomBox .newBotRight .QrCode .qrCodeAct img {
  margin: 18px 0 8px 0;
}
@media screen and (min-width: 1850px) {
  .Newbottom-common {
    padding: 50px 277px 86px 277px;
  }
}
@media screen and (max-width: 996px) {
  .Newbottom-common {
    display: none;
  }
  .miniScreen {
    display: block;
    width: 100%;
    background: #2d354f;
    box-sizing: content-box;
  }
  .miniScreen .miniScreenTop {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    border-bottom: 1px #000000 solid;
  }
  .miniScreen .miniScreenTop .miniScreenTopUl {
    margin-right: 0.13rem;
    margin-left: 0.13rem;
    margin-bottom: 0.3rem;
  }
  .miniScreen .miniScreenTop .miniScreenTopUl li {
    font-size: 0.12rem;
    font-family: PingFang-SC;
    display: inline-block;
    height: 0.13rem;
    width: 0.87rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.13rem;
    border-right: 1px #ffffff solid;
  }
  .miniScreen .miniScreenTop .miniScreenTopUl li:last-child {
    border: none;
  }
  .miniScreen .miniScreenTop .customerPhone {
    margin: auto;
    width: 2.3rem;
    height: 0.3rem;
    text-align: center;
    line-height: 0.27rem;
    border: 1px #e3e3e3 solid;
    margin-bottom: 0.25rem;
  }
  .miniScreen .miniScreenTop .customerPhone img {
    height: 0.13rem;
    width: 0.13rem;
    margin-right: 0.06rem;
    vertical-align: middle;
  }
  .miniScreen .miniScreenTop .customerPhone span {
    color: #ffffff;
    font-size: 0.11rem;
  }
  .miniScreen .miniScreenTop .Platform::after {
    content: ".";
    clear: both;
  }
  .miniScreen .miniScreenTop .Platform {
    width: 1.98rem;
    margin: auto;
  }
  .miniScreen .miniScreenTop .Platform div span {
    font-size: 0.1rem;
    color: #ffffff;
    font-family: PingFang-SC;
  }
  .miniScreen .miniScreenTop .Platform .platformMiro {
    float: left;
  }
  .miniScreen .miniScreenTop .Platform .platformMiro img {
    width: 0.13rem;
    height: 0.1rem;
  }
  .miniScreen .miniScreenTop .Platform .platformWechat {
    float: right;
  }
  .miniScreen .miniScreenTop .Platform .platformWechat img {
    width: 0.125rem;
    height: 0.1rem;
  }
  .miniScreen .miniScreenBot {
    clear: both;
    padding-top: 0.2rem;
    text-align: center;
    font-size: 0.11rem;
    color: #999999;
    padding-bottom: 0.2rem;
  }
}

.scienceOut .sciecneStudy {
  width: 1200px;
  background-color: #ffffff;
  margin: 45px auto 0px;
  padding: 40px 40px 75px 30px;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.scienceOut .sciecneStudy .scienceLeft {
  display: inline-block;
  vertical-align: top;
  margin-right: 28px;
}
.scienceOut .sciecneStudy .scienceLeft .scienceOut {
  width: 520px;
  height: 320px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: space-between;
  margin-top: 30px;
}
.scienceOut .sciecneStudy .scienceLeft .scienceOut .scienceSingle {
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: cover;
  height: 150px;
  width: 255px;
}
.scienceOut .sciecneStudy .scienceLeft .scienceOut .scienceSingle .scienceSingleIn {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.scienceOut .sciecneStudy .scienceLeft .scienceOut .scienceSingle .scienceSingleIn .scienceSingleInFont {
  color: #ffffff;
  font-size: 11px;
}
.scienceOut .sciecneStudy .scienceLeft .scienceOut .scienceSingle .scienceSingleIn .scienceObject {
  height: 2px;
  width: 35px;
  background-color: #eb0e0e;
  margin-top: 12px;
}
.scienceOut .sciecneStudy .scienceRight {
  display: inline-block;
  vertical-align: top;
}
.scienceOut .sciecneStudy .scienceRight .scienceAchive {
  width: 520px;
  height: 320px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: space-between;
  margin-top: 30px;
}
.scienceOut .sciecneStudy .scienceRight .scienceAchive .scienceAchiveSin {
  height: 150px;
  width: 255px;
  padding: 10px 15px 0px 15px;
  background-color: #f3f9fe;
}
.scienceOut .sciecneStudy .scienceRight .scienceAchive .scienceAchiveSin .scienceAchiTilt {
  font-weight: 600;
  font-size: 16px;
  color: #666666;
}
.scienceOut .sciecneStudy .scienceRight .scienceAchive .scienceAchiveSin .scienceAchiCon {
  margin-top: 13px;
  font-size: 12px;
  color: #666666;
  text-align: justify;
}
.scienceOut .recruitObtain {
  width: 1200px;
  background-color: #ffffff;
  margin: 45px auto 0px;
  padding: 25px 40px 40px 30px;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.scienceOut .recruitObtain .recruitLeft {
  display: inline-block;
  vertical-align: top;
  margin-right: 28px;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft {
  width: 520px;
  height: 360px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-top: 30px;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft > div {
  height: 175px;
  width: 255px;
  padding: 12px 0px 0px 18px;
  background-color: #f3f9fe;
  border-top: 1px solid #dbe3ea;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitSinTit {
  font-size: 16px;
  color: #333333;
  font-weight: 550;
  line-height: 16px;
  margin-bottom: 15px;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitInLeftOne span {
  width: 110px;
  height: 18px;
  font-size: 14px;
  color: #b5b8bb;
  display: inline-block;
  vertical-align: top;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitInLeftTwo .recruitInLTwoSin::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitInLeftTwo .recruitInLTwoSin h3 {
  font-size: 14px;
  color: #666666;
  line-height: 14px;
  margin-bottom: 5px;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitInLeftTwo .recruitInLTwoSin li {
  min-width: 90px;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  color: #b5b8bb;
  display: block;
  float: left;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitInLeftThree span {
  width: 110px;
  height: 18px;
  font-size: 14px;
  color: #b5b8bb;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
.scienceOut .recruitObtain .recruitLeft .recruitInLeft .recruitInLeftFour span {
  min-width: 90px;
  font-size: 14px;
  color: #b5b8bb;
  display: inline-block;
  vertical-align: top;
}
.scienceOut .recruitObtain .recruitRight {
  display: inline-block;
  vertical-align: top;
}
.scienceOut .qinghuaBanner {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/qinghua/botbanner.jpg');
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: cover;
  height: 160px;
  width: 1200px;
  margin: 45px auto 0px;
}
.scienceOut .educations {
  width: 1200px;
  background-color: #ffffff;
  margin: 45px auto 0px;
  padding: 25px 30px 25px 25px;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.scienceOut .educations .educationLeft {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
.scienceOut .educations .educationLeft .educationIn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 520px;
}
.scienceOut .educations .educationLeft .educationIn .educationSin {
  width: 200px;
  height: 35px;
  border-radius: 5px;
  background: #f3f3f3;
  color: #585858;
  text-align: center;
  line-height: 35px;
  margin-top: 20px;
  border: 1px solid #e3e3e3;
}
.scienceOut .educations .educationRight {
  display: inline-block;
  vertical-align: top;
}
.scienceOut .educations .educationRight .teacherStrnger {
  margin-top: 20px;
  height: 255px;
  width: 560px;
  background-color: #f3f9fe;
  padding: 15px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.scienceOut .educations .educationRight .teacherStrnger .person {
  display: inline-block;
  height: 225px;
  width: 230px;
  margin-right: 20px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/qinghua/liu.jpg') 50% 50% / cover no-repeat;
}
.scienceOut .educations .educationRight .teacherStrnger .introduce {
  width: 300px;
}
.scienceOut .educations .educationRight .teacherStrnger .introduce h3 {
  font-size: 16px;
  font-weight: 600;
  color: #666666;
  margin-bottom: 8px;
}
.scienceOut .educations .educationRight .teacherStrnger .introduce span {
  display: block;
  font-size: 12px;
  height: 20px;
  color: #666666;
  line-height: 18px;
}
.scienceOut .educations .educationRight .teacherStrnger .introduce span:nth-child(4) {
  margin-bottom: 25px;
}
.scienceOut .resultCase {
  margin: 60px auto 0px;
  text-align: center;
  width: 1200px;
}
.scienceOut .resultCase h2 {
  font-size: 30px;
  color: #666666;
}
.scienceOut .resultCase .caseImg {
  margin-top: 60px;
  width: 1200px;
  height: 600px;
  /* display: flex;
            flex-direction: row;
            flex-wrap: wrap; */
}
.scienceOut .resultCase .caseImg img {
  float: left;
  height: 300px;
  width: 300px;
}
.scienceOut .fontRigth {
  margin: 140px auto 10px;
  text-align: right;
  width: 1200px;
  font-size: 16px;
  color: #666666;
}
.scienceOut .botBox {
  width: 100%;
  height: 160px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/maskBot.png') 50% 50% / cover no-repeat;
}
.scienceOut .botBox .bot {
  width: 740px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 64px 0 50px;
}
.scienceOut .botBox .bot h2 {
  float: left;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.scienceOut .botBox .bot a {
  float: right;
  width: 160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 23px;
  border: solid 1px #ffffff;
}
.ScienceAcross {
  width: 550px;
}
.ScienceAcross .ScienceVercital {
  height: 24px;
  width: 3px;
  background-color: #5b2f7d;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.ScienceAcross .ScienceTitle {
  font-size: 24px;
  color: #666666;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
}
.ScienceAcross .ScienceMore {
  margin-left: 35px;
  color: #ff0000;
}
.ScienceAcross .ScienceMoreRight {
  margin-left: 348px;
  color: #ff0000;
}

.slideOut {
  height: 100%;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
.slideOut .slideBot {
  background-color: rgba(0, 0, 0, 0.6);
  width: auto;
  height: 20%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 10px;
}
.slideOut .slideBot .slideBotLeft {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 30%;
  left: 10px;
  z-index: 100;
}
.slideOut .slideBot .slideBotRight {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 30%;
  right: 10px;
  z-index: 100;
}
.slideOut .slideBot .bgimg {
  height: 70%;
  width: 12%;
  display: inline-block;
  margin-right: 11px;
}
.slideOut .slideBot .bgimg .bgInDiv {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.slideOut .slideBot .bgimg .bgInDiv:hover {
  background-color: rgba(0, 0, 0, 0);
}
.slideOut .slideBot .bgimg .bgInDivBase {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.qinghuaBox {
  width: 100%;
  padding-top: 60px;
}
.qinghuaBox .topBox {
  width: 100%;
}
.qinghuaBox .topBox .bannerBox {
  position: relative;
  width: 100%;
  height: 580px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/qinghua/banner.png') 50% 50% / cover no-repeat;
}
.qinghuaBox .topBox .bannerBox .bannerBot {
  width: 100%;
  height: 90px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot {
  width: 1200px;
  margin: 0 auto;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box {
  float: left;
  width: 299px;
  height: 90px;
  border-right: 1px solid rgba(222, 222, 222, 0.5);
  box-sizing: border-box;
  padding: 18px 0 18px 72px;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .leftBox,
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .rightBox {
  float: left;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .leftBox {
  width: 60px;
  height: 60px;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .leftBox img {
  width: 100%;
  height: 100%;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .rightBox {
  margin-left: 20px;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .rightBox p {
  color: rgba(249, 249, 249, 0.5);
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .rightBox p:nth-child(1) {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box .rightBox p:nth-child(2) {
  font-size: 12px;
  line-height: 12px;
}
.qinghuaBox .topBox .bannerBox .bannerBot .bot .box:last-child {
  border: none;
}
.qinghuaBox .topBox .introduceBox {
  width: 100%;
  background: #fff;
}
.qinghuaBox .topBox .introduceBox .introduce {
  width: 1200px;
  height: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0;
}
.qinghuaBox .topBox .introduceBox .introduce .leftBox,
.qinghuaBox .topBox .introduceBox .introduce .rightBox {
  float: left;
}
.qinghuaBox .topBox .introduceBox .introduce .leftBox {
  width: 510px;
}
.qinghuaBox .topBox .introduceBox .introduce .leftBox p:nth-child(1) {
  color: #666666;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 50px;
}
.qinghuaBox .topBox .introduceBox .introduce .leftBox p:nth-child(2),
.qinghuaBox .topBox .introduceBox .introduce .leftBox p:nth-child(3) {
  font-size: 16px;
  color: #333333;
  text-align: justify;
}
.qinghuaBox .topBox .introduceBox .introduce .leftBox p:nth-child(2) {
  margin-bottom: 40px;
}
.qinghuaBox .topBox .introduceBox .introduce .rightBox {
  width: 638px;
  height: 480px;
  margin-left: 50px;
}
.qinghuaBox .topBox .introduceBox .introduce .rightBox img {
  width: 100%;
  height: 100%;
}
.qinghuaBox .topBox .dataBox {
  width: 100%;
  background: #fafafa;
  box-sizing: border-box;
  padding-top: 45px;
}
.qinghuaBox .topBox .dataBox .data {
  width: 1200px;
  height: 300px;
  margin: 0 auto;
  background: #e7eaea;
}
.qinghuaBox .topBox .dataBox .data .datas {
  width: 1200px;
  height: 300px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/brandZone/qinghua/carbac%20%281%29.png') 50% 50% / cover no-repeat;
  box-sizing: border-box;
  padding: 37px 30px 0 80px;
}
.qinghuaBox .topBox .dataBox .data .datas .title {
  position: relative;
  width: 280px;
  margin: 0 auto;
}
.qinghuaBox .topBox .dataBox .data .datas .title .line {
  position: absolute;
  top: 23px;
  width: 50px;
  height: 3px;
  background: #5b2f7d;
}
.qinghuaBox .topBox .dataBox .data .datas .title .line:nth-child(1) {
  left: 0;
}
.qinghuaBox .topBox .dataBox .data .datas .title .line:nth-child(3) {
  right: 0;
}
.qinghuaBox .topBox .dataBox .data .datas .title h2 {
  color: #5b2f7d;
  font-size: 30px;
  margin: 0 78px;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox {
  box-sizing: border-box;
  padding-top: 20px;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box {
  overflow: hidden;
  float: left;
  width: 270px;
  height: 70px;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .leftBox,
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .rightBox {
  float: left;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .leftBox {
  width: 60px;
  height: 60px;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .leftBox img {
  width: 100%;
  height: 100%;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .rightBox {
  margin-left: 10px;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .rightBox span {
  font-size: 18px;
  color: #5b2f7d;
  border-bottom: 2px solid #5b2f7d;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box .rightBox p {
  width: 190px;
  margin-top: 7px;
  font-size: 12px;
  color: #a6a8a8;
  text-align: justify;
}
.qinghuaBox .topBox .dataBox .data .datas .carouselBox .box:nth-child(-n+4) {
  margin-bottom: 40px;
}
.qinghuaBox .topBox .dataBox .education {
  width: 1200px;
  height: 350px;
  margin: 40px auto 0;
  background: #fff;
  box-sizing: border-box;
  padding: 24px 50px 26px 36px;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.qinghuaBox .topBox .dataBox .education .educBox {
  float: left;
  width: 480px;
}
.qinghuaBox .topBox .dataBox .education .educBox .title {
  position: relative;
}
.qinghuaBox .topBox .dataBox .education .educBox .title .line {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 22px;
  background: #5b2f7d;
}
.qinghuaBox .topBox .dataBox .education .educBox .title span:nth-child(2) {
  font-size: 22px;
  font-weight: 600;
  color: #666666;
  margin: 0 39px 0 10px;
}
.qinghuaBox .topBox .dataBox .education .educBox .title span:nth-child(3) {
  font-size: 14px;
  color: #ff3b3b;
  cursor: pointer;
}
.qinghuaBox .topBox .dataBox .education .educBox .content {
  margin-top: 20px;
}
.qinghuaBox .topBox .dataBox .education .educBox .content .box {
  float: left;
  width: 200px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #e3e3e3;
  background: #f3f3f3;
  color: #585858;
  border-radius: 5px;
  margin-bottom: 34px;
}
.qinghuaBox .topBox .dataBox .education .educBox .content .box:nth-child(2n-1) {
  margin-right: 60px;
  margin-left: 11px;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) {
  float: right;
  width: 540px;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent {
  margin-top: 18px;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent .box {
  float: left;
  width: 260px;
  height: 120px;
  box-sizing: border-box;
  padding: 12px 10px 5px 14px;
  background: #f3f9fe;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent .box p:nth-child(1) {
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #666666;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent .box p:nth-child(1):hover {
  color: #fc6466;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent .box p:nth-child(2) {
  margin-top: 10px;
  font-size: 12px;
  color: #7d7e7f;
  text-align: justify;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent .box:nth-child(2n-1) {
  margin-right: 10px;
}
.qinghuaBox .topBox .dataBox .education .educBox:nth-child(2) .teaContent .box:nth-child(-n+2) {
  margin-bottom: 12px;
}
.qinghuaBox .topBox .dataBox .teach {
  width: 1200px;
  height: 485px;
  margin: 40px auto 0;
  background: #fff;
  box-sizing: border-box;
  padding: 24px 50px 26px 36px;
  box-shadow: 0px 4px 16px 0 rgba(181, 181, 181, 0.2);
}
.qinghuaBox .topBox .dataBox .teach .title {
  position: relative;
}
.qinghuaBox .topBox .dataBox .teach .title .line {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 22px;
  background: #5b2f7d;
}
.qinghuaBox .topBox .dataBox .teach .title span:nth-child(2) {
  font-size: 22px;
  font-weight: 600;
  color: #666666;
  margin: 0 39px 0 10px;
}
.qinghuaBox .topBox .dataBox .teach .teaContent {
  margin-top: 27px;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box {
  float: left;
  width: 530px;
  height: 180px;
  box-sizing: border-box;
  padding: 18px 16px 12px 14px;
  background: #f3f9fe;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box .leftBox,
.qinghuaBox .topBox .dataBox .teach .teaContent .box .rightBox {
  float: left;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box .leftBox {
  width: 180px;
  height: 148px;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box .leftBox img {
  width: 100%;
  height: 100%;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box .rightBox {
  width: 280px;
  margin-left: 36px;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box .rightBox p:nth-child(1) {
  line-height: 15px;
  font-size: 15px;
  color: #666;
  font-weight: 600;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box .rightBox p:nth-child(2) {
  margin-top: 15px;
  font-size: 14px;
  text-align: justify;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box:nth-child(2n-1) {
  margin-right: 40px;
}
.qinghuaBox .topBox .dataBox .teach .teaContent .box:nth-child(-n+2) {
  margin-bottom: 18px;
}

#humi-business-services {
  padding-top: 60px;
  background-color: #f8fafe;
  line-height: 1;
}
#humi-business-services > .banner {
  height: 260px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiBusinessServices/banner.jpg') no-repeat 50% 50% / cover;
  position: relative;
}
#humi-business-services > .banner .name-verification {
  width: 1200px;
  height: 146px;
  background-color: #fff;
  position: absolute;
  top: 232px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 2px 4px 0 #f2f2f2;
}
#humi-business-services > .banner .name-verification > div:first-child {
  width: 967px;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
}
#humi-business-services > .banner .name-verification > div:first-child > input {
  width: 752px;
  height: 58px;
  padding: 21px 17px;
  font-size: 14px;
}
#humi-business-services > .banner .name-verification > div:first-child > button {
  width: 215px;
  height: 58px;
  position: relative;
  left: -5px;
}
#humi-business-services > .banner .name-verification > div:nth-child(2) {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  color: #adadad;
}
#humi-business-services > .banner .name-verification > div:nth-child(2) > div {
  display: inline-block;
  vertical-align: middle;
}
#humi-business-services > .banner .name-verification > div:nth-child(2) > i {
  width: 1px;
  height: 12px;
  background-color: #adadad;
  margin: 0 9px;
  display: inline-block;
  vertical-align: middle;
}
#humi-business-services > .banner .name-verification > div:nth-child(2) > div:nth-child(3) {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humi-business-services > .banner .name-verification .carousel-item > span {
  line-height: 16px;
  color: #adadad;
}
#humi-business-services > .hot-recommend {
  margin: 193px auto 90px;
  width: 1200px;
}
#humi-business-services > .hot-recommend > h2 {
  font-size: 30px;
  color: #333;
  text-align: center;
  margin-bottom: 48px;
}
#humi-business-services > .hot-recommend > div:after {
  display: block;
  content: '';
  clear: both;
}
#humi-business-services > .hot-recommend > div > div {
  float: left;
}
#humi-business-services > .hot-recommend > div > div:first-child {
  width: 292px;
  height: 292px;
  margin-right: 12px;
  background-color: #fff;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiBusinessServices/icon-1.jpg') no-repeat center / 100% 100%;
  position: relative;
  transition: all 0.2s linear;
  cursor: pointer;
  box-shadow: 0px 2px 4px 0 #f2f2f2;
}
#humi-business-services > .hot-recommend > div > div:first-child > h5 {
  font-size: 18px;
  color: #333;
  position: absolute;
  top: 59px;
  left: 49px;
}
#humi-business-services > .hot-recommend > div > div:first-child > p {
  color: #666;
  position: absolute;
  top: 88px;
  left: 49px;
}
#humi-business-services > .hot-recommend > div > div:first-child:hover {
  transform: translateY(-5px);
}
#humi-business-services > .hot-recommend > div > div:nth-child(2) {
  width: 896px;
}
#humi-business-services > .hot-recommend > div > div:nth-child(2):after {
  display: block;
  content: '';
  clear: both;
}
#humi-business-services > .hot-recommend > div > div:nth-child(2) > div {
  width: 442px;
  height: 140px;
  float: left;
  margin: 0 12px 12px 0;
  background-color: #fff;
  position: relative;
  transition: all 0.2s linear;
  cursor: pointer;
  box-shadow: 0px 2px 4px 0 #f2f2f2;
}
#humi-business-services > .hot-recommend > div > div:nth-child(2) > div > h5 {
  font-size: 18px;
  color: #333;
  position: absolute;
  top: 51px;
  left: 49px;
}
#humi-business-services > .hot-recommend > div > div:nth-child(2) > div > p {
  color: #666;
  position: absolute;
  top: 80px;
  left: 49px;
}
#humi-business-services > .hot-recommend > div > div:nth-child(2) > div:hover {
  transform: translateY(-5px);
}
#humi-business-services > .hot-recommend > div > div:nth-child(2) > div:nth-child(2n) {
  margin-right: 0;
}
#humi-business-services > .register-service {
  width: 1200px;
  margin: auto;
}
#humi-business-services > .register-service > h2 {
  font-size: 30px;
  color: #333;
  text-align: center;
  margin-bottom: 82px;
}
#humi-business-services > .register-service .ant-row > div {
  text-align: center;
  position: relative;
}
#humi-business-services > .register-service .register-item {
  height: 212px;
  background-color: #fff;
  position: relative;
  padding-top: 56px;
}
#humi-business-services > .register-service .register-item > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -32px;
}
#humi-business-services > .register-service .register-item > p {
  font-size: 18px;
  color: #333;
  margin-bottom: 34px;
}
#humi-business-services > .register-service .register-item .center {
  width: 232px;
}
#humi-business-services > .register-service .register-item .center > a:nth-child(2n) {
  margin-right: 30px;
}
#humi-business-services > .register-service .register-item .center > a:nth-child(3n) {
  margin-right: 0;
}
#humi-business-services > .register-service .register-item > div {
  margin: auto;
  text-align: left;
  width: 143px;
}
#humi-business-services > .register-service .register-item > div > a {
  color: #666;
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 30px;
}
#humi-business-services > .register-service .register-item > div > a:hover {
  color: #ff6d20;
}
#humi-business-services > .register-service .register-item > div > a:nth-child(2n) {
  margin-right: 0;
}
#humi-business-services > .change-service {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiBusinessServices/bg.jpg') no-repeat 50% 50% / cover;
  height: 579px;
  margin-top: 54px;
  padding-top: 73px;
}
#humi-business-services > .change-service > h2 {
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-bottom: 90px;
}
#humi-business-services > .change-service .change-item {
  height: 300px;
  padding-top: 89px;
  border-radius: 6px;
  transition: all 0.2s linear;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
#humi-business-services > .change-service .change-item:hover {
  transform: scale(1.18);
  z-index: 2;
}
#humi-business-services > .change-service .change-item:hover .back {
  opacity: 1;
}
#humi-business-services > .change-service .change-item:hover > p {
  display: none;
}
#humi-business-services > .change-service .change-item > p {
  margin-top: 29px;
  font-size: 18px;
  color: #fff;
}
#humi-business-services > .change-service .change-item .back {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(5, 185, 152, 0.6);
  padding-top: 89px;
  z-index: 1;
}
#humi-business-services > .change-service .change-item .back > p:nth-child(2) {
  margin: 29px 0 11px;
  font-size: 18px;
  color: #fff;
}
#humi-business-services > .change-service .change-item .back > p:last-child {
  color: #fff;
}
#humi-business-services > .change-service > div {
  width: 1200px;
  margin: auto;
  text-align: center;
}
#humi-business-services > .about-service {
  padding-top: 73px;
}
#humi-business-services > .about-service > h2 {
  font-size: 30px;
  color: #333;
  text-align: center;
}
#humi-business-services > .about-service > div {
  width: 1200px;
  margin: 0 auto;
  margin-top: 49px;
}
#humi-business-services > .about-service > p {
  height: 100px;
  width: 1200px;
  margin: 58px auto 79px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiBusinessServices/banner-2.jpg') no-repeat;
}
#humi-business-services > .about-service .about-item {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 5px 10px 0 #e3e3e3;
  padding-bottom: 20px;
  transition: all 0.2s linear;
  cursor: pointer;
}
#humi-business-services > .about-service .about-item:hover {
  transform: translateY(-5px);
}
#humi-business-services > .about-service .about-item > img {
  height: 168px;
}
#humi-business-services > .about-service .about-item > h4 {
  margin: 20px 0 12px 17px;
  color: #333;
  font-size: 16px;
}
#humi-business-services > .about-service .about-item > p {
  color: #666;
  margin-left: 17px;
}
#humi-business-services > .consult {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
}
#humi-business-services > .consult > h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin-bottom: 50px;
}
#humi-business-services > .consult > div {
  height: 405px;
  background-color: #fff;
  padding: 21px;
}
#humi-business-services > .consult > div > div:first-child {
  width: 498px;
  background-color: #f8f8f8;
  padding: 267px 34px 26px 25px;
  position: relative;
  display: inline-block;
}
#humi-business-services > .consult > div > div:first-child a {
  color: #5774b8;
}
#humi-business-services > .consult > div > div:first-child > img {
  position: absolute;
  top: 0;
  left: 0;
}
#humi-business-services > .consult > div > div:first-child > h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 16px;
}
#humi-business-services > .consult > div > div:first-child > p {
  font-size: 12px;
  color: #666;
  line-height: 20px;
}
#humi-business-services > .consult > div > ul {
  width: 640px;
  float: right;
}
#humi-business-services > .consult > div > ul > li {
  height: 82px;
  transition: all 0.2s linear;
  padding: 20px 18px;
  cursor: pointer;
  margin-bottom: 12px;
}
#humi-business-services > .consult > div > ul > li:after {
  display: block;
  content: '';
  clear: both;
}
#humi-business-services > .consult > div > ul > li:hover {
  background-color: #fff6f1;
}
#humi-business-services > .consult > div > ul > li > div {
  float: left;
}
#humi-business-services > .consult > div > ul > li > div:first-child {
  border-right: 1px solid #e3e3e3;
  padding-right: 16px;
  margin-right: 16px;
}
#humi-business-services > .consult > div > ul > li > div:first-child > h4 {
  font-size: 18px;
  color: #666;
  text-align: right;
  margin-bottom: 9px;
}
#humi-business-services > .consult > div > ul > li > div:first-child > p {
  font-size: 12px;
  color: #999;
}
#humi-business-services > .consult > div > ul > li > div:last-child {
  width: 506px;
  color: #333;
}
#humi-business-services > .consult > div > ul > li > div:last-child > h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
#humi-business-services > .consult > div > ul > li > div:last-child > p {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humi-business-services-modal .ant-modal-header {
  padding: 22px 24px;
}
.humi-business-services-modal .ant-modal-header div {
  font-size: 18px;
  color: #333;
}
.humi-business-services-modal .ant-modal-footer > button:first-child {
  display: none;
}
.humi-business-services-modal .ant-modal-body > p {
  margin-bottom: 20px;
}
.humi-business-services-modal .ant-modal-body > p > label {
  padding-left: 8px;
  text-align: right;
  width: 80px;
  display: inline-block;
  position: relative;
}
.humi-business-services-modal .ant-modal-body > p > label > i {
  color: #ff112d;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.humi-business-services-modal .ant-modal-body > p > input {
  width: 349px;
  height: 32px;
}
.humi-business-services-modal .ant-modal-body > p:last-child {
  margin-bottom: 0;
}

.caishui {
  padding-top: 60px;
}
.caishui .floatImg img {
  width: 100%;
}
.caishui .mbd {
  margin-bottom: 10px;
}
.caishui .emb {
  margin-bottom: 23px;
}
.caishui .erji-mb {
  border-bottom: 1px dashed #43c88f;
  padding: 50px 0;
}
.caishui .erji-m {
  padding-top: 50px;
}
.caishui .youshi {
  width: 1160px;
  margin: 0 auto;
  padding-top: 45px;
}
.caishui .youshi .in {
  width: 290px;
  min-height: 40px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/cai/shu.png") right 0 no-repeat;
}
.caishui .youshi .in .h-left {
  width: 45%;
  text-align: center;
}
.caishui .youshi .in .h-right {
  width: 55%;
}
.caishui .youshi .in h6 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
  line-height: 1;
}
.caishui .youshi .in span {
  color: #999;
}
.caishui .youshi .in.last {
  background: none;
}
.caishui .ant-carousel .slick-dots {
  bottom: -20px;
  height: 10px;
}
.caishui .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
  background: #ebf2fa;
  border-radius: 50%;
  margin: 0 5px;
}
.caishui .ant-carousel .slick-dots li.slick-active {
  background: #397ecd;
}
.caishui .ant-carousel .slick-dots li.slick-active button {
  background: none;
}
.caishui .bannerBox {
  background-size: cover !important;
  height: 580px;
  position: relative;
  margin-bottom: 75px;
}
.caishui .bannerBox .bannerContentBox {
  width: 1200px;
  position: absolute;
  bottom: -41px;
}
.caishui .bannerBox .bannerContentBox .ant-col-8 {
  height: 435px;
  font-size: 0;
  text-align: center;
}
.caishui .bannerBox .bannerContentBox .ant-col-8 img {
  width: 214px;
  height: 217px;
  display: inline-block;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap {
  height: 435px;
  padding: 37px 0 27px 37px;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  background-color: #ffffff;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTitle {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTitle small {
  color: #999;
  font-size: 12px;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTitle small i {
  font-style: normal;
  color: #397ecd;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainContent {
  color: #666;
  font-size: 14px;
  padding: 0 0 20px 0;
  line-height: 1.1;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 1.1;
  padding: 22px 0;
  border-top: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.1;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:first-child {
  font-size: 14px;
  color: #999;
  text-align: right;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .nowPrice {
  font-size: 20px;
  font-style: normal;
  color: #ff6900;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .OldPrice {
  margin-left: 7px;
  color: #666666;
  font-size: 14px;
  text-decoration-line: line-through;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:last-child {
  padding: 4px 10px;
  background: #edf5ff;
  border: 1px solid #83bdff;
  color: #3689e7;
  position: relative;
  font-size: 12px;
  margin: 0 0 0 17px;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:last-child img {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -3px;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal {
  margin-top: 9px;
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: flex-start;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal span {
  flex: 0 0 auto;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  margin: 11px 10px 0 0;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li {
  display: inline-block;
  cursor: pointer;
  padding: 5px 18px;
  max-width: 160px;
  border: 1px solid #d8d8d8;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  margin: 11px 16px 0 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li .setMealActImg {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: none;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover .setMealActImg {
  display: block;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct .setMealActImg {
  display: block;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone span {
  color: #999;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone input {
  width: 200px;
  height: 36px;
  padding: 0 0 0 8px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  vertical-align: middle;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan {
  width: 182px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .b {
  width: 92px;
  float: left;
  font-weight: normal;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .f {
  width: 90px;
  height: 36px;
  float: right;
  line-height: 36px;
  display: block;
  text-align: center;
  color: #fff;
  background: #397ecd;
  outline: none;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn {
  padding: 13px 0;
  width: 260px;
  background: #397ecd;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  margin: 17px 0 17px 80px;
  border-radius: 0;
  outline: none;
  border: none;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn:hover {
  background: #2365aa;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip {
  color: #999;
  font-size: 12px;
  line-height: 1.1;
  padding: 0 0 0 80px;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small {
  color: #999;
  font-size: 12px;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small i {
  font-style: normal;
  color: #397ecd;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i {
  font-style: normal;
  color: #397ecd;
}
.caishui .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i:first-child {
  margin: 0 5px 0 0;
}
.caishui .commonMain {
  background: #fff;
  padding: 60px 0 60px;
}
.caishui .commonMain.bg {
  background: #f8f8f8;
}
.caishui .commonMain.zixunMan {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/cai/bgs.png") center center no-repeat;
  background-size: cover;
}
.caishui .commonMain .zi dt {
  padding: 5px 15px;
  color: #fff;
  background: #43c88f;
}
.caishui .commonMain .zi dd {
  padding: 15px 15px 0;
  color: #333;
  line-height: 24px;
}
.caishui .commonMain .zi dd .na {
  color: #43c88f;
}
.caishui .commonMain .ping h4 {
  font-size: 14px;
  color: #333;
  line-height: 1;
  margin-bottom: 12px;
}
.caishui .commonMain .ping p {
  color: #666;
  width: 185px;
  margin: 0 auto;
  line-height: 24px;
}
.caishui .commonMain .ping p.mx {
  width: 95%;
}
.caishui .commonMain .ping .xu {
  margin-bottom: 20px;
}
.caishui .commonMain .ping .xu span {
  display: inline-block;
  height: 44px;
  width: 44px;
  background: #43c88f;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
}
.caishui .commonMain h4 {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
}
.caishui .commonMain .an {
  color: #397ecd;
  font-size: 24px;
  font-weight: normal;
}
.caishui .commonMain .he {
  text-align: center;
  height: 3px;
  margin-bottom: 15px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center 0 no-repeat;
}
.caishui .commonMain .navm {
  text-align: center;
  color: #666;
  margin-bottom: 35px;
  font-size: 18px;
}
.caishui .commonMain .serveMing {
  padding: 20px;
  border: 1px solid #bfbfbf;
  position: relative;
  height: 100px;
}
.caishui .commonMain .serveMing span {
  width: 50px;
  position: absolute;
  height: 50px;
  color: #fff;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1;
  top: 0;
  right: 0;
  padding-top: 5px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/cai/san.png") no-repeat;
}
.caishui .commonMain .serveMing h6 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
}
.caishui .commonMain .serveMing h6.one {
  padding-top: 20px;
}
.caishui .commonMain .serveMing p {
  padding-top: 8px;
  color: #666;
}
.caishui .zixun .mv dl {
  background: #fff;
}
.caishui .zixun .pDiv {
  padding: 0 3px;
  width: 20%;
  height: 280px;
  position: relative;
}
.caishui .zixun .pDiv.last {
  padding: 0;
}
.caishui .zixun .pDiv .grayDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.6);
}
.caishui .zixun dl {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 35px;
  color: #666;
  transition: all 0.5s;
  position: absolute;
}
.caishui .zixun dl:hover {
  box-shadow: 0 0 25px #c4e1ff;
  z-index: 9;
}
.caishui .zixun dl p {
  margin-bottom: 10px;
}
.caishui .zixun dl .online {
  padding-top: 10px;
}
.caishui .zixun dl .online a {
  width: 120px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.caishui .zixun dl .online a.online-status {
  border-color: #e3e3e3;
  color: #666;
  background: #e3e3e3;
}
.caishui .zixun dl .online a.online-status:hover {
  border-color: #333;
  color: #fff;
  background: #333;
}
.caishui .zixun dl .online a:hover {
  background: #397ecd;
  color: #fff;
}
.caishui .zixun dl .br {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.caishui .zixun dl .br .grayDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  background: rgba(250, 250, 250, 0.6);
}
.caishui .zixun dl .br .grayDiv.showDiv {
  display: block;
}
.caishui .zixun dl .br img {
  width: 120px;
  height: 120px;
  display: block;
  border-radius: 50%;
}
.caishui .zhiBot {
  padding: 70px 0 ;
  background-color: #f8f8f8;
}
.caishui .zhiBot h4 {
  text-align: center;
  color: #333;
  font-size: 24px;
  margin-bottom: 20px;
}
.caishui .zhiBot .he {
  text-align: center;
  height: 3px;
  margin-bottom: 50px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center 0 no-repeat;
}
.caishui .zhiBot dl:hover {
  box-shadow: 0 0 10px #ddd;
}
.caishui .zhiBot dt img {
  display: block;
  height: 180px;
  width: 100%;
}
.caishui .zhiBot dd {
  background: #fff;
  padding-left: 20px;
  height: 70px;
  line-height: 70px;
}
.caishui .zhiBot dd h6 {
  font-size: 16px;
  color: #333;
}
.caishui .zhiBot dd div {
  color: #666;
}

.carListBox {
  padding-top: 60px;
}
.carListBox .car-banner {
  width: 100%;
  height: 380px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/banner-cardetail.jpg") no-repeat center;
  background-size: 100% 100%;
}
.carListBox .car-wrap {
  margin: 0 auto 50px;
  padding-top: 58px;
  overflow: hidden;
}
.carListBox .car-wrap .car-left {
  float: left;
  width: 840px;
}
.carListBox .car-wrap .car-left .leftBox {
  overflow: hidden;
}
.carListBox .car-wrap .car-left .itemBox {
  float: left;
  width: 50%;
  height: 325px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.carListBox .car-wrap .car-left .itemBox .newsImg {
  width: 400px;
  height: 230px;
}
.carListBox .car-wrap .car-left .itemBox .rowTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
  margin: 17px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.carListBox .car-wrap .car-left .itemBox .foot {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #707070;
}
.carListBox .car-wrap .car-left .itemBox .foot .time {
  float: left;
}
.carListBox .car-wrap .car-left .itemBox .foot .source {
  float: right;
}
.carListBox .car-wrap .car-left .pagesCon {
  text-align: center;
  margin: 30px 0;
}
.carListBox .car-wrap .car-right {
  float: right;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.carListBox .car-wrap .car-right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.carListBox .car-wrap .car-right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.carListBox .car-wrap .car-right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  cursor: pointer;
}
.carListBox .car-wrap .car-right .content .contentItem .newLeft {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.carListBox .car-wrap .car-right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.carListBox .car-wrap .car-right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.carListBox .car-wrap .car-right .content .active .middle,
.carListBox .car-wrap .car-right .content .active .newRight {
  color: #3366ff;
}
.carListBox .car-wrap .car-right .content .active .newLeft {
  background: #3366ff;
}

.carPart .clear {
  clear: both;
}
.carPart .carBanner {
  padding: 353px 0 0 361px;
  height: 520px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/carbanner.jpg") no-repeat center;
  background-size: 100% 100%;
}
.carPart .carBanner a {
  display: block;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #ffffff;
}
.carPart .carpainSpot {
  width: 100%;
  height: 1063px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.carPart .carpainSpot .car-painSpotInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px ;
  position: relative;
}
.carPart .carpainSpot .car-painSpotInner .price {
  position: absolute;
  top: 27px;
  right: 0;
  width: 259px;
  height: 163px;
  padding: 100px 0 0 161px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/price.png") no-repeat center;
}
.carPart .carpainSpot .car-painSpotInner .price .register {
  display: block;
  width: 72px;
  height: 34px;
  border: 1px solid #3366ff;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 12px;
}
.carPart .carpainSpot .car-painSpotInner .title2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  margin-bottom: 41px;
}
.carPart .carpainSpot .car-painSpotInner .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 22px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama {
  position: relative;
  height: 566px;
  border: 1px solid #e5e5e5;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20796_wps%E5%9B%BE%E7%89%87.png') 229px 169px no-repeat;
  background-color: #ffffff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-public {
  font-size: 18px;
  font-weight: 800;
  line-height: 26px;
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-one {
  position: absolute;
  left: 504px;
  top: 133px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-two {
  position: absolute;
  width: 150px;
  right: 183px;
  top: 197px;
  text-align: center;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-three {
  position: absolute;
  left: 483px;
  bottom: 100.5px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-four {
  position: absolute;
  left: 31px;
  top: 111.5px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-five {
  position: absolute;
  width: 113px;
  height: 278px;
  line-height: 36px;
  left: 23px;
  top: 149.5px;
  border: 1px solid #e5e5e5;
  padding-top: 12px;
  padding-left: 14px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-five:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six {
  position: absolute;
  width: 112px;
  height: 155px;
  line-height: 32px;
  border: 1px solid #e5e5e5;
  top: 263.5px;
  right: 203px;
  padding-top: 12px;
  padding-left: 14px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six:hover .hid-three {
  display: block;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six .hid-three {
  display: none;
  position: absolute;
  top: 1px;
  left: -700px;
  width: 813px;
  height: 155px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  color: #666666;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six .hid-three .hid-tit {
  margin-top: 38px;
  margin-left: 14px;
  color: #3366FF;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six .hid-three .hid-txt {
  margin-left: 14px;
  letter-spacing: 0.5px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six .hid-three .hid-txt span {
  color: #3366FF;
  margin-right: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six .hid-three .hid-more {
  display: block;
  float: right;
  width: 94px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366ff;
  margin-top: 20px;
  margin-right: 23px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-six .cot:nth-child(4) {
  padding-left: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-seven {
  position: absolute;
  width: 81px;
  height: 122px;
  line-height: 26px;
  border: 1px solid #e5e5e5;
  top: 246.5px;
  right: 25px;
  padding-top: 12px;
  padding-left: 14px;
  color: #333333;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-seven:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-seven .cot:nth-child(2) {
  padding-left: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-seven .cot:nth-child(4) {
  padding-left: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-one {
  position: absolute;
  z-index: 10;
  width: 991px;
  height: 162px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #666666;
  display: none;
  left: -1px;
  top: -10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-one .hid-tit {
  font-size: 16px;
  font-weight: 800;
  line-height: 26px;
  color: #333333;
  padding-top: 19px;
  padding-left: 14px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-one .hid-more {
  display: block;
  float: right;
  width: 94px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366ff;
  margin-top: -25px;
  margin-right: 23px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-one .hid-txt {
  padding-left: 14px;
  letter-spacing: 1.5px;
  line-height: 26px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-one .hid-txt span {
  color: #3366FF;
  margin-right: 8px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight {
  position: absolute;
  display: block;
  width: 991px;
  height: 105px;
  border: 1px solid #e5e5e5;
  top: 18.5px;
  left: 184px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .tit {
  font-size: 16px;
  font-weight: 800;
  line-height: 26px;
  color: #333333;
  margin-bottom: 5px;
  padding-top: 19px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .cot {
  line-height: 24px;
  margin-right: 4px;
  color: #666;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .parts {
  width: 200px;
  margin-left: 14px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .parts:hover .hid-one {
  display: block;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .network {
  width: 241px;
  padding-left: 31px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .network:hover .tit {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .network:hover .cot {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .sensor {
  width: 197px;
  height: 105px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .sensor:hover .tit {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .sensor:hover .cot {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .energy {
  width: 191px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .energy:hover .tit {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .energy:hover .cot {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .chip {
  width: 124px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .chip:hover .tit {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eight .chip:hover .cot {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-two {
  position: absolute;
  z-index: 10;
  width: 900px;
  height: 110px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  display: none;
  left: -1px;
  top: -10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-two .hid-txt {
  margin-top: 12px;
  margin-left: 19px;
  color: #666;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-two .hid-txt span {
  color: #3366FF;
  margin-right: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .hid-two .hid-more {
  display: block;
  float: right;
  width: 94px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366ff;
  margin-top: -40px;
  margin-right: 23px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine {
  position: absolute;
  width: 900px;
  height: 72px;
  border: 1px solid #e5e5e5;
  left: 184px;
  bottom: 14.5px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .tit {
  font-size: 16px;
  font-weight: 800;
  line-height: 26px;
  color: #333333;
  margin-bottom: 5px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .cot {
  margin-right: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .carcot {
  width: 209px;
  margin-left: 19px;
  margin-right: 86px;
  padding-top: 12px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .carcot:hover .hid-two {
  display: block;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .carcot .cot {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #666666;
  margin-right: 10px;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .database {
  margin-right: 57px;
  padding-top: 12px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .database:hover .tit {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .database:hover .cot {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .later {
  padding-top: 12px;
  cursor: pointer;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .later:hover .tit {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-nine .later:hover .cot {
  color: #3366ff;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-ten {
  position: absolute;
  bottom: 50px;
  right: 66.5px;
  width: 49px;
  height: 147px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-eleven {
  position: absolute;
  top: 67px;
  left: 79.5px;
  width: 105px;
  height: 32px;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}
.carPart .carpainSpot .car-painSpotInner .car-panorama .pan-twelve {
  position: absolute;
  width: 566px;
  height: 236px;
  top: 188px;
  left: 229px;
}
.carPart .carpainSpot .car-painSpotInner .painSpotContent {
  height: 978px;
}
.carPart .carpainSpot .car-painSpotInner .painSpotContent .contentBottom {
  width: 1200px;
  height: 200px;
  line-height: 34px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 56px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%9B%BE.png') no-repeat center;
}
.carPart .carpainSpot .car-painSpotInner .painSpotContent .contentBottom .tiyan {
  cursor: pointer;
  width: 118px;
  height: 34px;
  background-color: #3366FF;
  color: #fff;
  margin-top: 140px;
  margin-left: 91px;
}
.carPart .carpainSpot .car-painSpotInner .painSpotContent .contentBottom .liji-search {
  cursor: pointer;
  width: 118px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
  margin-top: 140px;
  margin-left: 20px;
}
.carPart .carsolution {
  width: 100%;
  height: 832px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.carPart .carsolution .mt-solutionInner {
  width: 1200px;
  height: 100%;
  padding: 59px 0 0 0;
  margin: 0 auto;
}
.carPart .carsolution .mt-solutionInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.carPart .carsolution .mt-solutionInner .btnGroup .group {
  float: left;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.carPart .carsolution .mt-solutionInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.carPart .carsolution .mt-solutionInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.carPart .carsolution .mt-solutionInner .ant-tabs-nav .ant-tabs-tab-active {
  color: #3366ff !important;
}
.carPart .carsolution .mt-solutionInner .ant-tabs-ink-bar {
  background-color: #3366ff !important;
}
.carPart .carsolution .mt-solutionInner .ant-tabs-bar {
  margin-bottom: 40px !important;
}
.carPart .carsolution .mt-solutionInner .tabSTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #3366FF;
  position: relative;
  top: -7px;
  left: 7px;
}
.carPart .carsolution .mt-solutionInner .tabTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  position: relative;
  top: -7px;
  left: 12px;
}
.carPart .carsolution .mt-solutionInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 41px;
}
.carPart .carsolution .mt-solutionInner .tabContent {
  overflow: hidden;
}
.carPart .carsolution .mt-solutionInner .tabContent .contentLeft {
  float: left;
  width: 840px;
  height: 473px;
  background: #ffffff;
}
.carPart .carsolution .mt-solutionInner .tabContent .contentLeft img {
  width: 840px;
  height: 473px;
}
.carPart .carsolution .mt-solutionInner .tabContent .contentRight {
  float: right;
  width: 312px;
  height: 472px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 31px 22px 0;
}
.carPart .carsolution .mt-solutionInner .tabContent .contentRight .title {
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #333333;
  margin-bottom: 8px;
}
.carPart .carsolution .mt-solutionInner .tabContent .contentRight .des {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-bottom: 30px;
}
.carPart .carsolution .mt-solutionInner .tabContent .contentRight .online {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3366ff;
}
.carPart .carresource {
  width: 100%;
  height: 772px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.carPart .carresource .mt-resourceInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
}
.carPart .carresource .mt-resourceInner .title {
  font-size: 32px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 34px;
}
.carPart .carresource .mt-resourceInner .resourceContent {
  overflow: hidden;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft {
  float: left;
  width: 840px;
  height: 496px;
  overflow: hidden;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftL {
  float: left;
  width: 280px;
  height: 496px;
  padding: 61px 0 0 40px;
  border: 1px dashed #000;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 8px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 74px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .more {
  display: block;
  width: 120px;
  height: 34px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
  cursor: pointer;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .bg-search {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
  margin-top: 37px;
  display: block;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftR {
  float: left;
  width: 560px;
  height: 496px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem {
  float: left;
  width: 280px;
  height: 248px;
  text-align: center;
  padding-top: 93px;
  border: 1px dashed #000;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 9px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fcfcfc;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight {
  float: right;
  width: 312px;
  height: 496px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 19px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem {
  width: 100%;
  height: 62px;
  overflow: hidden;
  margin-bottom: 19px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .left {
  float: left;
  margin-right: 18px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .right {
  float: left;
  width: 140px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .title {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  margin-bottom: 6px;
}
.carPart .carresource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .more {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #3366ff;
  cursor: pointer;
}
.carPart .carresource .mt-resourceInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.carPart .carresource .mt-resourceInner .btnGroup .group {
  display: inline-block;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.carPart .carresource .mt-resourceInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.carPart .carresource .mt-resourceInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.carPart .carservice {
  height: 448px ;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/service.png") no-repeat center;
  background-size: 100% 100%;
}
.carPart .carservice .mt-serviceInnner {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding-top: 48px;
}
.carPart .carservice .mt-serviceInnner .head {
  overflow: hidden;
}
.carPart .carservice .mt-serviceInnner .head .title {
  float: left;
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 41px;
}
.carPart .carservice .mt-serviceInnner .head .ask {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
}
.carPart .carservice .mt-serviceInnner .serviceContent {
  overflow: hidden;
  height: 282px;
  padding-top: 32px;
}
.carPart .carservice .mt-serviceInnner .serviceContent .contentItem {
  float: left;
  width: 240px;
  text-align: center;
  padding: 0 10px;
}
.carPart .carservice .mt-serviceInnner .serviceContent .contentItem:hover {
  height: 240px;
  position: relative;
  top: -20px;
}
.carPart .carservice .mt-serviceInnner .serviceContent .contentItem:hover .ask {
  display: inline-block;
  margin-top: 20px;
}
.carPart .carservice .mt-serviceInnner .serviceContent .contentItem .title {
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  color: #ffffff;
}
.carPart .carservice .mt-serviceInnner .serviceContent .contentItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  height: 40px;
}
.carPart .carservice .mt-serviceInnner .serviceContent .contentItem .ask {
  display: none;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  clear: both;
}
.bottomCar .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: 143.5px;
  line-height: 45px;
  color: #333333;
  padding-top: 58px;
  padding-bottom: 41px;
}
.bottomCar .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  margin-top: -90px;
}
.bottomCar .carnew {
  width: 100%;
  height: 593px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomCar .carnew .newbox {
  width: 1200px;
  margin: 0 auto;
}
.bottomCar .carnew .newbox .newcar-top {
  height: 150px;
}
.bottomCar .carnew .newbox .carRight .infoBanner {
  display: block;
  width: 330px;
  height: 335px;
  background-size: 100% 100% !important;
}
.bottomCar .carnew .newbox .carRight .infoBanner .new-tit {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
  margin-top: 26px;
  margin-left: 25px;
}
.bottomCar .carnew .newbox .carRight .infoBanner .new-time {
  width: 80px;
  height: 22px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
  margin-left: 25px;
}
.bottomCar .carnew .newbox .carRight .messageBox {
  display: block;
  width: 870px;
  height: 336px;
  overflow: hidden;
}
.bottomCar .carnew .newbox .carRight .messageBox .boxItem {
  float: left;
  width: 434px;
  height: 168px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding-top: 24px;
  padding-left: 30px;
  padding-right: 29px;
}
.bottomCar .carnew .newbox .carRight .messageBox .boxItem:hover {
  border: 1px solid #3366FF;
}
.bottomCar .carnew .newbox .carRight .messageBox .boxItem:hover .tit {
  color: #3366FF;
}
.bottomCar .carnew .newbox .carRight .messageBox .boxItem .tit {
  font-size: 18px;
  font-weight: 800;
  line-height: 25px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottomCar .carnew .newbox .carRight .messageBox .boxItem .txt {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.bottomCar .carnew .newbox .carRight .messageBox .boxItem .time {
  width: 80px;
  height: 22px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  margin-top: 25px;
}
.bottomCar .car-service-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomCar .car-service-bgc .service {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.bottomCar .car-service-bgc .service .bottom-box {
  width: 240px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
.bottomCar .car-service-bgc .service .bottom-box:hover {
  border: 1px solid #3366FF;
}
.bottomCar .car-service-bgc .service .bottom-box:hover .txt-one {
  color: #3366FF;
}
.bottomCar .car-service-bgc .service .bottom-box:hover .txt-two {
  color: #3366FF;
}
.bottomCar .car-service-bgc .service .bottom-box:hover .txt-jt {
  border: 1px solid #3366FF;
  border-radius: 4px;
}
.bottomCar .car-service-bgc .service .bottom-box .bottom-pic {
  width: 70px;
  margin-top: 60px;
  margin-left: 33px;
}
.bottomCar .car-service-bgc .service .bottom-box .txt-one {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 33px;
  color: #333333;
  margin-top: 62px;
  margin-left: 33px;
}
.bottomCar .car-service-bgc .service .bottom-box .txt-two {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  margin-left: 33px;
}
.bottomCar .car-service-bgc .service .bottom-box .txt-jt {
  border: 2px solid #E5E5E5;
  border-radius: 4px;
  margin-top: -36px;
  margin-right: 25px;
}
.bottomCar .car-analysis-bgc {
  width: 100%;
  height: 472px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomCar .car-analysis-bgc .analysis {
  width: 1200px;
  margin: 0 auto;
  height: 472px;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box {
  width: 240px;
  height: 221px;
  border: 1px solid #E5E5E5;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box:hover {
  height: 300px;
  margin-top: -29px;
  border: 1px solid #3366FF;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box:hover .bottom-txt {
  padding-right: 10px;
  text-overflow: inherit;
  overflow: visible;
  white-space: pre-line;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box:hover .bottom-zx {
  width: 94px;
  height: 34px;
  line-height: 34px;
  margin-left: 16px;
  margin-top: 18px;
  display: block;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box .bottom-pic {
  margin: 10px 10px ;
  width: 220px;
  height: 130px;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box .bottom-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-top: 6px;
  margin-left: 16px;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box .bottom-txt {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #666666;
  margin-top: 6px;
  margin-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottomCar .car-analysis-bgc .analysis .bottom-box .bottom-zx {
  display: none;
}
.bottomCar .car-case-bgc {
  width: 100%;
  height: 628px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomCar .car-case-bgc .case {
  width: 1200px;
  margin: 0 auto;
  height: 604px;
}
.bottomCar .car-case-bgc .case .case-bottom {
  border: 1px solid #E5E5E5;
}
.bottomCar .car-case-bgc .case .case-bottom:hover {
  border: 1px solid #3366FF;
}
.bottomCar .car-case-bgc .case .case-bottom .bottom-pic {
  width: 240px;
}
.bottomCar .car-case-bgc .case .case-bottom .bottom-box {
  width: 348px;
  height: 426px;
  padding: 39px 0px 0 30px;
}
.bottomCar .car-case-bgc .case .case-bottom .bottom-box .bottom-tit {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 33px;
  color: #333333;
}
.bottomCar .car-case-bgc .case .case-bottom .bottom-box .bottom-line {
  width: 36px;
  height: 4px;
  background: #3366ff;
  margin-top: 8px;
  margin-bottom: 24px;
}
.bottomCar .car-case-bgc .case .case-bottom .bottom-box .bottom-txt {
  padding-right: 30px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.bottomCar .car-case-bgc .case .case-bottom .bottom-box .ask {
  display: block;
  margin-top: 19px;
  height: 34px;
  line-height: 34px;
  color: #3366FF;
}
.bottomCar .car-case-bgc .case .case-other {
  margin-left: 20px;
}
.bottomCar .car-partner-bgc {
  width: 100%;
  height: 567px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.bottomCar .car-partner-bgc .partner {
  width: 1201px;
  margin: 0 auto;
}
.bottomCar .car-partner-bgc .partner .partner-buttom .pic:hover .pic-a {
  display: block;
  width: 240px;
  height: 118px;
}
.bottomCar .car-partner-bgc .partner .partner-buttom .pic:hover .pic-b {
  display: none;
}
.bottomCar .car-partner-bgc .partner .partner-buttom img {
  width: 240px;
  height: 118px;
}
.bottomCar .car-partner-bgc .partner .partner-buttom .pic-b {
  display: block;
}
.bottomCar .car-partner-bgc .partner .partner-buttom .pic-a {
  display: none;
}

.newsCarBox {
  padding-top: 60px;
  width: 100%;
}
.newsCarBox p {
  max-width: 722px !important;
}
.newsCarBox .car-banner {
  width: 100%;
  height: 380px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/banner-cardetail.jpg") no-repeat center;
  background-size: 100% 100%;
}
.newsCarBox .wrap {
  margin: 58px 0 50px 0 !important;
}
.newsCarBox .left {
  background: #fff;
  padding: 15px 10px;
}
.newsCarBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.newsCarBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.newsCarBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.newsCarBox .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.newsCarBox .right {
  margin-left: 15px;
}
.newsCarBox .conttais {
  font-size: 14px;
  line-height: 30px;
  width: 722px;
  word-break: break-all;
}
.newsCarBox #jieshao {
  padding-left: 15px;
}
.newsCarBox .contwrap {
  float: left;
  width: 802px !important;
  background: #fff;
  padding: 20px 40px 100px 40px;
}
.newsCarBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.newsCarBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}
.newsCarBox .right {
  float: left;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
  margin-top: 58px;
  margin-bottom: 50px;
}
.newsCarBox .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.newsCarBox .right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.newsCarBox .right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  font-size: 16px;
  cursor: pointer;
}
.newsCarBox .right .content .contentItem .left-line {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.newsCarBox .right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
}
.newsCarBox .right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.newsCarBox .right .content .active .middle,
.newsCarBox .right .content .active .newRight {
  color: #3366ff;
}
.newsCarBox .right .content .active .left-line {
  background: #3366ff;
}

.caseItemBox2-case .caseItem {
  margin: 0 0 20px 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height: 393px;
  background: #fff;
}
.caseItemBox2-case .caseItem:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseItemBox2-case .caseItem .productImg img {
  display: block;
  width: 100%;
  height: 214px;
}
.caseItemBox2-case .caseItem .caseItemContent {
  padding: 16px 18px;
  background: #fff;
}
.caseItemBox2-case .caseItem .caseItemContent .title {
  margin: 0 0 8px 0;
}
.caseItemBox2-case .caseItem .caseItemContent .title .ant-col-14 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1;
}
.caseItemBox2-case .caseItem .caseItemContent .title .ant-col-10 {
  vertical-align: middle;
}
.caseItemBox2-case .caseItem .caseItemContent .title .ant-col-10 i {
  display: inline-block;
  margin: 0 8px 0 0;
  float: right;
  font-size: 14px;
  color: #ff5ba0;
}
.caseItemBox2-case .caseItem .caseItemContent .title .ant-col-10 i:first-child {
  margin: 0;
}
.caseItemBox2-case .caseItem .caseItemContent .title .ant-col-24 h1 {
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.caseItemBox2-case .caseItem .caseItemContent .tag {
  color: #bbb;
  line-height: 1.1;
  margin: 0 0 24px 0;
  height: 15px;
}
.caseItemBox2-case .caseItem .caseItemContent .service {
  color: #bbb;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 21px;
  font-size: 14px;
}
.caseItemBox2-case .caseItem .caseItemFoot {
  background: #fff;
  border-top: 1px solid #eee;
  padding: 16px;
  line-height: 1.1;
}
.caseItemBox2-case .caseItem .caseItemFoot .ant-col-16 {
  color: #333;
}
.caseItemBox2-case .caseItem .caseItemFoot .ant-col-16 span {
  overflow: hidden;
  width: 112px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.caseItemBox2-case .caseItem .caseItemFoot .ant-col-16 * {
  display: inline-block;
  vertical-align: middle;
}
.caseItemBox2-case .caseItem .caseItemFoot .ant-col-16 img {
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
}
.caseItemBox2-case .caseItem .caseItemFoot .ant-col-8 {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  color: #333;
}
.caseItemBox2-case .caseItem .caseItemFoot .ant-col-8 span {
  font-size: 16px;
  color: #ffc000;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.caseIndex {
  padding-top: 60px;
  background-color: #eff3f5;
}
.caseIndex .bannerBox {
  background: #fff;
}
.caseIndex .bannerBox .banDiv {
  width: 100%;
  display: block;
  height: 460px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.caseIndex .filterBg {
  background: #fff;
}
.caseIndex .filter {
  margin-bottom: 30px;
}
.caseIndex .filter .filterBox {
  padding: 34px 0 11px 0;
}
.caseIndex .filter .filterBox .filterConditionBox {
  padding: 8px 0;
}
.caseIndex .filter .filterBox .filterConditionBox * {
  color: #616161;
}
.caseIndex .filter .filterBox .filterConditionBox .ant-row {
  z-index: 2;
}
.caseIndex .filter .filterBox .filterConditionBox .ant-col-8 {
  padding: 6px 20px;
  font-size: 14px;
  border-left: 1px solid #d6dadd;
}
.caseIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select {
  width: 100%;
  font-size: 16px;
}
.caseIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection:focus {
  box-shadow: none;
}
.caseIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection--single {
  border: none;
}
.caseIndex .filter .filterBox .filterConditionBox .ant-col-8:last-child {
  padding: 0;
}
.caseIndex .filter .filterBox .searchBox div {
  display: inline-block;
  margin: 4px 0 4px 30px;
  position: relative;
}
.caseIndex .filter .filterBox .searchBox .searchConfirmBtn {
  font-style: normal;
  font-size: 12px;
  width: 24px;
  display: none;
  cursor: pointer;
}
.caseIndex .filter .filterBox .searchBox .sliding input {
  width: 246px;
  padding: 5px 60px 5px 22px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseIndex .filter .filterBox .searchBox .sliding .clearInput {
  display: block;
  right: 0px !important;
}
.caseIndex .filter .filterBox .searchBox .sliding .searchConfirmBtn {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 12px;
  font-style: normal;
  display: block;
}
.caseIndex .filter .filterBox .searchBox input {
  border: none;
  border-bottom: 1px solid #d6dadb;
  padding: 5px 0;
  width: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseIndex .filter .filterBox .searchBox .clearInput {
  font-size: 16px;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 5px;
  cursor: pointer;
  display: none;
}
.caseIndex .filter .filterBox .searchBox .searchBtn {
  font-size: 20px;
  color: #999;
  position: absolute;
  left: 0;
  bottom: 5px;
  cursor: pointer;
}
.caseIndex .filter .filterBox .filterRight {
  padding: 18px 0;
  text-align: right;
}
.caseIndex .filter .filterBox .filterRight .ant-dropdown-link .anticon {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.caseIndex .filter .filterBox .filterRight .arrowChange .anticon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.caseIndex .filter .filterBox .filterRight * {
  font-size: 14px;
}
.caseIndex .filter .filterBox .filterRight a {
  margin-left: 20px;
  color: #a5a6a8;
  text-decoration: none;
}
.caseIndex .filter .filterBox .filterRight span {
  margin-right: 10px;
}
.caseIndex .caseIndexPage {
  text-align: center;
  margin: 30px auto 46px;
}
.caseIndexMenu a {
  text-align: center;
}

.CharacteristicBox {
  width: 100%;
}
.CharacteristicBox .header {
  height: 60px;
  width: 100%;
  background: #232A3B;
}
.CharacteristicBox .employment {
  width: 100%;
  height: 480px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%85%B3%E4%BA%8E%E6%A0%87%E8%AF%86.png") 50% 50% / cover no-repeat;
}
.CharacteristicBox .char-summarize {
  width: 100%;
  background-color: #F4F6FF;
  text-align: center;
}
.CharacteristicBox .char-summarize .summarize {
  letter-spacing: 5px;
  font-size: 40px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 78px;
  padding-bottom: 30px;
  border-bottom: 1px solid #D4D4D4;
}
.CharacteristicBox .char-connotation {
  width: 100%;
  background-color: #F4F6FF;
  text-align: center;
}
.CharacteristicBox .char-connotation .connotation-container {
  margin: 0 auto;
}
.CharacteristicBox .char-connotation .connotation-container .connotation-one,
.CharacteristicBox .char-connotation .connotation-container .connotation-four {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 45px;
  letter-spacing: 3px;
}
.CharacteristicBox .char-connotation .connotation-container .connotation-one span,
.CharacteristicBox .char-connotation .connotation-container .connotation-four span {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #6485fd;
  margin-right: 9px;
}
.CharacteristicBox .char-connotation .connotation-container .connotation-two,
.CharacteristicBox .char-connotation .connotation-container .connotation-five {
  width: 925px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin: 42px auto 57px;
  letter-spacing: 3px;
}
.CharacteristicBox .char-connotation .connotation-container .connotation-four {
  padding-top: 38px;
}
.CharacteristicBox .char-connotation .connotation-container .connotation-five {
  margin-top: 35px;
  padding-bottom: 64px;
}
.CharacteristicBox .char-frame {
  width: 100%;
  background-color: #F4F6FF;
  padding-top: 73px;
}
.CharacteristicBox .char-frame .frame-container {
  margin: 0 auto;
  width: 1210px;
}
.CharacteristicBox .char-frame .frame-container .right {
  float: right;
  width: 603px;
}
.CharacteristicBox .char-frame .frame-container .right .right-first {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  letter-spacing: 2px;
  margin-top: 18px;
  margin-bottom: 47px;
}
.CharacteristicBox .char-frame .frame-container .right .right-first span {
  margin-right: 9px;
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #6485fd;
}
.CharacteristicBox .char-frame .frame-container .right .right-second {
  font-size: 16px;
  font-family: PingFang-SC-Blod;
  font-weight: bold;
  color: #666;
  margin-bottom: 31px;
  letter-spacing: 2px;
}
.CharacteristicBox .char-frame .frame-container .right .right-second span {
  color: #666;
  font-family: PingFang-SC-Regular;
  font-weight: Regular;
}
.CharacteristicBox .char-frame .frame-container .frame-Industrial {
  font-size: 40px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  margin: 99px auto 26px;
  letter-spacing: 7px;
  text-align: center;
}
.CharacteristicBox .char-frame .frame-container .frame-energy {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #6485fd;
  padding-bottom: 50px;
  letter-spacing: 3px;
  text-align: center;
}
.CharacteristicBox .char-introduce {
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  padding-bottom: 57px;
}
.CharacteristicBox .char-introduce .introduce-first {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 45px;
  letter-spacing: 5px;
}
.CharacteristicBox .char-introduce .introduce-first span {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #6485fd;
  margin-right: 9px;
}
.CharacteristicBox .char-introduce .introduce-second {
  letter-spacing: 3px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin: 44px auto 55px;
}
.CharacteristicBox .char-meaning {
  width: 100%;
  height: 665px;
  background-color: #282C36;
}
.CharacteristicBox .char-meaning .meaning {
  margin: 0 auto;
  width: 1210px;
}
.CharacteristicBox .char-meaning .meaning .meaning-first {
  letter-spacing: 5px;
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  padding-top: 67px;
  text-align: center;
}
.CharacteristicBox .char-meaning .meaning .meaning-first span {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #6485fd;
  margin-right: 9px;
}
.CharacteristicBox .char-meaning .meaning .left,
.CharacteristicBox .char-meaning .meaning .right {
  letter-spacing: 2px;
  text-align: center;
  float: left;
  width: 599px;
  height: 55px;
  line-height: 55px;
  background-color: #4F73F9;
  margin-top: 44px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}
.CharacteristicBox .char-meaning .meaning .left,
.CharacteristicBox .char-meaning .meaning .meaning-left {
  border-right: 3px solid #282C36;
}
.CharacteristicBox .char-meaning .meaning .meaning-left,
.CharacteristicBox .char-meaning .meaning .meaning-right {
  float: left;
  width: 599px;
  height: 395px;
  background-color: #39435B;
}
.CharacteristicBox .char-meaning .meaning .meaning-left .left-box,
.CharacteristicBox .char-meaning .meaning .meaning-right .left-box {
  float: left;
  width: 298px;
  height: 198px;
  border-right: 1px solid #42495a;
  border-bottom: 1px solid #42495a;
  padding-left: 29px;
}
.CharacteristicBox .char-meaning .meaning .meaning-left .left-box img,
.CharacteristicBox .char-meaning .meaning .meaning-right .left-box img {
  margin-top: 33px;
}
.CharacteristicBox .char-meaning .meaning .meaning-left .left-box .left-saft,
.CharacteristicBox .char-meaning .meaning .meaning-right .left-box .left-saft {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #e4e7f0;
  margin-top: 18px;
  letter-spacing: 2px;
}
.CharacteristicBox .char-meaning .meaning .meaning-left .left-box .right-saft,
.CharacteristicBox .char-meaning .meaning .meaning-right .left-box .right-saft {
  letter-spacing: 3px;
  font-size: 14px;
  width: 220px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #c0cbe3;
  margin-top: 22px;
}
.CharacteristicBox .char-system {
  width: 100%;
  height: 710px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%9B%BE%E5%B1%82%2013%20%E6%8B%B7%E8%B4%9D%402x.png");
}
.CharacteristicBox .char-system .system {
  width: 1210px;
  margin: 0 auto;
}
.CharacteristicBox .char-system .system .system-title {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  padding-top: 57px;
  text-align: center;
}
.CharacteristicBox .char-system .system .system-title span {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #6485fd;
  margin-right: 9px;
}
.CharacteristicBox .char-system .system .system-content {
  float: left;
  width: 290px;
  height: 452px;
  border: 1px solid #D6D9E4;
  margin-top: 44px;
  background-color: #fff;
}
.CharacteristicBox .char-system .system .system-content img {
  margin: 72px 204px 33px 48px;
}
.CharacteristicBox .char-system .system .system-content .title,
.CharacteristicBox .char-system .system .system-content .top-one {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #333333;
  margin-left: 28px;
  letter-spacing: 3px;
}
.CharacteristicBox .char-system .system .system-content .content,
.CharacteristicBox .char-system .system .system-content .top-two {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  margin: 24px 16px 41px 25px;
  letter-spacing: 2px;
}
.CharacteristicBox .char-system .system .system-content .char-one {
  border-bottom: 1px solid #D6D9E4;
  margin-top: 73px;
}
.CharacteristicBox .char-system .system .system-content .management {
  margin-top: 35px;
}
.CharacteristicBox .char-system .system .content-other {
  width: 332px;
}
.CharacteristicBox .char-tail {
  background-color: #282C36;
  width: 100%;
  height: 197px;
}

@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/Bebas-Regular.6f6f82d9.ttf);
}
#chongqing .navitem1 {
  padding: 0 0.18rem !important;
}
#chongqing .common-hover-transition {
  transition: all ease-in-out 0.7s;
}
#chongqing .clear {
  clear: both;
}
#chongqing .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
}
#chongqing .swiper-container-father,
#chongqing .swiper-container-son {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: black;
}
#chongqing .js_container {
  height: calc(100% + 0.3rem);
  align-items: center;
}
#chongqing .swiper-container {
  height: 100%;
  width: 100%;
}
#chongqing .swiper-container .swiper-slide {
  margin: 0 auto;
}
#chongqing .swiper-slide-father {
  text-align: center;
  align-items: center;
  font-size: 0.21rem;
  background-color: #202022;
  box-sizing: content-box;
}
#chongqing .swiper-slide-father:nth-last-child(1) {
  background-color: #1D1D1F;
}
#chongqing #swiper-pagination-father .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.3rem;
  display: block;
  border-radius: 0;
  opacity: 1;
  background: none;
  margin: 0;
}
#chongqing #swiper-pagination-father .swiper-pagination-bullet:before {
  content: "";
  display: inline-block;
  position: relative;
  bottom: 0.04rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 0.03rem;
  background-color: white;
  opacity: 0.6;
}
#chongqing .swiper-container-vertical > .swiper-pagination-bullets {
  right: 40px !important;
}
#chongqing #swiper-pagination-father .swiper-pagination-bullet-active {
  background: none;
}
#chongqing #swiper-pagination-father .swiper-pagination-bullet-active:before {
  content: "";
  display: inline-block;
  position: relative;
  bottom: 0;
  left: 0;
  border: 0.03rem solid #ffffff;
  border-radius: 50%;
  background-color: black;
  opacity: 1;
  width: 0.06rem;
  height: 0.06rem;
  box-sizing: initial;
}
#chongqing .humiContent {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.4rem;
  z-index: 2;
  opacity: 0;
  transition: all ease-in-out 1s;
}
#chongqing .humiContent .humiContentHead1 {
  font-size: 0.22rem;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.02rem;
}
#chongqing .humiContent .humiContentHead2 {
  font-size: 0.62rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.04rem;
  line-height: 1.2rem;
}
#chongqing .humiContent .line {
  width: 0.7rem;
  height: 2px;
  background: #fff;
  margin: 0 auto 0.3rem;
}
#chongqing .humiContent .humiContentHead3 {
  width: 4.69rem;
  height: 0.48rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  line-height: 0.48rem;
  text-align: center;
  font-size: 0.2rem;
  color: #ffffff;
  letter-spacing: 0.01rem;
  text-shadow: 0 0.03rem 0.17rem 0 rgba(0, 0, 0, 0.25);
}
#chongqing .humiContent .humiContentHead4 {
  width: 3.2rem;
  height: 0.41rem;
  margin: 0.3rem auto 0;
  overflow: hidden;
}
#chongqing .humiContent .humiContentHead4 .leftBtn {
  cursor: pointer;
  float: left;
  margin-right: 0.1rem;
  width: 1.5rem;
  height: 0.41rem;
  background: linear-gradient(#e81f2f, #e76604);
  line-height: 0.41rem;
  font-size: 0.18rem;
  text-align: center;
  color: #ffffff;
}
#chongqing .humiContent .humiContentHead4 .rightBtn {
  cursor: pointer;
  float: left;
  width: 1.5rem;
  height: 0.41rem;
  border: 1px solid #e82c27;
  line-height: 0.41rem;
  text-align: center;
  color: #e82c27;
}
#chongqing .humiContent .humiContentHead4 .rightBtn img {
  width: 0.2rem;
  position: relative;
  top: 0.02rem;
}
#chongqing .humiContent .humiContentHead4 .rightBtn span {
  font-size: 0.18rem;
  position: relative;
  top: -0.02rem;
  margin-left: 0.06rem;
}
#chongqing .humiContent-start {
  opacity: 1;
  top: 180px;
}
#chongqing .humiContent-end {
  top: 140px;
  opacity: 1;
}
#chongqing .chongqingBoxTag2 {
  margin: 0 auto;
  position: relative;
  height: 100%;
}
#chongqing .chongqingBoxTag2 .video {
  width: 100% !important;
  transition: all linear 1.5s;
  object-fit: fill;
}
#chongqing .chongqingBoxTag2 .video-end {
  transform: translateY(80px);
  opacity: 0;
}
#chongqing .chongqingBoxTag2 .banner-bg-end {
  opacity: 1 !important;
}
#chongqing .chongqingBoxTag2 .banner-bg {
  width: 100% !important;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#chongqing .chongqingBoxTag2 .banner-bg.banner1 {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity linear 1.5s;
  height: 100%;
}
#chongqing .chongqingBoxTag2 .banner1-slide {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.83rem;
  height: 0.13rem;
  font-size: 0.13rem;
  font-family: PingFang-SC-Medium, serif;
  font-weight: 500;
  color: #ffffff;
  z-index: 3;
}
@keyframes mymovefirst {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -16px);
  }
  100% {
    transform: translate(0, 0);
  }
}
#chongqing .chongqingBoxTag2 .banner1-slide .jump-mouse {
  width: 0.31rem;
  height: 0.45rem;
  border: 1px solid #ffffff;
  border-radius: 16px;
  animation: mymovefirst 1.2s ease-out infinite;
  opacity: 0;
}
#chongqing .chongqingBoxTag2 .banner1-slide .jump-mouse.opacityShow {
  transition: all ease-in-out 2s;
  opacity: 1;
}
#chongqing .chongqingBoxTag2 .banner1-slide .jump-mouse .whiteline {
  width: 1px;
  height: 0.14rem;
  border-right: 1px solid #ffffff;
  margin: 0.1rem auto -0.1rem;
}
#chongqing .chongqingBoxTag2 .banner1-slide .jump-mouse .d3 {
  margin: 0.1rem auto -0.1rem;
  width: 0;
  height: 0;
  border-width: 0.065rem;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
#chongqing .chongqingBoxTag1 {
  margin: 0 auto;
  position: relative;
}
#chongqing .chongqingBoxTag1 .banner-bg {
  width: 100% !important;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-size: cover;
}
#chongqing .chongqingBoxTag1 .bannerInner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% + 0.3rem);
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .humiTitle {
  font-size: 0.32rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox {
  overflow: hidden;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft {
  float: left;
  margin-right: 0.36rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftHead {
  margin-bottom: 0.2rem;
  text-align: left;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftHead .moneyTitle {
  font-size: 0.18rem;
  text-align: left;
  color: #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftHead .moneyCount {
  font-family: "Zidingyi";
  font-size: 0.48rem;
  font-weight: 400;
  text-align: left;
  color: #e82c27;
  line-height: 0.53rem;
  letter-spacing: 0.01rem;
  position: relative;
  top: 0.1rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent {
  width: 5.94rem;
  height: 7rem;
  background: #28282a;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT {
  overflow: hidden;
  width: 100%;
  padding: 0.36rem 0.27rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTL,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTR {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 0.16rem;
  font-weight: 500;
  color: #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTL .dingdan,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTR .dingdan {
  display: inline-block;
  width: 0.34rem;
  height: 0.34rem;
  background: #ffffff;
  border-radius: 6px;
  text-align: center;
  position: relative;
  top: -0.03rem;
  padding-top: 0.05rem;
  margin-right: 0.12rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTL .dingdan img,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTR .dingdan img {
  width: 0.2rem;
  height: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTL .chongqingHumiCount,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTR .chongqingHumiCount {
  font-family: "Zidingyi";
  font-size: 0.3rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.3rem;
  letter-spacing: 0.01rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTL .chongqingHumiName,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentT .chongqingHumiBoxLeftContentTR .chongqingHumiName {
  margin-bottom: 0.23rem;
  opacity: 0.67;
  font-size: 0.14rem;
  font-weight: 300;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM {
  padding: 0.4rem 0 0.4rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentML,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMM,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMR {
  float: left;
  width: 1.98rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentML img,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMM img,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMR img {
  height: 0.37rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentML .chongqingHumiCount,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMM .chongqingHumiCount,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMR .chongqingHumiCount {
  font-family: "Zidingyi";
  font-size: 0.3rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.3rem;
  letter-spacing: 0.01rem;
  margin: 0.12rem 0;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentML .chongqingHumiName,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMM .chongqingHumiName,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentM .chongqingHumiBoxLeftContentMR .chongqingHumiName {
  opacity: 0.67;
  font-size: 0.14rem;
  font-weight: 300;
  color: #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentB {
  overflow: hidden;
  position: relative;
  height: 2.66rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentB .line {
  left: 2.97rem;
  top: 0;
  position: absolute;
  width: 1px;
  height: 2.76rem;
  background: rgba(255, 255, 255, 0.1);
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentB .chongqingHumiBoxLeftContentML,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentB .chongqingHumiBoxLeftContentMR {
  float: left;
  text-align: center;
  width: 50%;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentB .chongqingHumiBoxLeftContentML img,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxLeft .chongqingHumiBoxLeftContent .chongqingHumiBoxLeftContentB .chongqingHumiBoxLeftContentMR img {
  width: 100%;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight {
  width: 11.1rem;
  float: left;
  padding-top: 0.34rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightTitle {
  color: #ffffff;
  margin-bottom: 0.1rem;
  overflow: hidden;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightTitle .titleLeft {
  float: left;
  font-size: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightTitle .titleRight {
  float: right;
  font-size: 0.16rem;
  cursor: pointer;
  opacity: 0.6;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT {
  height: 1.73rem;
  width: 11.1rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  box-sizing: border-box;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(50px);
  background-image: url("https://360humi-public-obs.360humi.com/sch/chongqing/chongqing-bg2.png");
  background-position: top right;
  background-size: 180% 100%;
  z-index: -1;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT .chongqingHumiBoxRightTItem {
  float: left;
  width: 16.6%;
  height: 100%;
  padding: 0.3rem 0.24rem;
  cursor: pointer;
  transition: all ease-in-out 0.7s;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT .chongqingHumiBoxRightTItem img {
  width: 0.37rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT .chongqingHumiBoxRightTItem .name {
  height: 0.44rem;
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.24rem;
  margin: 0.1rem 0 0.14rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT .chongqingHumiBoxRightTItem .more {
  font-size: 0.12rem;
  text-align: center;
  color: #ffffff;
  line-height: 0.24rem;
  opacity: 0;
  cursor: pointer;
  transition: opacity ease-in-out 0.6s 0.4s;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT .chongqingHumiBoxRightTItem:hover {
  padding-top: 0.14rem;
  border-bottom: 2px solid #e82c27;
  background: rgba(98, 87, 90, 0.5);
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightT .chongqingHumiBoxRightTItem:hover .more {
  opacity: 1;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB {
  margin-top: 0.25rem;
  overflow: hidden;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft {
  float: left;
  margin-right: 0.33rem;
  width: 6.51rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftHead {
  color: #ffffff;
  margin-bottom: 0.1rem;
  overflow: hidden;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftHead .titleLeft {
  float: left;
  font-size: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftHead .titleRight {
  float: right;
  font-size: 0.16rem;
  cursor: pointer;
  opacity: 0.6;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent {
  width: 6.51rem;
  height: 4.59rem;
  background: #272729;
  overflow: hidden;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem {
  float: left;
  width: 50%;
  height: 50%;
  text-align: center;
  padding-top: 0.1rem;
  position: relative;
  cursor: pointer;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:hover .desBox {
  opacity: 1;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:hover img {
  filter: blur(30px);
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem img {
  height: 2.06rem;
  filter: blur(0);
  transition: all ease-in-out 0.7s;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem .desBox {
  position: absolute;
  top: 0.2rem;
  left: 0.4rem;
  width: 2.49rem;
  background: rgba(255, 255, 255, 0.12);
  padding: 0.1rem 0.17rem;
  text-align: left;
  color: #ffffff;
  opacity: 0;
  border-bottom: 2px solid #e82c27;
  transition: all ease-in-out 0.7s;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem .desBox .title {
  font-size: 0.16rem;
  line-height: 0.26rem;
  letter-spacing: 0.01rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem .desBox .des {
  font-size: 0.12rem;
  line-height: 0.2rem;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem .desBox .detail {
  font-size: 0.12rem;
  line-height: 0.24rem;
  vertical-align: middle;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem .desBox .detail .anticon-double-right {
  vertical-align: middle;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:nth-child(1) {
  padding-top: 0.3rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:nth-child(1) img {
  height: 2.06rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:nth-child(1) .whiteline {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.66rem;
  opacity: 0.1;
  border-left: 1px solid #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:nth-child(2) .whiteline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.66rem;
  height: 1px;
  opacity: 0.1;
  border-top: 1px solid #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:nth-child(3) .whiteline {
  position: absolute;
  top: 0;
  right: 0;
  height: 0.66rem;
  width: 1px;
  opacity: 0.1;
  border-left: 1px solid #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBLeft .rightBLeftContent .rightBLeftContentItem:nth-child(3) .whiteline1 {
  position: absolute;
  top: -1px;
  right: 0;
  width: 0.66rem;
  height: 1px;
  opacity: 0.1;
  border-bottom: 1px solid #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight {
  float: left;
  width: 4.26rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightHead {
  color: #ffffff;
  margin-bottom: 0.1rem;
  overflow: hidden;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightHead .titleLeft {
  float: left;
  font-size: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightHead .titleRight {
  float: right;
  font-size: 0.16rem;
  cursor: pointer;
  opacity: 0.6;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT {
  width: 4.26rem;
  height: 1.73rem;
  background: #28282a;
  margin-bottom: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .ant-carousel .slick-dots {
  text-align: left;
  margin-left: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .ant-carousel .slick-dots li {
  width: 1px;
  margin-right: 0.04rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .ant-carousel .slick-dots li.slick-active {
  width: 1px;
  height: 0.12rem;
  border-left: 1px solid #ffffff;
  position: relative;
  bottom: 0.08rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .ant-carousel .slick-dots li button {
  width: 1px;
  height: 0.04rem;
  opacity: 0.3;
  border-left: 1px solid #ffffff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .expertItem {
  width: 4.26rem;
  height: 1.73rem;
  padding: 0 0.2rem;
  overflow: hidden;
  cursor: pointer;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .expertItem .expertItemLeft {
  float: left;
  width: 1.82rem;
  padding-top: 0.34rem;
  text-align: left;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .expertItem .expertItemLeft .name {
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.26rem;
  padding-bottom: 0.06rem;
  border-bottom: 1px solid #fff;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .expertItem .expertItemLeft .des {
  opacity: 0.6;
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.24rem;
  margin-top: 0.2rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .expertItem .expertItemRight {
  float: right;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightT .expertItem .expertItemRight img {
  height: 1.73rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightB {
  width: 4.26rem;
  height: 2.66rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightB .expertItem,
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightB .expertItem2 {
  width: 4.26rem;
  height: 2.66rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightB .expertItem {
  padding: 1.88rem 0 0 0.3rem;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightB .expertItem img {
  cursor: pointer;
}
#chongqing .chongqingBoxTag1 .bannerInner .banner-bgContent .chongqingHumiBox .chongqingHumiBoxRight .chongqingHumiBoxRightB .rightBRight .rightBRightB .expertItem2 .des {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 0 0.2rem 0;
  font-size: 0.14rem;
  text-align: left;
  color: #ffffff;
  line-height: 0.24rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#chongqing .chognqingFuneng {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
#chongqing .chognqingFuneng .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .chognqingFuneng .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent {
  text-align: left;
}
#chongqing .chognqingFuneng .chognqingFunengContent .title,
#chongqing .chognqingFuneng .chognqingFunengContent .des {
  text-align: left;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox {
  width: 100%;
  height: 5rem;
  overflow: hidden;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL {
  float: left;
  width: 3.7rem;
  height: 5rem;
  margin-right: 0.24rem;
  padding: 0.3rem 0.3rem 0;
  position: relative;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL:hover .bg {
  opacity: 0.7;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL:hover .des1 {
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL:hover .title1 {
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL:hover .hr-line {
  width: 100%;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL:hover .des-detail {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL:hover .btn-more {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
  top: 0.4rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .des-detail {
  opacity: 0;
  width: 3.12rem;
  height: 2.85rem;
  font-size: 0.14rem;
  text-align: left;
  color: #ffffff;
  line-height: 0.26rem;
  position: relative;
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .hr-line {
  height: 1px;
  width: 0;
  opacity: 0.6;
  background: white;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .zhezhao {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.7rem;
  height: 5rem;
  opacity: 1;
  transition: all ease-in-out 0.7s 1.4s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .title1 {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.36rem;
  top: 3.5rem;
  position: relative;
  transition: all ease-in-out 0.7s 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .btn-more {
  font-size: 0.14rem;
  text-align: center;
  color: #ffffff;
  width: 1.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: #e82c27;
  opacity: 0;
  position: relative;
  cursor: pointer;
  top: 0;
  z-index: 1;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .des1 {
  font-size: 0.14rem;
  top: 0.48rem;
  position: relative;
  line-height: 0.26rem;
  transition: all ease-in-out 0.7s 1.2s;
  margin-top: -0.4rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxL .bg {
  position: absolute;
  width: 3.7rem;
  height: 5rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease-in-out 0.7s;
  transition: all ease-in-out 0.7s 1.2s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR {
  width: 13.44rem;
  height: 5rem;
  overflow: hidden;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengimg {
  cursor: pointer;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem {
  float: left;
  width: 2.24rem;
  height: 5rem;
  position: relative;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem:hover .inner2 {
  opacity: 1;
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.28rem 0 rgba(0, 0, 0, 0.78);
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem:hover .inner2 img {
  opacity: 1;
  transform: translateX(0);
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem:hover .inner1 {
  opacity: 0;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner1 {
  width: 100%;
  height: 100%;
  padding: 1.8rem 0.3rem 0;
  text-align: center;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner1 .name {
  margin: 0.16rem 0 0.05rem;
  font-size: 0.18rem;
  font-weight: 800;
  line-height: 0.36rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner1 .des1 {
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 400;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner2 {
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 3.12rem 0.44rem 0 0.23rem;
  position: absolute;
  border: 1px solid transparent;
  top: 0;
  left: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner2 .name {
  font-size: 0.2rem;
  font-weight: 800;
  line-height: 0.5rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner2 .line {
  width: 0.3rem;
  height: 1px;
  background-color: #fff;
  margin-bottom: 0.1rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner2 .des1 {
  font-size: 0.14rem;
  font-weight: 400;
  height: 0.7rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner2 img {
  transform: translateX(-20px);
  opacity: 0;
  transition: all ease-in-out 0.6s 0.4s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengBox .funengBoxR .funengBoxRItem .inner2 .border-bottom {
  height: 0.08rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(#e81f2f, #e76604);
  transition: all ease-in-out 0.7s;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot {
  width: 100%;
  overflow: hidden;
  margin-top: 0.3rem;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootL {
  float: left;
  width: 15.4rem;
  height: 1.75rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootL.active-div {
  -webkit-animation-name: fadeIn;
  /*动画名称*/
  -webkit-animation-duration: 1.4s;
  /*动画持续时间*/
  -webkit-animation-delay: 0s;
  /*延迟时间*/
  animation-name: fadeIn;
  /*动画名称*/
  animation-duration: 1.4s;
  /*动画持续时间*/
  animation-delay: 0s;
  /*延迟时间*/
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootL .title1 {
  font-size: 0.2rem;
  font-weight: 500;
  margin-bottom: 0.15rem;
  text-align: left;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootL .title1 img {
  width: 0.28rem;
  margin-right: 0.1rem;
  position: relative;
  top: 0.05rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootL .whiteline {
  width: calc(100% + 2rem);
  height: 1px;
  border-top: 1px solid #2b2b2c;
  margin-bottom: 0.17rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootL .des1 {
  font-size: 0.16rem;
  text-align: left;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR {
  float: right;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-prev {
  margin-right: -1px;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-item {
  display: none;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-item-link {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #202022;
  border: 1px solid #2b2b2c;
  color: #fff;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-item-link:after {
  margin-top: 0.09rem;
  font-size: 0.28rem;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-item-link:hover {
  background: #2b2b2c;
}
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-disabled:hover,
#chongqing .chognqingFuneng .chognqingFunengContent .funengFoot .funengFootR .ant-pagination-disabled:focus {
  background: #2b2b2c;
}
#chongqing .biaoshijiexi {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  color: #ffffff;
  background: url("https://360humi-public-obs.360humi.com/sch/chongqing/biaoshi-big-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#chongqing .biaoshijiexi .biaoshijiexiContent {
  text-align: left;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .title,
#chongqing .biaoshijiexi .biaoshijiexiContent .des {
  text-align: left;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox {
  overflow: hidden;
  margin-bottom: 0.3rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL {
  float: left;
  margin-right: 0.24rem;
  width: 3.7rem;
  height: 5rem;
  padding: 0.3rem 0.3rem 0;
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL:hover .bg {
  opacity: 0.7;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL:hover .des1 {
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL:hover .title1 {
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL:hover .hr-line {
  width: 100%;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL:hover .des-detail {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL:hover .btn-more {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
  top: 0.4rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .des-detail {
  opacity: 0;
  width: 3.12rem;
  height: 2.85rem;
  font-size: 0.14rem;
  text-align: left;
  color: #ffffff;
  line-height: 0.26rem;
  position: relative;
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .hr-line {
  height: 1px;
  width: 0;
  opacity: 0.6;
  background: white;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .zhezhao {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.7rem;
  height: 5rem;
  opacity: 1;
  transition: all ease-in-out 0.7s 1.4s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .title1 {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.36rem;
  top: 3.5rem;
  position: relative;
  transition: all ease-in-out 0.7s 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .btn-more {
  font-size: 0.14rem;
  text-align: center;
  color: #ffffff;
  width: 1.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: #e82c27;
  opacity: 0;
  position: relative;
  cursor: pointer;
  top: 0;
  z-index: 1;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .des1 {
  font-size: 0.14rem;
  top: 0.48rem;
  position: relative;
  line-height: 0.26rem;
  transition: all ease-in-out 0.7s 1.2s;
  margin-top: -0.4rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxL .bg {
  position: absolute;
  width: 3.7rem;
  height: 5rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease-in-out 0.7s;
  transition: all ease-in-out 0.7s 1.2s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR {
  float: left;
  width: 13.46rem;
  height: 5rem;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.3rem 0.5rem 0;
  overflow: hidden;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai {
  float: left;
  width: 8.03rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiTitle {
  width: 8.03rem;
  height: 0.83rem;
  background: #28292b;
  line-height: 0.83rem;
  font-size: 0.22rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.21rem;
  border-bottom: 2px solid #e82c27;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent {
  overflow: hidden;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft {
  float: left;
  width: 3.51rem;
  margin-right: 0.4rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .pingtaiContentLeft1 {
  width: 3.51rem;
  height: 0.78rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.05rem 0.3rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .pingtaiContentLeft1:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.18rem 0 rgba(0, 0, 0, 0.16);
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .pingtaiContentLeft1 .dataItem {
  width: 0.96rem;
  float: left;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.14rem;
  font-weight: 400;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .upArrow {
  width: 100%;
  height: 0.35rem;
  text-align: center;
  padding-top: 0.04rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .jiedian {
  width: 3.5rem;
  height: 0.43rem;
  background: #212123;
  padding: 0 0.2rem;
  overflow: hidden;
  border: 1px solid transparent;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .jiedian:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.18rem 0 rgba(0, 0, 0, 0.16);
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .jiedian .jiedianItem {
  width: 1.02rem;
  height: 0.43rem;
  line-height: 0.43rem;
  text-align: center;
  float: left;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData {
  width: 3.5rem;
  height: 1.41rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .app {
  width: 1.16rem;
  height: 1.41rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 0.4rem;
  margin-right: 0.07rem;
  float: left;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .app .appItem {
  text-align: center;
  font-size: 0.13rem;
  font-weight: 400;
  line-height: 0.21rem;
  margin-bottom: 0.2rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 {
  height: 1.4rem;
  overflow: hidden;
  float: left;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item {
  float: left;
  padding: 0.15rem;
  width: 0.49rem;
  height: 1.4rem;
  background: #212123;
  margin-right: 0.1rem;
  text-align: center;
  transition: all ease-in-out 0.7s;
  border: 1px solid transparent;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item .img1 {
  width: 0.2rem;
  height: 0.2rem;
  margin-left: -0.025rem;
  background-size: cover;
  background-repeat: no-repeat;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item .img2 {
  display: none;
  margin-bottom: 0.06rem;
  margin-left: -0.025rem;
  width: 0.2rem;
  height: 0.2rem;
  background-size: cover;
  background-repeat: no-repeat;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item .txt {
  font-size: 0.12rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item:nth-child(4) {
  margin-right: 0;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item:nth-child(4) .img1 {
  width: 0.25rem;
  height: 0.23rem;
  margin-bottom: -0.04rem;
  margin-left: -0.04rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.18rem 0 rgba(0, 0, 0, 0.16);
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item:hover .img1 {
  display: none;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item:hover .img2 {
  display: block;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentLeft .appAndData .data2 .data2Item:hover:nth-child(4) .img2 {
  width: 0.25rem;
  height: 0.23rem;
  margin-bottom: 0.02rem;
  margin-left: -0.04rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight {
  float: left;
  width: 4.1rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT {
  width: 4.12rem;
  height: 1.2rem;
  margin-bottom: 0.22rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT:hover {
  border: 1px solid #e82c27;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT:hover .hangyeTitle img {
  opacity: 1;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT .hangyeTitle {
  width: 4.12rem;
  height: 0.27rem;
  font-size: 0.13rem;
  font-weight: 400;
  text-align: center;
  line-height: 0.27rem;
  background: #212123;
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT .hangyeTitle img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT .hangyeTitle span {
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT .industryBox {
  overflow: hidden;
  height: 0.9rem;
  padding-top: 0.1rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightT .industryBox .industryItem {
  float: left;
  width: 1.36rem;
  height: 0.24rem;
  font-size: 0.1rem;
  font-weight: 400;
  text-align: center;
  line-height: 0.22rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM {
  width: 4.12rem;
  height: 0.99rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.2rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM:hover {
  border: 1px solid #e82c27;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM:hover .hangyeTitle img {
  opacity: 1;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM .hangyeTitle {
  width: 4.1rem;
  height: 0.27rem;
  background: #212123;
  font-size: 0.13rem;
  font-weight: 400;
  text-align: center;
  line-height: 0.27rem;
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM .hangyeTitle img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM .hangyeTitle span {
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM .industryBox {
  overflow: hidden;
  padding-top: 0.1rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightM .industryBox .industry2Item {
  float: left;
  width: 1.36rem;
  height: 0.24rem;
  font-size: 0.1rem;
  font-weight: 400;
  text-align: center;
  line-height: 0.22rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightB {
  width: 100%;
  height: 0.7rem;
  overflow: hidden;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightB .chainItem {
  float: left;
  width: 0.93rem;
  height: 0.7rem;
  background: #212123;
  margin-right: 0.12rem;
  line-height: 0.7rem;
  text-align: center;
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightB .chainItem:nth-child(4) {
  margin-right: 0;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightB .chainItem img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightB .chainItem span {
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiPingtai .pingtaiContent .pingtaiContentRight .contentRightB .chainItem:hover img {
  opacity: 1;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .rightArrow {
  float: left;
  width: 0.42rem;
  text-align: center;
  padding-top: 0.2rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua {
  float: left;
  width: 3.99rem;
  height: 5rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .fuhuaTitle {
  width: 3.99rem;
  height: 0.83rem;
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.22rem;
  font-weight: 500;
  text-align: center;
  line-height: 0.83rem;
  margin-bottom: 0.29rem;
  border-bottom: 0.02rem solid #3367ff;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT {
  width: 100%;
  overflow: hidden;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox {
  height: 0.48rem;
  margin-bottom: 0.14rem;
  position: relative;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox:hover .leftItem img {
  opacity: 1;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox:hover .rightItem {
  border: 1px solid #3367ff;
  border-left: none;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox:hover .lineItem {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .fl {
  float: left;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .leftItem {
  position: relative;
  width: 0.77rem;
  height: 0.48rem;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.14rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.48rem;
  text-align: center;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .leftItem img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .leftItem span {
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .rightItem {
  width: 3.2rem;
  height: 0.48rem;
  transition: all ease-in-out 0.7s;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #272729;
  font-size: 0.14rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.48rem;
  border-left: none;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .lineItem {
  transition: all ease-in-out 0.7s;
  position: absolute;
  width: 0.01rem;
  height: 0.29rem;
  border: 1px solid #272729;
  top: 0.09rem;
  right: 1.58rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .middleitem {
  display: block;
  float: left;
  width: 1.57rem;
  text-align: center;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiItemBox .middleItem {
  display: block;
  position: absolute;
  right: 0;
  width: 1.58rem;
  text-align: center;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTLeft {
  float: left;
  width: 0.76rem;
  margin-right: 0.13rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTLeft .duanItem {
  width: 100%;
  height: 0.47rem;
  line-height: 0.47rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.14rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0.17rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTLeft .duanItem:hover {
  background: url("https://360humi-public-obs.360humi.com/sch/chongqing/duan.png");
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTMiddle {
  float: left;
  width: 1.3rem;
  margin-right: 0.016rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTMiddle .middleItem {
  width: 100%;
  height: 0.47rem;
  line-height: 0.47rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.14rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0.17rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTMiddle .middleItem:hover {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #3367ff;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTRight {
  float: left;
  width: 1.64rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTRight .rightItem {
  width: 100%;
  height: 0.47rem;
  line-height: 0.47rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.14rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0.17rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiT .jiexiTRight .rightItem:hover {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #3367ff;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiBox .jiexiBoxR .jiexiFuhua .jiexiB {
  width: 4rem;
  height: 0.7rem;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  padding: 0.15rem 0.67rem;
  font-size: 0.14rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot {
  overflow: hidden;
  text-align: left;
  color: #ffffff;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL {
  float: left;
  width: 10.38rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .title {
  font-size: 0.18rem;
  font-weight: 500;
  padding-left: 0.2rem;
  position: relative;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .title .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.06rem;
  height: 0.25rem;
  background: linear-gradient(#e81f2f, #e76604);
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .title .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.96rem;
  height: 0.2rem;
  font-size: 0.14rem;
  cursor: pointer;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .des {
  opacity: 0.6;
  font-size: 0.14rem;
  padding-left: 0.2rem;
  margin-bottom: 0.3rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .zhuisu {
  overflow: hidden;
  padding: 0.2rem 0 0 0.2rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .zhuisu .zhuisuItem {
  float: left;
  height: 0.44rem;
  width: 1.5rem;
  border: 1px solid #4d4d4e;
  margin-right: 0.15rem;
  position: relative;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .zhuisu .zhuisuItem .title1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.42rem;
  width: 1.47rem;
  line-height: 0.42rem;
  font-size: 0.14rem;
  font-weight: 300;
  text-align: center;
  z-index: 1;
  background: #202022;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .zhuisu .zhuisuItem .count {
  font-family: "Zidingyi";
  position: absolute;
  left: 0.05rem;
  top: -0.18rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #e82c27;
  opacity: 0;
  z-index: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .zhuisu .zhuisuItem:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.12rem 0 rgba(0, 0, 0, 0.5);
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootL .zhuisu .zhuisuItem:hover .count {
  opacity: 1;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR {
  float: left;
  width: 7.02rem;
  height: 1.79rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .ant-carousel .slick-dots {
  text-align: left;
  margin-left: 0.3rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .ant-carousel .slick-dots li {
  width: 1px;
  margin-right: 0.04rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .ant-carousel .slick-dots li.slick-active {
  width: 1px;
  height: 0.12rem;
  border-left: 1px solid #ffffff;
  position: relative;
  bottom: 0.08rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .ant-carousel .slick-dots li button {
  width: 1px;
  height: 0.04rem;
  opacity: 0.3;
  border-left: 1px solid #ffffff;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .appItem {
  width: 7.02rem;
  height: 1.79rem;
  padding: 0.26rem 1.5rem 0 0.3rem;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .appItem .title {
  font-size: 0.18rem;
  font-weight: 500;
}
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .appItem .des1,
#chongqing .biaoshijiexi .biaoshijiexiContent .jiexiFoot .jiexiFootR .appItem .des2 {
  font-size: 0.14rem;
}
#chongqing .biaoshijiexi .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .biaoshijiexi .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .industryApp {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
#chongqing .industryApp .industryAppContent {
  text-align: left;
}
#chongqing .industryApp .industryAppContent .industryAppBox {
  overflow: hidden;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL {
  text-align: left;
  float: left;
  margin-right: 0.24rem;
  width: 3.7rem;
  height: 5rem;
  padding: 0.3rem 0.3rem 0;
  position: relative;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL:hover .bg {
  opacity: 0.7;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL:hover .des1 {
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL:hover .title1 {
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL:hover .hr-line {
  width: 100%;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL:hover .des-detail {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL:hover .btn-more {
  opacity: 1;
  top: 0.04rem;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .des-detail {
  opacity: 0;
  width: 3.12rem;
  height: 2.85rem;
  font-size: 0.14rem;
  text-align: left;
  color: #ffffff;
  line-height: 0.26rem;
  position: relative;
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .hr-line {
  height: 1px;
  width: 0;
  opacity: 0.6;
  background: white;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .zhezhao {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.7rem;
  height: 5rem;
  opacity: 1;
  transition: all ease-in-out 0.7s 1.4s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .title1 {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.36rem;
  top: 3.5rem;
  position: relative;
  transition: all ease-in-out 0.7s 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .btn-more {
  font-size: 0.14rem;
  text-align: center;
  color: #ffffff;
  width: 1.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: #e82c27;
  opacity: 0;
  position: relative;
  cursor: pointer;
  top: 0;
  z-index: 1;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .des1 {
  font-size: 0.14rem;
  top: 0.48rem;
  position: relative;
  line-height: 0.26rem;
  transition: all ease-in-out 0.7s 1.2s;
  margin-top: -0.4rem;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxL .bg {
  position: absolute;
  width: 3.7rem;
  height: 5rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease-in-out 0.7s;
  transition: all ease-in-out 0.7s 1.2s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR {
  float: left;
  overflow: hidden;
  width: 13.38rem;
  text-align: center;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem {
  float: left;
  width: 6.56rem;
  height: 2.42rem;
  margin-right: 0.22rem;
  margin-bottom: 0.16rem;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem:nth-child(2n) {
  margin-right: 0;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem:hover .inner2 {
  visibility: visible;
  opacity: 1;
  margin-top: -2.42rem;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem:hover .inner1 {
  opacity: 0;
  visibility: hidden;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner1,
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner2 {
  width: 100%;
  height: 100%;
  padding: 0.51rem 1rem 0;
  text-align: center;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner1 {
  opacity: 1;
  visibility: visible;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner1 img {
  width: 0.55rem;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner1 .title {
  margin-top: 0.25rem;
  font-size: 0.18rem;
  text-align: center;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner2 {
  background: #202022;
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.31rem 0 rgba(0, 0, 0, 0.8);
  opacity: 0;
  margin-top: -1.9rem;
  visibility: hidden;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner2 .title {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 0.36rem;
  text-align: center;
}
#chongqing .industryApp .industryAppContent .industryAppBox .appBoxR .appBoxRItem .inner2 .line {
  width: 0.38rem;
  height: 0.02rem;
  background-color: #ffffff;
  margin: 0 auto 0.21rem;
}
#chongqing .industryApp .industryAppContent .industryAppFoot {
  width: 100%;
  overflow: hidden;
  margin-top: 0.3rem;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootL {
  float: left;
  width: 15.4rem;
  height: 1.75rem;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootL.active-div {
  -webkit-animation-name: fadeIn;
  /*动画名称*/
  -webkit-animation-duration: 1.4s;
  /*动画持续时间*/
  -webkit-animation-delay: 0s;
  /*延迟时间*/
  animation-name: fadeIn;
  /*动画名称*/
  animation-duration: 1.4s;
  /*动画持续时间*/
  animation-delay: 0s;
  /*延迟时间*/
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootL .title1 {
  font-size: 0.2rem;
  font-weight: 500;
  margin-bottom: 0.13rem;
  text-align: left;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootL .title1 img {
  width: 0.28rem;
  margin-right: 0.1rem;
  position: relative;
  top: 0.05rem;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootL .whiteline {
  width: calc(100% + 200px);
  height: 1px;
  border-top: 1px solid #2b2b2c;
  margin-bottom: 0.17rem;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootL .des1 {
  font-size: 0.16rem;
  text-align: left;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR {
  float: right;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-prev {
  margin-right: -1px;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-item {
  display: none;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-item-link {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #202022;
  border: 1px solid #2b2b2c;
  color: #fff;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-item-link:after {
  margin-top: 0.09rem;
  font-size: 0.28rem;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-item-link:hover {
  background: #2b2b2c;
}
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-disabled:hover,
#chongqing .industryApp .industryAppContent .industryAppFoot .industryAppFootR .ant-pagination-disabled:focus {
  background: #2b2b2c;
}
#chongqing .industryApp .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .industryApp .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .industryDesign {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
#chongqing .industryDesign .industryDesignContent .title,
#chongqing .industryDesign .industryDesignContent .des {
  text-align: left;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox {
  overflow: hidden;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL {
  float: left;
  margin-right: 0.24rem;
  width: 3.7rem;
  height: 5rem;
  padding: 0.3rem 0.3rem 0;
  position: relative;
  text-align: left;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL:hover .bg {
  opacity: 0.7;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL:hover .des1 {
  opacity: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL:hover .title1 {
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL:hover .hr-line {
  width: 100%;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL:hover .des-detail {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL:hover .btn-more {
  opacity: 1;
  transition: all ease-in-out 0.7s 0.4s;
  top: 0.4rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .des-detail {
  opacity: 0;
  width: 3.12rem;
  height: 2.85rem;
  font-size: 0.14rem;
  text-align: left;
  color: #ffffff;
  line-height: 0.26rem;
  position: relative;
  top: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .hr-line {
  height: 1px;
  width: 0;
  opacity: 0.6;
  background: white;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .zhezhao {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.7rem;
  height: 5rem;
  opacity: 1;
  transition: all ease-in-out 0.7s 1.4s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .title1 {
  font-size: 0.24rem;
  font-weight: 500;
  line-height: 0.36rem;
  top: 3.5rem;
  position: relative;
  transition: all ease-in-out 0.7s 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .btn-more {
  font-size: 0.14rem;
  text-align: center;
  color: #ffffff;
  width: 1.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: #e82c27;
  opacity: 0;
  position: relative;
  cursor: pointer;
  top: 0;
  z-index: 1;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .des1 {
  font-size: 0.14rem;
  top: 0.48rem;
  position: relative;
  line-height: 0.26rem;
  transition: all ease-in-out 0.7s 1.2s;
  margin-top: -0.4rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxL .bg {
  position: absolute;
  width: 3.7rem;
  height: 5rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease-in-out 0.7s;
  transition: all ease-in-out 0.7s 1.2s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR {
  float: left;
  overflow: hidden;
  width: 13.38rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem {
  overflow: hidden;
  float: left;
  width: 4.37rem;
  height: 2.42rem;
  background: #191919;
  margin-right: 0.12rem;
  margin-bottom: 0.18rem;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all ease-in-out 0.7s;
  border: 1px solid transparent;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem:nth-child(3n) {
  margin-right: 0;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem img {
  height: 1.92rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem .title1 {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4.38rem;
  height: 0.57rem;
  background: linear-gradient(#e81f2f, #e76604);
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.57rem;
  letter-spacing: 1px;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem .pic {
  margin-top: 0.2rem;
  transition: all 0.3s linear;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem:hover {
  border: 1px solid #e82c27;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem:hover .pic {
  transform: scale(1.1);
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem:hover .title1 {
  opacity: 1;
}
#chongqing .industryDesign .industryDesignContent .industryDesignBox .designBoxR .designBoxRItem:hover .designBoxRItemImg {
  transform: scale(1.2);
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot {
  width: 100%;
  overflow: hidden;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL {
  float: left;
  width: 9.3rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .title {
  font-size: 0.18rem;
  font-weight: 500;
  padding-left: 0.2rem;
  position: relative;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .title .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.06rem;
  height: 0.25rem;
  background: linear-gradient(#e81f2f, #e76604);
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .title .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.96rem;
  height: 0.2rem;
  font-size: 0.14rem;
  cursor: pointer;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .service {
  overflow: hidden;
  padding-left: 0.2rem;
  padding-top: 0.1rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .service .serviceItem {
  float: left;
  width: 0.5rem;
  height: 1.28rem;
  background: #202022;
  border: 1px solid #2b2b2c;
  margin-right: 0.4rem;
  position: relative;
  transition: all ease-in-out 0.7s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .service .serviceItem:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.12rem 0 rgba(0, 0, 0, 0.74);
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .service .serviceItem:hover .count {
  opacity: 1;
  color: #e82c27;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .service .serviceItem .title1 {
  padding: 0.09rem 0.16rem 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.47rem;
  height: 0.126rem;
  z-index: 1;
  background: #202022;
  font-size: 0.14rem;
  line-height: 0.18rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootL .service .serviceItem .count {
  font-family: "Zidingyi";
  position: absolute;
  left: 0.05rem;
  top: -0.18rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #fff;
  opacity: 0.05;
  transition: all ease-in-out 0.7s;
  z-index: 0;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR {
  float: left;
  width: 7.88rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .title {
  font-size: 0.18rem;
  font-weight: 500;
  padding-left: 0.2rem;
  position: relative;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .title .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.06rem;
  height: 0.25rem;
  background: linear-gradient(#e81f2f, #e76604);
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .title .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.96rem;
  height: 0.2rem;
  font-size: 0.14rem;
  cursor: pointer;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai {
  overflow: hidden;
  margin-top: 0.2rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem {
  width: 2.4rem;
  height: 1.28rem;
  float: left;
  margin-right: 0.32rem;
  cursor: pointer;
  border: 1px solid #4d4d4e;
  transition: border ease-in-out 0.3s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:nth-child(3) {
  margin-right: 0;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.13rem 0 rgba(0, 0, 0, 0.53);
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:hover .inner1 .innner-content {
  margin-top: -0.1rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:hover .inner1 .innner-content .biaoji {
  position: absolute;
  left: 0;
  top: 0.26rem;
  width: 0.09rem;
  height: 0.05rem;
  background: #e82c27;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:hover .inner1 .innner-content .des1 {
  color: #fff;
  position: relative;
  z-index: 2;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:hover .inner1 .juxing {
  opacity: 1;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem:hover .inner1 img {
  opacity: 0;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1,
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner2 {
  width: 100%;
  height: 100%;
  position: relative;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 {
  padding: 0.29rem 0.2rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 .title3 {
  text-align: left;
  font-size: 0.14rem;
  font-weight: 500;
  margin-bottom: 0.08rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 .innner-content {
  transition: all ease-in-out 0.5s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 .innner-content .biaoji {
  position: absolute;
  left: 0;
  top: 0.26rem;
  width: 0;
  height: 0.05rem;
  background: #e82c27;
  transition: all ease-in-out 0.3s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 .innner-content .des1 {
  font-size: 0.12rem;
  color: #A1A1A2;
  position: relative;
  z-index: 2;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 img {
  width: 100%;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 .juxing {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.36rem;
  height: 0.36rem;
  border: 1px solid #e82c27;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 0.36rem;
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner1 img {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  transition: all ease-in-out 0.3s;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner2 {
  display: none;
  background: #202022;
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.13rem 0 rgba(0, 0, 0, 0.53);
  padding: 0.22rem 0.2rem 0 0.16rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner2 .title3 {
  font-size: 0.14rem;
  font-weight: 500;
  margin-bottom: 0.08rem;
  position: relative;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner2 .title3 .biaoji {
  position: absolute;
  left: -0.16rem;
  top: 0.06rem;
  width: 0.09rem;
  height: 0.05rem;
  background: #e82c27;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner2 .des {
  font-size: 0.12rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .shengtaiItem .inner2 .juxing {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.36rem;
  height: 0.36rem;
  border: 1px solid #e82c27;
  text-align: center;
  line-height: 0.36rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .qidaiStyle {
  width: 2.4rem;
  height: 1.28rem;
  float: left;
  background: #202022;
  border: 1px solid #4d4d4e;
  padding-top: 0.45rem;
  text-align: center;
  font-size: 0.16rem;
}
#chongqing .industryDesign .industryDesignContent .industryDesignFoot .industryDesignFootR .shengtai .qidaiStyle img {
  width: 0.22rem;
  position: relative;
  top: 0.04rem;
}
#chongqing .industryDesign .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .industryDesign .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .jizhongcaigou {
  margin: 0 auto;
  overflow: hidden;
  color: #ffffff;
  display: flex;
  justify-content: center;
}
#chongqing .jizhongcaigou .jizhongcaigouContent {
  margin: 0 auto;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .title,
#chongqing .jizhongcaigou .jizhongcaigouContent .des {
  text-align: left;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouLeft {
  float: left;
  width: 2.4rem;
  padding-top: 1.36rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouLeft .caigouLeftContent {
  width: 100%;
  height: 6.76rem;
  overflow: hidden;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouLeft .caigouLeftContent .caigouTitle {
  float: left;
  width: 0.32rem;
  margin-right: 0.15rem;
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouLeft .caigouLeftContent .caigouDes {
  float: left;
  width: 0.18rem;
  text-align: center;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouLeft .caigouLeftMore {
  width: 0.9rem;
  height: 0.32rem;
  background: #202022;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.32rem;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouLeft .caigouLeftMore:hover {
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.13rem 0 rgba(0, 0, 0, 0.58);
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight {
  float: left;
  overflow: hidden;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem {
  float: left;
  width: 3.75rem;
  height: 10rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .footBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.75rem;
  height: 0;
  background: linear-gradient(#e81f2f, #e76604);
  z-index: 3;
  transition: all ease-in-out 0.5s;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .footBox .caigouItemTitle {
  font-size: 0.24rem;
  color: #fefefe;
  line-height: 0.62rem;
  margin-top: 0.5rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .footBox .line {
  height: 2px;
  transition: all ease-in-out 0.3s 0.5s;
  width: 0;
  background: #ffffff;
  margin: 0 auto 0.15rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .footBox .caigouDesBox .desItem {
  font-size: 0.16rem;
  font-weight: 400;
  color: #fefefe;
  line-height: 0.32rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .img {
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease-in-out 0.7s;
  width: 100%;
  height: 100%;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .lineleft {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.04rem;
  height: 95%;
  background-color: #E81F2F;
  transition: all ease-in-out 0.7s;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .lineright {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0.6rem;
  width: 0.04rem;
  height: 95%;
  background-color: #E81F2F;
  transition: all ease-in-out 0.7s;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .lineleft,
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .lineright {
  opacity: 1;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .inner1 {
  opacity: 0;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .footBox {
  height: 2.97rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .footBox .line {
  width: 0.36rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem:hover .inner2 {
  opacity: 1;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .inner1 {
  transition: all ease-in-out 0.5s;
  opacity: 1;
  width: 3.75rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 3.55rem;
  position: relative;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .inner1 .caigouItemTitle {
  font-size: 0.24rem;
  color: #fefefe;
  line-height: 0.62rem;
  margin-top: 0.5rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .inner1 .line {
  width: 0.36rem;
  height: 0.02rem;
  background: #ffffff;
  margin: 0 auto 0.15rem;
}
#chongqing .jizhongcaigou .jizhongcaigouContent .caigouRight .caigouItem .inner1 .caigouDesBox .desItem {
  font-size: 0.16rem;
  font-weight: 400;
  color: #fefefe;
  line-height: 0.32rem;
}
#chongqing .notclick {
  pointer-events: none;
}
#chongqing .locationInfo {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  background: url("https://360humi-public-obs.360humi.com/sch/chongqing/news-big-bg.png") no-repeat center center;
  background-size: 100% 100%;
  color: #ffffff;
  overflow: hidden;
}
#chongqing .locationInfo .locationInfoContent {
  text-align: left;
}
#chongqing .locationInfo .infoLeft {
  padding-top: 0.66rem;
  float: left;
  width: 3.05rem;
  margin-right: 0.62rem;
}
#chongqing .locationInfo .infoLeft .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .locationInfo .infoLeft .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .locationInfo .infoContent {
  cursor: pointer;
}
#chongqing .locationInfo .infoRight {
  float: left;
  padding-top: 2.65rem;
  margin-right: 0.72rem;
}
#chongqing .locationInfo .infoRight .infoContent {
  width: 3.14rem;
  height: 4.46rem;
  border: 1px solid rgba(112, 112, 112, 0.4);
}
#chongqing .locationInfo .infoRight .infoContent img {
  width: 100%;
  height: 1.77rem;
}
#chongqing .locationInfo .infoRight .infoContent .infoContentFoot {
  padding: 0.3rem 0.22rem 0;
}
#chongqing .locationInfo .infoRight .infoContent .infoContentFoot .infoContentTime .month {
  font-size: 0.24rem;
  line-height: 0.28rem;
}
#chongqing .locationInfo .infoRight .infoContent .infoContentFoot .infoContentTime .year {
  opacity: 0.5;
  font-size: 0.12rem;
  line-height: 0.28rem;
}
#chongqing .locationInfo .infoRight .infoContent .infoContentFoot .line {
  width: 2.75rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0.16rem 0;
}
#chongqing .locationInfo .infoRight .infoContent .infoContentFoot .itemTitle {
  font-size: 0.18rem;
  line-height: 0.28rem;
  margin-bottom: 0.1rem;
  height: 0.56rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
#chongqing .locationInfo .infoRight .infoContent .infoContentFoot .itemDes {
  opacity: 0.6;
  font-size: 0.12rem;
  font-weight: 300;
  line-height: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#chongqing .locationInfo .infoRightR {
  float: left;
  padding-top: 2.64rem;
  width: 6rem;
  position: relative;
}
#chongqing .locationInfo .infoRightR .line {
  width: 1px;
  height: 8.95rem;
  position: absolute;
  left: 0.84rem;
  top: 0;
  background: rgba(77, 77, 78, 0.4);
}
#chongqing .locationInfo .infoRightR .newsContentBox1 {
  overflow: hidden;
  height: 4.5rem;
  margin-bottom: 0.2rem;
}
#chongqing .locationInfo .infoRightR .newsContentBox1 .newsContentBoxInner .newsItem {
  overflow: hidden;
  height: 0.64rem;
}
#chongqing .locationInfo .infoRightR .newsContentBox1 .newsContentBoxInner .newsItem .newsItemL {
  float: left;
  width: 0.65rem;
  margin-right: 0.56rem;
  text-align: right;
}
#chongqing .locationInfo .infoRightR .newsContentBox1 .newsContentBoxInner .newsItem .newsItemL .date {
  font-size: 0.21rem;
}
#chongqing .locationInfo .infoRightR .newsContentBox1 .newsContentBoxInner .newsItem .newsItemL .year {
  opacity: 0.5;
  font-size: 0.12rem;
}
#chongqing .locationInfo .infoRightR .newsContentBox1 .newsContentBoxInner .newsItem .newsItemR {
  float: left;
  font-size: 0.16rem;
  width: 4.76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.32rem;
  cursor: pointer;
}
#chongqing .locationInfo .infoRightR .btnGroup {
  overflow: hidden;
  padding-left: 1.3rem;
}
#chongqing .locationInfo .infoRightR .btnGroup .commonUd {
  float: left;
  text-align: center;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.14rem;
  padding-top: 0.16rem;
  background: #202022;
  cursor: pointer;
  transition: all ease-in-out 0.7s;
}
#chongqing .locationInfo .infoRightR .btnGroup .commonUd:hover {
  box-shadow: 0 0.03rem 0.16rem 0 rgba(0, 0, 0, 0.44);
}
#chongqing .locationInfo .infoRightR .btnGroup .down {
  background: #202022;
  border: 1px solid #2b2b2c;
}
#chongqing .locationInfo .infoRightR .btnGroup .up {
  background: #202022;
  border: 1px solid #2b2b2c;
}
#chongqing .locationInfo .infoRightR .btnGroup .disable {
  border: 1px solid #2b2b2c;
  pointer-events: none;
}
#chongqing .locationInfo .infoMiddle {
  float: left;
  padding-top: 1.96rem;
  margin-right: 0.72rem;
}
#chongqing .locationInfo .infoMiddle .infoHead {
  overflow: hidden;
  margin-bottom: 0.32rem;
}
#chongqing .locationInfo .infoMiddle .infoHead .infoMiddle1 {
  float: left;
  width: 1.2rem;
  height: 0.36rem;
  margin-right: 0.24rem;
  line-height: 0.36rem;
  font-size: 0.14rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
#chongqing .locationInfo .infoMiddle .infoHead .infoActive {
  background: #e82c27;
  border: none !important;
}
#chongqing .locationInfo .infoMiddle .infoHead .infoMiddle2 {
  float: left;
  width: 1.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.14rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
#chongqing .locationInfo .infoMiddle .infoContent {
  width: 3.14rem;
  height: 4.46rem;
  border: 1px solid rgba(112, 112, 112, 0.4);
}
#chongqing .locationInfo .infoMiddle .infoContent img {
  width: 100%;
  height: 1.77rem;
}
#chongqing .locationInfo .infoMiddle .infoContent .infoContentFoot {
  padding: 0.3rem 0.22rem 0;
}
#chongqing .locationInfo .infoMiddle .infoContent .infoContentFoot .infoContentTime .month {
  font-size: 0.24rem;
  line-height: 0.28rem;
}
#chongqing .locationInfo .infoMiddle .infoContent .infoContentFoot .infoContentTime .year {
  opacity: 0.5;
  font-size: 0.12rem;
  line-height: 0.28rem;
}
#chongqing .locationInfo .infoMiddle .infoContent .infoContentFoot .line {
  width: 2.75rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0.16rem 0;
}
#chongqing .locationInfo .infoMiddle .infoContent .infoContentFoot .itemTitle {
  font-size: 0.18rem;
  line-height: 0.28rem;
  margin-bottom: 0.1rem;
  height: 0.56rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
#chongqing .locationInfo .infoMiddle .infoContent .infoContentFoot .itemDes {
  opacity: 0.6;
  font-size: 0.12rem;
  font-weight: 300;
  line-height: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#chongqing .guanwang {
  margin: 0 auto;
  color: #ffffff;
}
#chongqing .guanwang .guanwangContent {
  text-align: left;
  height: 100%;
}
#chongqing .guanwang .guanwangContent .baiwuchang {
  width: 100%;
  height: 50%;
  background: #202022;
  display: flex;
  justify-content: center;
  align-items: center;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp {
  padding-bottom: 0.84rem;
  position: relative;
  left: -1.2rem;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .title {
  text-align: left;
  margin-left: 0.9rem;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox {
  padding-left: 2.44rem;
  overflow: hidden;
  margin-top: 0.4rem;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem {
  overflow: hidden;
  float: left;
  margin-right: 0.48rem;
  width: 3.09rem;
  height: 1.69rem;
  text-align: center;
  cursor: pointer;
  position: relative;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.09rem;
  height: 1.69rem;
  z-index: 0;
  transition: all ease-in-out 0.7s;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem:hover .img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem:hover .inner1 {
  visibility: hidden;
  opacity: 0;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem:hover .inner2 {
  visibility: visible;
  opacity: 1;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .inner1 {
  position: relative;
  visibility: visible;
  opacity: 1;
  width: 3.09rem;
  height: 1.69rem;
  background: rgba(0, 0, 0, 0.6);
  padding-top: 0.35rem;
  transition: all ease-in-out 0.7s;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .inner1 .toolTitle {
  margin-top: 0.16rem;
  font-size: 0.24rem;
  font-weight: 500;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .inner2 {
  opacity: 0;
  visibility: hidden;
  width: 3.09rem;
  height: 1.69rem;
  top: -1.69rem;
  border: 1px solid #e82c27;
  box-shadow: 0 0.03rem 0.18rem 0 rgba(0, 0, 0, 0.69);
  position: relative;
  transition: all ease-in-out 0.7s;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .inner2 .footBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.09rem;
  height: 0.76rem;
  background: linear-gradient(#e81f2f, #e76604);
  box-shadow: 0 0.03rem 0.18rem 0 rgba(0, 0, 0, 0.69);
  padding-top: 0.1rem;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .inner2 .footBox .boxTitle {
  font-size: 0.2rem;
  font-weight: 700;
}
#chongqing .guanwang .guanwangContent .baiwuchang .guanwangUp .guanwangHeadBox .toolItem .inner2 .footBox .boxDes {
  font-size: 0.14rem;
  font-weight: 400;
}
#chongqing .guanwang .guanwangContent .heiwuchang {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner {
  width: 19.2rem;
  padding: 0.4rem 0.9rem 0;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox {
  padding-left: 1.05rem;
  overflow: hidden;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem {
  width: 2.33rem;
  height: 1.21rem;
  float: left;
  margin-right: 0.16rem;
  margin-bottom: 0.16rem;
  text-align: center;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(2) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(3) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(2) .inner2 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(3) .inner2 img {
  width: 0.66rem;
  height: 0.66rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(1) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(1) .inner2 img {
  width: 0.78rem;
  height: 0.78rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(4) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(4) .inner2 img {
  width: 1.11rem;
  height: 0.56rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(5) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(5) .inner2 img {
  width: 0.97rem;
  height: 0.62rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(6) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(6) .inner2 img {
  width: 1.27rem;
  height: 0.48rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(7) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(7) .inner2 img {
  width: 1.08rem;
  height: 0.44rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(8) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(8) .inner2 img {
  width: 0.81rem;
  height: 0.53rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(9) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(9) .inner2 img {
  width: 1.63rem;
  height: 0.49rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(10) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(10) .inner2 img {
  width: 0.95rem;
  height: 0.69rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(11) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(11) .inner2 img {
  width: 0.56rem;
  height: 0.64rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(12) .inner1 img,
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:nth-child(12) .inner2 img {
  width: 1.35rem;
  height: 0.22rem;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:hover .inner1 {
  visibility: hidden;
  opacity: 0;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem:hover .inner2 {
  visibility: visible;
  opacity: 1;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem .inner1 {
  visibility: visible;
  opacity: 1;
  width: 2.33rem;
  height: 1.21rem;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #2b2b2c;
  transition: all ease-in-out 0.7s;
  position: relative;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem .inner1 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem .inner2 {
  visibility: hidden;
  opacity: 0;
  width: 2.33rem;
  height: 1.21rem;
  top: -1.21rem;
  background: #2b2b2c;
  position: relative;
  transition: all ease-in-out 0.7s;
}
#chongqing .guanwang .guanwangContent .heiwuchang .guanwangPartner .partnerBox .partnerItem .inner2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#chongqing .infoContentInnor {
  width: 3.14rem;
  height: 4.46rem;
  border: 1px solid rgba(112, 112, 112, 0.4);
}
#chongqing .infoContentInnor img {
  width: 100%;
  height: 1.77rem;
}
#chongqing .infoContentInnor .infoContentFoot {
  padding: 0.3rem 0.22rem 0;
}
#chongqing .infoContentInnor .infoContentFoot .infoContentTime .month {
  font-size: 0.24rem;
  line-height: 0.28rem;
}
#chongqing .infoContentInnor .infoContentFoot .infoContentTime .year {
  opacity: 0.5;
  font-size: 0.12rem;
  line-height: 0.28rem;
}
#chongqing .infoContentInnor .infoContentFoot .line {
  width: 2.75rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0.16rem 0;
}
#chongqing .infoContentInnor .infoContentFoot .itemTitle {
  font-size: 0.18rem;
  line-height: 0.28rem;
  margin-bottom: 0.1rem;
  height: 0.56rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
#chongqing .infoContentInnor .infoContentFoot .itemDes {
  opacity: 0.6;
  font-size: 0.12rem;
  font-weight: 300;
  line-height: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#chongqing .titleS .title {
  font-size: 0.18rem;
  font-weight: 500;
  padding-left: 0.2rem;
  position: relative;
}
#chongqing .titleS .title .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.06rem;
  height: 0.25rem;
  background: linear-gradient(#e81f2f, #e76604);
}
#chongqing .titleS .title .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.96rem;
  height: 0.2rem;
  font-size: 0.14rem;
  cursor: pointer;
}
#chongqing .humiCount {
  font-family: "Zidingyi";
  font-size: 0.3rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.3rem;
  letter-spacing: 0.01rem;
}
#chongqing .humiName {
  opacity: 0.67;
  font-size: 0.14rem;
  font-weight: 300;
}
#chongqing .commonHead {
  color: #ffffff;
  margin-bottom: 0.1rem;
  overflow: hidden;
}
#chongqing .commonHead .titleLeft {
  float: left;
  font-size: 0.2rem;
}
#chongqing .commonHead .titleRight {
  float: right;
  font-size: 0.16rem;
  cursor: pointer;
  opacity: 0.6;
}
#chongqing .titleAndDes .title {
  font-size: 0.3rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  margin-bottom: 0.1rem;
}
#chongqing .titleAndDes .des {
  opacity: 0.7;
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
#chongqing .buttonContainer,
#chongqing .listContainer {
  margin: 0.24rem;
}
#chongqing .buttonContainer button {
  margin: 0 0.2rem 0 0;
}
#chongqing .listContainer {
  height: 5.7rem;
  width: 4.48rem;
  padding: 0 0.24rem;
  border: 1px solid #ddd;
  overflow: hidden;
}
#chongqing .animate {
  transition: all 0.8s;
}
#chongqing .opacityAnimation {
  animation: opacityAnimation 1s 1;
  -webkit-animation: opacityAnimation 1s 1;
}
@keyframes opacityAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes opacityAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.collectCompanyDetailBox {
  width: 100%;
  padding-top: 60px;
}
.collectCompanyDetailBox .topBox {
  width: 100%;
  height: 370px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/collectCompany/topBc.png') 50% 50% / cover no-repeat;
}
.collectCompanyDetailBox .topBox .top {
  width: 1100px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 53px 0 47px;
}
.collectCompanyDetailBox .topBox .top p {
  height: 19px;
  line-height: 19px;
  margin-bottom: 27px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.collectCompanyDetailBox .topBox .top .detailBox .leftBox,
.collectCompanyDetailBox .topBox .top .detailBox .rightBox {
  float: left;
  width: 530px;
}
.collectCompanyDetailBox .topBox .top .detailBox .leftBox .parent div,
.collectCompanyDetailBox .topBox .top .detailBox .rightBox .parent div {
  float: left;
  width: 260px;
  height: 50px;
  margin-bottom: 37px;
  line-height: 50px;
  font-size: 14px;
  color: #ffffff;
}
.collectCompanyDetailBox .topBox .top .detailBox .leftBox .parent div:nth-child(1),
.collectCompanyDetailBox .topBox .top .detailBox .rightBox .parent div:nth-child(1) {
  border: solid 1px #ffffff;
  background-color: #608ce8;
  text-align: center;
}
.collectCompanyDetailBox .topBox .top .detailBox .leftBox .parent div:nth-child(2),
.collectCompanyDetailBox .topBox .top .detailBox .rightBox .parent div:nth-child(2) {
  padding-left: 30px;
  margin-left: 8px;
  color: #333333;
  background-color: #f2f9ff;
}
.collectCompanyDetailBox .topBox .top .detailBox .leftBox .parent:nth-child(3) div:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collectCompanyDetailBox .topBox .top .detailBox .rightBox {
  margin-left: 40px;
}
.collectCompanyDetailBox .bottomBox {
  width: 100%;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding: 50px 0 65px;
}
.collectCompanyDetailBox .bottomBox .bottom {
  width: 1200px;
  margin: 0 auto;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox {
  width: 100%;
  height: 500px;
  box-sizing: border-box;
  padding: 33px 50px 72px;
  background: #fff;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .businessScope .title,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .companyProfiles .title,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .title {
  position: relative;
  width: 100%;
  margin-bottom: 21px;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .businessScope .title .line,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .companyProfiles .title .line,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .title .line {
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 19px;
  background-color: #108ee9;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .businessScope .title .name,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .companyProfiles .title .name,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .title .name {
  width: 63px;
  height: 15px;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .businessScope .content,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .companyProfiles .content,
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .content {
  height: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  text-align: justify;
  color: #666666;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .businessScope {
  height: 195px;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .companyProfiles {
  margin: 58px 0 64px;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box {
  float: left;
  width: 260px;
  height: 340px;
  margin-right: 20px;
  border: solid 1px #f0f0f0;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .imgBox {
  width: 260px;
  height: 199px;
  background-color: #e2e2e2;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .imgBox img {
  width: 100%;
  height: 100%;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 15px 19px;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox p:nth-child(1) {
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #333333;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox p:nth-child(2) {
  height: 14px;
  line-height: 1.43;
  margin: 13px 0 23px;
  font-size: 14px;
  color: #999999;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox .priceBox {
  box-sizing: border-box;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox .priceBox span:nth-child(1) {
  font-size: 14px;
  color: #51c796;
  margin-right: 10px;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox .priceBox span:nth-child(2) {
  font-size: 24px;
  color: #51c796;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box .descBox .priceBox span:nth-child(3) {
  font-size: 14px;
  color: #51c796;
}
.collectCompanyDetailBox .bottomBox .bottom .contentBox .productService .product .box:nth-child(4) {
  margin-right: 0;
}
.collectCompanyDetailBox .bottomBox .bottom .chooseBox {
  width: 100%;
  height: 200px;
  margin-top: 50px;
  box-sizing: border-box;
  padding: 80px 0;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/collectCompany/bottomBc.png') 50% 50% / cover no-repeat;
}
.collectCompanyDetailBox .bottomBox .bottom .chooseBox a {
  display: block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border: solid 1px #ffffff;
}

.collectCompanyBox {
  background-color: #f8f8f8;
}
.collectCompanyBox .collectCompanyBox {
  width: 1200px;
  margin: 0 auto;
}
.collectCompanyBox .collectCompanyBox .title {
  width: 100%;
  height: 58px;
  line-height: 58px;
  color: #999999;
}
.collectCompanyBox .collectCompanyBox .title span:nth-child(2) {
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #e3e3e3;
  margin: 0 12px;
}
.collectCompanyBox .collectCompanyBox .choose {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  padding: 20px 74px 20px 64px;
  background: #fff;
}
.collectCompanyBox .collectCompanyBox .choose .region,
.collectCompanyBox .collectCompanyBox .choose .line,
.collectCompanyBox .collectCompanyBox .choose .person,
.collectCompanyBox .collectCompanyBox .choose .company {
  float: left;
}
.collectCompanyBox .collectCompanyBox .choose .line {
  width: 1px;
  height: 26px;
  margin: 0 50px 0 55px;
  background-color: #e3e3e3;
}
.collectCompanyBox .collectCompanyBox .choose .region .ant-select .ant-select-selection--single {
  border: none;
  color: #616161;
}
.collectCompanyBox .collectCompanyBox .choose .region .ant-select .ant-select-selection--single .ant-select-selection__placeholder {
  color: #616161;
}
.collectCompanyBox .collectCompanyBox .choose .person,
.collectCompanyBox .collectCompanyBox .choose .company {
  position: relative;
  width: 350px;
}
.collectCompanyBox .collectCompanyBox .choose .person .name,
.collectCompanyBox .collectCompanyBox .choose .company .name {
  margin-right: 16px;
  font-size: 14px;
  color: #616161;
}
.collectCompanyBox .collectCompanyBox .choose .person .ant-input,
.collectCompanyBox .collectCompanyBox .choose .company .ant-input {
  height: 30px;
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.collectCompanyBox .collectCompanyBox .choose .person .ant-btn,
.collectCompanyBox .collectCompanyBox .choose .company .ant-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.collectCompanyBox .collectCompanyBox .companyList {
  width: 100%;
  height: 1669px;
  margin-top: 18px;
  box-sizing: border-box;
  padding: 0 20px;
  background: #fff;
}
.collectCompanyBox .collectCompanyBox .companyList .box {
  width: 100%;
  height: 166px;
  box-sizing: border-box;
  padding: 17px 0;
  border-bottom: 1px solid #e3e3e3;
}
.collectCompanyBox .collectCompanyBox .companyList .box .imgBox,
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox,
.collectCompanyBox .collectCompanyBox .companyList .box .optionBox {
  float: left;
}
.collectCompanyBox .collectCompanyBox .companyList .box .imgBox {
  display: block;
  width: 132px;
  height: 132px;
  margin-right: 28px;
  background: #e3e3e3;
}
.collectCompanyBox .collectCompanyBox .companyList .box .imgBox img {
  width: 100%;
  height: 100%;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox {
  width: 675px;
  border-right: 1px solid #e3e3e3;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .companyTitle {
  font-size: 18px;
  font-weight: 900;
  color: #333333;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content {
  margin-top: 10px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox,
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .rightBox {
  float: left;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div,
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div {
  line-height: 14px;
  margin-top: 15px;
  font-size: 14px;
  color: #333333;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div span,
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div span {
  display: inline-block;
  font-size: 14px;
  color: #666666;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox {
  width: 255px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div span:nth-child(1) {
  width: 100px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div:nth-child(2) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div:nth-child(2) span:nth-child(2) {
  width: 155px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .rightBox {
  margin-left: 80px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div:nth-child(2) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collectCompanyBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div:nth-child(2) span:nth-child(2) {
  width: 200px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .optionBox {
  line-height: 120px;
  margin-left: 73px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .optionBox a {
  font-size: 14px;
  color: #108ee9;
}
.collectCompanyBox .collectCompanyBox .companyList .box .optionBox .line {
  position: relative;
  display: inline-block;
  width: 50px;
}
.collectCompanyBox .collectCompanyBox .companyList .box .optionBox .line span {
  position: absolute;
  top: -13px;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 23px;
  background-color: #e3e3e3;
}
.collectCompanyBox .collectCompanyBox .companyList .box .optionActiveBox {
  margin-left: 130px;
}
.collectCompanyBox .collectCompanyBox .companyList .box:nth-child(10) {
  border-bottom: none;
}
.collectCompanyBox .collectCompanyBox .bottomBox {
  width: 550px;
  height: 150px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 47px 0 85px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.knowHumi {
  padding-top: 60px;
  background-color: #f8fafe;
  line-height: 1;
  padding-bottom: 67px;
  width: 100%;
}
.knowHumi .title {
  text-align: center;
  position: relative;
  z-index: 1;
}
.knowHumi .title > h2 {
  font-size: 32px;
  color: #333;
  font-weight: 600;
}
.knowHumi .title > p {
  font-size: 36px;
  color: #f0f0f0;
  font-weight: 600;
  position: relative;
  z-index: -1;
  top: -15px;
}
.knowHumi .bannerTop {
  position: relative;
  display: block;
  width: 100%;
  height: 450px;
}
.knowHumi .bannerTop .pcTopImageBox {
  position: relative;
  display: block;
  width: 100%;
  height: 450px;
}
.knowHumi .bannerTop .pcTopImageBox img {
  height: 100%;
  width: 100%;
}
.knowHumi .bannerTop .pcTopImageBox .pcBannerTitle {
  position: absolute;
  top: 100px;
  left: 25%;
  color: #fff;
  font-size: 25px;
}
.knowHumi .bannerTop .pcTopImageBox .pcBannerTitleTwo {
  position: absolute;
  top: 155px;
  left: 24.7%;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  font-size: 18px;
}
.knowHumi .bannerTop .pcALL {
  position: absolute;
  bottom: 100px;
  left: 24.7%;
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}
.knowHumi .bannerTop .pcALL:hover {
  border: #108ee9;
  background: #108ee9;
  color: #fff;
}
.knowHumi #company-introduction {
  height: 460px;
  background: #24284e url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-28.jpg') no-repeat 50% 50% / cover;
}
.knowHumi #company-introduction + div {
  text-align: center;
}
.knowHumi #company-introduction + div > h3 {
  font-size: 26px;
  color: #333;
  text-align: center;
  font-weight: 600;
  margin: 39px 0 39px;
}
.knowHumi #core-advantage {
  padding-top: 95px;
  text-align: center;
}
.knowHumi #core-advantage > p {
  font-size: 20px;
  color: #666;
  margin: 34px 0 73px;
}
.knowHumi #core-advantage > p > span {
  color: #ff6d20;
  font-size: 20px;
}
.knowHumi #core-advantage > div:nth-child(3) {
  width: 1130px;
  margin: auto;
}
.knowHumi #core-advantage > div:nth-child(3) > div {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
  height: 175px;
}
.knowHumi #core-advantage > div:nth-child(3) > div > p {
  width: 191px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.knowHumi #core-advantage > div:nth-child(3) > div > i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 140px;
  background-color: #e3e3e3;
}
.knowHumi #enterprise-honor {
  width: 1130px;
  margin: auto;
  padding-top: 128px;
}
.knowHumi #enterprise-honor > div:nth-child(2) {
  margin-top: 47px;
}
.knowHumi #enterprise-honor .bg {
  height: 360px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-18.jpg') no-repeat;
  position: relative;
}
.knowHumi #enterprise-honor .bg > p {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 63px;
  background-color: rgba(254, 109, 26, 0.87);
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.knowHumi #enterprise-honor .ant-row > div:nth-child(2) .bg {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-19.jpg') no-repeat;
}
.knowHumi #enterprise-honor .ant-row > div:nth-child(3) .bg {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-20.jpg') no-repeat;
}
.knowHumi #enterprise-honor .certificate {
  margin-top: 54px;
}
.knowHumi #enterprise-honor .certificate > div {
  height: 364px;
}
.knowHumi #enterprise-honor .certificate > span {
  display: block;
  width: 220px;
  height: 38px;
  border: 1px solid #d2d2d2;
  font-size: 16px;
  color: #333;
  line-height: 38px;
  margin: 18px auto 0;
  text-align: center;
}
.knowHumi #business-events {
  padding-top: 146px;
  text-align: center;
}
.knowHumi #business-events > img {
  margin: 35px 0 93px;
}
.knowHumi #partner > div:nth-child(2) {
  margin: 50px auto 0;
  width: 1163px;
  zoom: 1;
}
.knowHumi #partner > div:nth-child(2):after {
  display: block;
  content: '';
  clear: both;
}
.knowHumi #partner > div:nth-child(2) > div {
  float: left;
  width: 144px;
  height: 100px;
  background-color: white;
  position: relative;
  margin-right: 25px;
  margin-bottom: 25px;
}
.knowHumi #partner > div:nth-child(2) > div > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.knowHumi #partner > div:nth-child(2) > div:nth-child(7n) {
  margin-right: 0;
}

body {
  background-color: #f6f8fb;
}
.f-left {
  float: left;
}
.f-left * {
  margin-right: 20px;
}
.f-right {
  float: right;
}
.f-right a {
  margin-right: 20px;
}
.f-right span {
  margin-right: 20px;
}
.f-right span a {
  margin: 0 2.5px;
}
.content-space {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.conTil {
  margin-top: 50px;
}
.conTil > * {
  vertical-align: middle;
  font-weight: bold;
}
.conTilLine {
  height: 40px;
  width: 6px;
  background-color: #426dfb;
  display: inline-block;
  margin-right: 20px;
}
.conTilWz {
  color: #333;
  font-size: 24px;
}
.conTilYw {
  color: #999;
  font-size: 16px;
  margin-left: 10px;
}
.conInfo {
  padding-top: 30px;
}
.conIntro p {
  margin-bottom: 30px;
  color: #4a4a4a;
}
.conIntro p:last-child {
  margin-bottom: 0;
}
.conSpaceChara img {
  width: 100%;
}
.conSpaceChara > div:nth-child(1) {
  height: 380px;
}
.conSpaceChara > div:nth-child(1) > div:first-child {
  width: 75%;
  display: inline-block;
}
.conSpaceChara > div:nth-child(1) > div:first-child .slick-track {
  height: 380px;
}
.conSpaceChara > div:nth-child(1) > div:first-child .slick-track > i {
  width: 100%;
  display: inline-block;
  height: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/space/1.jpg') 50% 50% / cover no-repeat;
}
.conSpaceChara > div:nth-child(1) > div:first-child .slick-track > i:nth-child(2) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/space/2.jpg') 50% 50% / cover no-repeat;
}
.conSpaceChara > div:nth-child(1) > div:first-child .slick-track > i:nth-child(3) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/space/3.jpg') 50% 50% / cover no-repeat;
}
.conSpaceChara > div:nth-child(1) > div:first-child .slick-track > i:nth-child(4) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/space/4.jpg') 50% 50% / cover no-repeat;
}
.conSpaceChara > div:nth-child(1) > div:first-child .slick-track > i:nth-child(5) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/space/5.jpg') 50% 50% / cover no-repeat;
}
.conSpaceChara > div:nth-child(1) div.side {
  width: 25%;
  display: inline-block;
  padding: 50px;
  background-color: white;
  vertical-align: top;
  height: 380px;
}
.conSpaceChara > div:nth-child(1) div.side > h4 {
  font-size: 26px;
  font-weight: 600;
}
.conSpaceChara > div:nth-child(1) div.side > i {
  display: block;
  width: 20px;
  height: 2px;
  background-color: black;
  margin: 20px 0;
}
.conSpaceChara > div:nth-child(1) div.side > p {
  color: #666;
}
.conBg {
  background: #fff;
  width: 100%;
}
.conActiv {
  padding-bottom: 35px;
}
.conMap {
  padding-bottom: 50px;
}
.conMap .conInfoSlide {
  width: 50%;
  display: block;
  position: relative;
  float: left;
}
.conMap .conInfoSlide .slideWz {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  color: #000;
  height: 100%;
}
.conMap .conInfoSlide .slideWz p {
  font-size: 30px;
}
.conMap .conInfoSlide .slideWz p i {
  color: #397ecd;
}
.conMap .conInfoSlide .slideWz span {
  font-size: 14px;
  color: #333;
  display: inline-block;
  margin-bottom: 70px;
}
.conMap .conInfoSlide .slideWz a {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  width: 190px;
  padding: 8px 0;
  margin: 0 auto;
  background-color: #397ecd;
}
.conMapAddress {
  margin-top: 15px;
  color: #333;
}
.conMapAddress i {
  margin-right: 5px;
  font-size: 18px;
  color: #cbcacf;
}
.conMapAddress > span {
  font-size: 14px;
}
.conMapAll > * {
  color: #06af79 !important;
}
.conMapAll i {
  font-size: 12px;
  margin-right: 5px;
}
.conEnteService {
  padding-bottom: 75px;
}
.conRegTop {
  position: absolute;
  top: 45px;
  left: 25px;
  color: #fff;
}
.conRegTop p {
  font-size: 24px;
}
.conRegTop span {
  font-size: 14px;
}
.conRegBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #397ecd;
  color: #fff;
}
.conRegBottom span {
  display: inline-block;
  width: 33.333%;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}
.conRegService {
  background-color: #fff;
  padding: 16px 20px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.conRegName {
  font-size: 18px;
  color: #333;
}
.conRegIntro {
  font-size: 16px;
  margin-top: 5px;
  color: #666;
}
.conRegPrice {
  font-size: 30px;
  line-height: 30px;
  color: #f7791b;
  margin-top: 29.4px;
}
.conRegLarge .conRegPrice {
  margin-top: 80px;
}
.conRegBtn {
  color: #426dfb;
  border: 1px solid #426dfb;
  display: inline-block;
  font-size: 16px;
  padding: 10px 35px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 25px;
  margin-bottom: 27px;
}
.conRegBtn:hover {
  color: #426dfb !important;
}
.conRegRead {
  background-color: #fff;
  border-right: 1px solid #d2d2d2;
}
.conReadTil {
  padding: 20px;
  border-bottom: 1px solid #d2d2d2;
  font-size: 18px;
  color: #333;
}
.conReadList {
  padding: 0 20px;
  border-bottom: 1px solid #d2d2d2;
}
.conEnteService .conReadSingle img {
  width: auto;
  display: inline-block;
}
.conReadSingle {
  border-bottom: 1px dashed #d2d2d2;
  padding: 35px 15px;
}
.conReadSingle:last-child {
  border-bottom: 0;
  padding-bottom: 37px;
}
.conReadSingle:last-child span {
  max-width: 145px;
}
.conReadSingle a {
  font-size: 16px;
  color: #333;
}
.conReadSingle a:hover {
  color: #426dfb !important;
}
.conReadSingle a > * {
  display: inline-block;
  vertical-align: middle;
}
.conReadSingle a span {
  margin-left: 25px;
}
.conEnteList {
  height: 120px;
  position: relative;
}
.conEnteList img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 110px;
}
.conEnteList + p {
  text-align: center;
}
.conSpaceEnte {
  padding-bottom: 40px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.conSpaceEnte .p-scroll {
  white-space: nowrap;
  position: relative;
}
.conSpaceEnte .p-scroll .item {
  width: 196px;
  display: inline-block;
  cursor: pointer;
}
.conSpaceEnte .btn-left,
.conSpaceEnte .btn-right {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(57, 126, 205, 0.5);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
}
.conSpaceEnte .btn-right {
  left: auto;
  right: 0;
}
.conSpaceEnte .btn-left i,
.conSpaceEnte .btn-right i {
  color: #fff;
}
header {
  background-color: #f4f4f4;
}
header .header {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  padding: 12px 0;
  color: #888;
}
header .header .headerLeft > *,
header .header .headerRight > * {
  margin-right: 20px;
}
header .header a {
  color: #888;
}
header .header i {
  margin-left: 5px;
}
.custom-image img {
  display: block;
}
.custom-card {
  padding: 15px;
}
.custom-card p {
  min-height: 42px;
}
.conEnteService .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #426dfb;
  color: #666;
  padding: 16px 34.8px 13px;
}
.conEnteService .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-top: 1px solid #426dfb;
  border-left: 1px solid #426dfb;
  border-right: 1px solid #426dfb;
  color: #333;
  padding: 16px 34.8px 14px;
}
.conEnteService .ant-tabs-nav-container {
  height: 52px !important;
}
.conEnteService .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active:last-child {
  border-right: 1px solid #426dfb;
}
.conEnteService .ant-tabs.ant-tabs-card > .ant-tabs-bar {
  margin-bottom: 0;
}
.conEnteService img {
  width: 100%;
  display: block;
}
.bannerCon {
  position: relative;
}
.bannerCon img {
  max-width: 100%;
}
.bannerCon .bannerCenter {
  width: 1200px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 20px 50px;
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
}
.bannerCon .bannerCenter .bannerTil span:first-child {
  font-size: 36px;
}
.bannerCon .bannerCenter .bannerTil i {
  font-size: 18px;
  margin: 0 10px;
}
.bannerCon .bannerCenter .bannerTil span:last-child {
  font-size: 18px;
}
.bannerCon .bannerCenter .bannerTag {
  max-width: 798px;
  margin: 20px 0 20px 0;
}
.bannerCon .bannerCenter .bannerTag a {
  color: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 16px;
  min-width: 130px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  margin-right: 20px;
  margin-bottom: 30px;
  cursor: auto;
}
.bannerCon .bannerCenter .bannerInfo p {
  color: #fff;
  font-size: 16px;
}
.bannerCon .bannerCenter .bannerInfo p span {
  font-size: 22px;
}
.bannerCon .bannerCenter .bannerBtn {
  display: inline-block;
  background-color: #397ecd;
  color: #fff;
  font-size: 18px;
  width: 148px;
  padding: 10.5px 0;
  text-align: center;
  margin-top: 35px;
}
.bannerCon .ant-carousel .slick-slide {
  text-align: center;
  overflow: hidden;
}
.bannerCon .ant-carousel .slick-slide {
  background-size: 100% 100% !important;
  height: 580px;
  width: 100%;
}
.bannerCon .ant-carousel .slick-dots {
  display: none !important;
}
.bannerCon .ant-carousel .slick-slide h3 {
  color: #fff;
}
.bannerCon .ant-carousel .banner .slick-dots {
  height: auto;
  bottom: 50px;
}
.bannerCon .ant-carousel .banner .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #426dfb;
  opacity: 1;
}
.bannerCon .ant-carousel .banner .slick-dots li button:hover,
.bannerCon .ant-carousel .banner .slick-dots li button:focus {
  opacity: 1;
  background: #426dfb;
}
.bannerCon .ant-carousel .banner .slick-dots li.slick-active button {
  width: 20px;
  background: #426dfb;
}
.bannerNav {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  overflow: hidden;
  padding: 30px 0;
}
.bannerNav img {
  display: inline-block;
}
.bannerNav .bannerNavRight {
  float: right;
}
.bannerNav .bannerNavRight a {
  color: #333;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: 54px;
  margin-right: 30px;
}
.bannerNav .bannerNavRight a:last-child {
  margin-right: 0;
}
.bannerNav .bannerNavRight .bannerNavLine {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #333;
  vertical-align: middle;
  margin-right: 30px;
}
.bannerNav .bannerNavRight .bannerNavlast {
  display: inline-block;
}
.bannerNav .bannerNavRight .bannerNavlast a {
  font-weight: 600;
}
.applySettledModal {
  text-align: center;
  padding: 30px 0;
}
.applySettledModal i {
  color: #43c88f;
  font-size: 45px;
}
.applySettledModal p {
  margin-top: 25px;
  color: #333;
  font-size: 18px;
}
.applySettledModal p:last-child {
  font-size: 24px;
}
.pc_map {
  float: right;
  display: block;
  width: 50%;
  height: 343px;
}
.phone_map,
.phone_active,
.phone_company {
  display: none;
}

.slider {
  position: relative;
  overflow: hidden;
}
.slider .sliderCon {
  width: 800%;
  height: 343px;
}
.slider .sliderCon .imgCommon {
  display: inline-block;
}
.slider .sliderCon .imgCommon img {
  width: 600px;
  height: 343px;
}
.slider .sliderSwitch {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.slider .sliderSwitch span {
  display: inline-block;
  padding: 7px 8px;
  background: rgba(57, 126, 205, 0.5);
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  z-index: 90;
}
.slider .sliderSwitch span i {
  color: #fff;
  font-size: 20px;
}
.slider .sliderSwitch span:hover {
  background: rgba(57, 126, 205, 0.85);
}
.slider .sliderSwitch span:first-child {
  left: 20px;
}
.slider .sliderSwitch span:last-child {
  right: 20px;
}

#humi-news-content {
  line-height: 1;
  padding-bottom: 61px;
  background-color: #f8fafe;
}
#humi-news-content .title {
  height: 150px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-25-new.png') no-repeat 100% 100%;
  background-size: cover;
}
#humi-news-content .title > div {
  height: 100%;
  width: 1176px;
  margin: 0 auto;
  padding: 49px 0 0 54px;
}
#humi-news-content .title > div > h2 {
  font-size: 30px;
  letter-spacing: 20px;
  color: #fff;
  margin-bottom: 19px;
}
#humi-news-content .title > div > p {
  color: #789ccf;
  letter-spacing: 5.4px;
}
#humi-news-content > ul:nth-child(2) {
  width: 1176px;
  margin: 0 auto;
  padding: 0 18px;
}
#humi-news-content > ul:nth-child(2) > li {
  height: 248px;
}
#humi-news-content > ul:nth-child(2) > li:after {
  content: '';
  display: block;
  width: 1120px;
  height: 1px;
  background-color: #e3e3e3;
  position: absolute;
  bottom: 0;
  left: 18px;
}
#humi-news-content > ul:nth-child(2) .news-item {
  position: relative;
  padding: 35px 0 0 332px;
}
#humi-news-content > ul:nth-child(2) .news-item > img {
  position: absolute;
  width: 300px;
  height: 200px;
  left: 0;
  top: 21px;
}
#humi-news-content > ul:nth-child(2) .news-item > h2 {
  font-size: 20px;
  letter-spacing: 0.6px;
  color: #333;
  font-weight: 600;
}
#humi-news-content > ul:nth-child(2) .news-item > p {
  color: #999;
  margin: 28px 0 19px;
}
#humi-news-content > ul:nth-child(2) .news-item > div {
  color: #333;
  letter-spacing: 0.4px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#humi-news-content > ul:nth-child(2) .news-item > a {
  position: absolute;
  bottom: 31px;
  left: 332px;
}
#humi-news-content > ul:nth-child(2) .news-item > a:hover {
  color: #e0611e;
}
#humi-news-content > ul:nth-child(3) {
  margin-top: 39px;
  text-align: center;
}

.companyLib {
  background-color: #eff3f5;
}
.companyLib .banner {
  margin-top: 110px;
}
.companyLib .banner .banDiv {
  width: 100%;
  display: block;
  height: 460px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.companyLib .cardBox {
  background: #fff;
  padding: 24px 0 28px 0;
}
.companyLib .cardBox .cardItem {
  padding: 29px 0 21px 18px;
  line-height: 1.1;
  height: 160px;
  cursor: pointer;
}
.companyLib .cardBox .cardItem.bg-1 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/companyLib/card-bg-1.png") center center no-repeat;
  background-size: cover;
}
.companyLib .cardBox .cardItem.bg-2 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/companyLib/card-bg-2.png") center center no-repeat;
  background-size: cover;
}
.companyLib .cardBox .cardItem.bg-2 p {
  color: #fff !important;
}
.companyLib .cardBox .cardItem.bg-3 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/companyLib/card-bg-3.png") center center no-repeat;
  background-size: cover;
}
.companyLib .cardBox .cardItem.bg-4 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/companyLib/card-bg-4.png") center center no-repeat;
  background-size: cover;
}
.companyLib .cardBox .cardItem.bg-4 p {
  color: #fff !important;
}
.companyLib .cardBox .cardItem p:first-child {
  font-size: 36px;
  color: #000;
}
.companyLib .cardBox .cardItem p:nth-child(2) {
  font-size: 14px;
  color: #999;
  margin: 6px 0 23px 0;
}
.companyLib .cardBox .cardItem p:last-child {
  font-size: 14px;
  color: #666;
  width: 172px;
  word-break: break-all;
  line-height: 1.3;
}
.companyLib .filter {
  margin-bottom: 30px;
  position: relative;
}
.companyLib .filter .searchResult {
  position: absolute;
  width: 100%;
  top: -35px;
  left: 0;
  text-align: center;
  opacity: 0;
}
.companyLib .filter .showResult {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  top: -28px;
  opacity: 1;
}
.companyLib .filter .filterBox {
  margin: 34px 0 11px 0;
  background: #fff;
  padding: 0 20px 0 0;
}
.companyLib .filter .filterBox .filterConditionBox {
  padding: 18px 0;
}
.companyLib .filter .filterBox .filterConditionBox * {
  color: #616161;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-8 {
  padding: 6px 20px;
  font-size: 14px;
  border-left: 1px solid #d6dadd;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-8 .ant-select {
  width: 100%;
  font-size: 16px;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection:focus {
  box-shadow: none;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection--single {
  border: none;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-8:first-child {
  border-left: none;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-8 .ant-select-arrow {
  color: #4d8cd2;
}
.companyLib .filter .filterBox .filterConditionBox .ant-col-6:last-child {
  border-right: 1px solid #d6dadd;
}
.companyLib .filter .filterBox .searchBox div {
  display: inline-block;
  margin: 18px 0 0 0;
  position: relative;
}
.companyLib .filter .filterBox .searchBox .searchConfirmBtn {
  font-style: normal;
  font-size: 12px;
  width: 24px;
  display: none;
  cursor: pointer;
}
.companyLib .filter .filterBox .searchBox .sliding input {
  width: 246px;
  padding: 5px 60px 5px 22px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.companyLib .filter .filterBox .searchBox .sliding .clearInput {
  display: block;
  right: 0px !important;
}
.companyLib .filter .filterBox .searchBox .sliding .searchConfirmBtn {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 12px;
  font-style: normal;
  display: block;
}
.companyLib .filter .filterBox .searchBox input {
  border: none;
  border-bottom: 1px solid #d6dadb;
  padding: 5px 0;
  width: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  outline: none;
}
.companyLib .filter .filterBox .searchBox .clearInput {
  font-size: 16px;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 5px;
  cursor: pointer;
  display: none;
}
.companyLib .filter .filterBox .searchBox .searchBtn {
  font-size: 20px;
  color: #999;
  position: absolute;
  left: 0;
  bottom: 5px;
  cursor: pointer;
}
.companyLib .filter .filterBox .filterRight {
  padding: 27.5px 0;
  text-align: right;
  line-height: 1.1;
}
.companyLib .filter .filterBox .filterRight .ant-dropdown-link .anticon {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.companyLib .filter .filterBox .filterRight .arrowChange .anticon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.companyLib .filter .filterBox .filterRight * {
  font-size: 14px;
}
.companyLib .filter .filterBox .filterRight a {
  margin-left: 20px;
  color: #a5a6a8;
  text-decoration: none;
}
.companyLib .filter .filterBox .filterRight a i {
  color: #4d8cd2;
}
.companyLib .filter .filterBox .filterRight span {
  margin-right: 10px;
}
.companyLib .itemPagination {
  text-align: center;
  margin: 26px 0 46px 0;
  line-height: 1.1;
}
.companyLib .itemPagination .ant-pagination {
  display: inline-block;
}

.companyLibItemBox .item {
  padding: 23px 17px 15px 17px;
  background: #fff;
  margin: 0 0 24px 0;
  position: relative;
  top: 0;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  height: 400px;
}
.companyLibItemBox .item:hover {
  box-shadow: 0 8px 16px rgba(31, 31, 31, 0.1);
  top: -10px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.companyLibItemBox .item .itemLogo {
  margin: 0 auto 29px auto;
  display: block;
  width: 80px;
  height: 80px;
}
.companyLibItemBox .item .trueP {
  text-align: center;
  color: #999;
  margin-bottom: 10px;
}
.companyLibItemBox .item .itemName {
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 14px 0;
  position: relative;
}
.companyLibItemBox .item .itemName .storename {
  display: inline-block;
  max-width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.companyLibItemBox .item .itemName .authIcon {
  color: #00d58c;
  margin: 0 0 0 8px;
}
.companyLibItemBox .item .itemName img {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: top;
}
.companyLibItemBox .item .itemName .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 5px;
}
.companyLibItemBox .item .itemName .ant-tooltip-arrow {
  border-bottom-color: #64deab;
}
.companyLibItemBox .item .itemName .ant-tooltip-arrow:after {
  top: 2px;
  border-width: 0 5px 5px;
  display: block;
  content: '';
  border-color: transparent;
  border-style: solid;
  margin: 1px 0 0 -5px;
  border-bottom-color: #fff;
}
.companyLibItemBox .item .itemName .ant-tooltip-inner {
  max-width: 250px;
  padding: 2px 5px;
  color: #64deab;
  text-align: left;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #64deab;
  font-size: 12px;
  line-height: 1.1;
  min-height: auto;
  box-shadow: none;
  border-radius: 0;
}
.companyLibItemBox .item .itemIcon {
  text-align: center;
  font-size: 0;
  margin: 0 0 34px 0;
  height: 16px;
}
.companyLibItemBox .item .itemIcon img {
  margin: 0 16px 0 0;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.companyLibItemBox .item .itemIcon img:last-child {
  margin: 0;
}
.companyLibItemBox .item .itemTags {
  text-align: center;
  margin: 0 0 0 -16px;
  font-size: 0;
  height: 74px;
}
.companyLibItemBox .item .itemTags:after {
  clear: both;
  content: '';
  display: block;
}
.companyLibItemBox .item .itemTags li {
  display: inline-block;
  margin: 0 0 10px 0;
  width: 33.33%;
  padding: 0 0 0 16px;
  font-size: 12px;
}
.companyLibItemBox .item .itemTags li p {
  width: 100%;
  text-align: center;
  padding: 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f0f2f5;
  color: #999;
  line-height: 1.1;
}
.companyLibItemBox .item .gradeBox {
  font-size: 14px;
  color: #999;
  margin: 30px 0 0 0;
}
.companyLibItemBox .item .gradeBox p {
  line-height: 1.1;
  text-align: center;
}
.companyLibItemBox .item .gradeBox p i:first-child {
  font-size: 14px;
  margin: 0 10px 0 0;
}
.companyLibItemBox .item .gradeBox p i:last-child {
  font-style: normal;
}
.companyLibItemBox .item .gradeBox .ant-col-8:nth-child(2) p {
  text-align: center;
  border-right: 1px solid #a8aeb4;
  border-left: 1px solid #a8aeb4;
  line-height: 1.1;
}
.companyLibItemBox .item .gradeBox .ant-col-8:nth-child(3) {
  text-align: right;
}
.companyLibItemBox .item:hover .hoverBox {
  display: block;
}
.companyLibItemBox .item .companyPos {
  color: #999;
  line-height: 1.1;
  margin: 35px 0 0 0;
}
.companyLibItemBox .item .zyIcon {
  position: absolute;
  top: 16px;
  right: 49px;
}
.companyLibItemBox .noData {
  font-size: 20px;
  color: #333;
  text-align: center;
  padding: 100px 0;
}
.ant-select-dropdown {
  z-index: 1050 !important;
}

.companyZzBox {
  padding: 80px 0 0 0;
}
.companyZzBox .ant-col-4 ul {
  background: #fff;
  padding: 30px 39px;
  max-height: 818px;
  overflow-y: auto;
}
.companyZzBox .ant-col-4 ul div {
  color: #333;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 600;
}
.companyZzBox .ant-col-4 ul li {
  margin: 30px 0 0 0;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
.companyZzBox .ant-col-4 ul .zizhiAct {
  color: #397ecd;
}
.companyZzBox .companyZz {
  padding: 56px 135px;
  background: #fff;
  margin: 0 0 42px 0;
}
.companyZzBox .companyZz > p:first-child {
  color: #333;
  font-size: 30px;
  line-height: 1.1;
  margin: 0 0 58px 0;
  font-weight: 600;
}
.companyZzBox .companyZz img {
  display: inline-block;
  width: 444px;
  height: 610px;
}

#humi-partners-page {
  background-color: #f8f8f8;
  padding-top: 60px;
}
#humi-partners-page > .partners-content {
  background-color: white;
  width: 1200px;
  margin: 24px auto;
  padding: 40px 80px;
}
#humi-partners-page > .partners-content > h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}
#humi-partners-page > .partners-content > p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
#humi-partners-page > .partners-content > h4 {
  font-size: 16px;
  color: #666;
  margin: 29px 0;
}
#humi-partners-page > .partners-content > h4 > i {
  margin: 0 5px;
}
#humi-partners-page > .partners-content > h4 > span {
  font-size: 18px;
  color: #333;
}
#humi-partners-page > .partners-content > img {
  margin-bottom: 25px;
  height: 360px;
}
#humi-partners-page > .cooperation-institutions {
  width: 1200px;
  margin: 0 auto 90px;
}
#humi-partners-page > .cooperation-institutions > h1 {
  font-size: 36px;
  color: #333;
  position: relative;
  text-align: center;
  margin: 70px 0;
}
#humi-partners-page > .cooperation-institutions > h1 > i {
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #1c6fce;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
#humi-partners-page > .cooperation-institutions > div:after {
  content: '';
  display: block;
  clear: both;
}
#humi-partners-page > .cooperation-institutions > div > span {
  float: left;
  width: 148px;
  height: 86px;
  margin-right: 27px;
  margin-bottom: 27px;
  background-color: white;
  position: relative;
}
#humi-partners-page > .cooperation-institutions > div > span > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#humi-partners-page > .cooperation-institutions > div > span:nth-child(7n) {
  margin-right: 0;
}

.cooperationBanner {
  position: relative;
  height: 460px;
  background-size: cover !important;
  width: 100%;
}
.cooperationBanner a {
  position: absolute;
  left: 50%;
  bottom: 75px;
  margin-left: -80px;
  width: 160px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  transition: all 0.3s;
}
.cooperationBanner a:hover {
  color: #fff;
  background-color: #397ecd;
  border: 1px solid #fff;
}
.ctBgWhite {
  overflow: hidden;
  background-color: #fff;
}
.ctBgWhite.maxHeight {
  height: 470px;
}
.ctBgGray {
  background-color: #f6f6f6;
}
.ctOne {
  padding: 40px 0 52px 0;
}
.ctOne .ctOneTil {
  margin-bottom: 62px;
  text-align: center;
}
.ctOne .ctOneTil p {
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
}
.ctOne .ctOneTil span {
  font-size: 14px;
  color: #666;
}
.ctOne .ctOneSingle {
  background-color: #f6f6f6;
  width: 400px;
  float: left;
  text-align: center;
  padding: 30px 0;
  transition: all 0.3s;
}
.ctOne .ctOneSingle img {
  width: 50px;
  height: 57px;
}
.ctOne .ctOneSingle p {
  font-size: 16px;
  color: #666;
}
.ctOne .ctOneSingle .ctOneSingleTil {
  color: #3477bc;
  font-size: 18px;
  margin: 23.5px 0;
}
.ctOne .ctOneSingle span {
  font-size: 14px;
  color: #666;
}
.ctOne .ctOneSingle .ctOneSingleBtn {
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: none;
  font-size: 14px;
  color: #3477bc;
  border: 1px solid #3477bc;
  margin: 12px auto 0 auto;
  transition: all 0.3s;
}
.ctOne .ctOneSingle .ctOneSingleBtn:hover {
  color: #fff;
  background-color: #3477bc;
}
.ctOne .ctOneSingleHover {
  background-color: #fff;
  transform: scale(1.1, 1.11);
  box-shadow: 1px 0 10px rgba(158, 158, 158, 0.3);
  padding: 20px 0;
}
.ctOne .ctOneSingleHover .ctOneSingleTil {
  margin: 10px 0;
}
.ctOne .ctOneSingleHover .ctOneSingleBtn {
  display: block;
}
.ctTwo {
  padding: 50px 0;
}
.ctTwo .ctStep {
  padding: 45px 0;
}
.ctTwo .ctStep .ctStepTil {
  font-size: 22px;
  color: #333;
  margin-bottom: 40px;
  text-align: center;
}
.ctTwo .ctStep .ctStepCon {
  text-align: center;
}
.ctTwo .ctStep .ctStepCon .ctStepSingle {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.ctTwo .ctStep .ctStepCon .ctStepSingle p {
  margin-top: 20px;
}
.ctTwo .ctStep .ctStepCon .ctStepSingle + img {
  margin: 32px 60px;
  vertical-align: top;
}
.ctTwo .ctStep .ctStepCon img {
  vertical-align: middle;
}
.ctTwo .ctNeed {
  margin-top: 50px;
}
.ctTwo .ctNeed .ctNeedTil {
  overflow: hidden;
  margin-bottom: 30px;
}
.ctTwo .ctNeed .ctNeedTil p {
  float: left;
  vertical-align: middle;
  font-size: 22px;
  color: #333;
}
.ctTwo .ctNeed .ctNeedTil a {
  float: right;
  vertical-align: middle;
  font-size: 14px;
  color: #999;
  line-height: 33px;
}
.ctTwo .ctNeed .ctDataList .ctListCon {
  margin-bottom: 30px;
  position: relative;
}
.ctTwo .ctNeed .ctDataList .ctListCon .needsType {
  position: absolute;
  top: -5px;
  left: -25px;
  border-right: 38px solid transparent;
  border-bottom: 38px solid #afafaf;
  border-left: 38px solid transparent;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.ctTwo .ctNeed .ctDataList .ctListCon .needsTypeWz {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 1px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.ctTwo .ctNeed .ctDataList .ctListCon .needsTypeConduct {
  border-bottom: 38px solid #43c88f;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo {
  padding: 40px 30px;
  background-color: #fff;
  max-width: 500px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListTil {
  margin-bottom: 15px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListTil a {
  width: auto;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
  white-space: nowrap;
  color: #333;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListTil img {
  display: inline-block;
  vertical-align: middle;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListNeed {
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
  width: 238px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListPrice {
  color: #ffa800;
  font-size: 30px;
  margin-bottom: 25px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListPrice span {
  font-size: 16px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListIcons {
  font-size: 0;
  height: 33px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListIcons img {
  width: 33px;
  height: 33px;
  padding: 2px;
  border: 1px solid #f3f3f3;
  margin-right: 10px;
  display: inline-block;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListInfo .ctListIcons img:last-child {
  margin-right: 0;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend {
  width: 280px;
  height: 200px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  right: 0;
  background-color: #fff;
  box-shadow: 0 1px 20px rgba(34, 24, 21, 0.1);
  padding: 20px 25px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .suspendTil {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  font-weight: 600;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel .slick-slide {
  text-align: center;
  height: 110px;
  line-height: 110px;
  overflow: hidden;
  background-color: #fff;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 {
  position: relative;
  color: #666;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a {
  line-height: 30px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto;
  font-weight: 600;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a i {
  vertical-align: middle;
  color: #333;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a .suspendIconLine {
  display: inline-block;
  margin: 0 15px;
  width: 15px;
  height: 1px;
  background-color: #999;
  vertical-align: middle;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a:hover {
  color: #397ecd;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a:hover i {
  color: #397ecd;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a:hover .suspendIconLine {
  background-color: #397ecd;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .suspendArrow {
  position: absolute;
  top: 50%;
  height: 20px;
  margin-top: 0;
  color: #397ecd;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .suspendArrow i {
  font-size: 20px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .suspendArrowLeft {
  left: 10px;
}
.ctTwo .ctNeed .ctDataList .ctListCon .ctListSuspend .suspendArrowRight {
  right: 10px;
}
.ctThree {
  font-size: 0;
}
.ctThree .ctGwLeft {
  padding: 80px 0;
  display: inline-block;
  width: 440px;
  height: 460px;
  vertical-align: top;
}
.ctThree .ctGwLeft .ctGwTil {
  color: #333;
  margin-bottom: 20px;
}
.ctThree .ctGwLeft .ctGwTil p {
  font-size: 22px;
  margin-bottom: 20px;
}
.ctThree .ctGwLeft .ctGwTil span {
  font-size: 18px;
}
.ctThree .ctGwLeft ul {
  margin-left: 25px;
  margin-bottom: 30px;
}
.ctThree .ctGwLeft ul li {
  list-style: disc;
  font-size: 14px;
  color: #666;
}
.ctThree .ctGwLeft .ctGwContact {
  font-size: 14px;
  color: #333;
}
.ctThree .ctGwLeft .ctGwContact p {
  margin-bottom: 25px;
  font-weight: 600;
}
.ctThree .ctGwLeft .ctGwContact p i {
  margin-right: 15px;
  font-size: 20px;
  vertical-align: middle;
}
.ctThree .ctGwLeft a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #397ecd;
  border: 1px solid #397ecd;
  display: inline-block;
}
.ctThree .ctGwLeft a:hover {
  color: #fff;
  background-color: #397ecd;
}
.ctThree .ctGwRight {
  display: inline-block;
  position: relative;
  width: 760px;
  height: 460px;
}
.ctThree .ctGwRight .ctGwDetail {
  padding: 40px 30px 30px 30px;
  background-color: #fff;
  position: absolute;
  height: 380px;
  right: 0;
  top: 50%;
  margin-top: -175px;
  width: 630px;
}
.ctThree .ctGwRight .ctGwDetail .ctGwAllSingle {
  display: none;
}
.ctThree .ctGwRight .ctGwDetail .ctGwSingleActive {
  display: block;
}
.ctThree .ctGwRight .ctGwDetail .ctGwInfo img {
  width: 80px;
  height: 80px;
  vertical-align: middle;
}
.ctThree .ctGwRight .ctGwDetail .ctGwInfo .ctGwData {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.ctThree .ctGwRight .ctGwDetail .ctGwInfo .ctGwData .ctGwName {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
}
.ctThree .ctGwRight .ctGwDetail .ctGwInfo .ctGwData .ctGwNl span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin-right: 45px;
}
.ctThree .ctGwRight .ctGwDetail .ctGwInfo .ctGwData .ctGwNl span:last-child {
  margin-right: 0;
}
.ctThree .ctGwRight .ctGwDetail .ctGwIntro {
  font-size: 14px;
  color: #333;
  margin: 50px 0 60px 0;
}
.ctThree .ctGwRight .ctGwDetail .ctGwList .ctGwSingle {
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 3px;
  margin-right: 30px;
}
.ctThree .ctGwRight .ctGwDetail .ctGwList .ctGwSingle img {
  width: 48px;
  height: 48px;
  vertical-align: middle;
}
.ctThree .ctGwRight .ctGwDetail .ctGwList .ctGwSingle:last-child {
  margin-right: 0;
}
.ctThree .ctGwRight .ctGwDetail .ctGwList .ctGwActive {
  border: 2px solid #397ecd;
}
.ctThree .ctGwRight .ctGwTriangle {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 78px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
  vertical-align: middle;
}
.ctFour {
  padding: 110px 0;
}
.ctFour .ctAtSingle {
  display: inline-block;
  margin-right: 130px;
}
.ctFour .ctAtSingle img {
  vertical-align: middle;
}
.ctFour .ctAtSingle .ctAtWz {
  vertical-align: middle;
  display: inline-block;
  margin-left: 30px;
}
.ctFour .ctAtSingle .ctAtWz p {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}
.ctFour .ctAtSingle .ctAtWz span {
  font-size: 14px;
  color: #666;
}
.ctFour .ctAtSingle:last-child {
  margin-right: 0;
}
.ctFive {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/cooperation/ctBgImg.jpg") no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 280px;
  overflow: hidden;
}
.ctFive .ctFqCon {
  margin-top: 80px;
  text-align: center;
}
.ctFive .ctFqCon p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 30px;
}
.ctFive .ctFqCon a {
  font-size: 14px;
  color: #fff;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #fff;
  display: inline-block;
  margin: 0 auto;
  transition: all 0.3s;
}
.ctFive .ctFqCon a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.cooperationCon {
  padding-top: 60px;
}
.cooperationCon .ctCategory {
  background-color: #373d41;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl {
  border-bottom: 1px dashed #4d555a;
  padding: 40px 0;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl:last-child {
  border-bottom: 0;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl span {
  color: #999;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl .categoryTil {
  font-size: 14px;
  width: 12%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl .categoryElCon {
  vertical-align: middle;
  width: 85%;
  display: inline-block;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl .categoryElCon .ant-checkbox-wrapper:first-child {
  margin-left: 8px;
}
.cooperationCon .ctCategory .ctCategoryCon .categoryEl .categoryElCon .ant-checkbox-wrapper span {
  display: inline-block;
}
.cooperationCon .ctDataCon .ctFilter {
  margin-top: 10px;
  margin-bottom: 40px;
  padding: 30px 0 0 0;
  border-bottom: 1px solid #d3d3d3;
  position: relative;
}
.cooperationCon .ctDataCon .ctFilter:after {
  clear: both;
  display: block;
  content: '';
}
.cooperationCon .ctDataCon .ctFilter .ctFilterEl {
  float: left;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterType a {
  padding: 0 25px 30px 25px;
  font-size: 14px;
  color: #333;
  display: inline-block;
  min-width: 97px;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterType a:hover {
  color: #397ecd;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterType a i {
  display: none;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterType .ctFilterTypeActive {
  color: #397ecd;
  border-bottom: 2px solid #397ecd;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterType .ctFilterTypeActive i {
  margin-left: 5px;
  display: inline-block;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterMarch span {
  color: #999;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterAddress {
  float: right;
  position: relative;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterAddress .ant-select-selection {
  background: none;
  border: 0;
  height: 21px;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterAddress .ant-select-selection:focus {
  box-shadow: none;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterAddress .ant-select-selection .ant-select-selection__rendered {
  line-height: 21px;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterSearch {
  float: right;
}
.cooperationCon .ctDataCon .ctFilter .ctFilterSearch .ant-input {
  height: 36px;
}
.cooperationCon .ctDataCon .ctFilter .place {
  float: right;
  margin-right: 20px;
  line-height: 36px;
  cursor: pointer;
}
.cooperationCon .ctDataCon .ctFilter .place:hover {
  color: #397ecd;
}
.cooperationCon .ctDataCon .ctFilter .placeBox {
  width: 350px;
  height: 340px;
  padding: 15px 12px;
  background: #fff;
  box-shadow: 0 4px 5px rgba(36, 36, 36, 0.24);
  position: absolute;
  right: 0;
  bottom: -330px;
  z-index: 22;
  overflow-y: auto;
  display: none;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox {
  border-bottom: 1px dashed #5a9de9;
  padding: 0 20px;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox p {
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 1.1;
  margin: 0 0 8px 0;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox ul:after {
  display: block;
  content: '';
  clear: both;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox ul li {
  width: 20%;
  text-align: center;
  line-height: 1.1;
  float: left;
  margin: 0 0 10px 0;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox ul li span {
  display: inline-block;
  padding: 5px 8px;
  color: #666;
  font-size: 14px;
  line-height: 1.1;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox ul li span:hover {
  background: #3377c4;
  color: #fff;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .hotCityBox ul .cityActive span {
  background: #3377c4;
  color: #fff;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox {
  margin: 15px 0 0 0;
  padding: 0 20px;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox p {
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 1.1;
  margin: 0 0 8px 0;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox {
  text-align: left;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox > li {
  width: 20%;
  display: inline-block;
  text-align: center;
  position: relative;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox > li span {
  display: block;
  padding: 5px 8px;
  color: #666;
  line-height: 1.1;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox > li .secondCityBox {
  position: absolute;
  width: 286px;
  padding: 11px 9px;
  border: 1px solid #5a9de9;
  top: 24px;
  z-index: -1;
  text-align: left;
  display: none;
  background: #fff;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox > li .secondCityBox li {
  display: inline-block;
  width: 14.28%;
  font-size: 12px;
  color: #999;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox > li .secondCityBox .secondCityActive {
  color: #5a9de9;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox .otherCityActive {
  z-index: 22;
}
.cooperationCon .ctDataCon .ctFilter .placeBox .otherCityBox .outsideBox .otherCityActive span {
  background: #fff;
  border: 1px solid #5a9de9;
  border-bottom: none;
  padding: 5px 8px 6px 8px;
  color: #397ecd;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon {
  margin-bottom: 30px;
  position: relative;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .needsType {
  position: absolute;
  top: -5px;
  left: -25px;
  border-right: 38px solid transparent;
  border-bottom: 38px solid #afafaf;
  border-left: 38px solid transparent;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .needsTypeWz {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 1px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .needsTypeConduct {
  border-bottom: 38px solid #43c88f;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo {
  padding: 40px 30px;
  background-color: #fff;
  max-width: 500px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListTil {
  margin-bottom: 15px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListTil a {
  width: auto;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
  white-space: nowrap;
  color: #333;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListTil img {
  display: inline-block;
  vertical-align: middle;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListNeed {
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
  width: 238px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListPrice {
  color: #ffa800;
  font-size: 30px;
  margin-bottom: 25px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListPrice span {
  font-size: 16px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListIcons {
  font-size: 0;
  height: 33px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListIcons img {
  width: 33px;
  height: 33px;
  padding: 2px;
  border: 1px solid #f3f3f3;
  margin-right: 10px;
  display: inline-block;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListInfo .ctListIcons img:last-child {
  margin-right: 0;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend {
  width: 280px;
  height: 200px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  right: 0;
  background-color: #fff;
  box-shadow: 0 1px 20px rgba(34, 24, 21, 0.1);
  padding: 20px 25px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .suspendTil {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  font-weight: 600;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel .slick-slide {
  text-align: center;
  height: 110px;
  line-height: 110px;
  overflow: hidden;
  background-color: #fff;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 {
  color: #666;
  position: relative;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a {
  line-height: 30px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto;
  font-weight: 600;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a i {
  vertical-align: middle;
  color: #333;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a .suspendIconLine {
  display: inline-block;
  margin: 0 15px;
  width: 15px;
  height: 1px;
  background-color: #999;
  vertical-align: middle;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a:hover {
  color: #397ecd;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a:hover i {
  color: #397ecd;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .ant-carousel h3 a:hover .suspendIconLine {
  background-color: #397ecd;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .suspendArrow {
  position: absolute;
  top: 50%;
  height: 20px;
  margin-top: 0;
  color: #397ecd;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .suspendArrow i {
  font-size: 20px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .suspendArrowLeft {
  left: 10px;
}
.cooperationCon .ctDataCon .ctDataList .ctListCon .ctListSuspend .suspendArrowRight {
  right: 10px;
}
.cooperationCon .ctDataCon .pagesCon {
  text-align: center;
  margin-bottom: 70px;
}

.sendBanner {
  padding-top: 60px;
}
.sendBanner .sendBannerCon {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/cooperation/sendBanner.jpg") no-repeat center center;
  height: 220px;
}
.sendBanner .sendBannerCon p {
  font-size: 24px;
  color: #fff;
  line-height: 220px;
  text-align: center;
}
.sendCon {
  margin-top: 50px;
  margin-bottom: 65px;
  padding: 60px 0 ;
  background-color: #fff;
}
.sendCon .ant-steps {
  margin-bottom: 60px;
  padding: 0 190px;
}
.sendCon .ant-steps .ant-steps-item:not(:first-child) .ant-steps-step .ant-steps-head {
  margin: 0;
  padding: 0;
}
.sendCon .ant-steps .ant-steps-item .ant-steps-tail {
  top: 20px;
}
.sendCon .ant-steps .ant-steps-item .ant-steps-tail i {
  background-color: #d8d8d8;
  height: 2px;
}
.sendCon .ant-steps .ant-steps-item .ant-steps-step .ant-steps-head .ant-steps-head-inner {
  margin-right: 0;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  font-size: 18px;
  color: #999;
}
.sendCon .ant-steps .ant-steps-item .ant-steps-step .ant-steps-main {
  display: block;
  left: -10px;
  margin-top: 30px;
}
.sendCon .ant-steps .ant-steps-item .ant-steps-step .ant-steps-main .ant-steps-description {
  font-size: 16px;
  color: #999;
}
.sendCon .ant-steps .ant-steps-item:nth-child(2) .ant-steps-step .ant-steps-main {
  left: -20px;
}
.sendCon .ant-steps .ant-steps-status-process .ant-steps-tail i {
  background-color: #397ecd !important;
}
.sendCon .ant-steps .ant-steps-status-process .ant-steps-step .ant-steps-head .ant-steps-head-inner {
  background-color: #397ecd;
  border: 1px solid #397ecd;
}
.sendCon .ant-steps .ant-steps-status-process .ant-steps-step .ant-steps-main .ant-steps-description {
  color: #397ecd;
}
.sendCon .ant-col-3 {
  text-align: right;
}
.sendCon .ant-col-3 span {
  font-size: 14px;
  color: #666;
  line-height: 36px;
  vertical-align: middle;
  display: inline-block;
}
.sendCon .ant-col-3 .sendStar {
  color: #e60000;
  font-size: 18px;
  margin-right: 5px;
}
.sendCon .ant-col-21 {
  margin-bottom: 25px;
}
.sendCon .ant-col-21 input[type="text"],
.sendCon .ant-col-21 input[type="number"] {
  width: 340px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #cfcfcf;
  padding: 0 10px;
}
.sendCon .ant-col-21 input[type="text"] + span,
.sendCon .ant-col-21 input[type="number"] + span {
  font-size: 14px;
  color: #666;
  display: inline-block;
  margin-left: 10px;
  line-height: 36px;
}
.sendCon .ant-col-21 input.sendInputSmall {
  width: 340px;
}
.sendCon .ant-col-21 textarea {
  width: 840px;
  height: 320px;
  resize: none;
  border: 1px solid #cfcfcf;
  padding: 10px;
}
.sendCon .ant-col-21 .cloud-box {
  width: 840px;
}
.sendCon .ant-col-21 .uploadFileBtn {
  font-size: 14px;
  color: #999;
}
.sendCon .ant-col-21 .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.sendCon .ant-col-21 .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.sendCon .ant-col-21 .uploadFileBtn a:hover {
  text-decoration: underline !important;
}
.sendCon .ant-col-21 .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.sendCon .ant-col-21 .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  font-size: 0;
}
.sendCon .ant-col-21 .fileName {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 12px 0 0 0;
  display: block;
}
.sendCon .ant-col-21 .fileName .fileList {
  display: block;
  margin-bottom: 5px;
}
.sendCon .ant-col-21 .fileName .fileList .anticon-delete {
  margin: 0 0 0 10px;
  cursor: pointer;
  vertical-align: middle;
  color: #397ecd;
}
.sendCon .ant-col-21 .sendCodeBtn {
  width: 130px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.sendCon .ant-col-21 .sendCodeBtn:hover {
  color: #fff;
  background-color: #397ecd;
}
.sendCon .ant-col-21 .sendSubmit {
  width: 340px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background-color: #397ecd;
  transition: all 0.3s;
}
.sendCon .ant-col-21 .sendSubmit:hover {
  background-color: #5193de;
}
.sendCon .ant-col-21 .sendTip {
  color: #999;
  font-size: 14px;
}
.sendCon .ant-col-21 .sendTip a {
  color: #397ecd;
}
.sendCon .ant-col-21 .sendTip a:focus,
.sendCon .ant-col-21 .sendTip a:active {
  text-decoration: underline !important;
}
.sendSuccess .sendSuccessCon {
  padding: 50px 0 70px 0;
  text-align: center;
}
.sendSuccess .sendSuccessCon img {
  margin-bottom: 40px;
}
.sendSuccess .sendSuccessCon p {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
}
.sendSuccess .sendSuccessCon span {
  font-size: 14px;
  color: #666;
}
#cooperationCode .nc_scale span {
  height: 34px;
}

.create-logo {
  font-family: "Microsoft YaHei";
  margin: 0 auto;
  position: relative;
}
.create-logo .flex {
  display: flex;
}
.create-logo .footer-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.create-logo .step-wrapper {
  position: relative;
  height: 100vh;
}
.create-logo .step-wrapper .step {
  padding-top: 60px;
  height: 100%;
  background: url(/_next/static/media/bg.77b7b397.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-logo .step-wrapper .step .count-container {
  position: absolute;
  bottom: 11.67%;
  left: 50%;
  transform: translateX(-50%);
}
.create-logo .step-wrapper .step.no-center {
  align-items: flex-start;
}
.create-logo .step-wrapper .step h3 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 1.5px;
  text-align: center;
  margin-bottom: 40px;
}
.create-logo .step-wrapper .step .btn-wrapper {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}
.create-logo .step-wrapper .step .btn-wrapper.center {
  justify-content: center;
}
.create-logo .step-wrapper .step .btn-wrapper .btn {
  width: 168px;
  height: 48px;
  border: 1px solid #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.create-logo .step-wrapper .step .btn-wrapper .btn.prev::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAxUlEQVQ4T42SWQ7CMAxEn6+DOAVwIoRALGJfhbgc2xnYvvnsIFcBVZDS5jOZl7HHNnKOpBXwNLNZTGKxS0kLoAfcgKqZ3b91P6AkdxgEqGZmp0JHSRNgCFyBeh7kH30cJY2AMXAJ0Dmv/w8oyV3crRSUgpK8n2hyfxwTB3dAM4j0r7zMW5L2KGkLtMqE8oaz4WyAdhiDJ3osDOctkLQGOoAP3OFDHhxbgCXQDXDDzPaFC5BxngN94AFUSq1cBp6GJffyf84L+X5RAhfreUYAAAAASUVORK5CYII=) no-repeat 100% 100%;
}
.create-logo .step-wrapper .step .btn-wrapper .btn.next::after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAvklEQVQ4T5XSWUpEUQxF0b399NtuDHazE8umyl5RCmekoxBHoxwJ3Cci9/msfIYsCMmRkUoyB9bVk96IvWaSTeAN2ALu1bPfc11YQ0n2gNeGb9Xa4LtG4Q/8AmwD1+rFIP+EDe8ChXeAS/Wq+pOwgxfqjUk+gbWx64705wU/VoDDhs//XbUuPBxpqR5NwiT7DdVPn9TjyeMkOWioAvGozibfkeSwoQ3gQT2dDECL3DtQ6E49XyVytVaFfNF7yRckjUMS55bbOQAAAABJRU5ErkJggg==) no-repeat 100% 100%;
}
.create-logo .step-wrapper .step .btn-wrapper .step-btn {
  width: 176px;
  height: 56px;
  line-height: 56px;
  background-color: #d9292b;
  box-shadow: 0px 5px 6px 0 rgba(217, 41, 43, 0.2);
}
.create-logo .step-wrapper .step .btn-wrapper .step-btn span {
  font-size: 20px;
}
.create-logo .step-wrapper .step1 {
  width: 905px;
  display: flex;
  flex-direction: column;
}
.create-logo .step-wrapper .step1 .ant-form-item {
  margin-bottom: 27px;
}
.create-logo .step-wrapper .step1 .ant-form-item.ant-form-item-with-help {
  margin-bottom: 6px;
}
.create-logo .step-wrapper .step1 footer {
  font-size: 16px;
  font-family: PingFangSC;
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
}
.create-logo .step-wrapper .step1 h3 {
  margin-bottom: 187px;
}
.create-logo .step-wrapper .step1 .next-btn {
  width: 239px;
  background: #ffffff;
  border: 1px solid #979797;
  border-left: none;
  color: #F40B0B;
  font-size: 22px;
  font-family: PingFangSC;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.create-logo .step-wrapper .step1 .next-btn .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABP0lEQVQ4T62UPS9EQRSGn4OE7BmdQtQ6Cv8BDYVKVITaRos/QLSo0YpKQ8K/kAjFtmQT25m5aPbIvdkrdyf3rtg13Xw985533hkhagaaOLeJ2YrBDDABtAQeEbmueX8hEIrbpNh5d25VzI6ByRhe6DdNZGfc+6t87AfiVfeAA6ALXAGzIdivhXCUzmcbOgouuwBmH4g8A3MVYDORtVSRZB6oNiwqYcRseSxJbrzqBnAGDJeoamoI0/LuXF3MTuIFYrakSXKbjnvVdeC8DCQidQmqdwaLJae8AQsuhIdeIIF78aovwFSFgTFoq1NacflrquTTYLTHlT5pCLMC7Y6iFJxmJ2sCX78paQHzhZIqlVR5EgNKzc08Cc5tm9npQLeT5iSoNuKo/ykn/5LYvIxEdbcNh32/nRw08CvOQf38J9/D2bOBl8u1WAAAAABJRU5ErkJggg==) no-repeat 100% 100%;
}
.create-logo .step-wrapper .step1 .tip-text {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.94;
  letter-spacing: 0.8px;
  text-align: left;
  color: #999999;
}
.create-logo .step-wrapper .step1 .new-input {
  outline: none;
  color: #fff;
  height: 72px;
  line-height: 72px;
  border: 1px solid #ffffff;
  width: 100%;
  background-color: transparent;
  padding-left: 38px;
  font-size: 22px;
}
.create-logo .step-wrapper .step1 .new-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4A5F94;
}
.create-logo .step-wrapper .step1 .new-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #4A5F94;
}
.create-logo .step-wrapper .step1 .new-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #4A5F94;
}
.create-logo .step-wrapper .step1 .new-input:-moz-placeholder {
  /* Firefox 18- */
  color: #4A5F94;
}
.create-logo .step-wrapper .step1 .line-input {
  border: none;
  outline: none;
  background-color: transparent;
  height: 51px;
  line-height: 51px;
  border-bottom: 3px solid #ddd;
  font-size: 16px;
  width: 100%;
}
.create-logo .step-wrapper .step1 .line-input:focus {
  border-color: #d71518;
}
.create-logo .step-wrapper .step1 .has-error .ant-form-explain {
  color: #fff;
}
.create-logo .step-wrapper .step1 .has-error .line-input {
  border-color: #d71518;
}
.create-logo .step-wrapper .step2 .industry-list {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.create-logo .step-wrapper .step2 .industry-list li:hover {
  z-index: 10000;
}
.create-logo .step-wrapper .step3 .color-list {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.create-logo .step-wrapper .step3 .color-list li {
  margin: 10px 36px;
}
.create-logo .step-wrapper .step4 .loading-video {
  width: 475px;
  height: 475px;
  border-radius: 50%;
}
.create-logo .step-wrapper .step5 {
  width: 900px;
  min-height: 750px;
  margin: 0 auto;
}
.create-logo .step-wrapper .step5 h3 {
  margin-bottom: 40px;
}
.create-logo .step-wrapper .step5 .logo-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.create-logo .step-wrapper .step5 .logo-list .logo-item {
  width: 225px;
  background-color: #ffffff;
  height: 160px;
  position: relative;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  transition: all 0.25s;
}
.create-logo .step-wrapper .step5 .logo-list .logo-item:hover {
  z-index: 10000;
  transform: scale(1.1);
  transform-origin: center;
  border-color: #F40B0B;
}
.create-logo .step-wrapper .step5 .logo-list .logo-item img {
  width: 100%;
  height: 100%;
}
.createLogo.layout .logoHeader {
  background: #fff;
}
.createLogo.layout .logoHeader .navBox a {
  color: #333;
}
.createLogo.layout .logoHeader .btnBox .headertellogo {
  color: #333;
  font-weight: 600;
}
.createLogo.layout .logoHeader .btnBox .btn {
  background: #ff6d21;
}

.logoMater {
  min-width: 1800px;
  position: relative;
}
.logoMater .contentModel {
  width: 100%;
  height: 8000px;
  position: relative;
}
.logoMater .contentModel .contentModelTop {
  height: 3500px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/intelltop.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 160px;
}
.logoMater .contentModel .contentModelTop .submit {
  height: 500px;
  width: 395px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/modelsb_03.jpg') no-repeat;
  background-size: contain;
  border-radius: 10px;
  margin-left: 60%;
  padding-top: 90px;
}
.logoMater .contentModel .contentModelTop .submit a {
  height: 43px;
  width: 118px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/qq.png') no-repeat;
  background-size: contain;
  margin-top: 70px;
  margin-left: 38px;
  display: block;
}
.logoMater .contentModel .contentModelTop .submit a .jumpqq {
  height: 43px;
  width: 118px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/qq.png') no-repeat;
  background-size: contain;
}
.logoMater .contentModel .contentModelCen {
  height: 2900px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/intell_03.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 1510px;
}
.logoMater .contentModel .contentModelCen .contentButs {
  width: 234px;
  height: 66px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/button.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  cursor: pointer;
}
.logoMater .contentModel .contentModelCen .contentButso {
  width: 234px;
  height: 66px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/button.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  cursor: pointer;
  margin-top: 600px;
}
.logoMater .contentModel .contentModelCen .contentButst {
  width: 234px;
  height: 66px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/button.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
  cursor: pointer;
  margin-top: 510px;
}
.logoMater .contentModel .contentModelBot {
  height: 1600px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logomater/intell_04.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.bigBox .designBanner {
  padding-top: 80px;
  width: 100%;
  height: 660px ;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/logoDesign/packagingDesign/designBanner.jpg") no-repeat center;
  background-size: cover;
}
.bigBox .designBanner .demandBox {
  width: 420px;
  height: 490px;
  border-radius: 10px;
  background-color: #B3B8D8;
  margin: 0 0 0 60%;
  overflow: hidden;
}
.bigBox .designBanner .demandBox .demandHeader {
  background-color: #4C549C;
  width: 100%;
  height: 60px;
}
.bigBox .designBanner .demandBox .demandHeader .line {
  width: 5px;
  height: 30px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  top: 6px;
  margin: 0 20px 0 30px;
}
.bigBox .designBanner .demandBox .demandHeader .demandHeaderTitle {
  color: #fff;
  font-size: 18px;
  margin-right: 60px ;
  position: relative;
  top: -3px;
}
.bigBox .designBanner .demandBox .demandHeader img {
  position: relative;
  top: 16px;
}
.bigBox .designBanner .demandBox .demandContent {
  margin: 50px auto 0;
  width: 310px;
}
.bigBox .designBanner .demandBox .demandContent .phone {
  height: 44px;
  margin-bottom: 44px;
}
.bigBox .designBanner .demandBox .demandContent .phone .anticon {
  font-size: 20px;
  color: #676EA5;
  margin-left: 4px;
  position: relative;
  top: 2px;
}
.bigBox .designBanner .demandBox .demandContent .phone .ant-input {
  padding-left: 42px;
  font-size: 14px;
}
.bigBox .designBanner .demandBox .demandContent .desBox {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100px;
  margin-bottom: 40px;
}
.bigBox .designBanner .demandBox .demandContent .desBox img {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}
.bigBox .designBanner .demandBox .demandContent .desBox .des {
  padding-top: 10px;
  padding-left: 40px;
  height: 100px;
  margin-bottom: 44px;
}
.bigBox .designBanner .demandBox .demandContent .desBox .des.ant-input {
  font-size: 14px;
  height: 98px!important;
  width: 100%!important;
}
.bigBox .designBanner .demandBox .demandContent .commitBtn {
  width: 304px;
  height: 46px;
  background-color: #FFFFFF;
  line-height: 46px;
  text-align: center;
  color: #5A6095;
  border-radius: 23px;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 34px;
  box-shadow: 2px 2px 1px 3px rgba(140, 147, 194, 0.7);
}
.bigBox .designBanner .demandBox .contact {
  margin-left: 56px;
  height: 40px;
}
.bigBox .designBanner .demandBox .contact .qq {
  position: relative;
  top: 3px;
}
.bigBox .designBanner .demandBox .contact .mr {
  margin-right: 56px;
  font-size: 16px;
  color: #7C7D87;
  position: relative;
  top: -12px;
}
.bigBox .designBanner .demandBox .contact img {
  margin-right: 10px;
}
.bigBox .designBanner .demandBox .contact span {
  color: #585963;
  position: relative;
  top: -12px;
}
.bigBox .serverProgress {
  margin: 0 auto;
  width: 1200px;
  text-align: right;
}
.bigBox .serverProgress .serverDes {
  color: #999;
}
.bigBox .serverProgress .serverBtn {
  display: inline-block;
  margin-right: 30px;
  width: 136px;
  height: 34px;
  border-radius: 17px;
  background-color: #fff;
  line-height: 34px;
  text-align: center;
  color: #505BA9;
  font-size: 16px;
  box-shadow: 2px 2px 1px 3px rgba(202, 210, 254, 0.7);
  cursor: pointer;
  font-weight: bold;
}
.bigBox .serverExamples {
  margin-top: 60px;
  padding-top: 50px;
  background-color: #F9FAFE;
}
.bigBox .serverExamples .innerServer {
  width: 1200px;
  margin: 0 auto;
}
.bigBox .serverExamples .innerServer p {
  color: #333;
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.bigBox .serverExamples .innerServer img {
  margin-bottom: 55px;
}

.logoViBox {
  width: 100%;
  min-width: 1650px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/bg.jpg') 50% 50% / cover no-repeat;
}
.logoViBox .bannerBox {
  position: relative;
  height: 807px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/banner.jpg') 50% 50% / cover no-repeat;
}
.logoViBox .bannerBox .box {
  position: relative;
  top: 22%;
  left: 56%;
  width: 418px;
  height: 420px;
  box-sizing: border-box;
  padding: 60px 0 28px 0;
}
.logoViBox .bannerBox .box .title {
  margin-bottom: 54px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.logoViBox .bannerBox .box .telBox,
.logoViBox .bannerBox .box .desBox {
  margin-bottom: 44px;
  margin-left: 62px;
}
.logoViBox .bannerBox .box .telBox .circle,
.logoViBox .bannerBox .box .desBox .circle {
  float: left;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 3px 10px 0 0;
  background: #ffa904;
  border-radius: 50%;
}
.logoViBox .bannerBox .box .telBox .subtitle,
.logoViBox .bannerBox .box .desBox .subtitle {
  float: left;
  font-size: 17px;
  color: #11252c;
}
.logoViBox .bannerBox .box .telBox input,
.logoViBox .bannerBox .box .desBox input {
  float: left;
  width: 162px;
  margin-top: 1px;
  padding: 0 0 4px 10px;
  outline: none;
  border: none;
  background: rgba(255, 255, 255, 0);
  border-bottom: 2px dashed #11252c;
}
.logoViBox .bannerBox .box .telBox input::-webkit-input-placeholder,
.logoViBox .bannerBox .box .desBox input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 600;
}
.logoViBox .bannerBox .box .desBox .circle {
  background: rgba(255, 255, 255, 0);
  border: 1px dashed #ffa904;
}
.logoViBox .bannerBox .box .submit {
  width: 218px;
  height: 33px;
  margin: 0 auto 25px;
  background: #ffa904;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: 0 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
  cursor: pointer;
}
.logoViBox .bannerBox .box .bottomBox {
  box-sizing: border-box;
  padding-left: 38px;
}
.logoViBox .bannerBox .box .bottomBox .left,
.logoViBox .bannerBox .box .bottomBox .right {
  float: left;
  width: 163px;
  height: 44px;
}
.logoViBox .bannerBox .box .bottomBox .left img,
.logoViBox .bannerBox .box .bottomBox .right img {
  width: 100%;
  height: 100%;
}
.logoViBox .bannerBox .box .bottomBox .left {
  margin-right: 12px;
}
.logoViBox .bottom {
  position: relative;
}
.logoViBox .bottom .bottom1 {
  height: 1926px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/bottom1.jpg') 50% 50% / cover no-repeat;
}
.logoViBox .bottom .bottom2 {
  height: 4489px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/bottom2.jpg') 50% 50% / cover no-repeat;
}
.logoViBox .bottom .bottom3 {
  height: 2634px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/bottom3.jpg') 50% 50% / cover no-repeat;
}
.logoViBox .bottom .center {
  position: absolute;
  top: 6995px;
  left: 50%;
  margin-left: -570px;
  width: 1140px;
}
.logoViBox .bottom .center a {
  display: inline-block;
  width: 135px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #ffa904;
  border-radius: 70px;
  box-shadow: 0 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
  margin-top: 10px;
}
.logoViBox .bottom .center a:nth-child(1) {
  margin-left: 65px;
}
.logoViBox .bottom .center a:nth-child(2) {
  margin-left: 158px;
}
.logoViBox .bottom .center a:nth-child(3) {
  margin-left: 158px;
}
.logoViBox .bottom .center a:nth-child(4) {
  margin-left: 158px;
}
.logoViBox .bottom .btn1,
.logoViBox .bottom .btn2 {
  position: absolute;
  top: 1846px;
  left: 50%;
  margin-left: -120px;
  width: 240px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  background: #ffa904;
  border-radius: 70px;
  box-shadow: 0 6px 7.7px 0.3px rgba(19, 78, 90, 0.1);
}
.logoViBox .bottom .btn2 {
  top: 6300px;
}

.sanji .sanjiMain .jiaoFu {
  padding-top: 45px;
  width: 100%!important;
  margin: 0 auto;
}
.sanji .sanjiMain.bgf {
  margin-bottom: 60px!important;
}
.sanji .erjiBanner {
  height: 580px !important;
  background-size: cover !important;
  padding-top: 60px;
  text-align: center;
}
.sanji .erjiBanner p {
  font-size: 30px;
  margin-bottom: 60px;
  color: #fff;
}
.sanji .erjiBanner button {
  width: 260px;
  height: 45px;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  border: 0;
  outline: none;
}
.sanji .botb {
  height: 300px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/bbb.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 110px;
  text-align: center;
}
.sanji .botb p {
  font-size: 30px;
  margin-bottom: 60px;
  color: #fff;
}
.sanji .botb button {
  width: 260px;
  height: 45px;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  border: 0;
  outline: none;
}
.sanji .botb button:hover {
  background-color: #5193de;
}
.sanji .ant-row img {
  margin: 0 auto;
  display: block;
  width: 100%;
}
.sanjiMain {
  padding: 70px 0 60px;
}
.sanjiMain .zi dt {
  padding: 5px 15px;
  color: #fff;
  background: #43c88f;
}
.sanjiMain .zi dd {
  padding: 15px 15px 0;
  color: #333;
  line-height: 24px;
}
.sanjiMain .zi dd .na {
  color: #43c88f;
}
.sanjiMain .emb {
  margin-bottom: 23px;
}
.sanjiMain .erji-mb {
  margin-bottom: 25px;
}
.sanjiMain.zixunMan {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/mbg.png") no-repeat;
  background-size: cover;
}
.sanjiMain.zixunMan h3 {
  margin-bottom: 15px;
}
.sanjiMain.zixunMan .he {
  margin-bottom: 45px;
}
.sanjiMain.three {
  padding: 45px 0 40px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/mtbg.png") no-repeat;
  background-size: cover;
}
.sanjiMain.three h3 {
  color: #fff;
  margin-bottom: 25px;
}
.sanjiMain.three p {
  color: #fff;
  margin-bottom: 30px;
}
.sanjiMain.three p b {
  font-size: 24px;
  color: #43c88f;
}
.sanjiMain.three .lo {
  width: 224px;
  height: 100px;
  margin: 0 20px 20px 0;
  background: #fff;
  text-align: center;
  line-height: 100px;
}
.sanjiMain.three .lo img {
  display: inline-block;
  vertical-align: middle;
}
.sanjiMain.three .lo.last {
  margin-right: 0;
}
.sanjiMain .ant-carousel .slick-prev {
  left: -35px;
  background-color: #fff !important;
  color: #397ecd !important;
  line-height: 1;
}
.sanjiMain .ant-carousel .slick-prev i {
  font-size: 12px;
}
.sanjiMain .ant-carousel .slick-prev:hover {
  background-color: #397ecd !important;
  color: #fff !important;
}
.sanjiMain .ant-carousel .slick-next {
  right: -35px;
  background-color: #fff !important;
  color: #397ecd !important;
  line-height: 1;
}
.sanjiMain .ant-carousel .slick-next i {
  font-size: 12px;
  margin-left: -2px;
}
.sanjiMain .ant-carousel .slick-next:hover {
  background-color: #397ecd !important;
  color: #fff !important;
}
.sanjiMain .lun {
  position: relative;
}
.sanjiMain .lun img {
  display: block;
}
.sanjiMain .lun .ti {
  line-height: 90px;
  text-align: center;
  color: #666;
}
.sanjiMain .b {
  font-size: 24px;
  color: #43c88f;
  font-weight: normal;
}
.sanjiMain.bgf {
  background: #f8f8f8;
}
.sanjiMain .mbd {
  padding-top: 70px;
}
.sanjiMain .jiaoFu {
  padding-top: 45px;
  width: 680px;
  margin: 0 auto;
}
.sanjiMain .jiaoFu dl {
  width: 170px;
  padding: 0 10px;
  text-align: center;
  min-height: 125px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/shu.png") right 0 no-repeat;
}
.sanjiMain .jiaoFu dl.last {
  background: none;
}
.sanjiMain .jiaoFu dl dd {
  padding-top: 23px;
  line-height: 24px;
  color: #333;
}
.sanjiMain .jiaoFu img {
  margin: 0 auto;
  display: inherit;
}
.sanjiMain .ping h4 {
  font-size: 14px;
  color: #333;
  line-height: 1;
  margin-bottom: 12px;
}
.sanjiMain .ping p {
  color: #666;
  width: 185px;
  margin: 0 auto;
  line-height: 24px;
  font-size: 14px;
}
.sanjiMain .ping p.mx {
  width: 95%;
}
.sanjiMain .ping .xu {
  margin-bottom: 20px;
}
.sanjiMain .ping .xu span {
  display: inline-block;
  height: 44px;
  width: 44px;
  background: #43c88f;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
}
.sanjiMain.twoBg {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/bgg.png") no-repeat;
  background-size: cover;
}
.sanjiMain h3 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 30px;
}
.sanjiMain .he {
  margin-bottom: 15px;
  height: 4px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center center no-repeat;
}
.sanjiMain p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 50px;
}
.sanjiMain p.mop {
  line-height: 24px;
  font-size: 14px;
}
.sanjiMain .taoBtn {
  text-align: center;
  padding-top: 40px;
}
.sanjiMain .taoBtn button {
  width: 260px;
  height: 45px;
  background: #397ecd;
  color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}
.sanjiMain .taoBtn button:hover {
  background-color: #5193de;
}
.sanjiMain .sanMain .tao {
  border-top: 10px solid #397ecd;
  padding: 20px;
  background: #fff;
}
.sanjiMain .sanMain .tao.odd {
  border-top-color: #74b0f6;
}
.sanjiMain .sanMain .tao h6 {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}
.sanjiMain .sanMain .tao .ulli li {
  line-height: 30px;
  color: #666;
  padding-left: 25px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/dui.png") 0 center no-repeat;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sanjiMain .zixun {
  background: #fff;
}
.sanjiMain .zixun .pDiv {
  padding: 0 3px;
  width: 20%;
  height: 280px;
  position: relative;
}
.sanjiMain .zixun .pDiv.last {
  padding: 0;
}
.sanjiMain .zixun .pDiv .grayDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.6);
}
.sanjiMain .zixun dl {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 35px;
  color: #666;
  transition: all 0.5s;
  position: absolute;
}
.sanjiMain .zixun dl:hover {
  box-shadow: 0 0 25px #c4e1ff;
  z-index: 9;
}
.sanjiMain .zixun dl p {
  margin-bottom: 10px;
}
.sanjiMain .zixun dl .online {
  padding-top: 10px;
}
.sanjiMain .zixun dl .online a {
  width: 120px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.sanjiMain .zixun dl .online a.online-status {
  border-color: #e3e3e3;
  color: #666;
  background: #e3e3e3;
}
.sanjiMain .zixun dl .online a.online-status:hover {
  border-color: #333;
  color: #fff;
  background: #333;
}
.sanjiMain .zixun dl .online a:hover {
  background: #397ecd;
  color: #fff;
}
.sanjiMain .zixun dl .br {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.sanjiMain .zixun dl .br .grayDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  background: rgba(250, 250, 250, 0.6);
}
.sanjiMain .zixun dl .br .grayDiv.showDiv {
  display: block;
}
.sanjiMain .zixun dl .br img {
  width: 100%;
  display: block;
}

#cyj2-content {
  padding-top: 60px;
}
#cyj2-content .flex-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
}
#cyj2-content .flex-content > * {
  flex: 0 1 auto;
}
#cyj2-content .btn {
  outline: none;
  border: none;
  transition: all 0.2s linear;
  font-size: 18px;
  cursor: pointer;
}
#cyj2-content .card-1 {
  position: relative;
  width: 550px;
  height: 260px;
  background-color: white;
  border-radius: 3px;
  padding: 30px 34px;
  transition: transform 0.2s linear;
}
#cyj2-content .card-1 > div:nth-child(2) {
  display: inline-block;
  width: 194px;
  height: 100%;
  padding-top: 7px;
  vertical-align: top;
  margin-left: 26px;
  text-align: left;
}
#cyj2-content .card-1 > div:nth-child(2) > h4 {
  font-size: 22px;
  color: #333;
  text-align: left;
  padding-left: 14px;
  position: relative;
  z-index: 2;
  font-weight: 600;
}
#cyj2-content .card-1 > div:nth-child(2) > h4 > i {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 172px;
  height: 13px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-6.png');
  z-index: -1;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(2) {
  margin-top: 20px;
  padding-left: 4px;
  color: #c7c7c7;
  position: relative;
  text-align: left;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(2) > span:first-child {
  font-size: 16px;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(2) > span:nth-child(2) {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(2) > strong {
  font-size: 24px;
  font-weight: 500;
  position: relative;
  top: 2px;
  letter-spacing: -2px;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(2) > i {
  width: 122px;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(3) {
  text-align: left;
  margin-top: -15px;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(3) > span:first-child {
  font-size: 18px;
  color: #666;
  font-weight: 600;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(3) > span:nth-child(2) {
  font-size: 24px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  color: #ff8866;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(3) > strong {
  font-size: 36px;
  font-weight: 500;
  position: relative;
  top: 2px;
  color: #ff8866;
  letter-spacing: -2px;
}
#cyj2-content .card-1 > div:nth-child(2) > p:nth-child(3) > i {
  width: 122px;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
}
#cyj2-content .card-1 > div:nth-child(2) > button:last-child {
  width: 180px;
  height: 40px;
  margin-top: 20px;
  border-radius: 40px;
  background-image: linear-gradient(to bottom, #fe7857, #ff8664, #fe7857);
  color: white;
}
#cyj2-content .card-1 > div:nth-child(2) > button:last-child:hover {
  opacity: 0.9;
}
#cyj2-content .card-1 > i:last-child {
  width: 76px;
  height: 75px;
  position: absolute;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-5.png') no-repeat;
  top: -5px;
  left: 15px;
  font-style: normal;
  font-size: 16px;
  color: white;
  text-align: center;
}
#cyj2-content .card-1 > i:last-child > span {
  position: absolute;
  top: 11px;
  left: 18px;
  font-size: 16px;
}
#cyj2-content .card-1 > i:last-child > b {
  position: absolute;
  top: 26px;
  left: 15px;
  font-size: 22px;
}
#cyj2-content .card-1:hover {
  transform: translateY(-5px);
}
#cyj2-content .card-2 {
  position: relative;
  width: 268px;
  height: 190px;
  border-radius: 3px;
  transition: all 0.2s linear;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-7.png') no-repeat;
  padding: 30px 11px 0 11px;
  overflow: hidden;
  cursor: pointer;
}
#cyj2-content .card-2 > h4 {
  font-size: 22px;
  color: #333;
  text-align: center;
  font-weight: 600;
}
#cyj2-content .card-2 > p:nth-child(2) {
  color: #64cca1;
  position: relative;
  margin-top: 50px;
  padding-left: 5px;
}
#cyj2-content .card-2 > p:nth-child(2) > i {
  position: absolute;
  width: 90px;
  height: 1px;
  background-color: #64cca1;
  top: 11px;
  left: 0;
}
#cyj2-content .card-2 > p:nth-child(3) > span:first-child > span:first-child {
  font-size: 18px;
  color: #666666;
  font-weight: 600;
  position: relative;
  top: -8px;
}
#cyj2-content .card-2 > p:nth-child(3) > span:first-child > span:nth-child(2) {
  font-size: 22px;
  color: #ff6c46;
  position: relative;
  top: -5px;
  margin-right: 4px;
}
#cyj2-content .card-2 > p:nth-child(3) > span:first-child > strong {
  font-size: 30px;
  color: #ff6c46;
  position: relative;
  top: -5px;
  font-weight: 500;
  letter-spacing: -2px;
}
#cyj2-content .card-2 > p:nth-child(3) > span:last-child {
  float: right;
  width: 86px;
  height: 32px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-8.png') no-repeat;
  font-size: 16px;
  color: white;
  margin-top: 3px;
  text-align: center;
  line-height: 30px;
  padding-left: 9px;
}
#cyj2-content .card-2 > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #f7fcec 15%, #fcdc9f 100%);
  padding-top: 30px;
  border-radius: 3px;
  top: 0;
  left: 0;
  transform: translateY(100%);
  transition: all 0.4s linear;
}
#cyj2-content .card-2 > div > h4 {
  font-size: 22px;
  color: #333;
  text-align: center;
  font-weight: 600;
}
#cyj2-content .card-2 > div > button {
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translateX(-50%);
  width: 180px;
  height: 40px;
  background-image: linear-gradient(to bottom, #fe7857, #ff8664, #fe7857);
  border-radius: 40px;
  color: white;
}
#cyj2-content .card-2 > div > button:hover {
  opacity: 0.8;
}
#cyj2-content .card-2:hover > div {
  transform: translateY(0) !important;
}
#cyj2-content .card-3 {
  width: 356px;
  height: 464px;
  background-color: white;
  border-radius: 3px;
  padding: 29px 28px;
  text-align: center;
  position: relative;
  transition: all 0.2s linear;
}
#cyj2-content .card-3 > h4 {
  font-size: 22px;
  color: #333;
  text-align: center;
  padding-left: 14px;
  position: relative;
  z-index: 2;
  font-weight: 600;
  margin-top: 15px;
}
#cyj2-content .card-3 > p:nth-child(3) {
  margin-top: 20px;
  padding-left: 4px;
  color: #c7c7c7;
  position: relative;
  text-align: center;
}
#cyj2-content .card-3 > p:nth-child(3) > span:first-child {
  font-size: 16px;
}
#cyj2-content .card-3 > p:nth-child(3) > span:nth-child(2) {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#cyj2-content .card-3 > p:nth-child(3) > strong {
  font-size: 24px;
  font-weight: 500;
  position: relative;
  top: 2px;
  letter-spacing: -2px;
}
#cyj2-content .card-3 > p:nth-child(3) > i {
  width: 122px;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 60%;
  transform: translate(-50%, -50%);
  left: 50%;
}
#cyj2-content .card-3 > p:nth-child(4) {
  text-align: center;
  margin-top: -15px;
}
#cyj2-content .card-3 > p:nth-child(4) > span:first-child {
  font-size: 18px;
  color: #666;
  font-weight: 600;
}
#cyj2-content .card-3 > p:nth-child(4) > span:nth-child(2) {
  font-size: 24px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  color: #ff8866;
}
#cyj2-content .card-3 > p:nth-child(4) > strong {
  font-size: 36px;
  font-weight: 500;
  position: relative;
  top: 2px;
  color: #ff8866;
  letter-spacing: -2px;
}
#cyj2-content .card-3 > p:nth-child(4) > i {
  width: 122px;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
}
#cyj2-content .card-3 > button:nth-child(5) {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 40px;
  border-radius: 40px;
  background-image: linear-gradient(to bottom, #fe7857, #ff8664, #fe7857);
  color: white;
}
#cyj2-content .card-3 > button:nth-child(5):hover {
  opacity: 0.9;
}
#cyj2-content .card-3 > i:last-child {
  width: 76px;
  height: 75px;
  position: absolute;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-5.png') no-repeat;
  top: -5px;
  left: 15px;
  font-style: normal;
  font-size: 16px;
  color: white;
  text-align: center;
}
#cyj2-content .card-3 > i:last-child > span {
  position: absolute;
  top: 11px;
  left: 18px;
  font-size: 16px;
}
#cyj2-content .card-3 > i:last-child > b {
  position: absolute;
  top: 26px;
  left: 15px;
  font-size: 22px;
}
#cyj2-content .card-3:hover {
  transform: translateY(-5px);
}
#cyj2-content .card-4 {
  position: relative;
  width: 356px;
  height: 206px;
  transition: all 0.2s linear;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-9.png') no-repeat;
  padding: 30px 25px 0 25px;
  overflow: hidden;
  cursor: pointer;
}
#cyj2-content .card-4 > h4 {
  font-size: 22px;
  color: #333;
  text-align: center;
  font-weight: 600;
}
#cyj2-content .card-4 > p:nth-child(2) {
  color: #64cca1;
  position: relative;
  margin-top: 50px;
  padding-left: 5px;
}
#cyj2-content .card-4 > p:nth-child(2) > i {
  position: absolute;
  width: 90px;
  height: 1px;
  background-color: #64cca1;
  top: 11px;
  left: 0;
}
#cyj2-content .card-4 > p:nth-child(3) > span:first-child > span:first-child {
  font-size: 18px;
  color: #666666;
  font-weight: 600;
  position: relative;
  top: -8px;
}
#cyj2-content .card-4 > p:nth-child(3) > span:first-child > span:nth-child(2) {
  font-size: 22px;
  color: #ff6c46;
  position: relative;
  top: -5px;
  margin-right: 4px;
}
#cyj2-content .card-4 > p:nth-child(3) > span:first-child > strong {
  font-size: 30px;
  color: #ff6c46;
  position: relative;
  top: -5px;
  font-weight: 500;
  letter-spacing: -2px;
}
#cyj2-content .card-4 > p:nth-child(3) > span:last-child {
  float: right;
  width: 86px;
  height: 32px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-8.png') no-repeat;
  font-size: 16px;
  color: white;
  margin-top: 3px;
  text-align: center;
  line-height: 30px;
  padding-left: 9px;
}
#cyj2-content .card-4 > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #f7fcec 15%, #fcdc9f 100%);
  padding-top: 30px;
  border-radius: 3px;
  top: 0;
  left: 0;
  transform: translateY(100%);
  transition: all 0.4s linear;
}
#cyj2-content .card-4 > div > h4 {
  font-size: 22px;
  color: #333;
  text-align: center;
  font-weight: 600;
}
#cyj2-content .card-4 > div > button {
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translateX(-50%);
  width: 180px;
  height: 40px;
  background-image: linear-gradient(to bottom, #fe7857, #ff8664, #fe7857);
  border-radius: 40px;
  color: white;
}
#cyj2-content .card-4 > div > button:hover {
  opacity: 0.8;
}
#cyj2-content .card-4:hover > div {
  transform: translateY(0) !important;
}
#cyj2-content > nav {
  position: relative;
}
#cyj2-content > nav > img:first-child {
  width: 100%;
}
#cyj2-content > nav > img:nth-child(2) {
  width: 62.5%;
  position: absolute;
  left: 50%;
  top: 14%;
  transform: translateX(-50%);
}
#cyj2-content > nav > div {
  width: 62.5%;
  height: 707px;
  margin: auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/img-1.png') no-repeat;
}
#cyj2-content > div:nth-child(2) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/bg.jpg') no-repeat;
  background-size: 100% 100%;
  border-top: 1px solid #00d883;
  border-bottom: 1px solid #00d883;
  margin-top: -5px;
}
#cyj2-content #entrepreneurial-boost > .cyj-title:first-child {
  margin-top: 60px;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) {
  width: 1200px;
  height: 452px;
  margin: auto;
  border-radius: 3px;
  background-color: #d0f8dc;
  padding: 49px 61px;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div {
  width: 462px;
  height: 160px;
  position: relative;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div > button {
  position: absolute;
  width: 50px;
  height: 128px;
  background-color: #ffe559;
  color: #17b364;
  border-radius: 50px;
  padding: 23px 10px;
  line-height: 22px;
  font-weight: 600;
  top: 15px;
  right: 43px;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div > button:hover {
  background-color: rgba(255, 229, 89, 0.8);
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div:first-child {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-1.png') no-repeat;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div:nth-child(2) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-2.png') no-repeat;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div:nth-child(3) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-3.png') no-repeat;
}
#cyj2-content #entrepreneurial-boost > div:nth-child(2) > div:nth-child(4) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-4.png') no-repeat;
}
#cyj2-content #knowledge > div:nth-child(2) {
  width: 1200px;
  height: 1274px;
  margin: auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/img-2.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 55px 34px;
}
#cyj2-content #knowledge > div:nth-child(2) > div:nth-child(1) {
  height: 555px;
}
#cyj2-content #knowledge > div:nth-child(2) > div:nth-child(2) {
  height: 410px;
  position: absolute;
  bottom: 54px;
  left: 34px;
  right: 34px;
}
#cyj2-content #tax > div:nth-child(2) {
  height: 1496px;
  width: 1200px;
  margin: auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/img-3.png') no-repeat;
  padding: 55px 34px;
  position: relative;
}
#cyj2-content #tax > div:nth-child(2) > div:first-child {
  height: 464px;
}
#cyj2-content #tax > div:nth-child(2) > div:nth-child(2) {
  height: 678px;
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 67px;
}
#cyj2-content #other > div:nth-child(2) {
  width: 1200px;
  height: 186px;
  margin: auto;
  margin-bottom: 122px;
}
#cyj2-content #other > div:nth-child(2) > div {
  width: 282px;
  height: 186px;
  background-color: #d6fde2;
  padding: 22px;
  color: #18866b;
  position: relative;
  cursor: pointer;
}
#cyj2-content #other > div:nth-child(2) > div > p:first-child {
  font-size: 20px;
  margin-bottom: 12px;
}
#cyj2-content #other > div:nth-child(2) > div > b:nth-child(2) {
  width: 40px;
  height: 3px;
  background-color: #19866b;
  display: inline-block;
  margin-bottom: 14px;
}
#cyj2-content #other > div:nth-child(2) > div > p:nth-child(3) {
  width: 170px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 14px;
}
#cyj2-content #other > div:nth-child(2) > div > i:nth-child(4) {
  font-size: 22px;
  cursor: pointer;
}
#cyj2-content #other > div:nth-child(2) > div > strong:last-child {
  position: absolute;
}
#cyj2-content #other > div:nth-child(2) > div:nth-child(1) > strong {
  width: 60px;
  height: 175px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-10.png') no-repeat;
  top: -22px;
  right: 0;
}
#cyj2-content #other > div:nth-child(2) > div:nth-child(2) > strong {
  width: 169px;
  height: 52px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-11.png') no-repeat;
  bottom: -16px;
  right: 0;
}
#cyj2-content #other > div:nth-child(2) > div:nth-child(3) > strong {
  width: 117px;
  height: 185px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-12.png') no-repeat;
  bottom: -16px;
  right: 3px;
}
#cyj2-content #other > div:nth-child(2) > div:nth-child(4) > strong {
  width: 84px;
  height: 120px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-13.png') no-repeat;
  bottom: -17px;
  right: 2px;
}
#cyj2-content #other > div:nth-child(3) {
  width: 1200px;
  height: 152px;
  margin: 65px auto;
  background-color: rgba(35, 93, 44, 0.3);
  position: relative;
  padding: 58px 151px;
}
#cyj2-content #other > div:nth-child(3) > img:first-child {
  position: absolute;
  left: 84px;
  top: 15px;
}
#cyj2-content #other > div:nth-child(3) > img:nth-child(2) {
  position: absolute;
  right: 84px;
  bottom: 15px;
}
#cyj2-content #other > div:nth-child(3) > p {
  display: inline-block;
  color: white;
  font-size: 30px;
  font-weight: 600;
  float: left;
}
#cyj2-content #other > div:nth-child(3) > button {
  width: 200px;
  height: 50px;
  background-color: #fddd27;
  color: #333;
  font-size: 18px;
  border-radius: 3px;
  transition: background 0.3s linear;
  border: 0;
  cursor: pointer;
  margin: 0 24px;
}
#cyj2-content #other > div:nth-child(3) > button:hover {
  background-color: #e2c314;
}
#cyj2-content #footer {
  height: 617px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/img-10.jpg') no-repeat;
  padding-top: 92px;
}
#cyj2-content #footer > div {
  margin: auto;
  width: 1200px;
  height: 441px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/cyj2/icon-16.png') no-repeat;
  position: relative;
}
#cyj2-content #footer > div > div {
  position: absolute;
  top: 161px;
  left: 320px;
  width: 650px;
  height: 186px;
}
#cyj2-content #footer > div > div > img {
  cursor: pointer;
}
.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 22px;
  margin: 12px 0;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
}
.selectModalCon .selectModalForm {
  margin-top: 33px;
  text-align: center;
}
.selectModalCon .selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn {
  vertical-align: middle;
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a {
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 14px;
  color: #b0b0b0;
  display: inline-block;
  margin-right: 8px;
  transition: all 0.3s;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:first-child {
  margin-bottom: 10px;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:nth-child(3),
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:last-child {
  margin-right: 0;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn .selectTypeClick {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle input {
  background-color: #f5f5f5;
  font-size: 14px;
  color: #b0b0b0;
  border: 0;
  width: 280px;
  padding: 12.5px 12px;
  outline: none;
}
.selectModalCon .selectModalForm .selectPhoneTip {
  margin-bottom: 7px;
  display: none;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon {
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon p {
  color: #2cb278;
}
.selectModalCon .selectFormSubmit {
  width: 356px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: block;
  background-color: #397ecd;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  margin: 0 auto 34px auto;
}
.selectModalCon .selectFormSubmit:hover {
  background-color: #5193de;
}

.cyj-title {
  margin-top: 98px;
  margin-bottom: 58px;
}
.cyj-title > p {
  text-align: center;
  font-size: 24px;
  color: #006533;
}

#dataCenterIndex {
  background: #fff;
  color: #333333;
}
#dataCenterIndex .index-box {
  width: 100%;
}
#dataCenterIndex .index-box .ant-btn {
  border-radius: 0;
  background: linear-gradient(90deg, #466eff 0%, #395de4 100%);
  font-size: 14px;
  color: #ffffff;
  border: 0;
  width: 192px;
  height: 56px;
  line-height: 56px;
}
#dataCenterIndex .index-box .banner {
  width: 100%;
  min-width: 1200px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/banner.png") no-repeat center;
  background-size: 100% 100%;
  height: 578px;
  position: relative;
}
#dataCenterIndex .index-box .banner .banner_btn {
  position: absolute;
  bottom: 155px;
  left: 359px;
}
#dataCenterIndex .index-box .banner .banner_btn .glost.ant-btn {
  margin-left: 16px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
#dataCenterIndex .index-box .banner .banner_btn .newBtn.ant-btn {
  width: 140px;
  height: 46px;
  line-height: 46px;
}
#dataCenterIndex .index-box .section_1 {
  background: #f6f7fc;
  min-width: 1200px;
}
#dataCenterIndex .index-box .section_1 h1 {
  text-align: center;
  padding: 80px 0 77px 0;
}
#dataCenterIndex .index-box .section_1 .section_block.left {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/section_1_bg_1.png") no-repeat;
  width: 1200px;
  height: 443px;
}
#dataCenterIndex .index-box .section_1 .section_block.left .key_desp {
  position: absolute;
  width: 450px;
  right: 120px;
}
#dataCenterIndex .index-box .section_1 .section_block.left .key_desp h3:first-child:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/section_1_1.png");
  padding-right: 20px;
  margin-left: -45px;
  vertical-align: middle;
}
#dataCenterIndex .index-box .section_1 .section_block.left .key_desp h3:nth-child(4):before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/section_1_2.png");
  padding-right: 20px;
  margin-left: -45px;
  vertical-align: middle;
}
#dataCenterIndex .index-box .section_1 .section_block.left .key_desp h3:nth-child(7):before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/section_1_3.png");
  padding-right: 20px;
  margin-left: -45px;
  vertical-align: middle;
}
#dataCenterIndex .index-box .section_1 .section_block.right {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/section_1_bg_2.png") no-repeat;
  width: 1200px;
  height: 472px;
}
#dataCenterIndex .index-box .section_1 .section_block.right .key_desp {
  position: absolute;
  width: 570px;
  left: 60px;
}
#dataCenterIndex .index-box .section_1 .section_block.right .key_desp h3:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/section_1_4.png");
  padding-right: 20px;
  margin-left: -45px;
  vertical-align: middle;
}
#dataCenterIndex .index-box .section_1 .section_block {
  position: relative;
}
#dataCenterIndex .index-box .section_1 .section_block .key_desp {
  top: 12px;
}
#dataCenterIndex .index-box .section_1 .section_block .key_desp h3 {
  margin-bottom: 20px;
}
#dataCenterIndex .index-box .section_1 .section_block .key_desp p {
  margin-bottom: 12px;
  font-size: 16px;
  color: #101533;
}
#dataCenterIndex .index-box .section_1 .section_block .key_desp p span {
  font-size: 16px;
  font-weight: 600;
}
#dataCenterIndex .index-box .section_1 .netBtn {
  margin: -5px 0 60px 0;
}
#dataCenterIndex .index-box .section_2 {
  background: #eceffb;
  min-width: 1200px;
}
#dataCenterIndex .index-box .section_2 .section_block {
  padding: 80px 0 60px;
  text-align: center;
}
#dataCenterIndex .index-box .section_2 .section_block .p1 {
  color: #666666;
  font-weight: 600;
  padding: 11px 0 47px;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies {
  display: flex;
  justify-content: space-between;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block {
  width: 266px;
  height: 462px;
  background: #f6f7fc;
  border-radius: 6px;
  margin: 23px 0 ;
  padding: 0 17px;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block .step_block_warp .sub_title {
  padding: 31px 0 17px 0;
  color: #3F5191;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block .step_block_warp .etc {
  color: #4E5E99;
  width: 232px;
  height: 72px;
  background: rgba(236, 239, 251, 0.8);
  border-radius: 6px;
  padding: 16px 42px;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block .step_block_warp .etc .flow {
  display: flex;
  justify-content: space-between;
  width: 150px;
  height: 40px;
  flex-flow: wrap;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block .step_block_warp .etc .flow span {
  width: 72px;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block.step_block_3 {
  display: flex;
  width: 266px;
  flex-flow: wrap;
  padding: 20px 17px;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block.step_block_3 .name {
  width: 232px;
  height: 48px;
  background: rgba(236, 239, 251, 0.8);
  border-radius: 6px;
  line-height: 48px;
  color: #3F5191;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .step .step_block.step_block_3 .name.four {
  width: 232px;
  height: 72px;
  line-height: 72px;
}
#dataCenterIndex .index-box .section_2 .section_block .qydsj_section .classifies .arrow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 170px 0 100px 0;
  color: #8a93b5;
}
#dataCenterIndex .index-box .section_2 .section_block .jzyx_section .jzyx_warp {
  display: flex;
  justify-content: space-around;
}
#dataCenterIndex .index-box .section_2 .section_block .jzyx_section .jzyx_warp .step_title:hover {
  color: #3858CF;
}
#dataCenterIndex .index-box .section_2 .section_block .jzyx_section .jzyx_warp .step_title:hover p {
  color: #3858CF;
}
#dataCenterIndex .index-box .section_2 .section_block .jzyx_section .jzyx_block {
  flex-flow: wrap;
  padding: 0px 0px 55px 60px;
  justify-content: start;
  margin-top: 22px;
  background: #ffffff;
}
#dataCenterIndex .index-box .section_2 .section_block .jzyx_section .jzyx_block .data_warp {
  width: 300px;
  margin: 50px 80px 0 0;
}
#dataCenterIndex .index-box .section_2 .section_block .cmr_section .cmr_block:hover {
  background: #f6f7fc;
  border-radius: 6px;
  cursor: pointer;
}
#dataCenterIndex .index-box .section_2 .section_block .cmr_section .cmr_block {
  text-align: left;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 18px 92px 20px 48px;
}
#dataCenterIndex .index-box .section_2 .section_block .cmr_section .cmr_block .cmr_title {
  width: 200px;
  padding: 9px 30px 10px 14px;
}
#dataCenterIndex .index-box .section_2 .section_block .cmr_section .cmr_block .cmr_title p {
  color: #666666;
  padding-top: 10px;
  line-height: 14px;
}
#dataCenterIndex .index-box .section_2 .section_block .cmr_section .cmr_block .cmr_desp {
  width: 790px;
  color: #666666;
  line-height: 24px;
}
#dataCenterIndex .index-box .section_2 .section_block .data {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/qydsj_banner.png");
  width: 1200px;
  padding: 36px 56px  31px 46px;
  display: flex;
  justify-content: space-between;
}
#dataCenterIndex .index-box .section_2 .section_block .data .data_warp {
  text-align: left;
  width: 200px;
}
#dataCenterIndex .index-box .section_2 .section_block .data .data_warp p {
  color: #666666;
  padding-top: 12px;
}
#dataCenterIndex .index-box .section_2 .section_block .step_title {
  display: flex;
  justify-content: space-around;
  position: relative;
  cursor: pointer;
}
#dataCenterIndex .index-box .section_2 .section_block .step_title .desp {
  text-align: left;
  margin-left: 15px;
}
#dataCenterIndex .index-box .section_2 .section_block .step_title .desp div {
  padding: 6px 0px;
}
#dataCenterIndex .index-box .section_2 .section_block .step_title .desp p {
  color: #666666;
}
#dataCenterIndex .index-box .section_2 .section_block .step_title .pointer {
  position: absolute;
  left: 16px;
  bottom: -22px;
}
#dataCenterIndex .index-box .section_3 {
  min-width: 1200px;
  text-align: center;
  background: #f6f7fc;
}
#dataCenterIndex .index-box .section_3 h2 {
  padding: 80px 0 60px 0;
}
#dataCenterIndex .index-box .section_3 .service_warp {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
#dataCenterIndex .index-box .section_3 .service_warp .col_style.block_1 {
  width: 276px;
  text-align: left;
}
#dataCenterIndex .index-box .section_3 .service_warp .col_style {
  padding-bottom: 35px;
  width: 234px;
}
#dataCenterIndex .index-box .section_3 .service_warp .col_style:nth-child(2):hover,
#dataCenterIndex .index-box .section_3 .service_warp .col_style:nth-child(3):hover,
#dataCenterIndex .index-box .section_3 .service_warp .col_style:nth-child(4):hover,
#dataCenterIndex .index-box .section_3 .service_warp .col_style:nth-child(5):hover {
  background: #ffffff;
  box-shadow: 0px 6px 20px 0px rgba(115, 115, 115, 0.14);
  cursor: pointer;
}
#dataCenterIndex .index-box .section_3 .service_warp .col_style .netBtn {
  width: 120px;
  height: 46px;
  line-height: 46px;
}
#dataCenterIndex .index-box .section_3 .service_warp .col_style .ljgm {
  margin-top: 16px;
  color: #3858CF;
  border-bottom: 1px solid #3858CF;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style.blank {
  height: 117px;
  width: 276px;
  padding-top: 40px;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style.row_0 {
  height: 117px;
  width: 234px;
  padding-top: 40px;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style {
  height: 83px;
  padding: 17px 10px;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style p {
  padding-top: 10px;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style span {
  color: #f5584e;
  padding-left: 5px;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style .price {
  font-size: 20px;
  font-weight: 800;
  color: #3858cf;
  line-height: 20px;
  padding-top: 22px;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style .true {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/true.png");
  width: 20px;
  height: 20px;
  margin: auto;
}
#dataCenterIndex .index-box .section_3 .service_warp .row_style .false {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/false.png");
  width: 20px;
  height: 20px;
  margin: auto;
}
#dataCenterIndex .index-box .section_3 .extra_warp {
  text-align: left;
  padding-bottom: 60px;
}
#dataCenterIndex .index-box .section_3 .extra_warp .title {
  padding: 34px 0 0 0;
  border-top: 1px dotted #E3E3E3;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp {
  display: flex;
  justify-content: start;
  flex-flow: wrap;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp .subtitle {
  padding: 26px 0 12px 0 ;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp .width_1 {
  margin-right: 194px;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp .width_2 {
  margin-right: 138px;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp .width_3 {
  width: 138px;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp .width_4 {
  margin-right: 102px;
}
#dataCenterIndex .index-box .section_3 .extra_warp .data_warp .width_5 {
  width: 630px;
}
#dataCenterIndex .index-box .section_4 {
  width: 100%;
  min-width: 1200px;
  text-align: center;
  margin: auto;
  padding: 80px 0 60px 0 ;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/custom_bg.png") no-repeat;
  height: 770px;
  position: relative;
}
#dataCenterIndex .index-box .section_4 p {
  color: #666666;
  padding: 10px 0 50px;
}
#dataCenterIndex .index-box .section_4 ul {
  padding: 0 390px;
}
#dataCenterIndex .index-box .section_4 .flex {
  display: flex;
  justify-content: space-around;
}
#dataCenterIndex .index-box .section_4 .flex img {
  cursor: pointer;
  transition: all 0.4s;
}
#dataCenterIndex .index-box .section_4 .flex img:hover {
  transform: scale(1.14);
}
#dataCenterIndex .index-box .section_4 .section_4_mask {
  position: absolute;
  height: 770px;
  width: 100%;
  min-width: 1200px;
  background: rgba(0, 0, 0, 0.8);
  padding: 102px 0 60px 0;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block {
  width: 768px;
  margin: auto;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .close {
  margin-left: 740px;
  cursor: pointer;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-list {
  height: 576px;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-prev {
  left: -98px;
  width: 54px;
  height: 78px;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-prev:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/prev_arrow.png");
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-prev:hover {
  background: #838383;
  opacity: 0.8;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-next {
  right: -98px;
  width: 54px;
  height: 78px;
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-next:before {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/dataCenter/next_arrow.png");
}
#dataCenterIndex .index-box .section_4 .section_4_mask .slide_block .slick-slider .slick-next:hover {
  background: #838383;
  opacity: 0.8;
}
#dataCenterIndex .index-box .section_5 {
  min-width: 1200px;
  text-align: center;
  background: #f6f7fc;
}
#dataCenterIndex .index-box .section_5 p {
  color: #666666;
  padding-top: 10px;
}
#dataCenterIndex .index-box .section_5 .section_block_1 {
  padding: 76px 0 62px 0 ;
}
#dataCenterIndex .index-box .section_5 .section_block_1 img {
  padding: 76px 0 21px 0;
}
#dataCenterIndex .index-box .section_5 .section_block_1 .flex {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: auto;
}
#dataCenterIndex .index-box .section_5 .section_block_1 .flex a {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: #3858CF;
  border-bottom: 2px solid;
}
#dataCenterIndex .index-box .section_5 .section_block_2 {
  padding: 76px 0 99px 0 ;
}
#dataCenterIndex .index-box .section_5 .section_block_2 .block_2_warp {
  display: flex;
  margin: 40px auto 0;
  width: 1200px;
  border: 1px solid #849eff;
}
#dataCenterIndex .index-box .section_5 .section_block_2 .block_2_warp .block {
  width: 400px;
  height: 286px;
  background: #ffffff;
  padding: 52px 76px;
}
#dataCenterIndex .index-box .section_5 .section_block_2 .block_2_warp .block:nth-child(2),
#dataCenterIndex .index-box .section_5 .section_block_2 .block_2_warp .block:nth-child(3) {
  border-left: 1px solid #849eff;
}
#dataCenterIndex .index-box .section_5 .section_block_2 .block_2_warp .block h4 {
  padding: 30px 0 20px 0 ;
}
#dataCenterIndex .index-box .section_5 .section_block_2 .block_2_warp .block .text {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
#dataCenterIndex ul {
  display: flex;
  justify-content: space-around;
  padding: 0 100px;
  border-bottom: 1px solid #d9dbe8;
  margin-bottom: 60px;
}
#dataCenterIndex ul li {
  padding-bottom: 15px;
  cursor: pointer;
}
#dataCenterIndex ul .li_style {
  border-bottom: 3px solid #3858CF;
}
#dataCenterIndex .w1200 {
  width: 1200px;
  margin: auto;
}
#dataCenterIndex .mt50 {
  margin-top: 50px;
}
#dataCenterIndex .tac {
  text-align: center;
}
#dataCenterIndex .fl {
  float: left;
}
#dataCenterIndex .fr {
  float: right;
}
#dataCenterIndex .cb {
  clear: both;
}
#dataCenterIndex .tac {
  text-align: center;
}
#dataCenterIndex .mb16 {
  margin-bottom: 16px;
}
#dataCenterIndex .f24 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: #333333;
}
#dataCenterIndex .f20 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
#dataCenterIndex .f18 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}
#dataCenterIndex .f16 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
#dataCenterIndex h1 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  color: #101533;
}
#dataCenterIndex h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 800;
  color: #333333;
}
#dataCenterIndex h3 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 800;
  color: #101533;
}
#dataCenterIndex h4 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
  color: #333333;
}
.business_madal {
  text-align: center;
}
.business_madal h4 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
  color: #333333;
  padding: 42px 0 15px 0;
}
.business_madal p {
  padding-bottom: 40px;
}
.business_madal .ant-modal-close-x {
  font-size: 16px;
}
.business_madal .ant-input {
  font-size: 14px;
  width: 338px;
  height: 50px;
  border: 1px solid #e3e3e3;
}
.business_madal .login-form-button {
  color: #ffffff;
  width: 337px;
  height: 56px;
  background: linear-gradient(90deg, #466eff 0%, #395de4 100%);
  margin: auto;
  line-height: 56px;
  cursor: pointer;
}
.business_madal .login-form-button:hover {
  border: 0px;
  color: #ffffff;
}
.business_madal .ant-form-explain {
  text-align: left;
  margin-left: 28px;
}

.new-menu-side {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
}
.new-menu-side > a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.new-menu-side > a:hover {
  background-color: #5774b8;
  border-color: transparent !important;
}
.new-menu-side > a:hover > span {
  opacity: 1;
}
.new-menu-side > a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.new-menu-side > a svg path {
  fill: #5774b8 !important;
}
.new-menu-side > a svg polygon {
  fill: #5774b8 !important;
}
.new-menu-side > a > span {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.new-menu-side .curActive {
  background-color: #5774b8;
  border-color: transparent !important;
}
.new-menu-side .curActive > span {
  opacity: 1;
}
.new-menu-side > a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.new-menu-side > a:last-child svg {
  width: 28px;
}
.new-menu-side > a:nth-child(1):hover > img {
  display: block;
}
.new-menu-side > a:nth-child(1) > img {
  width: 203px;
  height: 80px;
  position: absolute;
  left: -203px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.new-menu-side > a:nth-child(2) .active {
  position: absolute;
  top: 0;
  right: 60px;
  width: 203px;
  height: 76px;
  box-sizing: border-box;
  padding: 10px 29px 16px 21px;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/dataCenter/active.png");
}
.new-menu-side > a:nth-child(4):hover > img {
  display: block;
}
.new-menu-side > a:nth-child(4) > img {
  width: 205px;
  height: 226px;
  position: absolute;
  left: -205px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

#datawarehousesec-out .datawarehousesec-left > span {
  color: #ffffff;
  font-size: 50px;
  text-shadow: 0 0 20px #548bfc;
  display: block;
  text-align: center;
  line-height: 90px;
  letter-spacing: 8px;
}
#datawarehousesec-out .datawarehousesec-right > span {
  color: #ffffff;
  font-size: 50px;
  text-shadow: 0 0 20px #548bfc;
  display: block;
  text-align: center;
  line-height: 90px;
  letter-spacing: 8px;
}
#datawarehouseser-out .datawarehouseser-top-t .screen-public-num > span {
  margin-top: 30px;
  color: #ffffff;
  font-size: 43px;
  text-shadow: 0 0 10px #548bfc;
  display: block;
  text-align: center;
  line-height: 45px;
  letter-spacing: 6px;
}

.device-share-items.ant-col-5 {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}
.printItem {
  margin: 0 0 35px 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height: 286px;
  background: #fff;
}
.printItem:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.printItem .productImg {
  position: relative;
}
.printItem .productImg img {
  display: block;
  width: 100%;
  height: 168px;
}
.printItem .productImg .discount {
  position: absolute;
  top: 12px;
  right: 19px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/print/discount.png');
  background-size: 100%;
  width: 52px;
  height: 23px;
  background-repeat: no-repeat;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 23px;
}
.printItem .printItemContent {
  padding: 14px 0 0 20px;
  background: #fff;
}
.printItem .printItemContent .title {
  margin: 0 0 9px 0;
}
.printItem .printItemContent .title .ant-col-14 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1;
}
.printItem .printItemContent .title .ant-col-10 {
  vertical-align: middle;
}
.printItem .printItemContent .title .ant-col-10 i {
  display: inline-block;
  margin: 0 8px 0 0;
  float: right;
  font-size: 14px;
  color: #ff5ba0;
}
.printItem .printItemContent .title .ant-col-10 i:first-child {
  margin: 0;
}
.printItem .printItemContent .title .ant-col-24 h1 {
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.printItem .printItemContent .tag {
  color: #999999;
  margin: 0 0 19px 0;
  font-size: 12px;
  height: 12px;
}
.printItem .printItemContent .service {
  color: #bbb;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 21px;
  font-size: 14px;
}
.printItem .priceNotSure {
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 20px 13px 15px 19px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #397ecd;
}
.printItem .printItemFoot {
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 18px 13px 15px 21px;
  line-height: 1.1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.printItem .printItemFoot .ant-col-14 {
  color: #333;
}
.printItem .printItemFoot .ant-col-14 span {
  overflow: hidden;
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.printItem .printItemFoot .ant-col-14 * {
  display: inline-block;
  vertical-align: middle;
}
.printItem .printItemFoot .ant-col-14 img {
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
}
.printItem .printItemFoot .priceItemLeft {
  display: flex;
  flex-direction: row;
}
.printItem .printItemFoot .oldPrice {
  margin-left: 14px;
  color: #666666;
  font-size: 14px;
  text-decoration: line-through;
  line-height: 24px;
}
.printItem .printItemFoot .icon {
  text-align: right;
}
.printItem .printItemFoot .price {
  font-size: 18px;
  color: #ff8e09;
}

.printIndex {
  background: #f8f8f8;
}
.printIndex .filterBg {
  background: #f8f8f8;
  padding-top: 71px;
}
.printIndex .title {
  height: 12px;
  font-size: 14px;
  text-align: left;
  color: #999999;
  margin-top: 24px;
}
.printIndex .filter {
  margin-bottom: 30px;
}
.printIndex .filter .filterBox {
  margin: 23px 0 21px 0;
  background-color: #fff;
}
.printIndex .filter .filterBox .filterConditionBox {
  padding: 19px 0 18px 0;
}
.printIndex .filter .filterBox .filterConditionBox * {
  font-size: 16px;
  color: #616161;
}
.printIndex .filter .filterBox .filterConditionBox .ant-row {
  z-index: 2;
  margin-left: 25px;
}
.printIndex .filter .filterBox .filterConditionBox .ant-border {
  border-left: 1px solid #d6dadd;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 {
  padding: 6px 0;
  padding-right: 10px;
  font-size: 14px;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select {
  width: 100%;
  font-size: 16px;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection:focus {
  box-shadow: none;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection--single {
  border: none;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8:last-child {
  padding: 0;
}
.printIndex .filter .filterBox .searchBox div {
  display: inline-block;
  margin: 4px 0 4px 30px;
  position: relative;
}
.printIndex .filter .filterBox .searchBox .searchConfirmBtn {
  font-style: normal;
  font-size: 12px;
  width: 24px;
  display: none;
  cursor: pointer;
}
.printIndex .filter .filterBox .searchBox .sliding input {
  width: 246px;
  padding: 5px 60px 5px 22px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.printIndex .filter .filterBox .searchBox .sliding .clearInput {
  display: block;
  right: 0px !important;
}
.printIndex .filter .filterBox .searchBox .sliding .searchConfirmBtn {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 12px;
  font-style: normal;
  display: block;
}
.printIndex .filter .filterBox .searchBox input {
  border: none;
  border-bottom: 1px solid #d6dadb;
  padding: 5px 0;
  width: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.printIndex .filter .filterBox .searchBox .clearInput {
  font-size: 16px;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 5px;
  cursor: pointer;
  display: none;
}
.printIndex .filter .filterBox .searchBox .searchBtn {
  font-size: 20px;
  color: #999;
  position: absolute;
  left: 0;
  bottom: 5px;
  cursor: pointer;
}
.printIndex .filter .filterBox .filterRight {
  padding: 33px 0;
  text-align: right;
}
.printIndex .filter .filterBox .filterRight .ant-dropdown-link .anticon {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.printIndex .filter .filterBox .filterRight .arrowChange .anticon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.printIndex .filter .filterBox .filterRight * {
  font-size: 14px;
}
.printIndex .filter .filterBox .filterRight a {
  margin-left: 30px;
  font-size: 14px;
  color: #999999;
  text-decoration: none;
}
.printIndex .filter .filterBox .filterRight span {
  margin-right: 10px;
}
.printIndex .printIndexPage {
  text-align: center;
  margin: 30px auto;
}
.printIndexMenu a {
  text-align: center;
}
.recommand {
  font-size: 24px;
  color: #333333;
  margin-bottom: 19px;
}

.ant-col-5 {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}
.printItem {
  margin: 0 0 35px 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height: 286px;
  background: #fff;
}
.printItem:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.printItem .productImg {
  position: relative;
}
.printItem .productImg img {
  display: block;
  width: 100%;
  height: 168px;
}
.printItem .productImg .discount {
  position: absolute;
  top: 12px;
  right: 19px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/print/discount.png');
  background-size: 100%;
  width: 52px;
  height: 23px;
  background-repeat: no-repeat;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 23px;
}
.printItem .printItemContent {
  padding: 14px 0 0 20px;
  background: #fff;
}
.printItem .printItemContent .title {
  margin: 0 0 9px 0;
}
.printItem .printItemContent .title .ant-col-14 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1;
}
.printItem .printItemContent .title .ant-col-10 {
  vertical-align: middle;
}
.printItem .printItemContent .title .ant-col-10 i {
  display: inline-block;
  margin: 0 8px 0 0;
  float: right;
  font-size: 14px;
  color: #ff5ba0;
}
.printItem .printItemContent .title .ant-col-10 i:first-child {
  margin: 0;
}
.printItem .printItemContent .title .ant-col-24 h1 {
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.printItem .printItemContent .tag {
  color: #999999;
  margin: 0 0 19px 0;
  font-size: 12px;
  height: 12px;
}
.printItem .printItemContent .service {
  color: #bbb;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 21px;
  font-size: 14px;
}
.printItem .priceNotSure {
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 20px 13px 15px 19px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #397ecd;
}
.printItem .printItemFoot {
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 18px 13px 15px 21px;
  line-height: 1.1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.printItem .printItemFoot .ant-col-14 {
  color: #333;
}
.printItem .printItemFoot .ant-col-14 span {
  overflow: hidden;
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.printItem .printItemFoot .ant-col-14 * {
  display: inline-block;
  vertical-align: middle;
}
.printItem .printItemFoot .ant-col-14 img {
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
}
.printItem .printItemFoot .priceItemLeft {
  display: flex;
  flex-direction: row;
}
.printItem .printItemFoot .oldPrice {
  margin-left: 14px;
  color: #666666;
  font-size: 14px;
  text-decoration: line-through;
  line-height: 24px;
}
.printItem .printItemFoot .icon {
  text-align: right;
}
.printItem .printItemFoot .price {
  font-size: 18px;
  color: #ff8e09;
}

.printIndex {
  background: #f8f8f8;
}
.printIndex .filterBg {
  background: #f8f8f8;
  padding-top: 60px;
}
.printIndex .title {
  height: 12px;
  font-size: 14px;
  text-align: left;
  color: #999999;
  margin-top: 24px;
}
.printIndex .filter {
  margin-bottom: 30px;
}
.printIndex .filter .filterBox {
  margin: 23px 0 21px 0;
  background-color: #fff;
}
.printIndex .filter .filterBox .filterConditionBox {
  padding: 19px 0 18px 0;
}
.printIndex .filter .filterBox .filterConditionBox * {
  font-size: 16px;
  color: #616161;
}
.printIndex .filter .filterBox .filterConditionBox .ant-row {
  z-index: 2;
  margin-left: 25px;
}
.printIndex .filter .filterBox .filterConditionBox .ant-border {
  border-left: 1px solid #d6dadd;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 {
  padding: 6px 0;
  padding-right: 10px;
  font-size: 14px;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select {
  width: 100%;
  font-size: 16px;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection:focus {
  box-shadow: none;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8 .ant-select .ant-select-selection--single {
  border: none;
}
.printIndex .filter .filterBox .filterConditionBox .ant-col-8:last-child {
  padding: 0;
}
.printIndex .filter .filterBox .searchBox div {
  display: inline-block;
  margin: 4px 0 4px 30px;
  position: relative;
}
.printIndex .filter .filterBox .searchBox .searchConfirmBtn {
  font-style: normal;
  font-size: 12px;
  width: 24px;
  display: none;
  cursor: pointer;
}
.printIndex .filter .filterBox .searchBox .sliding input {
  width: 246px;
  padding: 5px 60px 5px 22px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.printIndex .filter .filterBox .searchBox .sliding .clearInput {
  display: block;
  right: 0px !important;
}
.printIndex .filter .filterBox .searchBox .sliding .searchConfirmBtn {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 12px;
  font-style: normal;
  display: block;
}
.printIndex .filter .filterBox .searchBox input {
  border: none;
  border-bottom: 1px solid #d6dadb;
  padding: 5px 0;
  width: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.printIndex .filter .filterBox .searchBox .clearInput {
  font-size: 16px;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 5px;
  cursor: pointer;
  display: none;
}
.printIndex .filter .filterBox .searchBox .searchBtn {
  font-size: 20px;
  color: #999;
  position: absolute;
  left: 0;
  bottom: 5px;
  cursor: pointer;
}
.printIndex .filter .filterBox .filterRight {
  padding: 33px 0;
  text-align: right;
}
.printIndex .filter .filterBox .filterRight .ant-dropdown-link .anticon {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.printIndex .filter .filterBox .filterRight .arrowChange .anticon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.printIndex .filter .filterBox .filterRight * {
  font-size: 14px;
}
.printIndex .filter .filterBox .filterRight a {
  margin-left: 30px;
  font-size: 14px;
  color: #999999;
  text-decoration: none;
}
.printIndex .filter .filterBox .filterRight span {
  margin-right: 10px;
}
.printIndex .printIndexPage {
  text-align: center;
  margin: 30px auto;
}
.printIndexMenu a {
  text-align: center;
}
.recommand {
  font-size: 24px;
  color: #333333;
  margin-bottom: 19px;
}

.p-t {
  padding: 35px 0 80px 0;
}
.masterBodyContent .masterLeft {
  float: left;
  width: 200px;
}
.masterBodyContent .masterRight {
  float: right;
  width: 1000px;
  padding: 0 0 0 20px;
}
.masterBodyContent:after {
  clear: both;
  display: block;
  content: '';
}
.employerbannerBox .imgBox {
  display: block;
  width: 100%;
  height: 200px;
}

.left-nav {
  background: #fff;
}
.left-nav ul {
  display: none;
}
.left-nav li .navLeftItme {
  cursor: pointer;
}
.left-nav li .navLeftItme a {
  text-align: left;
  padding: 14px 0 13px 84px;
}
.left-nav .navLeftItme a,
.left-nav .navLeftItmeUnLink a {
  padding: 14px 0 13px 0;
  width: 100%;
  background: #fff;
  text-align: center;
  display: block;
}
.left-nav .navLeftItme a span,
.left-nav .navLeftItmeUnLink a span {
  font-size: 14px;
  color: #333;
  line-height: 1.1;
  vertical-align: middle;
}
.left-nav .navLeftItme a i,
.left-nav .navLeftItmeUnLink a i {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.left-nav .navLeftItme a:hover,
.left-nav .navLeftItmeUnLink a:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.left-nav .navLeftItme a:hover i,
.left-nav .navLeftItmeUnLink a:hover i,
.left-nav .navLeftItme a:hover span,
.left-nav .navLeftItmeUnLink a:hover span {
  color: #397ecd;
}
.left-nav .navLeftItme .navLeftAct,
.left-nav .navLeftItmeUnLink .navLeftAct {
  background: #397ecd;
}
.left-nav .navLeftItme .navLeftAct:hover,
.left-nav .navLeftItmeUnLink .navLeftAct:hover {
  background: #397ecd;
}
.left-nav .navLeftItme .navLeftAct:hover i,
.left-nav .navLeftItmeUnLink .navLeftAct:hover i,
.left-nav .navLeftItme .navLeftAct:hover span,
.left-nav .navLeftItmeUnLink .navLeftAct:hover span {
  color: #fff;
}
.left-nav .navLeftItme .navLeftAct i,
.left-nav .navLeftItmeUnLink .navLeftAct i,
.left-nav .navLeftItme .navLeftAct span,
.left-nav .navLeftItmeUnLink .navLeftAct span {
  color: #fff;
}
.nav-d {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #333;
  padding: 0 0 0 42px;
}
.nav-d i {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.nav-d span {
  display: inline-block;
  vertical-align: middle;
}
.nav-d.on {
  color: #f9f9f9;
  background: #397ecd;
}
.nav-d.on:hover {
  color: #fff;
  background: #397ecd;
}
.nav-d:hover {
  color: #397ecd;
  background: #f9f9f9;
}
.nav-d .ant-badge-count {
  right: -30px;
  line-height: 18px;
}

.addNewBillMes {
  padding: 55px 82px;
  background: #fff;
  height: 832px;
}
.addNewBillMes .ant-row {
  margin: 0 0 35px 0;
}
.addNewBillMes .ant-col-6 {
  font-size: 16px;
  color: #333;
  line-height: 32px;
}
.addNewBillMes .ant-col-6 i {
  color: #dd0000;
}
.addNewBillMes .ant-radio-wrapper {
  margin: 0 50px 0 0;
  line-height: 32px;
}
.addNewBillMes .ant-col-18 input {
  width: 367px;
  height: 32px;
  padding: 0 15px;
  border: 1px solid #e0e0e0;
  color: #333;
  font-size: 14px;
}
.addNewBillMes .title {
  padding: 5px 0 4px 14px;
  font-size: 18px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 31px 0;
}
.addNewBillMes .operateBtns {
  margin: 80px 0 0 0;
}
.addNewBillMes .operateBtns span {
  padding: 10px 49px;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  margin: 0 24px 0 0;
}
.addNewBillMes .operateBtns span:last-child {
  color: #397ecd;
  background: #fff;
}

.tagClick {
  display: inline-block;
  height: 26px;
  width: 250px;
  line-height: 26px;
  text-align: center;
  border: 1px #CCCCCC solid;
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: top;
}
.buyedServiceDetailBox .titleBox {
  padding: 0 34px 0 20px;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
}
.buyedServiceDetailBox .titleBox:after {
  display: block;
  content: '';
  clear: both;
}
.buyedServiceDetailBox .titleBox p {
  float: left;
  color: #333;
  font-size: 24px;
  line-height: 53px;
}
.buyedServiceDetailBox .titleBox p:last-child {
  float: right;
  font-size: 14px;
}
.buyedServiceDetailBox .titleBox p:last-child i {
  color: #999 !important;
  font-style: normal;
}
.buyedServiceDetailBox .stepBox {
  padding: 50px 0 0 0;
  background: #fff;
}
.buyedServiceDetailBox .stepBox .ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.buyedServiceDetailBox .stepBox .ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:after {
  content: '';
  background: none;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}
.buyedServiceDetailBox .stepBox .ant-steps {
  line-height: 0.5;
}
.buyedServiceDetailBox .stepBox .ant-steps-title {
  position: relative;
  top: -45px;
}
.buyedServiceDetailBox .stepBox .ant-steps-dot .ant-steps-tail {
  width: 95%;
  padding-left: 15px;
}
.buyedServiceDetailBox .stepBox .ant-steps-dot .ant-steps-main {
  margin-top: 0;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item {
  height: 30px;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background: #43c88f;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot {
  background: #43c88f;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot {
  background: #43c88f;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot:after {
  border: 1px solid #43c88f;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot:after {
  border: 1px solid #43c88f;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title {
  color: #43c88f;
}
.buyedServiceDetailBox .stepBox .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title {
  color: #43c88f;
}
.buyedServiceDetailBox .orderStatusBox {
  margin: 20px 0;
}
.buyedServiceDetailBox .orderStatusBox > div:first-child {
  padding: 0 35px 0 20px;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
}
.buyedServiceDetailBox .orderStatusBox > div:first-child:after {
  content: '';
  display: block;
  clear: both;
}
.buyedServiceDetailBox .orderStatusBox > div:first-child p {
  float: left;
  color: #333;
  font-size: 16px;
  line-height: 53px;
}
.buyedServiceDetailBox .orderStatusBox > div:first-child p:last-child {
  float: right;
  color: #43c88f;
  font-size: 14px;
}
.buyedServiceDetailBox .orderStatusBox .btnsBox {
  padding: 26px 0 43px 20px;
  background: #fff;
}
.buyedServiceDetailBox .orderStatusBox .btnsBox p {
  font-size: 12px;
  color: #999;
  line-height: 1.1;
  margin: 16px 0 0 0;
}
.buyedServiceDetailBox .orderStatusBox .btnsBox div a {
  display: inline-block;
  width: 120px;
  height: 30px;
  margin: 0 17px 0 0;
  line-height: 30px;
  text-align: center;
  background: #397ecd;
  color: #fff;
  font-size: 14px;
}
.buyedServiceDetailBox .orderMesBox {
  background: #fff;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 {
  padding: 0 27px 0 0;
  position: relative;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19:after {
  position: absolute;
  width: 1px;
  height: 150px;
  background: #dcdcdc;
  right: 0;
  top: 26px;
  content: '';
  display: block;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:first-child {
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 0 20px;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:first-child:after {
  content: '';
  display: block;
  clear: both;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:first-child p {
  font-size: 16px;
  color: #333;
  float: left;
  line-height: 53px;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:first-child p:last-child {
  color: #333;
  font-size: 14px;
  line-height: 53px;
  float: right;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:first-child p:last-child i {
  font-style: normal;
  color: #999;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) {
  padding: 15px 0 15px 20px;
  border-bottom: 1px solid #f2f2f2;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2):after {
  content: '';
  display: block;
  clear: both;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div {
  float: left;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div p {
  line-height: 1.1;
  font-size: 14px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  margin: 10px 0 0 0;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div .newServer {
  display: block;
  color: #333;
  font-size: 14px;
  margin-top: 5px;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div .newServer span {
  color: #ffa800;
  font-size: 14px;
  margin-right: 15px;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div .newServer .sModel {
  color: #397ecd;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div p:first-child {
  color: #333;
  margin: 0;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div:last-child {
  float: right;
  color: #ffa800;
  font-size: 24px;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(2) div:last-child i {
  color: #666;
  font-size: 16px;
  font-style: normal;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(3) {
  padding: 20px 0 20px 20px;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(3):after {
  content: '';
  clear: both;
  display: block;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(3) p {
  color: #666;
  font-size: 14px;
  float: left;
  line-height: 1.1;
}
.buyedServiceDetailBox .orderMesBox .ant-col-19 > div:nth-child(3) p:last-child {
  float: right;
}
.buyedServiceDetailBox .orderMesBox .ant-col-5 div {
  text-align: center;
}
.buyedServiceDetailBox .orderMesBox .ant-col-5 div img {
  display: inline-block;
  width: 87px;
  height: 87px;
  border-radius: 50%;
  margin: 20px 0 0 0;
}
.buyedServiceDetailBox .orderMesBox .ant-col-5 div a {
  display: inline-block;
  width: 120px;
  height: 30px;
  background: #397ecd;
  color: #fff;
  line-height: 30px;
  text-align: center;
  margin: 16px 0 0 0;
}
.buyedServiceDetailBox .payMesBox {
  background: #fff;
  margin: 20px 0 0 0;
}
.buyedServiceDetailBox .payMesBox > p:first-child {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.1;
  padding: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.buyedServiceDetailBox .payMesBox .ant-row {
  padding: 20px 20px 90px 20px;
}
.buyedServiceDetailBox .payMesBox .ant-row .ant-col-6 {
  color: #666;
  font-size: 14px;
}
.buyedServiceDetailBox .payMesBox .ant-row .ant-col-6 i {
  font-size: 18px;
  color: #ffa800;
  font-style: normal;
}

.buyedserviceBox .topFilterBox {
  padding: 20px 16px;
  background: #fff;
}
.buyedserviceBox .topFilterBox > p:first-child {
  color: #333;
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 22px 0;
}
.buyedserviceBox .topFilterBox ul {
  border-bottom: 1px solid #e8e8e8;
}
.buyedserviceBox .topFilterBox ul .ant-badge-count {
  right: -8px;
}
.buyedserviceBox .topFilterBox ul li {
  padding: 0 0 18px 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1;
  color: #999;
  margin: 0 16px -1px 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.buyedserviceBox .topFilterBox ul .filterAct {
  border-bottom: 2px solid #397ecd;
  color: #397ecd;
}
.buyedserviceBox .bodyListBox {
  margin: 10px 0 0 0;
  padding: 20px 20px 62px 20px;
  background: #fff;
}
.buyedserviceBox .bodyListBox .searchTermBox.second {
  margin-top: 20px;
}
.buyedserviceBox .bodyListBox .searchTermBox > span {
  display: inline-block;
  float: left;
}
.buyedserviceBox .bodyListBox .searchTermBox .ant-calendar-picker {
  vertical-align: top;
}
.buyedserviceBox .bodyListBox .searchTermBox .ant-input {
  border-radius: 0;
}
.buyedserviceBox .bodyListBox .searchTermBox .anticon-cross-circle:before {
  position: absolute;
  right: 10px !important;
  top: 50% !important;
  margin-top: -7px !important;
}
.buyedserviceBox .bodyListBox .searchTermBox label {
  color: #999;
  font-size: 14px;
  margin: 5px 18px 0 0;
  display: inline-block;
  vertical-align: sub;
}
.buyedserviceBox .bodyListBox .searchTermBox .hasMargin {
  margin: 5px 15px 0 15px;
}
.buyedserviceBox .bodyListBox .searchTermBox .inputStyle-1 {
  border: 1px solid #ccc;
  background: #f8f8f8;
  width: 110px;
  height: 32px;
  display: inline-block;
  vertical-align: top;
  color: #333;
  padding: 0 10px;
}
.buyedserviceBox .bodyListBox .searchTermBox .inputStyle-1:focus {
  background: #fff;
}
.buyedserviceBox .bodyListBox .searchTermBox i {
  width: 10px;
  height: 1px;
  background: #ccc;
  margin: 0 6px;
  display: inline-block;
  vertical-align: sub;
}
.buyedserviceBox .bodyListBox .searchBtn {
  text-align: right;
}
.buyedserviceBox .bodyListBox .searchBtn button {
  width: 80px;
  height: 36px;
  text-align: center;
  display: inline-block;
  background: #397ecd;
  color: #fff;
  font-size: 14px;
  margin: 20px 0;
  border: none;
  outline: none;
}
.buyedserviceBox .bodyListBox .bodyListThead .w-3 {
  width: 26%;
}
.buyedserviceBox .bodyListBox .bodyListThead .w-1 {
  width: 12%;
}
.buyedserviceBox .bodyListBox .bodyListThead .w-2 {
  width: 19%;
}
.buyedserviceBox .bodyListBox .bodyListThead:after {
  content: '';
  display: block;
  clear: both;
}
.buyedserviceBox .bodyListBox .bodyListThead li {
  float: left;
  background: #b6bdc4;
  color: #fff;
  font-size: 14px;
  padding: 14px 0;
  text-align: center;
}
.buyedserviceBox .bodyListBox .bodyListTbody .noData {
  font-size: 24px;
  line-height: 200px;
  text-align: center;
  color: #333;
}
.buyedserviceBox .bodyListBox .bodyListTbody li {
  margin: 10px 0 0 0;
  border: 1px solid #ccc;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .orderNumAndTime {
  padding: 10px 20px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .orderNumAndTime:after {
  content: '';
  display: block;
  clear: both;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .orderNumAndTime span {
  font-size: 14px;
  color: #999;
  float: right;
  line-height: 1.1;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .orderNumAndTime span:first-child {
  float: left;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox:after {
  content: '';
  display: block;
  clear: both;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .w-3 {
  width: 26%;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .w-1 {
  width: 12%;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .w-2 {
  width: 19%;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox li {
  border: none;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  float: left;
  display: inline-block;
  margin: 0;
  min-height: 100px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .name {
  padding: 28px 15px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .name p {
  font-size: 14px;
  color: #333;
  margin: 0 0 13px 0;
  line-height: 1.1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .name p:last-child {
  margin: 0;
  color: #808080;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .category {
  padding: 28px 15px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .category p {
  font-size: 14px;
  color: #333;
  margin: 0 0 13px 0;
  line-height: 1.1;
  width: 100%;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .category p:last-child {
  margin: 0;
  color: #808080;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .price {
  padding: 0 5px;
  line-height: 100px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .price p {
  color: #0069af;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1;
  text-align: center;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paystatus {
  padding: 38px 0 0 0;
  text-align: center;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paystatus a {
  color: #333;
  display: inline-block;
  line-height: 1.1;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paystatus .hasClick {
  color: #397ecd;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paystatus .hasMargin {
  margin: 0 0 0 30px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paymes {
  padding: 30px 10px 0 10px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paymes p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin: 0 0 10px 0;
  line-height: 1.1;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .paymes p:last-child {
  margin: 0;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .step {
  line-height: 100px;
}
.buyedserviceBox .bodyListBox .bodyListTbody li .listItemBox .step p {
  color: #333;
  font-size: 14px;
  text-align: center;
  width: 100%;
}
.buyedserviceBox .bodyListBox .pageBox {
  text-align: right;
  margin: 20px 0 0 0;
}
.buyedserviceBox .bodyListBox .pageBox ul {
  display: inline-block;
}
.buyedserviceBox .recommendBox {
  margin: 30px 0 0 0;
  padding: 20px 20px 60px 20px;
  background: #fff;
}
.buyedserviceBox .recommendBox > p {
  color: #333;
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 25px 0;
}
.buyedserviceBox .recommendBox .recommendItem {
  position: relative;
}
.buyedserviceBox .recommendBox .recommendItem img {
  width: 100%;
  height: 142px;
  display: block;
}
.buyedserviceBox .recommendBox .recommendItem p {
  display: block;
  width: 100%;
  padding: 7px 10px;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}
.buyedserviceBox .recommendBox .recommendItem dt img {
  display: block;
  height: 180px;
  width: 100%;
}
.buyedserviceBox .recommendBox .recommendItem dd {
  background: #fff;
  padding: 20px;
}
.buyedserviceBox .recommendBox .recommendItem dd h6 {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
  line-height: 1;
}
.buyedserviceBox .recommendBox .recommendItem dd div {
  color: #666;
}
.buyedserviceBox .recommendBox .recommendItem:hover {
  box-shadow: 0 0 10px #ddd;
}
.applyBillZY .applyBillBox {
  padding: 34px 24px 39px 24px;
}
.applyBillZY .applyBillBox .ant-row {
  margin-bottom: 30px;
}
.applyBillZY .applyBillBox .ant-row .applyBillName {
  font-size: 16px;
  color: #333;
  text-align: right;
}
.applyBillZY .applyBillBox .ant-row .applyBillInput {
  line-height: 36px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo label {
  margin-right: 50px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo label:last-child {
  margin-right: 0;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo input[type="radio"] {
  vertical-align: middle;
  margin-right: 10px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo .applyBillWz {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  vertical-align: middle;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo .ant-select-selection--single {
  width: 367px;
  height: 36px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo .ant-select-selection__rendered {
  line-height: 36px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo a {
  font-size: 14px;
  color: #397ecd;
  margin-left: 15px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo .applyBillInfoWz {
  padding: 20px 30px;
  background-color: #f2f2f2;
  width: 367px;
  margin-top: 15px;
}
.applyBillZY .applyBillBox .ant-row .applyBillInfo .applyBillInfoWz p {
  color: #333;
}
.applyBillZY .billBtns {
  text-align: center;
  margin: 73px 0 0 0;
}
.applyBillZY .billBtns a {
  width: 130px;
  display: inline-block;
  padding: 10px 0 9px 0;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
}

.CollectionservicerBox .topTitleBox {
  padding: 20px 25px 17px 25px;
  background: #fff;
  margin: 0 0 20px 0;
}
.CollectionservicerBox .topTitleBox .title {
  padding: 5px 0 4px 15px;
  border-left: 4px solid #3377c4;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 23px 0;
}
.CollectionservicerBox .topTitleBox .searchAndManage {
  padding: 0 0 0 19px;
}
.CollectionservicerBox .topTitleBox .searchAndManage:after {
  clear: both;
  display: block;
  content: '';
}
.CollectionservicerBox .topTitleBox .searchAndManage .searchBox {
  vertical-align: middle;
  float: left;
}
.CollectionservicerBox .topTitleBox .searchAndManage .searchBox input {
  padding: 9px 50px 10px 14px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  color: #d1d1d1;
  line-height: 1.1;
  display: inline-block;
  vertical-align: middle;
  width: 367px;
}
.CollectionservicerBox .topTitleBox .searchAndManage .searchBox button {
  background: none;
  padding: 10px 17px 9px 17px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1;
  border-left: none;
  outline: none;
  cursor: pointer;
}
.CollectionservicerBox .topTitleBox .searchAndManage .searchBox button i {
  font-size: 14px;
  color: #616161;
}
.CollectionservicerBox .topTitleBox .searchAndManage .collectBox {
  float: right;
}
.CollectionservicerBox .topTitleBox .searchAndManage .collectBox a {
  margin: 0 0 0 20px;
  display: inline-block;
}
.CollectionservicerBox .servicerPage {
  text-align: center;
  font-size: 0;
  margin: 40px 0 0 0;
}
.CollectionservicerBox .servicerPage ul {
  display: inline-block;
}

.servicerItemBox .item {
  padding: 24px 20px 22px 25px;
  background: #fff;
  margin: 0 0 19px 0;
  position: relative;
}
.servicerItemBox .item .itemLogo {
  margin: 0 auto 29px auto;
  display: block;
  width: 69px;
  height: 76px;
}
.servicerItemBox .item .itemLogo {
  margin: 0 auto 29px auto;
  display: block;
  width: 69px;
  height: 76px;
}
.servicerItemBox .item .itemName {
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 14px 0;
}
.servicerItemBox .item .itemName .authIcon {
  color: #00d58c;
  margin: 0 0 0 8px;
}
.servicerItemBox .item .itemIcon {
  text-align: center;
  font-size: 0;
  margin: 0 0 34px 0;
  min-height: 20px;
}
.servicerItemBox .item .itemIcon img {
  margin: 0 16px 0 0;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.servicerItemBox .item .itemIcon img:last-child {
  margin: 0;
}
.servicerItemBox .item .itemTags {
  text-align: center;
  margin: 0 0 0 -16px;
  font-size: 0;
  padding: 0 10px 0 0;
  min-height: 84px;
}
.servicerItemBox .item .itemTags:after {
  clear: both;
  content: '';
  display: block;
}
.servicerItemBox .item .itemTags li {
  display: inline-block;
  margin: 0 0 10px 0;
  width: 33.33%;
  padding: 0 0 0 16px;
  font-size: 12px;
  height: 27px;
}
.servicerItemBox .item .itemTags li p {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 10px;
  background: #f0f2f5;
  color: #999;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.servicerItemBox .item .gradeBox {
  font-size: 14px;
  color: #999;
  margin: 30px 0 0 0;
  padding: 0 0 0 10px;
}
.servicerItemBox .item .gradeBox p {
  line-height: 1.1;
}
.servicerItemBox .item .gradeBox p i:first-child {
  font-size: 16px;
  margin: 0 10px 0 0;
}
.servicerItemBox .item .gradeBox p i:last-child {
  font-style: normal;
}
.servicerItemBox .item .gradeBox .ant-col-8:nth-child(2) p {
  text-align: center;
  border-right: 1px solid #a8aeb4;
  border-left: 1px solid #a8aeb4;
}
.servicerItemBox .item .gradeBox .ant-col-8:nth-child(3) {
  text-align: right;
}
.servicerItemBox .item:hover .hoverBox {
  display: block;
}
.servicerItemBox .item .companyPos {
  color: #999;
  line-height: 1.1;
  margin: 35px 0 0 0;
}
.servicerItemBox .item .hoverBox {
  background: rgba(44, 120, 207, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.servicerItemBox .item .hoverBox .hoverMainBox {
  position: absolute;
  display: inline-block;
  text-align: center;
  height: 90px;
  width: 135px;
  left: 50%;
  margin-left: -67.5px;
  top: 50%;
  margin-top: -45px;
}
.servicerItemBox .item .hoverBox .hoverMainBox .seat {
  color: #fff;
  line-height: 1.1;
  text-align: center;
  font-size: 14px;
  height: 53px;
}
.servicerItemBox .item .hoverBox .hoverMainBox .viewDetail {
  padding: 10px 0;
  width: 135px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  line-height: 1.1;
  font-size: 14px;
  display: inline-block;
}
.servicerItemBox .item .itemManageBtn {
  position: absolute;
  left: 10px;
  top: 10px;
}
.servicerItemBox .itemPagination {
  text-align: center;
  margin: 26px 0 46px 0;
  line-height: 1.1;
}
.servicerItemBox .itemPagination .ant-pagination {
  display: inline-block;
}

.caseItemBox2-news .col {
  padding: 0 11px;
}
.caseItemBox2-news .caseItem {
  padding: 24px 22px 22px 31px;
  background: #fff;
  margin: 0 0 19px 0;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseItemBox2-news .caseItem .itemManageBtnTemp {
  position: absolute;
  top: 10px;
  left: 10px;
}
.caseItemBox2-news .caseItem:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseItemBox2-news .caseItem .productImg img {
  display: block;
  width: 100%;
  height: 214px;
}
.caseItemBox2-news .caseItem .caseItemContent {
  padding: 16px 18px;
  background: #fff;
}
.caseItemBox2-news .caseItem .caseItemContent .title {
  margin: 0 0 8px 0;
}
.caseItemBox2-news .caseItem .caseItemContent .title .ant-col-14 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1;
}
.caseItemBox2-news .caseItem .caseItemContent .title .ant-col-10 {
  vertical-align: middle;
}
.caseItemBox2-news .caseItem .caseItemContent .title .ant-col-10 i {
  display: inline-block;
  margin: 0 8px 0 0;
  float: right;
  font-size: 14px;
  color: #ff5ba0;
}
.caseItemBox2-news .caseItem .caseItemContent .title .ant-col-10 i:first-child {
  margin: 0;
}
.caseItemBox2-news .caseItem .caseItemContent .title .ant-col-24 h1 {
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.caseItemBox2-news .caseItem .caseItemContent .tag {
  color: #bbb;
  line-height: 1.1;
  margin: 0 0 24px 0;
  height: 15px;
}
.caseItemBox2-news .caseItem .caseItemContent .service {
  color: #bbb;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 21px;
  font-size: 14px;
}
.caseItemBox2-news .caseItem .caseItemFoot {
  background: #fff;
  border-top: 1px solid #eee;
  padding: 16px;
  line-height: 1.1;
}
.caseItemBox2-news .caseItem .caseItemFoot .ant-col-14 {
  color: #333;
}
.caseItemBox2-news .caseItem .caseItemFoot .ant-col-14 span {
  overflow: hidden;
  width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.caseItemBox2-news .caseItem .caseItemFoot .ant-col-14 * {
  display: inline-block;
  vertical-align: middle;
}
.caseItemBox2-news .caseItem .caseItemFoot .ant-col-14 img {
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
}
.caseItemBox2-news .caseItem .caseItemFoot .ant-col-10 {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  color: #333;
}
.caseItemBox2-news .caseItem .caseItemFoot .ant-col-10 span {
  font-size: 18px;
  color: #ffc000;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.collectCourseBox .topTitleBox {
  padding: 25px 22px 17px 19px;
  background: #fff;
  margin: 0 0 20px 0;
}
.collectCourseBox .topTitleBox .title {
  line-height: 16px;
  margin-bottom: 23px;
  box-sizing: border-box;
  padding-left: 6px;
  border-left: 2px solid #3377c4;
  font-size: 16px;
  color: #333;
}
.collectCourseBox .topTitleBox .searchAndManage:after {
  clear: both;
  display: block;
  content: '';
}
.collectCourseBox .topTitleBox .searchAndManage .searchBox {
  vertical-align: middle;
  float: left;
}
.collectCourseBox .topTitleBox .searchAndManage .searchBox input {
  outline: none;
  padding: 9px 50px 10px 14px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  color: #d1d1d1;
  line-height: 1.1;
  display: inline-block;
  vertical-align: middle;
  width: 367px;
}
.collectCourseBox .topTitleBox .searchAndManage .searchBox button {
  background: none;
  padding: 10px 17px 9px 17px;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1;
  border-left: none;
  outline: none;
  cursor: pointer;
}
.collectCourseBox .topTitleBox .searchAndManage .searchBox button i {
  font-weight: 600;
  font-size: 14px;
  color: #616161;
}
.collectCourseBox .topTitleBox .searchAndManage .collectBox {
  float: right;
}
.collectCourseBox .topTitleBox .searchAndManage .collectBox a {
  margin: 0 0 0 20px;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #333333;
}
.collectCourseBox .caseItemBox2 {
  width: 100%;
}
.collectCourseBox .caseItemBox2 .courseItem {
  position: relative;
  float: left;
  display: block;
  width: 312px;
  height: 280px;
  margin-right: 21px;
  margin-bottom: 22px;
  border-radius: 2px;
  background-color: #ffffff;
}
.collectCourseBox .caseItemBox2 .courseItem .ant-checkbox-wrapper {
  position: absolute;
  top: 20px;
  left: 20px;
}
.collectCourseBox .caseItemBox2 .courseItem .imgBox {
  width: 312px;
  height: 198px;
}
.collectCourseBox .caseItemBox2 .courseItem .imgBox img {
  width: 100%;
  height: 100%;
}
.collectCourseBox .caseItemBox2 .courseItem .descBox {
  width: 100%;
  box-sizing: border-box;
  padding: 19px 18px;
}
.collectCourseBox .caseItemBox2 .courseItem .descBox .descTitle {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collectCourseBox .caseItemBox2 .courseItem .descBox .tag {
  margin-top: 14px;
}
.collectCourseBox .caseItemBox2 .courseItem .descBox .tag span {
  font-size: 12px;
  color: #999999;
}
.collectCourseBox .caseItemBox2 .courseItem:nth-child(3n) {
  margin-right: 0;
}

.caseItemBox2-talent .col {
  padding: 0 11px;
  position: relative;
}
.caseItemBox2-talent .col .right {
  position: absolute;
  top: 11px;
  right: 11px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 9999;
}
.caseItemBox2-talent .col .right p {
  color: #ff8c1b;
  font-size: 14px;
  font-weight: 500;
  margin-right: 16px;
}
.caseItemBox2-talent .col .right img {
  width: 4px;
  height: 15px;
}
.caseItemBox2-talent .caseItem {
  background: #fff;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseItemBox2-talent .caseItem .itemManageBtnTemp {
  position: absolute;
  top: 10px;
  left: 10px;
}
.caseItemBox2-talent .caseItem:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.caseItemBox2-talent .caseItem .productImg img {
  display: block;
  width: 178px;
  height: 178px;
  margin: 0 auto;
  border-radius: 50%;
}
.caseItemBox2-talent .caseItem .caseItemContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.caseItemBox2-talent .caseItem .caseItemContent p:nth-of-type(1) {
  margin-bottom: 12px;
  font-size: 18px;
  letter-spacing: 0.9px;
  color: #333333;
}
.caseItemBox2-talent .caseItem .caseItemContent p:nth-of-type(2) {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #666666;
  overflow: hidden;
  width: 220px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caseItemBox2-talent .caseItem .tagContainer {
  margin-bottom: 11px;
  margin-right: 16px;
  height: 92px;
}
.caseItemBox2-talent .caseItem .tagContainer div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.caseItemBox2-talent .caseItem .tagContainer div span {
  display: block;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 68px;
  height: 24px;
  margin-top: 10px;
  margin-left: 16px;
  background-color: #f0f2f5;
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #999999;
}
.caseItemBox2-talent .caseItem .caseItemFoot {
  background: #fff;
  border-top: 1px solid #eee;
  padding: 16px;
  line-height: 1.1;
}
.caseItemBox2-talent .caseItem .caseItemFoot .ant-col-14 {
  color: #333;
}
.caseItemBox2-talent .caseItem .caseItemFoot .ant-col-14 span {
  overflow: hidden;
  width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.caseItemBox2-talent .caseItem .caseItemFoot .ant-col-14 * {
  display: inline-block;
  vertical-align: middle;
}
.caseItemBox2-talent .caseItem .caseItemFoot .ant-col-14 img {
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
}
.caseItemBox2-talent .caseItem .caseItemFoot .ant-col-10 {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  color: #333;
}
.caseItemBox2-talent .caseItem .caseItemFoot .ant-col-10 span {
  font-size: 18px;
  color: #ffc000;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.masterContent .noData {
  color: #333;
  font-size: 20px;
  padding: 100px 0;
  text-align: center;
}
.masterContent .noService {
  padding: 50px 0;
  text-align: center;
  width: 100%;
  color: #333;
  font-size: 24px;
}
.masterContent .title {
  font-size: 16px;
  text-align: left;
  color: #333333;
  position: relative;
  border-left: 2px solid #5774b8;
  padding-left: 10px;
  line-height: 16px;
  margin-bottom: 25px;
}
.masterContent .title .rightPoint {
  position: absolute;
  right: 0;
  font-size: 14px;
  line-height: 1.1;
  font-weight: normal;
  color: #5774b8;
}
.masterContent .myOrder {
  padding: 25px;
  margin: 0 0 12px 0;
  background: #fff;
}
.masterContent .myOrder .orderItem {
  background: #fff;
  padding: 10px 0 60px;
  position: relative;
}
.masterContent .myOrder .orderItem button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -32px;
  display: none;
}
.masterContent .myOrder .orderItem:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f8fd;
}
.masterContent .myOrder .orderItem:hover button {
  display: block;
}
.masterContent .myOrder .orderItem p {
  font-size: 14px;
  color: #333;
  line-height: 1.1;
  margin: 20px 0 0 0;
  text-align: center;
}
.masterContent .myOrder .orderItem p:first-of-type {
  font-size: 48px;
  font-weight: 300;
  color: #5774b8;
}
.masterContent .myOrder .orderItem p i {
  font-size: 52px;
  color: #047cde;
}
.masterContent .myBill {
  padding: 20px 13px 40px 13px;
  background: #fff;
  margin: 0 0 24px 0;
}
.masterContent .myBill .title .add {
  font-size: 14px;
  color: #397ecd;
  margin: 0 0 0 43px;
}
.masterContent .myBill .title .add i {
  margin: 0 7px 0 0;
}
.masterContent .myBill .title .add:nth-child(2) {
  margin: 0 0 0 28px;
}
.masterContent .myBill .billListBox {
  padding: 0 15px;
  margin: 0 0 0 -26px;
}
.masterContent .myBill .billListBox:after {
  display: block;
  content: '';
  clear: both;
}
.masterContent .myBill .billListBox li {
  display: inline-block;
  width: 25%;
  padding: 0 0 0 26px;
  float: left;
}
.masterContent .myBill .billListBox li .billItem {
  border: 1px solid #eee;
  line-height: 1.1;
  height: 280px;
}
.masterContent .myBill .billListBox li .billItem .billTop {
  padding: 17px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/billTopBg.jpg") center center no-repeat;
  background-size: cover;
  margin: 0 0 44px 0;
}
.masterContent .myBill .billListBox li .billItem .billMes {
  padding: 0 19px;
}
.masterContent .myBill .billListBox li .billItem .billMes p {
  padding: 0 0 0 7px;
  font-size: 14px;
  color: #333;
}
.masterContent .myBill .billListBox li .billItem .billMes input {
  width: 100%;
  height: 26px;
  border: 1px solid #7a7a7a;
  padding: 0 15px 0 41px;
  margin: 31px 0 57px 0;
}
.masterContent .myBill .billListBox li .billItem .billMes .operateBtn {
  margin: 0 0 25px 0;
}
.masterContent .myBill .billListBox li .billItem .billMes .operateBtn:after {
  display: block;
  clear: both;
  content: '';
}
.masterContent .myBill .billListBox li .billItem .billMes .operateBtn a {
  padding: 8px 0;
  width: 70px;
  text-align: center;
  background: #397ecd;
  border-radius: 1px;
  color: #fafafa;
  line-height: 1.1;
  display: inline-block;
  float: left;
}
.masterContent .myBill .billListBox li .billItem .billMes .operateBtn a:nth-child(2) {
  float: right;
  background: none;
  border: 1px solid #999;
  color: #333;
}
.masterContent .myBill .billListBox li .billItem .speciality p {
  padding: 0 !important;
  margin: 0 0 20px 0;
  font-size: 14px;
  color: #333;
  line-height: 1.1;
}
.masterContent .myBill .billListBox li .billItem .speciality p i {
  color: #999;
  font-style: normal;
}
.masterContent .myBill .billListBox li .billItem .speciality .operateBtn {
  margin: 44px 0 0 0;
}
.masterContent .c-box {
  background: #fff;
  padding: 25px;
  margin-bottom: 9px;
}
.masterContent .collectStore {
  margin: 0 0 24px 0;
}
.masterContent .collectStore .collectListBox #collectListBox {
  transition: all 0.5s;
}
.masterContent .collectStore .collectListBox #collectListBox:after {
  display: block;
  content: '';
  clear: both;
}
.masterContent .collectStore .collectListBox .collectItemBox {
  float: left;
  display: block;
  width: 236px;
  height: 302px;
  margin-right: 12px;
  box-sizing: border-box;
  padding: 64px 29px 36px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeLogo {
  width: 60px;
  height: 60px;
  margin-bottom: 41px;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeLogo img {
  width: 100%;
  height: 100%;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeAddress {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #999999;
  line-height: 20px;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeName {
  width: 168px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 33px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeTag {
  margin-top: 15px;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeTag span {
  display: inline-block;
  width: 66px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 6px;
  margin-right: 6px;
  font-size: 12px;
  text-align: center;
  color: #333;
  border: 1px solid #d4d4d4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.masterContent .collectStore .collectListBox .collectItemBox .storeTag span:last-child {
  margin-right: 0;
}
.masterContent .collectStore .collectListBox .collectItemBox:last-child {
  margin-right: 0;
}
.masterContent .collectStore .collectListBox .collectItem {
  width: 236px;
  background: #fff;
  height: 218px;
  margin-bottom: 12px;
  transition: all 0.5s;
  position: relative;
  top: 0;
  box-shadow: none;
}
.masterContent .collectStore .collectListBox .collectItem:hover {
  box-shadow: 0 5px 10px 0 #adadad;
  top: -8px;
}
.masterContent .collectStore .collectListBox .collectItem > a {
  display: block;
  width: 100%;
}
.masterContent .collectStore .collectListBox .collectItem .topPic {
  width: 100%;
  position: relative;
}
.masterContent .collectStore .collectListBox .collectItem .topPic .tag {
  width: 36px;
  height: 18px;
  opacity: 0.3;
  background-color: #000000;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 4px;
}
.masterContent .collectStore .collectListBox .collectItem .topPic img {
  width: 100%;
  height: 168px;
  object-fit: cover;
  display: block;
}
.masterContent .collectStore .collectListBox .collectItem .companyName {
  font-size: 14px;
  color: #333333;
  padding: 15px 10px;
}
.masterContent .collectStore .collectListBox .collectItem .companyName span {
  display: inline-block;
  max-width: 188px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.masterContent .collectStore .collectListBox .collectItem .companyName .icon-qy {
  padding-left: 5px;
  position: relative;
  top: -4px;
}
.masterContent .collectStore .collectListBox .collectItem .ball {
  text-align: center;
  line-height: 1.1;
  margin: 12px 0 0 0;
  padding: 0 0 10px 0;
  min-height: 28px;
}
.masterContent .collectStore .collectListBox .collectItem .ball img {
  display: inline-block;
  margin: 0 12px 0 0;
  width: 16px;
  height: 16px;
}
.masterContent .collectStore .collectListBox .collectItem .ball img:last-child {
  margin: 0;
}
.masterContent .collectStore .collectListBox .collectItem .tagBox {
  text-align: center;
  min-height: 84px;
}
.masterContent .collectStore .collectListBox .collectItem .tagBox span {
  padding: 6px 10px;
  background: #edf1f3;
  display: inline-block;
  width: 82px;
  color: #919191;
  line-height: 1.1;
  text-align: center;
  margin: 0 15px 10px 0;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.masterContent .collectStore .collectListBox .collectItem .tagBox span:nth-child(3n) {
  margin: 0 0 10px 0;
}
.masterContent .collectStore .collectListBox .collectItem .tagBox span:last-child {
  margin: 0 0 10px 0;
}
.masterContent .collectStore .collectListBox .collectItem .scoreBox {
  font-size: 0;
  margin: 30px 0 0 0;
}
.masterContent .collectStore .collectListBox .collectItem .scoreBox li {
  border-right: 1px solid #a8aeb4;
  width: 33%;
  display: inline-block;
}
.masterContent .collectStore .collectListBox .collectItem .scoreBox li span {
  color: #999;
  font-size: 14px;
  margin: 0 7px 0 0;
  line-height: 1.1;
}
.masterContent .collectStore .collectListBox .collectItem .scoreBox li span:last-child {
  margin: 0;
}
.masterContent .collectStore .collectListBox .collectItem .scoreBox li:last-child {
  border-right: none;
}
.masterContent .collectStore .collectListBox .collectItem .collectPosition {
  color: #999;
  margin: 20px 0 0 0;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box {
  color: #333;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .m-title {
  font-size: 14px;
  color: #333333;
  padding: 12px 14px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .num-box {
  font-size: 12px;
  color: #999999;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 4px;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .num-box span {
  display: inline-block;
  width: 33.3%;
  text-align: center;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .tags-box {
  padding: 10px 15px 0;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .tags-box span {
  line-height: 22px;
  padding: 0 4px;
  height: 22px;
  border-radius: 3px;
  background-color: #f1f5f7;
  font-size: 12px;
  color: #666666;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .tags-box span:first-of-type {
  margin-right: 6px;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .price-box {
  padding: 5px 15px;
}
.masterContent .collectStore .collectListBox .collectItem .meta-box .price-box span {
  font-size: 14px;
  color: #fc9153;
}
.masterContent .activity {
  padding: 20px 13px 40px 13px;
  background: #fff;
  margin: 0 0 24px 0;
}
.masterContent .activity .activityListBox {
  padding: 0 15px;
  margin: 0 0 0 -38px;
}
.masterContent .activity .activityListBox:after {
  display: block;
  content: '';
  clear: both;
}
.masterContent .activity .activityListBox li {
  display: inline-block;
  float: left;
  width: 33.33%;
  padding: 0 0 0 38px;
}
.masterContent .activity .activityListBox li .activityItem {
  position: relative;
}
.masterContent .activity .activityListBox li .activityItem:hover .viewDetail {
  display: block;
}
.masterContent .activity .activityListBox li .activityItem .activityPic img {
  display: block;
  width: 100%;
}
.masterContent .activity .activityListBox li .viewDetail {
  position: absolute;
  top: 43px;
  left: 0;
  padding: 23px 16px 31px 22px;
  background: #307be2;
  display: none;
}
.masterContent .activity .activityListBox li .viewDetail p {
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  margin: 0 0 11px 0;
}
.masterContent .activity .activityListBox li .viewDetail p i {
  font-style: normal;
}
.masterContent .activity .activityListBox li .viewDetail .ant-row {
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
}
.masterContent .activity .activityListBox li .viewDetail .viewDetailBtn {
  margin: 30px 0 0 0;
  text-align: center;
}
.masterContent .activity .activityListBox li .viewDetail .viewDetailBtn a {
  padding: 8px 21px;
  background: #fff;
  border-radius: 1px;
  display: inline-block;
  line-height: 1.1;
  font-size: 14px;
}
.masterContent .activity .activityListBox li .activityTitle {
  padding: 20px 8px 24px 8px;
  border-bottom: 1px solid #e5e5e5;
}
.masterContent .hotNews {
  padding: 20px 13px 40px 13px;
  background: #fff;
  margin: 0 0 24px 0;
}
.masterContent .hotNews .hotNewsListBox {
  padding: 0 15px;
}
.masterContent .hotNews .hotNewsListBox li {
  display: inline-block;
  width: 33.33%;
}
.masterContent .hotNews .hotNewsListBox li .hotNewsItem {
  padding: 10px 10px 0 10px;
  border: 1px solid transparent;
}
.masterContent .hotNews .hotNewsListBox li .hotNewsItem:hover {
  border: 1px solid #0069af;
}
.masterContent .hotNews .hotNewsListBox li .hotNewsItem .hotNewsPic img {
  display: block;
  width: 100%;
}
.masterContent .hotNews .hotNewsListBox li .hotNewsTitle {
  font-size: 14px;
  color: #5c5c5c;
  padding: 20px 0 19px 15px;
  line-height: 1.1;
  font-weight: bold;
}
.masterContent .hotNews .hotNewsListBox li .hotNewsContent {
  padding: 0 15px 32px 15px;
  text-indent: 2em;
  border-bottom: 1px solid #e5e5e5;
  height: 69px;
}
.masterContent .baseConAll {
  margin-bottom: 50px;
  padding-top: 20px;
}
.masterContent .baseConAll a {
  color: #1d39bb;
}
.masterContent .base-header {
  line-height: 36px;
}
.masterContent .base-header a {
  font-size: 14px;
  color: #a9b3b4;
}
.masterContent .base-header .m-right {
  margin-right: 35px;
}
.masterContent .base-header .headRight a {
  border-right: 1px solid #a9b3b4;
}
.masterContent .base-header .headRight a:last-child {
  border-right: 0;
}
.masterContent .pad {
  padding: 0 20px;
}
.masterContent .pad-lef {
  padding-left: 20px;
}
.masterContent .base-bg {
  width: 100%;
  position: relative;
  background-color: #eff3f5;
  margin-bottom: 12px;
}
.masterContent .base-bg .fl {
  float: left;
}
.masterContent .base-bg .bas-img {
  z-index: -1000;
  height: 220px;
  width: 100%;
}
.masterContent .base-bg .enteBgCon {
  position: relative;
  width: 100%;
  height: 200px;
  background: #fff;
}
.masterContent .base-bg .enteBgCon .enteBgImg {
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
  width: 1200px;
  height: 200px;
  opacity: 0;
}
.masterContent .base-bg .enteBgCon .enteBgBorder {
  position: absolute;
  left: 20px;
  top: -13px;
}
.masterContent .base-bg .enteBgCon .balance-box {
  float: left;
  width: 30%;
  padding-left: 45px;
  padding-top: 65px;
  cursor: pointer;
  align-items: center;
  display: flex;
}
.masterContent .base-bg .enteBgCon .balance-box h5 {
  font-size: 16px;
  color: #666666;
  padding-top: 4px;
}
.masterContent .base-bg .enteBgCon .balance-box .num {
  font-size: 30px;
  font-weight: 500;
  color: #333333;
  padding-top: 4px;
}
.masterContent .base-bg .enteBgCon .balance-box .icon {
  display: flex;
  margin-right: 25px;
}
.masterContent .base-bg .enteBgCon .enteInfo {
  float: left;
  width: 40%;
  padding-top: 57px;
  padding-left: 40px;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteLogo {
  vertical-align: middle;
  display: inline-block;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  margin-right: 15px;
  width: 90px;
  height: 90px;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteState {
  vertical-align: middle;
  display: inline-block;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteState p:first-child {
  color: #333;
  line-height: 22px;
  margin-bottom: 5px;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteState p:first-child span {
  font-size: 22px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteState p:last-child {
  font-size: 14px;
  color: #999;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteState p:last-child * {
  vertical-align: middle;
  display: inline-block;
}
.masterContent .base-bg .enteBgCon .enteInfo .enteState p:last-child img {
  margin-right: 10px;
}
.masterContent .base-bg .enteBgCon .enteConAcco {
  width: 300px;
  height: 228px;
  position: absolute;
  right: 0;
  top: -14px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/enteAccoBg.png") no-repeat;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.masterContent .base-bg .enteBgCon .enteConAcco p:first-child {
  margin-top: 50px;
}
.masterContent .base-bg .enteBgCon .enteConAcco .enteAccoBalance {
  font-size: 18px;
}
.masterContent .base-bg .enteBgCon .enteConAcco .enteAccoBalance span {
  font-size: 50px;
}
.masterContent .base-bg .enteBgCon .enteConAcco .enteConBtns {
  margin-top: 20px;
}
.masterContent .base-bg .enteBgCon .enteConAcco .enteConBtns a {
  color: #fff;
  width: 100px;
  border: 1px solid #fff;
  padding: 6.5px 0;
  display: inline-block;
  margin: 0 15px;
}
.masterContent .base-body {
  background: #eff3f5;
}
.masterContent .base-nav .navLeftItemsBox > ul {
  display: none;
}
.masterContent .base-nav .navLeftItemsBox li .navLeftItme {
  cursor: pointer;
}
.masterContent .base-nav .navLeftItemsBox li .navLeftItme a {
  text-align: left;
  padding: 14px 0 13px 84px;
}
.masterContent .base-nav .navLeftItme a,
.masterContent .base-nav .navLeftItmeUnLink a {
  padding: 14px 0 13px 0;
  width: 100%;
  background: #fff;
  text-align: center;
  display: block;
}
.masterContent .base-nav .navLeftItme a span,
.masterContent .base-nav .navLeftItmeUnLink a span {
  font-size: 14px;
  color: #333;
  line-height: 1.1;
  vertical-align: middle;
}
.masterContent .base-nav .navLeftItme a i,
.masterContent .base-nav .navLeftItmeUnLink a i {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.masterContent .base-nav .navLeftItme a:hover,
.masterContent .base-nav .navLeftItmeUnLink a:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.masterContent .base-nav .navLeftItme a:hover i,
.masterContent .base-nav .navLeftItmeUnLink a:hover i,
.masterContent .base-nav .navLeftItme a:hover span,
.masterContent .base-nav .navLeftItmeUnLink a:hover span {
  color: #397ecd;
}
.masterContent .base-nav .navLeftItme .navLeftAct,
.masterContent .base-nav .navLeftItmeUnLink .navLeftAct {
  background: #1d39bb;
}
.masterContent .base-nav .navLeftItme .navLeftAct:hover,
.masterContent .base-nav .navLeftItmeUnLink .navLeftAct:hover {
  background: #1d39bb;
}
.masterContent .base-nav .navLeftItme .navLeftAct:hover i,
.masterContent .base-nav .navLeftItmeUnLink .navLeftAct:hover i,
.masterContent .base-nav .navLeftItme .navLeftAct:hover span,
.masterContent .base-nav .navLeftItmeUnLink .navLeftAct:hover span {
  color: #fff;
}
.masterContent .base-nav .navLeftItme .navLeftAct i,
.masterContent .base-nav .navLeftItmeUnLink .navLeftAct i,
.masterContent .base-nav .navLeftItme .navLeftAct span,
.masterContent .base-nav .navLeftItmeUnLink .navLeftAct span {
  color: #fff;
}
.modalBox .ant-modal-body {
  padding: 57px 78px 55px 78px;
}
.modalBox .ant-modal-body .modalTit {
  font-size: 16px;
  color: #4c4c4c;
  font-weight: bold;
  padding: 0 0 35px 10px;
  border-bottom: 1px solid #e7e7e7;
}
.modalBox .ant-modal-body .selectTrade {
  padding: 0 0 0 9px;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 1.1;
  margin: 20px 0;
}
.modalBox .ant-modal-body .selectTrade i {
  color: #ff0101;
  font-style: normal;
  margin: 0 0 0 5px;
}
.modalBox .ant-modal-body .selectTradeBox {
  padding: 0 9px 28px 9px;
  margin: 0 0 0 -19px;
}
.modalBox .ant-modal-body .selectTradeBox:after {
  display: block;
  content: '';
  clear: both;
}
.modalBox .ant-modal-body .selectTradeBox li {
  width: 25%;
  float: left;
  padding: 0 0 0 19px;
  margin: 0 0 20px 0;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.modalBox .ant-modal-body .selectTradeBox li p {
  font-size: 14px;
  color: #4c4c4c;
  padding: 11px 0;
  text-align: center;
  border-radius: 1px;
  border: 1px solid #ccc;
  line-height: 1.1;
}
.modalBox .ant-modal-body .selectTradeBox li .seletingIcon {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.modalBox .ant-modal-body .selectTradeBox .selecting p {
  border: 1px solid #0069af;
  color: #0069af;
}
.modalBox .ant-modal-body .selectTradeBox .selecting .seletingIcon {
  display: block;
}
.modalBox .ant-modal-body .modalCutLine {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
}
.modalBox .ant-modal-body .modalCompanyInput {
  padding: 0 0 0 10px;
}
.modalBox .ant-modal-body .modalCompanyInput input {
  border: none;
  border-bottom: 1px solid #cccccc;
  width: 330px;
  padding: 0 0 5px 8px;
}
.modalBox .ant-modal-body .modalBtns {
  text-align: center;
  margin: 43px 0 0 0;
}
.modalBox .ant-modal-body .modalBtns a:first-child {
  background: #0069af;
}
.modalBox .ant-modal-body .modalBtns a {
  padding: 10px 49px;
  background: #bcbcbc;
  color: #fff;
  border-radius: 1px;
  display: inline-block;
  margin: 0 0 0 40px;
  font-size: 16px;
  line-height: 1.1;
}

.mybillPageBox {
  padding: 20px 25px 50px 25px;
  background: #fff;
}
.mybillPageBox .noData {
  padding: 100px 0;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.mybillPageBox .billManage .title {
  padding: 5px 0 4px 14px;
  border-left: 4px solid #3377c4;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 31px 0;
  border-bottom: none;
}
.mybillPageBox .billManage .title a {
  font-size: 14px;
  color: #0069af;
  cursor: pointer;
  float: right;
}
.mybillPageBox .billManage .title a i {
  margin: 0 7px 0 0;
}
.mybillPageBox .billManage .title a:first-child {
  margin: 0 27px 0 38px;
}
.mybillPageBox .billManage .alterBillMes {
  margin: 30px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel {
  width: 360px;
  margin-right: 15px;
  float: left;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesTil {
  background-color: #f2f2f2;
  padding: 10px 0;
  overflow: hidden;
  margin-bottom: 1px;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesTil p {
  font-size: 14px;
  color: #333;
  float: left;
  padding-left: 15px;
  border-left: 4px solid #377fcb;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesTil .billMesCz {
  float: right;
  padding-right: 10px;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesTil .billMesCz a {
  margin-right: 20px;
  color: #377fcb;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesTil .billMesCz a:last-child {
  margin-right: 0;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesCon {
  padding: 15px 30px;
  background-color: #f2f2f2;
  min-height: 186px;
}
.mybillPageBox .billManage .alterBillMes .billMesPanel .billMesCon p {
  color: #333;
  margin-bottom: 5px;
}
.mybillPageBox .myApply .title {
  padding: 5px 0 4px 14px;
  border-left: 4px solid #377fcb;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 21px 0;
  border-bottom: none;
}
.mybillPageBox .myApply .inputsBox {
  font-size: 14px;
  color: #999;
  margin: 0 0 19px 0;
  vertical-align: middle;
}
.mybillPageBox .myApply .inputsBox .service {
  width: 200px;
  height: 36px;
  border: 1px solid #999;
  padding: 0 0 0 11px;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.mybillPageBox .myApply .inputsBox .applyTime {
  vertical-align: middle;
}
.mybillPageBox .myApply .inputsBox .applyTime .ant-calendar-picker-input {
  border-radius: 0;
  border: 1px solid #999;
  width: 150px;
  height: 36px;
  margin: 0 10px 0 0;
  display: inline-block;
  font-size: 14px;
}
.mybillPageBox .myApply .inputsBox .applyTime .ant-calendar-picker-clear,
.mybillPageBox .myApply .inputsBox .applyTime .ant-calendar-picker-icon {
  right: 18px;
}
.mybillPageBox .myApply .inputsBox .ant-select {
  width: 150px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
  font-size: 14px;
}
.mybillPageBox .myApply .inputsBox .ant-select .ant-select-selection:focus {
  box-shadow: none;
}
.mybillPageBox .myApply .inputsBox .ant-select .ant-select-selection--single {
  border-radius: 0;
  height: 36px;
  border: 1px solid #999;
}
.mybillPageBox .myApply .inputsBox .ant-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 36px;
}
.mybillPageBox .myApply .inputsBox .searchBtn {
  background: #377fcb;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 36px;
  padding: 10px 0;
  line-height: 1.1;
  color: #fff;
  border-radius: 0;
  border: none;
  cursor: pointer;
}
.mybillPageBox .myApply .tableBox .tableHead,
.mybillPageBox .myApply .tableBox .trItem {
  background: #b6bdc4;
  font-size: 0;
  vertical-align: middle;
}
.mybillPageBox .myApply .tableBox .tableHead li,
.mybillPageBox .myApply .tableBox .trItem li {
  width: 96px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  padding: 12.5px 5px;
  line-height: 1.1;
  text-align: center;
  min-height: 42px;
  word-break: break-all;
}
.mybillPageBox .myApply .tableBox .tableHead li:last-child,
.mybillPageBox .myApply .tableBox .trItem li:last-child {
  width: 250px;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem {
  background: none;
  margin: 10px 0;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem li {
  color: #333;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  min-height: 57px;
  vertical-align: middle;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem li:first-child {
  border-left: 1px solid #f2f2f2;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem .operateBtns a {
  margin: 0 20px 0 0;
  color: #377fcb;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem .operateBtns a:last-child {
  margin: 0;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem .operateBtns a:hover {
  color: #377fcb;
}
.mybillPageBox .myApply .tableBox .trItemBox .trItem .operateBtns .cancel {
  color: #999;
}
.billModal .ant-modal-footer {
  border: none;
  text-align: center;
  padding: 10px 16px 64px 10px;
}
.billModal .ant-modal-footer button {
  padding: 10px 39px;
  border-radius: 0;
  height: auto;
  margin: 0 40px 0 0;
  border: none;
}
.billModal .ant-modal-footer button:first-child {
  background: #b2b2b2;
  color: #fff;
}
.billModal .ant-modal-footer button:last-child {
  margin: 0;
}
.billModal .ant-modal-footer button:hover {
  border: none;
}
.billModal .addBillHead-M {
  padding: 53px 0;
  text-align: center;
}
.billModal .addBillHead-M span {
  color: #333;
  margin: 0 15px 0 0;
  font-size: 14px;
}
.billModal .addBillHead-M input {
  width: 300px;
  height: 36px;
  padding: 0 15px;
  border: 1px solid #e0e0e0;
}
.billModal .addBillZz-M {
  padding: 50px 0;
}
.billModal .addBillZz-M .ant-row {
  margin: 0 0 24px 0;
}
.billModal .addBillZz-M .ant-row:last-child {
  margin: 0;
}
.billModal .addBillZz-M .ant-col-5 {
  text-align: right;
  line-height: 36px;
}
.billModal .addBillZz-M .ant-col-5 span {
  color: #333;
  font-size: 14px;
}
.billModal .addBillZz-M .ant-col-5 span i {
  color: #df0000;
}
.billModal .addBillZz-M .ant-col-19 input {
  width: 500px;
  height: 36px;
  padding: 0 0 0 11px;
  border: 1px solid #e0e0e0;
  color: #b2b2b2;
}
.billModal .applyBill {
  padding: 39px 39px 47px 39px;
}
.billModal .applyBill .chooseType {
  margin: 0 0 24px 0;
}
.billModal .applyBill .chooseType span {
  font-size: 16px;
  color: #333;
  display: inline-block;
  margin: 0 24px 0 0;
}
.billModal .applyBill .chooseType a {
  display: inline-block;
  padding: 11px 0;
  width: 130px;
  background: #377fcb;
  margin: 0 10px 0 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
}
.billModal .applyBill .ant-row {
  margin: 0 0 50px 0;
}
.billModal .applyBill .billcode {
  width: 220px;
}
.billModal .applyBill .ant-col-12 {
  margin: 0 0 20px 0;
}
.billModal .applyBill .ant-col-12 .itemBg {
  padding: 11px 0 0 22px;
  background: #fbfbfb;
  height: 100px;
}
.billModal .applyBill .ant-col-12 .itemBg i {
  font-size: 12px;
  cursor: pointer;
}
.billModal .applyBill .ant-col-12 .itemBg i:hover {
  color: #377fcb;
}
.billModal .applyBill .ant-col-12 .itemBg input {
  width: 218px;
  height: 36px;
  padding: 0 15px;
  border: 1px solid #e0e0e0;
  margin: 0 0 0 20px;
}
.billModal .applyBill .ant-col-12 .noInput i {
  display: inline-block;
  vertical-align: top;
  margin: 3px 20px 0 0;
}
.billModal .applyBill .ant-col-12 .noInput ul {
  display: inline-block;
  vertical-align: top;
}
.billModal .applyBill .ant-col-12 .noInput ul li {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 1.1;
  margin: 0 0 11px 0;
}
.billModal .applyBill .ant-col-12 .noInput ul li:last-child {
  margin: 0;
}
.billModal .applyBill .billMoney {
  font-size: 18px;
  color: #4c4c4c;
  line-height: 1.1;
  margin: 0 0 18px 0;
}
.billModal .applyBill .applyBillType {
  line-height: 1.1;
}
.billModal .applyBill .applyBillType span {
  font-size: 16px;
  color: #333;
  margin: 0 28px 0 0;
}
.billModal .applyBill .applyBillType span i {
  font-size: 12px;
  margin: 0 10px 0 0;
}
.hideCancel .ant-modal-footer button:first-child {
  display: none !important;
}
.confirmCollectModal .confirmCollectCon {
  text-align: center;
}
.confirmCollectModal .confirmCollectCon p {
  margin: 70px auto 0 auto;
  font-size: 16px;
  width: 310px;
  text-align: left;
  color: #333;
}
.confirmCollectModal .confirmCollectCon .confirmCollectBtn {
  margin-top: 120px;
  margin-bottom: 40px;
}
.confirmCollectModal .confirmCollectCon .confirmCollectBtn a {
  width: 130px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
}
.confirmCollectModal .confirmCollectCon .confirmCollectBtn a:first-child {
  background-color: #397ecd;
  color: #fff;
}
.confirmCollectModal .confirmCollectCon .confirmCollectBtn a:last-child {
  margin-right: 0;
  color: #397ecd;
}
.notBillModal .notBillCon {
  text-align: center;
}
.notBillModal .notBillCon p {
  font-size: 16px;
  color: #333;
  margin-top: 60px;
  margin-bottom: 100px;
}
.notBillModal .notBillCon a {
  width: 164px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: block;
  font-size: 16px;
  background-color: #397ecd;
  color: #fff;
  margin: 0 auto 80px auto;
}
.billDetailModal {
  top: 30px;
}
.billDetailModal .billDetailCon {
  padding: 34px 54px;
}
.billDetailModal .billDetailCon .billDetailSingle {
  margin-bottom: 20px;
}
.billDetailModal .billDetailCon .billDetailSingle p {
  font-size: 16px;
  color: #333;
}
.billDetailModal .billDetailCon .billDetailSingle p span {
  font-size: 14px;
}
.billDetailModal .billDetailCon .billDetailInfo p {
  margin-bottom: 10px;
}
.billDetailModal .billDetailCon .billDetailInfo .billDetailList {
  padding: 20px;
  background-color: #fafafa;
}
.billDetailModal .billDetailCon .billDetailInfo .billDetailList p {
  font-size: 12px;
  margin-bottom: 5px;
  color: #333;
}
.billDetailModal .billDetailCon .billDetailInfo .billDetailList p:last-child {
  margin-bottom: 0;
}
.billDetailModal .billDetailCon .billDetailBtns {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 40px;
}
.billDetailModal .billDetailCon .billDetailBtns a {
  width: 130px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background-color: #397ecd;
  margin-right: 70px;
}
.billDetailModal .billDetailCon .billDetailBtns a:last-child {
  margin-right: 0;
}

.messageCon {
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.messageCon .basicMainTil {
  padding: 20px 25px;
}
.messageCon .basicMainTil .basicTilLine {
  width: 4px;
  height: 26px;
  display: inline-block;
  background-color: #3377c4;
  vertical-align: middle;
  margin-right: 15px;
}
.messageCon .basicMainTil .basicTilWz {
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.messageCon .basicMainTil .basicTilPrompt {
  color: #ef7c00;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.messageCon .mainTabs {
  margin: 0 25px;
}
.messageCon .mainTabs .ant-tabs-bar {
  padding-left: 20px;
  background-color: #fbfbfb;
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container {
  padding-left: 10px;
  border-bottom: 1px solid #e8e8e8;
  margin-right: 20px;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
  padding: 15px 0 10px 0;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab-active {
  color: #397ecd;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #397ecd;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab:hover {
  color: #397ecd;
}
.messageCon .mainTabs .messageHandle {
  padding-bottom: 25px;
  border-bottom: 1px solid #e1e0e0;
  position: relative;
}
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input {
  font-size: 14px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #666;
}
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input .ant-calendar-range-picker-separator {
  line-height: 25px;
}
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input:hover,
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input:focus {
  border-color: #ccc;
}
.messageCon .mainTabs .messageHandle .messageSearchInput {
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  width: 170px;
  height: 36px;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 10px;
  color: #999;
}
.messageCon .mainTabs .messageHandle a {
  width: 80px;
  padding: 6px 0;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  margin-right: 20px;
  border: 1px solid transparent;
  vertical-align: middle;
}
.messageCon .mainTabs .messageHandle a:last-child {
  margin-right: 0;
}
.messageCon .mainTabs .messageHandle .messageSearch {
  background: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
  transition: all 0.3s;
}
.messageCon .mainTabs .messageHandle .messageSearch:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.messageCon .mainTabs .messageHandle .messageDel {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  color: #397ecd;
}
.messageCon .mainTabs .allMessage {
  margin-bottom: 20px;
}
.messageCon .mainTabs .pagesCon {
  float: right;
  margin-bottom: 5px;
}
.messageCon .mainTabs .messageWz {
  padding: 20px 0;
  border-bottom: 1px solid #e1e0e0;
  overflow: hidden;
}
.messageCon .mainTabs .messageWz .messageWzTil {
  overflow: hidden;
}
.messageCon .mainTabs .messageWz .messageWzTil p {
  display: inline-block;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzName {
  font-size: 16px;
  color: #333;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzDate {
  float: right;
  height: 24px;
  line-height: 24px;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzDate i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  color: #d8d8d9;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzDate span {
  color: #999;
  vertical-align: middle;
}
.messageCon .mainTabs .messageWz .messageWzCon {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 14px;
  height: 100px;
  overflow: hidden;
}
.messageCon .mainTabs .messageWz .messageWzConViewMore {
  height: auto !important;
}
.messageCon .mainTabs .messageWz .messageMoreBtn {
  color: #fff;
  font-size: 14px;
  float: right;
  padding: 5px 10px;
  background: #397ecd;
  margin: 0 5px 0 0;
}
.messageCon .mainTabs .selectAllMsg {
  margin-top: 20px;
}
.messageCon .mainTabs .selectAllMsg input {
  vertical-align: middle;
}
.messageCon .mainTabs .selectAllMsg label {
  font-size: 14px;
  vertical-align: middle;
  margin-left: 10px;
}

.reportManage {
  padding: 20px 25px;
  background: #fff;
  overflow: hidden;
  min-height: 1224px;
}
.reportManage .pageTitle {
  padding: 4.5px 0 4.5px 15px;
  border-left: 4px solid #397ecd;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .ant-tabs-nav {
  width: 100%;
}
.reportManage .tabBtn .ant-tabs-bar {
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .ant-tabs-tab {
  width: 50%;
  border: 1px solid #e9e9e9;
  margin-right: 0;
  padding: 17px 0;
  text-align: center;
  line-height: 1.1;
  font-size: 14px;
}
.reportManage .tabBtn .ant-tabs-tab:last-child {
  border-left: none;
}
.reportManage .tabBtn .startItem {
  background: #f8f8f8;
  padding: 31px 12px 31px 16px;
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .startItem ul {
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .startItem ul li {
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 1.1;
  color: #666;
}
.reportManage .tabBtn .startItem ul li:last-child {
  margin: 0;
}
.reportManage .tabBtn .startItem .operateBtns .ant-col-8 a {
  display: block;
  padding: 11px 0;
  line-height: 1.1;
  text-align: center;
  color: #333;
  border: 1px solid #999;
  font-size: 14px;
}
.reportManage .tabBtn .startItem .operateBtns .ant-col-8:first-child a {
  background: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}
.reportManage .reportPagination {
  margin: 100px 0 0 0;
}
.reportManage .reportPagination ul {
  display: inline-block;
}
.ant-modal-body {
  padding: 20px 30px;
}
.ant-modal-body .reportAddInfo .reportUpload {
  width: 96px;
  padding: 15px 0;
  border: 1px dashed #d8d8d8;
  background-color: #f8f8f8;
  text-align: center;
  position: relative;
}
.ant-modal-body .reportAddInfo .reportUpload i {
  color: #397ecd;
  font-size: 24px;
}
.ant-modal-body .reportAddInfo .reportUpload p {
  font-size: 14px;
  color: #999;
  margin-top: 5px;
}
.ant-modal-body .reportAddInfo .reportUpload input {
  width: 96px;
  height: 84px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.ant-modal-body .reportAddInfo textarea {
  resize: none;
  width: 624px;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  color: #999;
  margin-top: 20px;
  height: 158px;
}
.ant-modal-body .reportAddInfo .reportAddFile {
  margin-top: 20px;
  position: relative;
  font-size: 14px;
}
.ant-modal-body .reportAddInfo .reportAddFile a {
  color: #397ecd;
}
.ant-modal-body .reportAddInfo .reportAddFile a i {
  margin-right: 10px;
}
.ant-modal-body .reportAddInfo .reportBtnGroup {
  margin-top: 30px;
  margin-bottom: 20px;
}
.ant-modal-body .reportAddInfo .reportBtnGroup a {
  width: 120px;
  text-align: center;
  margin-right: 30px;
  font-size: 14px;
  display: inline-block;
  padding: 6.5px 0;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.ant-modal-body .reportAddInfo .reportBtnGroup .reportSaveBtn {
  color: #fff;
  background-color: #397ecd;
  border: 1px solid #397ecd;
}
.ant-modal-body .reportAddInfo .reportBtnGroup .reportSaveBtn:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.ant-modal-body .reportAddInfo .reportBtnGroup .reportCancelBtn {
  color: #333;
  border: 1px solid #999;
}
.ant-modal-body .reportAddInfo .reportBtnGroup .reportCancelBtn:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}

.case-right {
  width: 100%;
  padding: 0 0 72px 0;
  background: #fff;
}
.user {
  width: 100%;
  height: 413px;
}
.user .info-h2 {
  padding-top: 20px;
  padding-left: 13px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  height: 116px;
}
.user .info-h2 h2 {
  padding: 7px 0 7px 14px;
  color: #333;
  font-size: 18px;
  line-height: 1.1;
  font-weight: bold;
}
.user .u-info {
  width: 840px;
  height: 209px;
  margin-left: 68px;
}
.user span {
  float: left;
  margin-left: 20px;
}
.info-left {
  width: 394px;
  height: 209px;
  float: left;
}
.info-left .info-top {
  height: 160px;
  width: 394px;
}
.info-left .info-top img {
  width: 150px;
  height: 150px;
  border-radius: 75px;
}
.info-left .change {
  height: 48px;
  padding-top: 20px;
  padding-left: 33px;
  position: relative;
}
.info-left .change a {
  display: block;
  width: 94px;
  height: 28px;
  background: #dbdbdb;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 28px;
}
.info-left .change input {
  position: absolute;
  top: 20px;
  left: 33px;
  width: 94px;
  height: 28px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.info-left span {
  height: 160px;
}
.info-left h3 {
  padding-top: 40px;
  font-size: 22px;
  color: #494949;
  padding-bottom: 16px;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-left p {
  color: #a8a8a8;
  font-size: 12px;
  padding-bottom: 20px;
}
.info-left a {
  font-size: 12px;
}
.info-right {
  width: 446px;
  height: 209px;
}
.info-right .phone {
  height: 105px;
  padding-top: 37px;
  margin-top: 0;
}
.info-right .phone .icon {
  width: 32px;
  float: left;
  height: 64px;
}
.info-right .phone h4 {
  font-size: 14px;
  color: #656565;
  padding-bottom: 20px;
}
.info-right .phone p {
  font-size: 12px;
  color: #a7a7a7;
}
.mail {
  padding-top: 20px;
}
.mail .icon2 {
  width: 32px;
  height: 73px;
  float: left;
  margin: 4px 0 0 0;
}
.mail p {
  margin-top: 13px;
  font-size: 12px;
  color: #a7a7a7;
}
.mail .mail-top {
  height: 28px;
}
.mail .mail-top h5 {
  float: left;
  font-size: 14px;
  color: #4d4d4d;
}
.mail .mail-top h5 i {
  color: #b4b4b4;
  font-style: normal;
}
.mail .mail-top a {
  float: right;
  display: block;
  width: 100px;
  height: 28px;
  background: #0069af;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 28px;
}
.addEc {
  min-height: 487px;
  width: 906px;
}
.addEc .add-h2 {
  width: 906px;
  height: 72px;
  padding-left: 14px;
}
.addEc h2 {
  width: 90px;
  height: 30px;
  text-align: right;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.addEc .add-table:first-child {
  margin: 0 0 0 65px;
}
.addEc .add-table {
  width: 841px;
  height: 291px;
  border-bottom: 1px solid #dadada;
  margin: 50px 0 0 65px;
  position: relative;
}
.addEc .add-table .address {
  position: relative;
}
.addEc .add-table .address .addressCover {
  width: 100%;
  height: 32px;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
.addEc .add-table .address input {
  border-radius: 0;
}
.addEc .add-table p {
  font-size: 12px;
  color: #333;
  margin-right: 30px;
  height: 34px;
  line-height: 34px;
}
.addEc .add-table .in {
  width: 469px;
  height: 34px;
  border: 1px solid #dadada;
  padding-left: 10px;
  font-size: 12px;
  color: #aaa;
  outline: none;
}
.addEc .add-table .del-add {
  color: #d00000;
}
.size {
  width: 577px;
  height: 34px;
}
.pos {
  margin-bottom: 12px;
}
.save {
  text-align: center;
  margin: 20px 0 0 0;
}
.save .save-add {
  display: inline-block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #397ecd;
  margin: 0 20px 0 0;
}
.addNewAddress {
  margin-left: 65px;
  margin-top: 15px;
}
.addNewAddress .new-add {
  padding-top: 10px;
  width: 88px;
  height: 22px;
  margin-top: 10px;
}
.addNewAddress .new-add i {
  margin: 0 10px 0 0;
}
.w-h {
  width: 150px;
  height: 35px;
}
.pos span:last-child {
  margin-right: -1px;
}
.pos .send {
  padding-right: 18px;
}
.alterAddress {
  position: absolute;
  right: 0;
  top: -40px;
  display: inline-block;
}
.alterAddress a {
  display: inline-block;
}
.alterAddress .EditAddress {
  color: #397ecd;
  font-size: 14px;
  margin: 0 20px 0 0;
}
.alterAddress .addressSave {
  display: none;
}
#nickName {
  margin-top: 40px;
  margin-bottom: 25px;
}
.workMes {
  padding: 0 0 0 31px;
}
.workMes h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin: 0 0 57px 0;
}
.workMes .workMesEnterBox {
  padding: 0 0 34px 0;
  margin: 0 66px 42px 54px;
  border-bottom: 1px solid #e2e2e2;
}
.workMes .workMesEnterBox .workMesInput {
  margin: 0 0 20px 0;
}
.workMes .workMesEnterBox .workMesInput span {
  line-height: 32px;
  color: #333;
  font-size: 14px;
  margin: 0 30px 0 0;
}
.workMes .workMesEnterBox .workMesInput input {
  width: 242px;
  height: 32px;
  padding: 0 15px;
  border: 1px solid #dbdbdb;
  outline: none;
}
.workMes .workMesEnterBox .workMesInput select {
  width: 242px;
  height: 32px;
  border: 1px solid #dbdbdb;
  outline: none;
  background: #fff;
}
.workMes .workMesEnterBox .workMesSaveBtn {
  padding-left: 100px;
}
.workMes .workMesEnterBox .workMesSaveBtn a {
  display: inline-block;
  width: 120px;
  height: 36px;
  background: #397ecd;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
}

.cmSelectCity .ant-select-selection--single {
  min-width: 148px;
  border-radius: 0;
  margin: 0 7px 0 0;
}
.cmSelectCity .ant-select-lg:last-child .ant-select-selection--single {
  margin: 0;
}
.cmSelectCity .ant-select-selection__rendered {
  max-width: 134px;
}
.cmSelectCity .nomargin {
  margin: 0 !important;
}

.partnerShip {
  width: 100%;
  height: 550px;
  background-color: #fff;
  position: relative;
}
.partnerShip img {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -100px;
}

.codeModal {
  height: 160px;
  box-sizing: border-box;
  padding: 35px 0 15px;
}
.codeModal .inputBox {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #333333;
}
.codeModal .toast {
  margin-left: 100px;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.17;
  color: #ff9f40;
}
.codeModal .btn {
  float: right;
  width: 90px;
  height: 32px;
  line-height: 32px;
  margin-top: 16px;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.explainModal {
  width: 432px;
}
.explainModal p {
  width: 100%;
  font-size: 12px;
  line-height: 1.67;
  color: #333333;
}
.explainModal .title {
  font-size: 14px;
  font-weight: 600;
}
.vipmodal-none > .ant-modal-footer .ant-btn:nth-child(1) {
  display: none !important;
}

.vipstudentBox {
  width: 100%;
}
.vipstudentBox .topActiveBox {
  width: 100%;
  height: 148px;
  box-sizing: border-box;
  padding: 43px 77px 27px 69px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiSchool/vipbg.png") 50% 50% / cover no-repeat;
}
.vipstudentBox .topActiveBox .expireBox .left,
.vipstudentBox .topActiveBox .studentbox .left,
.vipstudentBox .topActiveBox .notStudentBox .left {
  float: left;
  width: 432px;
}
.vipstudentBox .topActiveBox .expireBox .left .title,
.vipstudentBox .topActiveBox .studentbox .left .title,
.vipstudentBox .topActiveBox .notStudentBox .left .title {
  line-height: 0.58;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  color: #5c402d;
}
.vipstudentBox .topActiveBox .expireBox .left .ant-progress-bg,
.vipstudentBox .topActiveBox .studentbox .left .ant-progress-bg,
.vipstudentBox .topActiveBox .notStudentBox .left .ant-progress-bg {
  height: 5px !important;
}
.vipstudentBox .topActiveBox .expireBox .left .ant-progress-inner,
.vipstudentBox .topActiveBox .studentbox .left .ant-progress-inner,
.vipstudentBox .topActiveBox .notStudentBox .left .ant-progress-inner {
  background: #f0e0d6;
}
.vipstudentBox .topActiveBox .expireBox .left .date,
.vipstudentBox .topActiveBox .studentbox .left .date,
.vipstudentBox .topActiveBox .notStudentBox .left .date {
  line-height: 1;
  margin-top: 12px;
  font-size: 14px;
  color: #5c402d;
}
.vipstudentBox .topActiveBox .expireBox .right,
.vipstudentBox .topActiveBox .studentbox .right,
.vipstudentBox .topActiveBox .notStudentBox .right {
  float: right;
  width: 280px;
}
.vipstudentBox .topActiveBox .expireBox .right .ant-btn-primary,
.vipstudentBox .topActiveBox .studentbox .right .ant-btn-primary,
.vipstudentBox .topActiveBox .notStudentBox .right .ant-btn-primary {
  margin-top: 12px;
}
.vipstudentBox .topActiveBox .expireBox .right .code,
.vipstudentBox .topActiveBox .studentbox .right .code,
.vipstudentBox .topActiveBox .notStudentBox .right .code {
  line-height: 1.29;
  margin-left: 28px;
  font-size: 14px;
  color: #5774b8;
  cursor: pointer;
}
.vipstudentBox .topActiveBox .notStudentBox .left {
  float: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 0.58;
  margin-top: 20px;
  letter-spacing: 2.4px;
  color: #5c402d;
}
.vipstudentBox .centerBox-vipstudent {
  width: 100%;
  height: 337px;
  margin: 17px 0;
  box-sizing: border-box;
  padding: 25px 23px 79px;
  background-color: #ffffff;
}
.vipstudentBox .centerBox-vipstudent .title {
  width: 100%;
  height: 16px;
}
.vipstudentBox .centerBox-vipstudent .title .line,
.vipstudentBox .centerBox-vipstudent .title p {
  float: left;
}
.vipstudentBox .centerBox-vipstudent .title .line {
  width: 2px;
  height: 16px;
  background-color: #1d39bb;
}
.vipstudentBox .centerBox-vipstudent .title p:nth-child(2) {
  margin: 0 32px 0 9px;
  font-size: 16px;
  line-height: 16px;
  color: #333333;
}
.vipstudentBox .centerBox-vipstudent .title p:nth-child(3) {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.7px;
  color: #5774b8;
}
.vipstudentBox .centerBox-vipstudent .imgBox {
  margin-top: 80px;
}
.vipstudentBox .centerBox-vipstudent .imgBox img {
  margin-right: 103px;
}
.vipstudentBox .centerBox-vipstudent .imgBox img:nth-child(1) {
  margin-left: 40px;
}
.vipstudentBox .centerBox-vipstudent .imgBox img:last-child {
  margin-right: 0;
}
.vipstudentBox .botTitleBox {
  width: 100%;
  height: 67px;
  box-sizing: border-box;
  padding: 25px 25px 0 25px;
  margin-bottom: 14px;
  background-color: #ffffff;
}
.vipstudentBox .botTitleBox .line,
.vipstudentBox .botTitleBox p {
  float: left;
}
.vipstudentBox .botTitleBox .more {
  float: right;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.7px;
  color: #5774b8;
}
.vipstudentBox .botTitleBox .line {
  width: 2px;
  height: 16px;
  background-color: #1d39bb;
}
.vipstudentBox .botTitleBox p:nth-child(2) {
  margin: 0 32px 0 9px;
  font-size: 16px;
  line-height: 16px;
  color: #333333;
}
.vipstudentBox .botDetailBox {
  width: 100%;
}
.vipstudentBox .botDetailBox .box {
  display: block;
  float: left;
  width: 236px;
  height: 286px;
  margin: 0 12px 13px 0;
  background: #fff;
}
.vipstudentBox .botDetailBox .box .top {
  width: 100%;
  height: 168px;
}
.vipstudentBox .botDetailBox .box .top img {
  width: 100%;
  height: 100%;
}
.vipstudentBox .botDetailBox .box .bot {
  box-sizing: border-box;
  padding: 18px 18px 15px;
}
.vipstudentBox .botDetailBox .box .bot .descBox {
  width: 100%;
}
.vipstudentBox .botDetailBox .box .bot .descBox .courseName,
.vipstudentBox .botDetailBox .box .bot .descBox .hot,
.vipstudentBox .botDetailBox .box .bot .descBox .new {
  float: left;
}
.vipstudentBox .botDetailBox .box .bot .descBox .courseName {
  max-width: 111px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vipstudentBox .botDetailBox .box .bot .numBox {
  overflow: hidden;
  width: 100%;
  margin-top: 16px;
}
.vipstudentBox .botDetailBox .box .bot .numBox .seeBox,
.vipstudentBox .botDetailBox .box .bot .numBox .likeBox {
  float: right;
}
.vipstudentBox .botDetailBox .box .bot .numBox .seeBox img,
.vipstudentBox .botDetailBox .box .bot .numBox .likeBox img {
  margin-right: 6px;
}
.vipstudentBox .botDetailBox .box .bot .numBox .seeBox span,
.vipstudentBox .botDetailBox .box .bot .numBox .likeBox span {
  font-size: 12px;
  color: #666;
}
.vipstudentBox .botDetailBox .box .bot .numBox .tag {
  float: left;
  width: 50px;
  margin-right: 20px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vipstudentBox .botDetailBox .box .bot .numBox .seeBox {
  margin-right: 8px;
}
.vipstudentBox .botDetailBox .box .bot .line {
  width: 190px;
  height: 1px;
  margin: 13px auto 9px;
  background-color: #ededed;
}
.vipstudentBox .botDetailBox .box .bot .perBox p:nth-child(1) {
  float: left;
  font-size: 12px;
  color: #fc9153;
}
.vipstudentBox .botDetailBox .box .bot .perBox p:nth-child(1) span {
  font-size: 18px;
}
.vipstudentBox .botDetailBox .box .bot .perBox p:nth-child(2) {
  float: right;
  max-width: 60px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vipstudentBox .botDetailBox .box:nth-child(4n-4) {
  margin-right: 0;
}

#financialHead {
  min-width: 1200px;
}
#financialHead .fl {
  float: left;
}
#financialHead .isImportant {
  position: fixed!important;
  top: 0;
}
#financialHead #topbar_cqbtn:hover > #jrcqz_wrap,
#financialHead .header-menu-btn:hover > .menu-child-wrap,
#financialHead #topbar_menubtn:hover > .menu-child-wrap {
  display: block;
}
#financialHead #center-wrap-new {
  height: 0.64rem;
  position: relative;
  background-color: #17181A;
  border-bottom: 1px solid #2E3032;
}
#financialHead .banner_children {
  position: fixed;
  top: 0.64rem;
  width: 100%;
  height: 0rem;
  background: #1f2124;
  opacity: 0;
  left: 0;
  padding-left: 2.33rem;
  transition: all ease-in-out 0.33s;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: -1;
}
#financialHead .banner_children .main-title {
  height: 0.5rem;
  width: 5rem;
  line-height: 0.5rem;
  background: #2f3237;
  text-align: center;
  font-size: 0.14rem;
  opacity: 0.6;
  font-weight: 500;
  color: #ffffff;
}
#financialHead .banner_children .main-sub-div {
  overflow: hidden;
}
#financialHead .banner_children .main-sub-div .main-subtitle {
  height: 0.2rem;
  line-height: 0.2rem;
  opacity: 0.75;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  margin-right: 1.4rem;
  float: left;
  cursor: pointer;
}
#financialHead .banner_children .main-sub-div .main-subtitle:hover {
  opacity: 1;
  color: #3366FF;
}
#financialHead .banner-children-on {
  opacity: 1;
  z-index: 99;
  height: 1.8rem;
}
#financialHead .flex-wrap {
  display: flex;
}
#financialHead #jr_header {
  position: absolute;
  background-color: #17181a;
  min-width: 12rem;
  width: 100%;
  height: 0.64rem;
  z-index: 12;
}
#financialHead #topbar_cqbtn {
  display: inline-block;
  height: 0.64rem;
  color: #fff;
  cursor: pointer;
}
#financialHead #jrcqz_wrap {
  display: none;
  margin-left: -0.1rem;
  line-height: 0.4rem;
  width: 1.44rem;
  text-align: center;
  background: #242424;
}
#financialHead #jrcqz_wrap > a {
  display: block;
  padding: 0.07rem 0;
  color: #ffffff;
}
#financialHead #jrcqz_wrap > a:hover {
  background: #3366ff;
}
#financialHead .tabline {
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 0.03rem solid #3366ff;
  transition: left 0.3s;
}
#financialHead #login_dev > a {
  display: inline-block;
  padding: 0 0.1rem;
  text-align: center;
  color: #fff;
}
#financialHead #login_dev > span {
  color: #fff;
}
#financialHead #user_info_btn:hover > #userCenter {
  display: block;
}
#financialHead #userCenter {
  position: absolute;
  right: -0.21rem;
  display: none;
  width: 2.88rem;
  height: 3.43rem;
  background: #ffffff;
  border-radius: 0.02rem;
  border: 1px solid #eeeeee;
}
#financialHead #userCenter_title {
  position: relative;
  display: block;
  padding-left: 0.2rem;
  width: 2.86rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: left;
  background: linear-gradient(270deg, #707070 0%, #3d3d3d 100%);
}
#financialHead #userCenter_title::after {
  position: absolute;
  top: 0.05rem;
  left: 0;
  display: block;
  content: ' ';
  width: 0.07rem;
  height: 0.18rem;
  background: #3366ff;
}
#financialHead #user_photo {
  position: relative;
  margin: 0.15rem auto;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}
#financialHead #user_photo > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#financialHead #user_info_btn:hover > #userCenter {
  display: block;
}
#financialHead #userLj {
  display: block;
  font-size: 0.12rem;
  font-weight: 400;
  color: #3366ff;
  line-height: 0.17rem;
}
#financialHead #userName {
  margin-bottom: 0.1rem;
  display: block;
  font-size: 0.16rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.22rem;
}
#financialHead #userBtn_wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 0.8rem;
  color: #333;
  border-top: 2px solid #EDEDED;
}
#financialHead #userBtn_wrap > span {
  padding-left: 0.2rem;
  float: left;
  display: block;
  width: 50%;
  height: 50%;
  text-align: left;
}
#financialHead #userBtn_wrap > span > i {
  display: inline-block;
  width: 0.2rem;
  height: 0.18rem;
  vertical-align: middle;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/btnicon.png);
}
#financialHead #userBtn {
  display: block;
  margin: 0.15rem auto;
  width: 0.94rem;
  height: 0.34rem;
  line-height: 0.34rem;
  background: #3366ff;
}
#financialHead #userBtn:hover {
  background: #3366ff;
}
#financialHead .login-homebtn {
  display: inline-block;
  margin-top: 0.14rem;
  width: 0.94rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  color: #FFFFFF;
  background: #444444;
}
#financialHead #jr_header #header_user_wrap-new {
  height: 100%;
  line-height: 0.64rem;
}
#financialHead #jr_header #fabuxuqiu_btn {
  display: inline-block;
  width: 0.94rem;
  height: 0.34rem;
  vertical-align: middle;
  line-height: 0.34rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin-right: 0.17rem;
}
#financialHead #jr_header #fabuxuqiu_btn #fabuxuqiu-new {
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: all ease-in-out 0.3s;
}
#financialHead #jr_header #fabuxuqiu_btn #fabuxuqiu-new:hover {
  color: #ffffff !important;
}
#financialHead #jr_header #header_logo {
  height: 0.64rem !important;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#financialHead #jr_header #header_logo .jr-logn-new {
  margin-left: 0.25rem;
  width: 1.44rem;
}
#financialHead #jr_header #header_logo .finlink_box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex: 1;
}
#financialHead #jr_header #header_logo .fin-link {
  line-height: 0.64rem;
  padding-top: 0 !important;
}
#financialHead #jr_header #header_logo .fin-link a {
  float: left;
  display: block;
  height: 0.63rem;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  line-height: 0.63rem;
  transition: all ease-in-out 0.3s;
  font-family: "Microsoft YaHei";
}
#financialHead #jr_header #header_logo .fin-link a:hover {
  border-bottom: 0.02rem solid #3366FF;
  color: #ffffff;
}
#financialHead #jr_header #header_logo #Substation {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-size: 0.14rem;
  margin-left: 0.2rem;
}
#financialHead #jr_header #header_logo #Substation:hover #substation-list {
  height: 3rem;
}
#financialHead #jr_header #header_logo #Substation #substation-list {
  position: absolute;
  top: 0.64rem;
  width: 100%;
  height: 0;
  background: #1f2124;
  left: 0;
  padding-left: 2.1rem;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
}
#financialHead #jr_header #header_logo #Substation .substationName-box {
  float: left;
}
#financialHead #jr_header #header_logo #Substation .substationName {
  width: 1.15rem;
  margin-top: 0.4rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_logo #Substation .substationName-hover:hover {
  opacity: 1;
  color: #3366FF;
}
#financialHead #jr_header #header_logo #Substation .line {
  float: left;
  width: 1px;
  height: 2.11rem;
  opacity: 0.08;
  background: #ffffff;
  margin-top: 0.4rem;
  margin-right: 0.58rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub {
  padding-left: 0.58rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .fl {
  float: left;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project {
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.4rem;
  margin-bottom: 0.53rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box {
  width: 2.43rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pic-box {
  width: 0.52rem;
  height: 0.52rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-pic {
  width: 0.52rem;
  margin: auto auto;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-tit {
  font-size: 0.16rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 0.4rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-tit:hover {
  opacity: 1;
  color: #3366FF;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-txt {
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 0.15rem;
}
#financialHead #jr_header #header_logo .wlx-content {
  cursor: pointer;
  position: relative;
  display: block;
}
#financialHead #jr_header #header_logo .wlx-content .wlx-logo {
  height: 0.44rem;
}
#financialHead #jr_header #header_logo .input-search {
  width: 2.16rem;
  height: 0.39rem;
  background: #26272a;
  position: relative;
}
#financialHead #jr_header #header_logo .input-search .search-header-icon {
  width: 0.16rem;
  height: 0.16rem;
  color: #fff;
  position: absolute;
  right: 0.15rem;
  top: 0.11rem;
}
#financialHead #jr_header #header_logo .input-search .ant-input {
  background: #26272a !important;
  border: none;
}
#financialHead #jr_header #header_logo .input-search .ant-input-search-icon {
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_logo .input-search .search_input-header {
  width: 2.16rem;
  height: 0.39rem;
  color: rgba(255, 255, 255, 0.5) !important;
}
#financialHead #jr_header #header_logo .input-search .search_input-header:focus {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(51, 102, 255, 0.6);
  outline: 0;
  box-shadow: 0 0 2px 0 rgba(51, 102, 255, 0.1) !important;
}
#financialHead #jr_header #header_logo .select_box_new {
  text-align: left;
  border-radius: 0;
  opacity: 1;
  color: #313131;
  width: 2.16rem;
  position: relative;
  z-index: 1;
}
#financialHead #jr_header #header_logo .select_box_new .select_item {
  cursor: pointer;
  background: #fff;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-left: 0.22rem;
}
#financialHead #jr_header #header_logo .select_box_new .select_item:hover {
  background: #3366ff;
  color: #ffffff;
}
#financialHead #jr_header #header_logo #topbar_cqbtn {
  position: absolute;
  right: 3.2rem;
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.64rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_logo #topbar_cqbtn #jrcqz_wrap a {
  line-height: 0.24rem;
}
#financialHead #jr_header #header_logo .xia-icon {
  width: 0.16rem;
  padding-left: 0.05rem;
  padding-top: 0.02rem;
}
#financialHead #jr_header #header_user_wrap-new .zhuce {
  line-height: 0.3rem;
  width: 0.6rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 0.2rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  background: #3366ff;
}
#financialHead #jr_header #header_user_wrap-new .zhuce:hover {
  background: #1B4FEB;
  color: #ffffff;
}
#financialHead #jr_header #header_user_wrap-new .newdenglu {
  line-height: 0.3rem;
  width: 0.6rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 0.2rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_user_wrap-new .newdenglu:hover {
  background: #3366ff;
  color: #ffffff;
}
#financialHead #login_dev .btn-login {
  display: block;
  float: left;
  margin-top: 0.12rem;
  margin-left: 0.54rem;
  width: 0.6rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  line-height: 0.32rem;
  text-align: center;
  color: #fff;
}

#energyDetail .w12 {
  width: 1200px;
  margin: 0 auto;
}
#energyDetail .fl {
  float: left;
}
#energyDetail .title {
  height: 124px;
  line-height: 60px;
  padding-top: 34px;
  font-weight: 600;
  font-size: 16px;
  color: #575d6c;
  letter-spacing: 1px;
}
#energyDetail .title span {
  padding: 0 8px;
  height: 176px;
  line-height: 112px;
  padding-top: 0.64rem;
  font-weight: 600;
  font-size: 16px;
  color: #575d6c;
  letter-spacing: 1px;
}
#energyDetail .bg {
  width: 100%;
  height: 434px;
  background: #020a45;
  float: left;
}
#energyDetail .energyBox {
  background: #fff;
  position: relative;
  top: 52px;
  margin-bottom: 200px;
}
#energyDetail .energyBox .mianfei {
  width: 44px;
}
#energyDetail .topBox {
  height: 410px;
}
#energyDetail .topBox .swiper-container {
  width: 654px !important;
  height: 410px;
  position: absolute;
  left: 40px;
  top: 40px;
}
#energyDetail .topBox .swiper-button-prev,
#energyDetail .topBox .swiper-button-next {
  width: 65px;
  height: 94px;
  background: rgba(255, 255, 255, 0.1);
}
#energyDetail .topBox .swiper-button-prev {
  background-image: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/energy/energy-11.png') !important;
}
#energyDetail .topBox .swiper-button-next {
  background-image: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/energy/energy-9.png') !important;
}
#energyDetail .topBox .img-bg {
  position: absolute;
  top: 40px;
  left: 40px;
}
#energyDetail .topBox .energydetail {
  width: 654px !important;
  height: 410px;
}
#energyDetail .topBox .banner-bg {
  width: 654px !important;
  height: 410px;
  background-size: 654px 410px;
}
#energyDetail .topBox .title {
  font-size: 30px;
  font-weight: SC;
  text-align: left;
  color: #333333;
  line-height: 42px;
  letter-spacing: 1px;
  position: absolute;
  left: 724px;
  top: 0px;
}
#energyDetail .topBox .txt {
  font-size: 20px;
  font-weight: SC;
  text-align: left;
  color: #666666;
  line-height: 28px;
  letter-spacing: 1px;
  position: absolute;
  left: 724px;
  top: 128px;
  max-width: 460px;
}
#energyDetail .topBox .price {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  color: #ff8b00;
  line-height: 29px;
  letter-spacing: 2px;
  position: absolute;
  left: 724px;
  top: 203px;
}
#energyDetail .topBox .price .original {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #999999;
  line-height: 29px;
  letter-spacing: 1px;
  margin-left: 5px;
  text-decoration: line-through;
}
#energyDetail .topBox .lableBox {
  position: absolute;
  left: 724px;
  top: 254px;
  max-width: 460px;
}
#energyDetail .topBox .lableBox .lable {
  padding: 7px 13px;
  border: 1px solid #cccccc;
  margin-right: 16px;
}
#energyDetail .topBox .get {
  width: 164px;
  height: 40px;
  background: #ff8b00;
  font-size: 24px;
  font-weight: SC;
  text-align: left;
  color: #f8f8f8;
  line-height: 33px;
  letter-spacing: 1px;
  position: absolute;
  left: 724px;
  top: 362px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
#energyDetail .topBox .already {
  background: #999 !important;
  display: none;
  cursor: auto;
}
#energyDetail .bottomBox .wideLine {
  height: 62px;
  margin-left: 40px;
  width: 1160px;
  background: #f7f7f7;
  position: relative;
  overflow: hidden;
  margin-top: 56px;
}
#energyDetail .bottomBox .wideLine .abstract {
  position: absolute;
  top: 0;
  left: 0;
  width: 139px;
  height: 62px;
  background: #ff8b00;
  font-size: 18px;
  font-weight: SC;
  text-align: left;
  color: #ffffff;
  line-height: 25px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 62px;
}
#energyDetail .bottomBox .conttais {
  font-size: 14px;
  line-height: 30px;
  width: 1200px;
  word-break: break-all;
  padding: 40px;
}
#energyDetail .bottomBox .conttais img {
  max-width: 1120px !important;
}
#energyDetail .bottomBox p {
  max-width: 1120px !important;
}
#energyDetail .callme {
  position: fixed;
  right: 0;
  bottom: 150px;
  width: 95px;
  height: 82px;
  background: #ff8b00;
}
#energyDetail .callme .call-icon {
  display: block;
  margin: 13px auto 8px;
}
#energyDetail .callme .aline {
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
.energy-modal .ant-modal-body {
  width: 422px !important;
  background: #eee;
}
.energy-modal .ant-modal-content {
  width: 420px;
}
.energy-modal #message {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  line-height: 28px;
  letter-spacing: 1px;
  margin: 36px 0 32px 24px;
}
.energy-modal .in {
  background: #f8f8f8;
  border: 1px solid #d2d2d2;
  padding: 5px;
  box-sizing: border-box;
  margin-left: 24px;
  margin-bottom: 24px;
}
.energy-modal .lingqu {
  width: 348px;
  height: 42px;
  line-height: 42px;
  background: #ff8b00;
  border: 1px solid #ff8b00;
  border-radius: 2px;
  font-size: 16px;
  font-weight: SC;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 36px;
  margin-left: 24px;
}
.energysuc-modal .ant-modal-body {
  width: 657px;
  height: 146px;
  background: #ffffff;
  position: relative;
}
.energysuc-modal .success {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  line-height: 40px;
  letter-spacing: 1px;
  margin: 25px auto 16px;
}
.energysuc-modal .tips {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
.energysuc-modal .ant-modal-close-x {
  display: none;
}
.energysuc-modal .error {
  position: absolute;
  top: 19px;
  right: 19px;
  font-size: 30px;
  color: #d6d6d6;
  cursor: pointer;
}
.energyerr-modal .ant-modal-body {
  background: #ffffff;
  position: relative;
}
.energyerr-modal .success {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  line-height: 40px;
  letter-spacing: 1px;
  margin: 25px auto 16px;
}
.energyerr-modal .tips {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
.energyerr-modal .ant-modal-close-x {
  display: none;
}
.energyerr-modal .error {
  position: absolute;
  top: 19px;
  right: 19px;
  font-size: 30px;
  color: #d6d6d6;
  cursor: pointer;
}
.energyerr-modal .sure {
  width: 331px;
  height: 48px;
  background: #ff8b00;
  border-radius: 2px;
  font-size: 24px;
  font-weight: SC;
  text-align: center;
  color: #ffffff;
  line-height: 48px;
  margin: 32px auto 0;
}

.topEng .clear {
  clear: both;
}
.topEng .Eng-topBanner {
  width: 100%;
  height: 520px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/liyi-0612/banner.png") no-repeat center;
  background-size: cover;
  padding-left: 18%;
}
.topEng .Eng-topBanner .tit-one {
  font-size: 46px;
  font-weight: 400;
  line-height: 65px;
  color: #ffffff;
  padding-top: 160px;
}
.topEng .Eng-topBanner .tit-two {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #f9f9f9;
  opacity: 0.7;
  padding-top: 16px;
}
.topEng .Eng-topBanner a {
  display: block;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #ffffff;
  margin-top: 60px;
}
.topEng .eng-painSpot {
  width: 100%;
  height: 978px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topEng .eng-painSpot .eng-painSpotInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px ;
  position: relative;
}
.topEng .eng-painSpot .eng-painSpotInner .price {
  position: absolute;
  top: 27px;
  right: 0;
  width: 259px;
  height: 163px;
  padding: 100px 0 0 161px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/price.png") no-repeat center;
}
.topEng .eng-painSpot .eng-painSpotInner .price .register {
  display: block;
  width: 72px;
  height: 34px;
  border: 1px solid #3366ff;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
}
.topEng .eng-painSpot .eng-painSpotInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 12px;
}
.topEng .eng-painSpot .eng-painSpotInner .title2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  margin-bottom: 41px;
}
.topEng .eng-painSpot .eng-painSpotInner .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 22px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent {
  overflow: hidden;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft {
  float: left;
  width: 840px;
  height: 473px;
  position: relative;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one {
  width: 790px;
  height: 105px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  left: 25px;
  top: 19px;
  padding: 0 23px;
  color: #666666;
  font-size: 14px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .lineHeight {
  line-height: 26px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList1 {
  width: 81px;
  height: 72px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList2 {
  width: 66px;
  height: 72px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList3 {
  width: 94px;
  height: 72px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList3 div:nth-of-type(2) {
  margin-left: 8px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList4 {
  width: 114px;
  height: 72px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList4 div:nth-of-type(2) {
  margin-left: 8px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList4 div:nth-of-type(4) {
  margin-left: 15px;
  position: relative;
  left: -15px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList5 {
  width: 101px;
  height: 72px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList5 div:nth-of-type(2) {
  margin-left: 8px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList6 {
  width: 114px;
  height: 72px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one .upMaterialList6 div:nth-of-type(2n) {
  margin-left: 8px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-one-title {
  width: 150px;
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 26px;
  color: #3366FF;
  background: #ffffff;
  position: absolute;
  left: 222px;
  top: 144px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two {
  width: 790px;
  height: 76px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  left: 25px;
  bottom: 17px;
  padding-left: 23px;
  padding-right: 68px;
  color: #666666;
  font-size: 14px;
  cursor: pointer;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .lineHeight {
  line-height: 26px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .upMaterialList1 {
  width: 88px;
  height: 46px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .upMaterialList2 {
  width: 58px;
  height: 46px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .upMaterialList3 {
  width: 58px;
  height: 46px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .upMaterialList4 {
  width: 58px;
  height: 46px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .upMaterialList5 {
  width: 58px;
  height: 46px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two .upMaterialList6 {
  width: 73px;
  height: 46px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-two-title {
  width: 188px;
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 26px;
  color: #3366FF;
  background: #ffffff;
  position: absolute;
  left: 203px;
  top: 340px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-three {
  width: 153px;
  height: 187px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 32px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  position: absolute;
  right: 25px;
  top: 162px;
  color: #666666;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-three .lineHeight {
  line-height: 32px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-three .downMaterialList {
  width: 118px;
  height: 150px;
  margin-top: 20px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-three:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .introduce-three-title {
  width: 16px;
  height: 182px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 50px;
  color: #3366FF;
  background: #ffffff;
  position: absolute;
  right: 193px;
  top: 166px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .engineBg {
  width: 459px;
  height: 163px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/liyi-0612/engineBg.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  left: 70px;
  top: 166px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagup {
  position: absolute;
  width: 55px;
  height: 18px;
  left: 270px;
  top: 177px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagup .oneheng {
  width: 55px;
  height: 0;
  border-top: 1px solid #707070;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagup .oneshu {
  width: 0;
  height: 18px;
  border-left: 1px solid #999999;
  position: absolute;
  left: 28px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagmid {
  position: absolute;
  width: 55px;
  height: 19px;
  left: 270px;
  top: 332px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagmid .oneheng {
  width: 55px;
  height: 0;
  border-top: 1px solid #707070;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagmid .oneshu {
  width: 0;
  height: 19px;
  border-left: 1px solid #999999;
  position: absolute;
  left: 28px;
  top: -19px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagdown {
  position: absolute;
  width: 152px;
  height: 48px;
  right: 223px;
  top: 232px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagdown .oneheng {
  width: 152px;
  height: 0;
  border-top: 1px solid #707070;
  position: absolute;
  top: 24px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .eng-contentLeft .tagdown .oneshu {
  width: 0;
  height: 48px;
  border-left: 1px solid #999999;
  position: absolute;
  left: 152px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight {
  float: right;
  width: 312px;
  height: 473px;
  margin-right: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .head {
  overflow: hidden;
  margin-bottom: 18px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .head .title {
  float: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .head .more {
  float: right;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  cursor: pointer;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .infoBanner {
  width: 100%;
  height: 104px;
  padding: 84px 0 0 0;
  margin-bottom: 26px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .infoBanner .zixun-tit {
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  line-height: 26px;
  color: #ffffff;
  height: 26px;
  background: rgba(0, 0, 0, 0.7);
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .messageBox .boxItem {
  overflow: hidden;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .select {
  float: left;
  width: 16px;
  height: 16px;
  background: #3366ff;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .unSelect {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .des {
  float: left;
  width: 253px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 16px;
  position: relative;
  top: -2px;
  cursor: pointer;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentBottom {
  width: 1200px;
  height: 200px;
  line-height: 34px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 56px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%9B%BE.png') no-repeat center;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentBottom .tiyan {
  cursor: pointer;
  width: 118px;
  height: 34px;
  background-color: #3366FF;
  color: #fff;
  margin-top: 140px;
  margin-left: 91px;
}
.topEng .eng-painSpot .eng-painSpotInner .painSpotContent .contentBottom .liji-search {
  cursor: pointer;
  width: 118px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
  margin-top: 140px;
  margin-left: 20px;
}
.topEng .eng-solution {
  width: 100%;
  height: 847px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topEng .eng-solution .eng-solutionInner {
  width: 1200px;
  height: 100%;
  padding: 59px 0 0 0;
  margin: 0 auto;
}
.topEng .eng-solution .eng-solutionInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.topEng .eng-solution .eng-solutionInner .btnGroup .group {
  float: left;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.topEng .eng-solution .eng-solutionInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.topEng .eng-solution .eng-solutionInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topEng .eng-solution .eng-solutionInner .ant-tabs-nav .ant-tabs-tab-active {
  color: #3366ff !important;
}
.topEng .eng-solution .eng-solutionInner .ant-tabs-ink-bar {
  background-color: #3366ff !important;
}
.topEng .eng-solution .eng-solutionInner .ant-tabs-bar {
  margin-bottom: 40px !important;
}
.topEng .eng-solution .eng-solutionInner .tabSTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #3366FF;
  position: relative;
  top: -7px;
  left: 7px;
}
.topEng .eng-solution .eng-solutionInner .tabTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  position: relative;
  top: -7px;
  left: 12px;
}
.topEng .eng-solution .eng-solutionInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 41px;
}
.topEng .eng-solution .eng-solutionInner .tabContent {
  overflow: hidden;
}
.topEng .eng-solution .eng-solutionInner .tabContent .contentLeft {
  float: left;
  width: 840px;
  height: 495px;
  background: #ffffff;
}
.topEng .eng-solution .eng-solutionInner .tabContent .contentLeft img {
  width: 838px;
  height: 495px;
}
.topEng .eng-solution .eng-solutionInner .tabContent .contentRight {
  float: right;
  width: 312px;
  height: 496px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 31px 25px 0;
}
.topEng .eng-solution .eng-solutionInner .tabContent .contentRight .title {
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #333333;
  margin-bottom: 8px;
}
.topEng .eng-solution .eng-solutionInner .tabContent .contentRight .des {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-bottom: 30px;
}
.topEng .eng-solution .eng-solutionInner .tabContent .contentRight .online {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3366ff;
}
.topEng .eng-resource {
  width: 100%;
  height: 772px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topEng .eng-resource .eng-resourceInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
}
.topEng .eng-resource .eng-resourceInner .title {
  font-size: 32px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 34px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent {
  overflow: hidden;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft {
  float: left;
  width: 840px;
  height: 496px;
  overflow: hidden;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftL {
  float: left;
  width: 280px;
  height: 496px;
  padding: 61px 0 0 40px;
  border: 1px dashed #000;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftL .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 8px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftL .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 74px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftL .more {
  display: block;
  width: 120px;
  height: 34px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
  cursor: pointer;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftL .bg-search {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
  margin-top: 37px;
  display: block;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftR {
  float: left;
  width: 560px;
  height: 496px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem {
  float: left;
  width: 280px;
  height: 248px;
  text-align: center;
  padding-top: 93px;
  border: 1px dashed #000;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 9px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fcfcfc;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight {
  float: right;
  width: 312px;
  height: 496px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 19px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .rightContent .contentItem {
  width: 100%;
  height: 62px;
  overflow: hidden;
  margin-bottom: 19px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .rightContent .contentItem .left {
  float: left;
  margin-right: 18px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .rightContent .contentItem .right {
  float: left;
  width: 140px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .title {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  margin-bottom: 6px;
}
.topEng .eng-resource .eng-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .more {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #3366ff;
  cursor: pointer;
}
.topEng .eng-resource .eng-resourceInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.topEng .eng-resource .eng-resourceInner .btnGroup .group {
  display: inline-block;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.topEng .eng-resource .eng-resourceInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.topEng .eng-resource .eng-resourceInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topEng .eng-app-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.topEng .eng-app-bgc .app {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.topEng .eng-app-bgc .app .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: 143.5px;
  line-height: 45px;
  color: #333333;
  padding-top: 58px;
  padding-bottom: 41px;
}
.topEng .eng-app-bgc .app .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  margin-top: -90px;
}
.topEng .eng-app-bgc .app .bottom-box {
  width: 300px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
.topEng .eng-app-bgc .app .bottom-box:hover {
  border: 1px solid #3366FF;
}
.topEng .eng-app-bgc .app .bottom-box .bottom-pic {
  width: 56px;
  margin-top: 34px;
  margin-left: 29px;
}
.topEng .eng-app-bgc .app .bottom-box .txt-one {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #111111;
  margin-top: 41px;
  margin-left: 29px;
  cursor: pointer;
}
.topEng .eng-app-bgc .app .bottom-box .txt-one a,
.topEng .eng-app-bgc .app .bottom-box .txt-one a:hover {
  color: #111111;
}
.topEng .eng-app-bgc .app .bottom-box .txt-two {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #747474;
  margin-top: 4px;
  margin-left: 29px;
  cursor: pointer;
}
.topEng .eng-app-bgc .app .bottom-box .txt-two a,
.topEng .eng-app-bgc .app .bottom-box .txt-two a:hover {
  color: #111111;
}
.topEng .eng-app-bgc .app .bottom-box .txt-line {
  width: 30px;
  height: 0px;
  border: 1px solid #707070;
  margin-left: 29px;
  margin-top: 23px;
  display: inline-block;
}
.topEng .eng-app-bgc .app .bottom-box .txt-jt {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 16px;
  color: #ff9100;
  margin-top: 22px;
  margin-left: 29px;
}
.topEng .eng-service {
  height: 448px ;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/service.png") no-repeat center;
  background-size: 100% 100%;
}
.topEng .eng-service .eng-serviceInnner {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding-top: 48px;
}
.topEng .eng-service .eng-serviceInnner .head {
  overflow: hidden;
}
.topEng .eng-service .eng-serviceInnner .head .title {
  float: left;
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 41px;
}
.topEng .eng-service .eng-serviceInnner .head .ask {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
}
.topEng .eng-service .eng-serviceInnner .serviceContent {
  overflow: hidden;
  height: 282px;
  padding-top: 32px;
}
.topEng .eng-service .eng-serviceInnner .serviceContent .contentItem {
  float: left;
  width: 240px;
  text-align: center;
  padding: 0 10px;
}
.topEng .eng-service .eng-serviceInnner .serviceContent .contentItem:hover {
  height: 240px;
  position: relative;
  top: -20px;
}
.topEng .eng-service .eng-serviceInnner .serviceContent .contentItem:hover .ask {
  display: inline-block;
  margin-top: 20px;
}
.topEng .eng-service .eng-serviceInnner .serviceContent .contentItem .title {
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  color: #ffffff;
}
.topEng .eng-service .eng-serviceInnner .serviceContent .contentItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  height: 40px;
}
.topEng .eng-service .eng-serviceInnner .serviceContent .contentItem .ask {
  display: none;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  clear: both;
}
.bottomEng .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: 143.5px;
  line-height: 45px;
  color: #333333;
  padding-top: 58px;
  padding-bottom: 41px;
}
.bottomEng .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  margin-top: -90px;
}
.bottomEng .eng-service-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomEng .eng-service-bgc .service {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.bottomEng .eng-service-bgc .service .bottom-box {
  width: 240px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
.bottomEng .eng-service-bgc .service .bottom-box:hover {
  border: 1px solid #3366FF;
}
.bottomEng .eng-service-bgc .service .bottom-box:hover .txt-one {
  color: #3366FF;
}
.bottomEng .eng-service-bgc .service .bottom-box:hover .txt-two {
  color: #3366FF;
}
.bottomEng .eng-service-bgc .service .bottom-box:hover .txt-jt {
  border: 1px solid #3366FF;
  border-radius: 4px;
}
.bottomEng .eng-service-bgc .service .bottom-box .bottom-pic {
  width: 70px;
  margin-top: 60px;
  margin-left: 33px;
}
.bottomEng .eng-service-bgc .service .bottom-box .txt-one {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 33px;
  color: #333333;
  margin-top: 62px;
  margin-left: 33px;
}
.bottomEng .eng-service-bgc .service .bottom-box .txt-two {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  margin-left: 33px;
}
.bottomEng .eng-service-bgc .service .bottom-box .txt-jt {
  border: 2px solid #E5E5E5;
  border-radius: 4px;
  margin-top: -36px;
  margin-right: 25px;
}
.bottomEng .eng-analysis-bgc {
  width: 100%;
  height: 472px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomEng .eng-analysis-bgc .analysis {
  width: 1200px;
  margin: 0 auto;
  height: 472px;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box {
  width: 240px;
  height: 221px;
  border: 1px solid #E5E5E5;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box:hover {
  height: 300px;
  margin-top: -29px;
  border: 1px solid #E5E5E5;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box:hover .bottom-txt {
  padding-right: 10px;
  text-overflow: inherit;
  overflow: visible;
  white-space: pre-line;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box:hover .bottom-zx {
  width: 94px;
  height: 34px;
  line-height: 34px;
  margin-left: 16px;
  margin-top: 18px;
  display: block;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box .bottom-pic {
  margin: 10px 10px ;
  width: 220px;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box .bottom-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-top: 6px;
  margin-left: 16px;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box .bottom-txt {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #666666;
  margin-top: 6px;
  margin-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottomEng .eng-analysis-bgc .analysis .bottom-box .bottom-zx {
  display: none;
}
.bottomEng .eng-case-bgc {
  width: 100%;
  height: 604px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomEng .eng-case-bgc .case {
  width: 1200px;
  margin: 0 auto;
  height: 628px;
}
.bottomEng .eng-case-bgc .case .case-bottom {
  width: 590px;
  height: 426px;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-pic-div {
  width: 240px;
  height: 426px;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-pic-div .border {
  border: 1px solid #E5E5E5;
  height: 426px;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-pic-div .bottom-pic {
  background-repeat: no-repeat;
  background-size: cover;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box {
  width: 350px;
  height: 426px;
  padding: 39px 23px 0 31px;
  border: 1px solid #E5E5E5;
  position: relative;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box .bottom-tit {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 33px;
  color: #333333;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box .bottom-line {
  width: 36px;
  height: 4px;
  background: #3366ff;
  margin-top: 8px;
  margin-bottom: 24px;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box .bottom-txt {
  width: 296px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box .ask-zixun {
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #3366FF;
  position: absolute;
  bottom: 33px;
  cursor: pointer;
}
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box .ask-zixun a,
.bottomEng .eng-case-bgc .case .case-bottom .bottom-box .ask-zixun a:hover {
  color: #3366FF;
}
.bottomEng .eng-case-bgc .case .case-other {
  margin-left: 20px;
}
.bottomEng .eng-partner-bgc {
  width: 100%;
  height: 567px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.bottomEng .eng-partner-bgc .partner {
  width: 1201px;
  margin: 0 auto;
}
.bottomEng .eng-partner-bgc .partner .partner-buttom .pic:hover .pic-a {
  display: block;
  width: 240px;
  height: 118px;
}
.bottomEng .eng-partner-bgc .partner .partner-buttom .pic:hover .pic-b {
  display: none;
}
.bottomEng .eng-partner-bgc .partner .partner-buttom img {
  width: 240px;
  height: 118px;
}
.bottomEng .eng-partner-bgc .partner .partner-buttom .pic-b {
  display: block;
}
.bottomEng .eng-partner-bgc .partner .partner-buttom .pic-a {
  display: none;
}

.HumiProjectBox {
  padding-top: 60px;
  width: 100%;
}
.HumiProjectBox .bannerBox {
  width: 100%;
  height: 460px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/project/banner.png') 50% 50% / cover no-repeat;
}
.HumiProjectBox .bannerBox .banner {
  width: 1200px;
  height: 389px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 33px 0 38px;
}
.HumiProjectBox .bannerBox .banner .leftBox {
  float: left;
}
.HumiProjectBox .bannerBox .banner .rightBox {
  float: right;
  width: 370px;
  height: 389px;
  box-sizing: border-box;
  padding: 42px 28px 40px;
  background: #fff;
  border-radius: 4px;
}
.HumiProjectBox .bannerBox .banner .rightBox .ant-input {
  box-sizing: border-box;
  padding-left: 15px;
  background: #f3f4f5;
}
.HumiProjectBox .bannerBox .banner .rightBox p:nth-child(1) {
  line-height: 24px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-align: center;
  color: #333333;
}
.HumiProjectBox .bannerBox .banner .rightBox p:nth-child(2) {
  line-height: 16px;
  margin: 15px 0 36px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-align: center;
  color: #999999;
}
.HumiProjectBox .bannerBox .banner .rightBox div {
  width: 314px;
  height: 40px;
  line-height: 40px;
  margin-top: 29px;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.HumiProjectBox .bannerBox .banner .rightBox div:hover {
  background-color: #e0611e;
}
.HumiProjectBox .contentBox {
  width: 100%;
  background: #f6f6f6;
}
.HumiProjectBox .contentBox .content {
  width: 1200px;
  height: 1100px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 45px;
}
.HumiProjectBox .contentBox .content .authenBox {
  width: 100%;
  margin-bottom: 20px;
}
.HumiProjectBox .contentBox .content .authenBox h2 {
  margin-bottom: 44px;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #333333;
}
.HumiProjectBox .contentBox .content .authenBox .authen {
  width: 100%;
  height: 356px;
}
.HumiProjectBox .contentBox .content .authenBox .authen .left,
.HumiProjectBox .contentBox .content .authenBox .authen .right {
  float: left;
}
.HumiProjectBox .contentBox .content .authenBox .authen .left {
  width: 288px;
  height: 356px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/project/authbg.png') 50% 50% / cover no-repeat;
  box-sizing: border-box;
  padding: 32px 0 57px 32px;
}
.HumiProjectBox .contentBox .content .authenBox .authen .left p {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.7px;
  color: #ffffff;
  margin-bottom: 10px;
}
.HumiProjectBox .contentBox .content .authenBox .authen .left p:nth-child(1) {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 17px;
}
.HumiProjectBox .contentBox .content .authenBox .authen .left a {
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  margin-top: 105px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #fff;
}
.HumiProjectBox .contentBox .content .authenBox .authen .left a:hover {
  background-color: #ffffff;
  color: #fe6d20;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right {
  width: 912px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box {
  width: 288px;
  height: 170px;
  margin: 0 0 16px 15px;
  box-sizing: border-box;
  padding: 32px 24px 20px 33px;
  background: #fff;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box p:nth-child(1) {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333333;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box p:nth-child(2) {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.7px;
  color: #666666;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box .img {
  margin-left: 160px;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box:hover {
  cursor: pointer;
  box-shadow: 0px 5px 10px 0 #e3e3e3;
  margin-top: -4px;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box:last-child p {
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px;
  font-weight: 500;
  letter-spacing: 0.9px;
  color: #333333;
}
.HumiProjectBox .contentBox .content .authenBox .authen .right .box:last-child .img {
  margin-left: 80px;
  margin-top: 20px;
}
.HumiProjectBox .contentBox .content .indusBox {
  margin-top: 61px;
  width: 100%;
}
.HumiProjectBox .contentBox .content .indusBox h2 {
  margin-bottom: 44px;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #333333;
}
.HumiProjectBox .contentBox .content .indusBox .indus {
  width: 100%;
  height: 376px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/project/indu.png') 50% 50% / cover no-repeat;
  box-sizing: border-box;
  padding: 50px 64px 46px 97px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .left {
  float: left;
  width: 350px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .left p {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 20px;
  color: #666666;
}
.HumiProjectBox .contentBox .content .indusBox .indus .left p:nth-child(1) {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 34px;
  font-weight: 500;
  color: #012969;
}
.HumiProjectBox .contentBox .content .indusBox .indus .left p:last-child {
  font-size: 12px;
  line-height: 12px;
  margin-top: 25px;
  color: #012969;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right {
  float: right;
  width: 465px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot {
  display: none;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .btnBox {
  margin-top: 66px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .btnBox .btns {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .btnBox .btns:nth-child(1) {
  margin-left: 104px;
  background-color: #fe6d20;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .btnBox .btns:nth-child(2) {
  width: 160px;
  margin-left: 28px;
  color: #fe6d20;
  border: 1px solid #fe6d20;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .title,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .title {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 34px;
  color: #ffffff;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .leftBox,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .leftBox,
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .rightBox,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .rightBox {
  float: left;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .leftBox,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .leftBox {
  width: 56px;
  margin-right: 23px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .leftBox p,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .leftBox p {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 46px;
  color: #ffffff;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .leftBox p:nth-child(1),
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .leftBox p:nth-child(1) {
  margin-top: 12px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .rightBox,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .rightBox {
  width: 380px;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .topContent .rightBox .ant-input,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .topContent .rightBox .ant-input {
  margin-bottom: 20px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .btn,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .btn {
  float: right;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-right: 13px;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.HumiProjectBox .contentBox .content .indusBox .indus .right #top .btn:hover,
.HumiProjectBox .contentBox .content .indusBox .indus .right #bot .btn:hover {
  background-color: #e0611e;
}
.HumiProjectBox .confirmBox {
  width: 100%;
  background: #fff;
}
.HumiProjectBox .confirmBox .confirm {
  width: 1200px;
  height: 710px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 60px;
}
.HumiProjectBox .confirmBox .confirm h2 {
  line-height: 30px;
  margin-bottom: 39px;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #333333;
}
.HumiProjectBox .confirmBox .confirm .confirmContent {
  width: 100%;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box {
  cursor: pointer;
  float: left;
  width: 288px;
  height: 300px;
  box-sizing: border-box;
  padding: 61px 0;
  margin-right: 15px;
  border-radius: 4px;
  background-color: #f3f5fa;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box .img {
  width: 80px;
  height: 80px;
  margin-left: 100px;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box p {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
  color: #012969;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box p:nth-child(2) {
  margin: 50px 0 15px;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box:hover {
  background-color: #377cfd;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box:hover p {
  color: #fff;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .top .box:last-child {
  margin-right: 0;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot {
  margin-top: 39px;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot .box {
  cursor: pointer;
  float: left;
  width: 196px;
  height: 82px;
  margin-right: 4px;
  margin-bottom: 4px;
  box-sizing: border-box;
  padding: 23px 0;
  border-radius: 4px;
  background-color: #f3f5fa;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot .box p {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #012969;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot .box p:nth-child(1) {
  margin-bottom: 10px;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot .box:hover {
  background-color: #377cfd;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot .box:hover p {
  color: #fff;
}
.HumiProjectBox .confirmBox .confirm .confirmContent .bot .box:nth-child(7) {
  margin-left: 100px;
}
.HumiProjectBox .gradeBox {
  width: 100%;
  background: #012969;
}
.HumiProjectBox .gradeBox .grade {
  width: 1200px;
  height: 550px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 50px;
}
.HumiProjectBox .gradeBox .grade h2 {
  line-height: 30px;
  margin-bottom: 49px;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.HumiProjectBox .gradeBox .grade .content .leftBox {
  float: left;
  width: 814px;
  height: 342px;
  box-sizing: border-box;
  padding: 32px 0 0 34px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
}
.HumiProjectBox .gradeBox .grade .content .leftBox .title {
  width: 100%;
  height: 30px;
  line-height: 35px;
  cursor: pointer;
}
.HumiProjectBox .gradeBox .grade .content .leftBox .title li {
  float: left;
  width: 72px;
  margin-right: 60px;
  font-size: 18px;
  color: #ffffff;
}
.HumiProjectBox .gradeBox .grade .content .leftBox .title .active {
  border-bottom: 2px solid #00cca7;
}
.HumiProjectBox .gradeBox .grade .content .leftBox .img {
  width: 705px;
  height: 170px;
  margin-top: 50px;
}
.HumiProjectBox .gradeBox .grade .content .leftBox .img img {
  width: 100%;
  height: 100%;
}
.HumiProjectBox .gradeBox .grade .content .rightBox {
  float: right;
  width: 370px;
  height: 342px;
  background-color: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  padding: 42px 28px 49px;
}
.HumiProjectBox .gradeBox .grade .content .rightBox p:nth-child(1) {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 17px;
  letter-spacing: 1.2px;
  text-align: center;
  color: #ffffff;
}
.HumiProjectBox .gradeBox .grade .content .rightBox p:nth-child(2) {
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.29;
  margin-bottom: 40px;
  letter-spacing: 0.7px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
.HumiProjectBox .gradeBox .grade .content .rightBox .ant-input {
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.HumiProjectBox .gradeBox .grade .content .rightBox .btn {
  width: 314px;
  height: 40px;
  margin: 29px 0 16px;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.HumiProjectBox .gradeBox .grade .content .rightBox .btn:hover {
  background-color: #e0611e;
}
.HumiProjectBox .gradeBox .grade .content .rightBox a {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.HumiProjectBox .serverBox {
  width: 100%;
}
.HumiProjectBox .serverBox .server {
  width: 1200px;
  height: 404px;
  background: #fff;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 89px 0 48px;
}
.HumiProjectBox .serverBox .server h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 48px;
  text-align: center;
  color: #333333;
}
.HumiProjectBox .serverBox .server .content {
  width: 100%;
}
.HumiProjectBox .serverBox .server .content .box {
  position: relative;
  float: left;
  width: 390px;
  height: 200px;
  margin-right: 15px;
  box-sizing: border-box;
  padding: 61px 97px 60px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.HumiProjectBox .serverBox .server .content .box p:nth-child(1) {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.HumiProjectBox .serverBox .server .content .box p:nth-child(2) {
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  color: #ffffff;
}
.HumiProjectBox .serverBox .server .content .box .mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 80px 0;
  background-color: rgba(38, 38, 38, 0.7);
}
.HumiProjectBox .serverBox .server .content .box .mask .btn {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.HumiProjectBox .serverBox .server .content .box:hover {
  margin-top: -4px;
}
.HumiProjectBox .serverBox .server .content .box:hover .mask {
  display: block;
}
.HumiProjectBox .serverBox .server .content .box:hover .mask .btn {
  cursor: pointer;
}
.HumiProjectBox .serverBox .server .content .box:last-child {
  margin-right: 0;
}

.humiQualificationBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
.humiQualificationBox .humiQualification {
  width: 100%;
}
.humiQualificationBox .humiQualification .bannerBox {
  width: 100%;
  height: 460px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/banner.png') 50% 50% / cover no-repeat;
}
.humiQualificationBox .humiQualification .bannerBox .banner {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 36px 35px;
}
.humiQualificationBox .humiQualification .bannerBox .banner .content {
  float: right;
  width: 370px;
  height: 389px;
  box-sizing: border-box;
  padding: 38px 23px 40px 22px;
  border-radius: 4px;
  background-color: #ffffff;
}
.humiQualificationBox .humiQualification .bannerBox .banner .content p:nth-child(1) {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-align: center;
  color: #333333;
}
.humiQualificationBox .humiQualification .bannerBox .banner .content p:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  margin: 15px 0 34px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #999;
}
.humiQualificationBox .humiQualification .bannerBox .banner .content .valueBox {
  width: 325px;
  height: 158px;
  box-sizing: border-box;
  padding: 28px 17px;
  border-radius: 4px;
  background-color: #fff6f1;
}
.humiQualificationBox .humiQualification .bannerBox .banner .content .btn {
  width: 324px;
  height: 40px;
  line-height: 40px;
  margin-top: 24px;
  border-radius: 4px;
  background-color: #ff7919;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.humiQualificationBox .humiQualification .bannerBox .banner .content .btn:hover {
  background-color: #e0611e;
}
.humiQualificationBox .humiQualification .topBox {
  width: 100%;
  height: 405px;
  box-sizing: border-box;
  padding: 80px 0 71px;
  background: #fff;
}
.humiQualificationBox .humiQualification .topBox .top {
  width: 1210px;
  height: 254px;
  margin: 0 auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/2.png') 50% 50% / cover no-repeat;
}
.humiQualificationBox .humiQualification .CarouselBox {
  width: 100%;
  height: 540px;
  background: #ffede0;
}
.humiQualificationBox .humiQualification .CarouselBox .Carousel {
  width: 1184px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0 29px;
}
.humiQualificationBox .humiQualification .CarouselBox .Carousel .topTitle {
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #333333;
}
.humiQualificationBox .humiQualification .CarouselBox .Carousel .topDesc {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin: 16px 0 40px;
  text-align: center;
  color: #999;
}
.humiQualificationBox .humiQualification .CarouselBox .Carousel .CarouselContent {
  width: 100%;
  height: 340px;
}
.humiQualificationBox .humiQualification .typeBox {
  width: 100%;
  box-sizing: border-box;
  padding: 80px 0;
}
.humiQualificationBox .humiQualification .typeBox .type {
  width: 1200px;
  margin: 0 auto;
}
.humiQualificationBox .humiQualification .typeBox .type h2 {
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #333333;
}
.humiQualificationBox .humiQualification .typeBox .type h3 {
  font-size: 18px;
  line-height: 18px;
  margin: 16px 0 49px;
  text-align: center;
  color: #999999;
}
.humiQualificationBox .humiQualification .typeBox .type .one,
.humiQualificationBox .humiQualification .typeBox .type .two,
.humiQualificationBox .humiQualification .typeBox .type .three {
  width: 100%;
  height: 360px;
  margin-bottom: 50px;
}
.humiQualificationBox .humiQualification .typeBox .type .one .left,
.humiQualificationBox .humiQualification .typeBox .type .two .left,
.humiQualificationBox .humiQualification .typeBox .type .three .left {
  float: left;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right,
.humiQualificationBox .humiQualification .typeBox .type .two .right,
.humiQualificationBox .humiQualification .typeBox .type .three .right {
  float: left;
  width: 924px;
  background: #fff;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box,
.humiQualificationBox .humiQualification .typeBox .type .two .right .box,
.humiQualificationBox .humiQualification .typeBox .type .three .right .box {
  display: block;
  position: relative;
  float: left;
  width: 308px;
  height: 180px;
  box-sizing: border-box;
  padding: 29px 37px 16px 46px;
  cursor: pointer;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box p:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box p:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box p:nth-child(1) {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box p:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box p:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box p:nth-child(2) {
  font-size: 14px;
  line-height: 14px;
  margin: 14px 0 23px;
  color: #999999;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box p:nth-child(3),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box p:nth-child(3),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box p:nth-child(3) {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  color: #ff7919;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box img,
.humiQualificationBox .humiQualification .typeBox .type .two .right .box img,
.humiQualificationBox .humiQualification .typeBox .type .three .right .box img {
  position: absolute;
  top: 99px;
  right: 37px;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(4),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(4),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(4) {
  width: 616px;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(4) img,
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(4) img,
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(4) img {
  top: 85px;
  right: 61px;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(5) p:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(5) p:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(5) p:nth-child(1) {
  line-height: 120px;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(5) img,
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(5) img,
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(5) img {
  top: 70px;
  right: 59px;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(3),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(3),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(3) {
  border-bottom: 1px solid #eaeaea;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(1),
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(2),
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:nth-child(4),
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(4),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(4) {
  border-right: 1px solid #eaeaea;
}
.humiQualificationBox .humiQualification .typeBox .type .two .right .box,
.humiQualificationBox .humiQualification .typeBox .type .three .right .box {
  width: 462px;
  height: 180px;
  box-sizing: border-box;
  padding: 29px 60px 31px 31px;
  background-color: #ffffff;
  cursor: pointer;
}
.humiQualificationBox .humiQualification .typeBox .type .two .right .box img,
.humiQualificationBox .humiQualification .typeBox .type .three .right .box img {
  top: 84px;
  right: 61px;
}
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(3),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(3) {
  border-bottom: none;
  border-right: 1px solid #eaeaea;
}
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:nth-child(4),
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:nth-child(4) {
  width: 462px;
  height: 180px;
  box-sizing: border-box;
  padding: 29px 60px 31px 31px;
  background-color: #ffffff;
}
.humiQualificationBox .humiQualification .typeBox .type .four {
  width: 100%;
  height: 240px;
  margin-bottom: 80px;
}
.humiQualificationBox .humiQualification .typeBox .type .four .left {
  float: left;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right {
  float: left;
  width: 924px;
  background: #fff;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box {
  display: block;
  position: relative;
  float: left;
  width: 231px;
  height: 240px;
  box-sizing: border-box;
  padding: 35px 0 30px;
  background-color: #ffffff;
  border-right: 1px solid #eaeaea;
  cursor: pointer;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box .imgBox {
  width: 72px;
  margin: 0 auto;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box p:nth-child(2) {
  font-size: 16px;
  line-height: 16px;
  margin-top: 30px;
  text-align: center;
  color: #333333;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box p:nth-child(3) {
  font-size: 14px;
  line-height: 14px;
  margin: 11px 0 16px;
  text-align: center;
  color: #999;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box p:nth-child(4) {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  font-weight: 900;
  color: #ff7919;
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box:last-child {
  border-right: none;
}
.humiQualificationBox .humiQualification .typeBox .type .one .right .box:hover {
  z-index: 99;
  box-shadow: 0 0 14px rgba(253, 190, 109, 0.28);
}
.humiQualificationBox .humiQualification .typeBox .type .two .right .box:hover {
  z-index: 99;
  box-shadow: 0 0 14px rgba(253, 128, 113, 0.28);
}
.humiQualificationBox .humiQualification .typeBox .type .three .right .box:hover {
  z-index: 99;
  box-shadow: 0 0 14px rgba(140, 140, 250, 0.28);
}
.humiQualificationBox .humiQualification .typeBox .type .four .right .box:hover {
  z-index: 99;
  box-shadow: 0 0 14px rgba(80, 180, 255, 0.28);
}
.humiQualificationBox .humiQualification .we {
  width: 100%;
  height: 450px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/banner1.png') 50% 50% / cover no-repeat;
}
.humiQualificationBox .humiQualification .bottitle {
  width: 100%;
  font-size: 30px;
  color: #333333;
  text-align: center;
  margin-top: 80px;
}
.humiQualificationBox .humiQualification .moreBox {
  width: 100%;
  height: 490px;
  box-sizing: border-box;
  padding-top: 40px;
}
.humiQualificationBox .humiQualification .moreBox .more {
  width: 1200px;
  margin: 0 auto;
}
.humiQualificationBox .humiQualification .moreBox .more .left {
  float: left;
  width: 870px;
  height: 310px;
  box-sizing: border-box;
  padding: 28px 88px 31px;
  background-color: #ffffff;
}
.humiQualificationBox .humiQualification .moreBox .more .left p:nth-child(1) {
  font-size: 18px;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
  color: #333333;
}
.humiQualificationBox .humiQualification .moreBox .more .left p:nth-child(2) {
  font-size: 14px;
  line-height: 14px;
  margin: 16px 0 28px;
  text-align: center;
  color: #999;
}
.humiQualificationBox .humiQualification .moreBox .more .left .btn {
  width: 240px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  background-color: #ff7919;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.humiQualificationBox .humiQualification .moreBox .more .left .btn:hover {
  background-color: #e0611e;
}
.humiQualificationBox .humiQualification .moreBox .more .right {
  position: relative;
  float: right;
  width: 300px;
  height: 310px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/30.png') 50% 50% / cover no-repeat;
}
.humiQualificationBox .humiQualification .moreBox .more .right .center {
  position: absolute;
  top: 139px;
  left: 50%;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/btn.png') 50% 50% / cover no-repeat;
}
.humiQualificationBox .humiQualification .moreBox .more .right .center a {
  display: block;
  width: 64px;
  height: 64px;
}
.humiQualificationBox .humiQualification .moreBox .more .right .center:hover {
  margin-top: -10px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/31.png') 50% 50% / cover no-repeat;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}

/**
 * Swiper 4.4.6
 * 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: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  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(0px, 0, 0);
  transform: translate3d(0px, 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;
}
/* Auto Height */
.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;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -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));
}
/* IE10 Windows Phone 8 Fixes */
.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-prev,
.swiper-button-next {
  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-prev.swiper-button-disabled,
.swiper-button-next.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: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -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(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -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: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -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: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.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-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -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 > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-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);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -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-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  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-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#epidemic .w12 {
  width: 1200px;
  margin: 0 auto;
}
#epidemic .fl {
  float: left;
}
#epidemic .clear {
  clear: both;
  height: 0;
}
#epidemic ::selection {
  background: #3366ff;
  border: none;
}
#epidemic .ep-banner {
  height: 1600px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/epidemic/epidemic-16.jpg") no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
#epidemic .search-box {
  width: 1200px;
  margin: 0 auto;
  height: 143px;
  background: #ffffff;
  margin-top: 453px;
  position: relative;
}
#epidemic .search-box .tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3366ff;
  text-align: center;
  padding-top: 24px;
}
#epidemic .search-box .ant-select-enabled {
  position: absolute;
  width: 100px;
  height: 55px;
  line-height: 54px;
  text-align: center;
  border: 1px solid #204dff;
  border-right: none;
  top: 62px;
  left: 50px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
  background: url('https://360humi-public-obs.360humi.com/w-compic/yqFeature/tag3.png') no-repeat;
  background-position: 70px 22px;
}
#epidemic .search-box .ant-select-selection {
  width: 100px;
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #204dff;
}
#epidemic .search-box .ant-select-selection__rendered {
  width: 100px;
  height: 54px;
  line-height: 54px;
  padding-left: 20%;
}
#epidemic .search-box .ant-select-arrow {
  color: #3366ff;
  padding-right: 12%;
}
#epidemic .search-box .ant-select-selection:hover {
  border-top: none;
  border-left: none;
  border-right: none;
}
#epidemic .search-box .find {
  position: absolute;
  left: 150px;
  top: 62px;
}
#epidemic .search-box .btn {
  position: absolute;
  right: 50px;
  top: 62px;
  width: 140px;
  height: 55px;
  line-height: 54px;
  background-color: #3366ff;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
#epidemic .search-box .btn:hover {
  background-color: #4775FF !important;
}
#epidemic .share {
  display: block;
  width: 592px;
  margin: 47px auto 43px;
}
#epidemic .carousel-box {
  overflow: hidden;
  width: 100%;
  height: 61px;
}
#epidemic .carousel-box .ant-carousel {
  width: 100%;
  height: 60px;
}
#epidemic .carousel-box .ant-carousel .slick-slide {
  width: 100%;
  height: 60px;
}
#epidemic .resource-box {
  width: 1200px;
  height: 226px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 26px;
}
#epidemic .resource {
  width: 198px;
  height: 224px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#epidemic .resource:nth-child(6) {
  border-right: none;
}
#epidemic .resource .show-tit {
  font-size: 48px;
  font-weight: normal;
  color: #ffffff;
  margin-top: 38px;
  margin-left: 35px;
}
#epidemic .resource .show-subhead {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.8;
  margin-left: 35px;
}
#epidemic .resource .show-txt {
  width: 64px;
  height: 20px;
  background: linear-gradient(0deg, #a1c4fd, #c2e9fb);
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #1a1c68;
  text-align: center;
  margin-left: 35px;
  margin-top: 40px;
}
#epidemic .ant-carousel .slick-slide {
  width: 1200px;
  text-align: center;
  height: 61px;
  line-height: 61px;
  overflow: hidden;
}
#epidemic .ant-carousel .slick-slide h3 {
  color: #fff;
}
#epidemic .ant-carousel {
  margin: 0 auto;
  width: 1200px;
}
#epidemic .slick-dots {
  display: none !important;
}
#epidemic .message-box {
  height: 61px;
  width: 1200px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/epidemic/epidemic-15.png') no-repeat center;
  background-size: 100% 61px !important;
}
#epidemic .message-box .time {
  font-size: 28px;
  font-family: SourceHanSans;
  font-weight: 800;
  color: #ffffff;
  line-height: 61px;
  margin-left: 26px;
}
#epidemic .message-box .time span {
  font-size: 28px;
  font-family: SourceHanSans;
  font-weight: 800;
  line-height: 61px;
  color: #FFDE2A;
}
#epidemic .message-box .tit {
  font-size: 16px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #ffffff;
  line-height: 61px;
  width: 640px;
  margin-left: 30px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#epidemic .message-box .txt {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 61px;
  color: #ffffff;
  opacity: 0.5;
  position: absolute;
  width: 200px;
  right: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#epidemic .message-box .before {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 61px;
  color: #ffffff;
  opacity: 0.5;
  position: absolute;
  width: 100px;
  right: 346px;
}
#epidemic .company {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin: 81px auto 51px;
}
#epidemic .profile {
  width: 285px;
  height: 203px;
  margin-right: 19px;
  position: relative;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/epidemic/epidemic-4.png") no-repeat center;
}
#epidemic .profile:nth-child(4) {
  margin-right: 0;
}
#epidemic .profile .profile-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-top: 33px;
  margin-left: 23px;
}
#epidemic .profile .profile-res {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  margin: 22px 15px 42px 23px;
}
#epidemic .profile .profile-res span {
  width: 40px;
  height: 20px;
  background: #e3eeff;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #757c96;
  line-height: 20px;
}
#epidemic .profile .relation {
  width: 120px;
  height: 42px;
  background-color: #3366ff;
  border-radius: 6px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 42px;
  text-align: center;
  margin-left: 23px;
  position: absolute;
  top: 140px;
}
#epidemic .profile .relation:hover {
  background-color: #4775FF;
}
#epidemic .ep-butt {
  height: 1094px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/epidemic/epidemic-1.jpg") no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
#epidemic .ep-butt .butt {
  text-align: center;
  margin-top: 61px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
#epidemic .ep-butt .action {
  text-align: center;
  margin-top: 11px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.8;
  margin-bottom: 49px;
}
#epidemic .ep-butt .butt-box {
  width: 285px;
  height: 259px;
  margin-right: 19px;
  overflow: hidden;
  position: relative;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/epidemic/epidemic-5.png") no-repeat center;
}
#epidemic .ep-butt .butt-box:nth-child(4) {
  margin-right: 0;
}
#epidemic .ep-butt .butt-box .butt-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-top: 33px;
  margin-left: 23px;
}
#epidemic .ep-butt .butt-box .butt-res {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  display: inline-block;
  margin-left: 23px;
  margin-right: 14px;
}
#epidemic .ep-butt .butt-box .cot {
  width: 160px;
  display: block;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
#epidemic .ep-butt .butt-box .top {
  margin-top: 18px;
}
#epidemic .ep-butt .butt-box .bottom {
  margin-top: 10px;
}
#epidemic .ep-butt .butt-box .demand {
  position: absolute;
  width: 120px;
  height: 42px;
  background-color: #3366ff;
  border-radius: 6px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 42px;
  text-align: center;
  left: 23px;
  bottom: 28px;
  display: block;
}
#epidemic .ep-butt .butt-box .demand:hover {
  background-color: #4775FF;
}
#epidemic .ep-butt .new {
  margin-bottom: 46px;
}
#epidemic .ep-butt .publish {
  width: 599px;
  height: 120px;
  background-color: #fff;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  position: relative;
}
#epidemic .ep-butt .publish:nth-child(2n) {
  border-right: none;
}
#epidemic .ep-butt .publish:nth-child(5) {
  border-bottom: none;
}
#epidemic .ep-butt .publish:nth-child(6) {
  border-bottom: none;
}
#epidemic .ep-butt .publish .publish-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  position: absolute;
  top: 34px;
  left: 32px;
}
#epidemic .ep-butt .publish .publish-res {
  position: absolute;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  left: 32px;
  bottom: 30px;
}
#epidemic .ep-butt .publish .publish-ask {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  position: absolute;
  bottom: 30px;
  left: 180px;
}
#epidemic .ep-butt .publish .look {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #3366ff;
  position: absolute;
  top: 51px;
  right: 32px;
  display: block;
}
#epidemic .ep-butt .publish .look:hover {
  color: #4775FF;
}
#epidemic .ep-butt .publish-all {
  width: 140px;
  height: 42px;
  border: 1px solid #ffffff;
  border-radius: 6px;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  margin: 40px auto 0;
  cursor: pointer;
  display: block;
}
#epidemic .ep-butt .publish-all:hover {
  background-color: #ffffff;
  color: #333;
}
#epidemic .interconnect {
  height: 480px;
  background: #ffffff;
}
#epidemic .interconnect .release {
  padding-top: 77px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin-bottom: 53px;
}
#epidemic .interconnect .release-box {
  width: 285px;
  height: 272px;
  margin-right: 20px;
}
#epidemic .interconnect .release-box:nth-child(4) {
  margin-right: 0;
}
#epidemic .interconnect .release-box .tit {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  margin: 40px 0 23px 40px;
}
#epidemic .interconnect .release-box .res {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  margin-left: 40px;
}
#epidemic .interconnect .release-box .ask {
  display: block;
  width: 120px;
  height: 42px;
  background: #3366ff;
  border-radius: 6px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 43px;
  text-align: center;
  margin-left: 40px;
  margin-top: 55px;
}
#epidemic .interconnect .release-box .ask:hover {
  background: #4775FF;
}
#epidemic .ep-channel {
  height: 550px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/epidemic/epidemic-12.jpg") no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
#epidemic .ep-channel .physical {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin-top: 77px;
  margin-bottom: 50px;
}
#epidemic .ep-channel .physical-box {
  width: 285px;
  height: 248px;
  margin-right: 20px;
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(42, 38, 35, 0.1);
  border-radius: 6px;
}
#epidemic .ep-channel .physical-box:nth-child(4) {
  margin-right: 0;
}
#epidemic .ep-channel .physical-box .pic {
  width: 55px;
  margin-top: 45px;
  margin-left: 44px;
}
#epidemic .ep-channel .physical-box .tit {
  margin: 21px 0 38px 44px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
}
#epidemic .ep-channel .physical-box .look {
  display: block;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #3366ff;
  margin-left: 44px;
}
#epidemic .ep-channel .physical-box .look:hover {
  color: #4775FF;
}
#epidemic .ep-channel .declare {
  width: 980px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin: 35px auto 0;
  text-align: center;
}
#epidemic .newdetail {
  height: 636px;
  background: #ffffff;
}
#epidemic .newdetail .detail {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  text-align: center;
  padding-top: 77px;
  margin-bottom: 70px;
}
#epidemic .newdetail .detail-box {
  width: 580px;
  height: 97px;
  border-bottom: 1px solid #E5E5E5;
  margin-right: 40px;
  position: relative;
}
#epidemic .newdetail .detail-box:nth-child(2n) {
  margin-right: 0;
}
#epidemic .newdetail .detail-box .pic {
  position: absolute;
  top: 20px;
  width: 60px;
}
#epidemic .newdetail .detail-box .tit {
  position: absolute;
  top: 20px;
  left: 76px;
  font-size: 16px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  cursor: pointer;
}
#epidemic .newdetail .detail-box .tit:hover {
  color: #3366ff;
}
#epidemic .newdetail .detail-box .txt {
  position: absolute;
  left: 76px;
  top: 57px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#epidemic .slick-list {
  height: 61px !important;
  width: 1200px;
  margin: 0 auto;
}

.examineCon {
  padding-top: 60px;
}
.examineCon .bankSafe {
  background-color: #fff;
  padding-top: 45px;
  min-height: 580px;
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.examineCon .bankSafe .bank {
  text-align: center;
}
.examineCon .bankSafe .bank .main {
  padding-left: 0;
  margin: 0 auto;
}
.examineCon .bankSafe .bank .main .examineSingle {
  margin-bottom: 20px;
}
.examineCon .bankSafe .bank .main .examineSingle p {
  display: inline-block;
  width: 5%;
  text-align: right;
  margin-right: 20px;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
}
.examineCon .bankSafe .bank .main .examineSingle .ant-select-selection--single {
  height: 36px;
}
.examineCon .bankSafe .bank .main .examineSingle .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 36px;
}
.examineCon .bankSafe .bank .main .examineSingle input {
  width: 130px;
  padding: 0 10px;
  vertical-align: middle;
}
.examineCon .bankSafe .bank .main .examineSingle .codeImg {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.examineCon .bankSafe .bank .main .examineSingle a {
  vertical-align: middle;
}
.examineCon .bankSafe .bank .main .examineSingle .h-btn {
  width: 10%;
  vertical-align: middle;
  margin-left: 20px;
}
.examineCon .bankSafe .bank .main .examineSingleAccount input {
  width: 300px;
}
.examineCon .bankSafe .bank .main .examineNextBtn {
  margin-top: 200px;
}
.examineCon .bankSafe .bank .main .examineNextBtn .h-btn {
  width: 300px;
  margin-left: 80px;
}
.examineCon .bankSafe .bank .main .w395 {
  text-align: left;
  margin: 0 auto 30px auto;
}
.examineCon .bankSafe .bank .main .w395 span {
  width: 20%;
  text-align: right;
  display: inline-block;
}
.examineCon .bankSafe .bank .main .w395 input {
  width: 80%;
}
.examineCon .bankSafe .bank .main .m20 {
  margin: 0 auto 20px auto;
}
.examineCon .bankSafe .bank .main .m20 .twoLeft {
  display: inline-block;
  width: 11%;
  font-size: 14px;
  color: #333;
}
.examineCon .bankSafe .bank .main .m20 .twoLeft .redStar {
  color: #fb4a4a;
  display: inline-block;
  margin-right: 15px;
}
.examineCon .bankSafe .bank .main .m20 .twoRight {
  width: 49%;
  padding-left: 20px;
  display: inline-block;
  text-align: left;
}
.examineCon .bankSafe .bank .main .m20 .twoRight select {
  height: 32px;
  width: 120px;
  padding-left: 10px;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: button;
  margin-right: 15px;
}
.examineCon .bankSafe .bank .main .m20 .twoRight select + span {
  margin: 0 10px 0 5px;
}
.examineCon .bankSafe .bank .main .m20 .regDate .ant-calendar-picker {
  border-radius: 0;
}
.examineCon .bankSafe .bank .main .m20 .regDate select {
  margin-right: 0;
}
.examineCon .bankSafe .bank .main .twoTil .twoLeft p {
  color: #333;
  font-size: 16px;
}
.examineCon .bankSafe .bank .main .twoTil .twoRight span {
  color: #fb4a4a;
}
.examineCon .bankSafe .bank .main .conLine {
  width: 100%;
  hieght: 1px;
  border-bottom: 1px dashed #e6e6e6;
  margin: 35px 0;
}
.examineCon .bankSafe .threeCon {
  margin: 0 auto;
  text-align: left;
}
.examineCon .bankSafe .threeCon .threeLeft {
  width: 20%;
  text-align: right;
  display: inline-block;
}
.examineCon .bankSafe .threeCon .threeLeft p {
  font-size: 14px;
  color: #333;
}
.examineCon .bankSafe .threeCon .threeLeft p span {
  display: inline-block;
  margin-right: 20px;
  color: #fb4a4a;
}
.examineCon .bankSafe .threeCon .threeRight {
  width: 80%;
  padding-left: 10px;
  display: inline-block;
  margin-bottom: 20px;
}
.examineCon .bankSafe .threeCon .threeRight input[type="text"] {
  width: 446px;
  padding: 10px 0;
  background-color: #f8f8f8;
  border: 1px solid #d8d8d8;
}
.examineCon .bankSafe .threeCon .threeRightSfz {
  margin-bottom: 40px;
}
.examineCon .bankSafe .threeCon .threeRightUpload {
  vertical-align: middle;
  padding-left: 60px;
  margin-bottom: 0;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadPic {
  width: 116px;
  height: 116px;
  display: inline-block;
  position: relative;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadPic img {
  width: 116px;
  height: 116px;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadPic a {
  width: 68px;
  height: 68px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  margin-top: -34px;
  left: 50%;
  margin-left: -34px;
  padding: 13px 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadPic input[type="file"] {
  width: 68px;
  height: 68px;
  position: absolute;
  top: 50%;
  margin-top: -34px;
  left: 50%;
  margin-left: -34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  cursor: pointer;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadSample {
  margin-left: 70px;
  display: inline-block;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadSample span {
  vertical-align: top;
  display: inline-block;
  margin-top: 20px;
  margin-right: 30px;
  color: #3377c4;
  font-size: 14px;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadWz {
  display: inline-block;
  margin-left: 65px;
  vertical-align: top;
  color: #666;
  line-height: 25px;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadWz ul {
  margin-left: 17px;
}
.examineCon .bankSafe .threeCon .threeRightUpload .threeUploadWz ul li {
  list-style-type: disc;
}
.examineCon .bankSafe .threeCon .threeLine {
  width: 1100px;
  border-bottom: 1px dashed #e5e5e5;
  margin: 0 auto;
}
.examineCon .bankSafe .threeCon .threeTil .threeLeft {
  display: inline-block;
}
.examineCon .bankSafe .threeCon .threeTil .threeLeft p {
  color: #333;
  font-size: 16px;
}
.examineCon .bankSafe .threeCon .threeTil .threeRight {
  display: inline-block;
}
.examineCon .bankSafe .threeCon .threeTil .threeRight span {
  color: #fb4a4a;
}
.examineCon .bankSafe .threeCon .threeBottomUpload {
  margin-top: 30px;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeLeft {
  vertical-align: top;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeLeft p {
  font-size: 16px;
  color: #333;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeRight p {
  font-size: 14px;
  color: #999;
  line-height: 26px;
  margin-bottom: 30px;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeRightUpload {
  padding-left: 20px;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeRightUpload .threeUploadPic {
  margin-left: 40px;
  margin-bottom: 10px;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeRightUpload .threeUploadPic .threeAddJy {
  border: 1px dashed #d2d2d2;
  display: inline-block;
  width: 116px;
  height: 116px;
  position: relative;
  cursor: pointer;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeRightUpload .threeUploadPic .threeAddJy i {
  font-size: 30px;
  position: absolute;
  color: #d2d2d2;
  top: 30px;
  left: 50%;
  margin-left: -15px;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeRightUpload .threeUploadPic .threeAddJy p {
  margin-bottom: 0;
  text-align: center;
  color: #666;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeBottomPay p {
  display: inline-block;
  margin-right: 125px;
}
.examineCon .bankSafe .threeCon .threeBottomUpload .threeBottomPay a {
  color: #3377c4;
  font-size: 14px;
  text-decoration: underline !important;
}
.examineCon .bankSafe .threeCon .threeBtnGroup {
  margin-top: 45px;
  text-align: center;
  margin-bottom: 30px;
}
.examineCon .bankSafe .threeCon .threeBtnGroup a {
  width: 196px;
  font-size: 14px;
  padding: 10px 0;
  display: inline-block;
  margin: 0 10px;
}
.examineCon .bankSafe .threeCon .threeBtnGroup .threePrevBtn {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  color: #666;
}
.examineCon .bankSafe .threeCon .threeBtnGroup .threeNextBtn {
  background-color: #3377c4;
  border: 1px solid #3377c4;
  color: #fff;
}
.examineCon .bankSafe .successCon {
  width: 26%;
  margin: 110px auto 0 auto;
}
.examineCon .bankSafe .successCon .examineNum {
  font-size: 14px;
  color: #333;
  text-align: left;
  margin-top: 50px;
}
.examineCon .bankSafe .successCon .examineNum span {
  font-size: 18px;
  color: #4889ff;
}
.examineCon .bankSafe .successCon .examineTip {
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}
.examineCon .bankSafe .bankNav a {
  font-size: 14px;
  color: #3377c4;
  float: right;
  line-height: 44px;
  margin-right: 35px;
}

.bank {
  display: none;
}
.bank .mainSuccessP {
  margin-top: 20px;
}
.bank .mainSuccessP .mainSuccessSpan {
  color: #3277C5;
}
.bank .over {
  color: black;
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  top: 200px;
  right: 210px;
  cursor: pointer;
}
.bank h5 {
  color: #333;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1;
}
.bank.tel {
  padding-top: 50px;
}
.bank.tel img {
  display: inline-block;
}
.bank.tel .main {
  padding: 50px 0 0 0;
  margin: 0 auto;
}
.bank.sel {
  display: block;
}
.bank .telShow {
  font-size: 16px;
  color: #333;
}
.bank .w40 {
  width: 415px;
}
.bank .w395 {
  width: 395px;
}
.bank .mb {
  margin-bottom: 30px;
}
.bank .mbl {
  margin-bottom: 45px;
}
.bank .tishi {
  color: #333;
  margin-top: 10px;
}
.bank .bankNav {
  margin-bottom: 45px;
}
.bank .bankNav span {
  display: inline-block;
  width: 178px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #D9D9D9;
  margin-right: 45px;
}
.bank .bankNav span.on {
  border-top: 4px solid #3b8ce7;
  color: #3377c4;
}
.bank .main {
  padding-left: 175px;
}
.bank .main .mb .alertPhone {
  margin-bottom: 20px;
}
.bank .main .twoLeft {
  width: 90px;
  line-height: 32px;
}
.bank .main .twoRight {
  width: 300px;
  position: relative;
}
.bank .main .twoRight .tipple {
  position: absolute;
  left: 12px;
  color: #999;
  bottom: -26px;
}
.bank .main .twoRight button {
  background: #3477C5;
}
.bank .main input {
  outline: none;
  height: 32px;
  padding-left: 20px;
  line-height: 32px;
  border: 1px solid #B5B5B5;
  width: 100%;
}
.bank .main .bankLeft {
  width: 245px;
}
.bank .main .bankRight {
  width: 120px;
}
.bank .main .bankRight button {
  background: #3477C5;
}
.bank .main .mainSuccess {
  padding-top: 90px;
  position: relative;
}
.bank .main .mainSuccess .info {
  position: absolute;
  top: 170px;
  left: 400px;
  color: #333;
  font-size: 16px;
}
.bank .main .mainSuccess .myZhang {
  color: #0563b5;
}
.bank .main .mainSuccess .h-btn {
  position: absolute;
  width: 200px;
  height: 38px;
  background: #3477C5;
  bottom: -80px;
  left: 300px;
}

.examineQueryCon {
  padding-top: 110px;
  margin-bottom: 50px;
}
.examineQueryCon .examineQueryPanle {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}
.examineQueryCon .examineQueryPanle .examineQueryTil {
  font-size: 24px;
  color: #333;
  padding-top: 50px;
  margin-bottom: 55px;
}
.examineQueryCon .examineQueryPanle .examineQuerySingle {
  margin-bottom: 20px;
}
.examineQueryCon .examineQueryPanle .examineQuerySingle .com {
  display: inline-block;
  width: 5%;
  text-align: right;
  margin-right: 15px;
  color: #333;
}
.examineQueryCon .examineQueryPanle .examineQuerySingle input {
  width: 300px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #b5b5b5;
}
.examineQueryCon .examineQueryPanle .examineQueryBtn {
  margin-top: 200px;
  margin-bottom: 150px;
  display: inline-block;
  width: 300px;
  height: 36px;
  line-height: 36px;
  background-color: #3377c4;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-left: 80px;
}
.examineQueryCon .examineQueryPanle .examineQuerySuccess {
  display: none;
}
.examineQueryCon .examineQueryPanle .examineQuerySuccess .examineQueryTil {
  margin-bottom: 60px;
}
.examineQueryCon .examineQueryPanle .examineQuerySuccess .examineQuerySingle .com {
  vertical-align: middle;
}
.examineQueryCon .examineQueryPanle .examineQuerySuccess .examineQuerySingle p {
  font-size: 18px;
  color: #333;
  display: inline-block;
  width: 180px;
  text-align: left;
  vertical-align: middle;
}
.examineQueryCon .examineQueryPanle .examineQuerySuccess .examineQueryTips {
  font-size: 14px;
  color: #666;
  margin-top: 200px;
  margin-bottom: 150px;
}
.examineQueryCon .examineQueryPanle .examineReviseInput .examineQuerySingle .com {
  width: 7%;
}
.examineQueryCon .examineQueryPanle .examineRevisePwd {
  display: none;
}
.examineQueryCon .examineQueryPanle .examineRevisePhone .examineReviseYzm input {
  width: 178px;
}
.examineQueryCon .examineQueryPanle .examineRevisePhone .examineReviseYzm .examineYzmBtn {
  width: 106px;
  height: 36px;
  line-height: 36px;
  background-color: #3377c4;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin-left: 15px;
}
.submitModalCon p {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin: 50px 0;
}

* {
  padding: 0;
  margin: 0;
}
.expertDetail {
  padding-top: 60px;
  width: 100%;
  background: #f8f8f8;
  overflow: hidden;
}
.expertDetail .detail-banner {
  width: 100%;
  height: 580px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/detail-banner.png") no-repeat center;
  position: relative;
}
.expertDetail .detail-banner .des-share {
  position: absolute;
  right: 20%;
  bottom: 40px;
}
.expertDetail .detail-banner .des-share .des-heart {
  text-align: right;
}
.expertDetail .detail-banner .des-share .des-heart .heart {
  width: 18px;
  margin-right: 10px;
  color: #fff;
}
.expertDetail .detail-banner .des-share .des-heart .heart-click {
  color: red;
}
.expertDetail .detail-banner .des-share .des-heart img {
  width: 18px;
  margin-right: 10px;
}
.expertDetail .detail-banner .des-share .des-heart span {
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
}
.expertDetail .detail-banner .des-share .shareBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  height: 24px;
  margin-top: 20px;
}
.expertDetail .detail-banner .des-share .shareBox span {
  color: #999999;
  margin-right: 8px;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium {
  display: inline-block;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium a {
  margin-right: 0;
  margin-left: 3px;
  width: 26px;
  height: 26px;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_weixin {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/wechat.png) no-repeat;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_tsina {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/weibo.png) no-repeat;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_tqq {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/tweibo.png) no-repeat;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_douban {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/douban.png) no-repeat;
}
.expertDetail .detail-banner .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_qzone {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/qq.png) no-repeat;
}
.expertDetail .detail-banner .des-share .hideShare {
  display: none;
}
.expertDetail .detail-banner .banner-des {
  position: absolute;
  top: 200px;
  left: 24%;
  width: 60%;
}
.expertDetail .detail-banner .banner-des .des-name {
  width: 100%;
  overflow: hidden;
}
.expertDetail .detail-banner .banner-des .des-name span {
  display: block;
  float: left;
}
.expertDetail .detail-banner .banner-des .des-name .name-first {
  font-size: 30px;
  font-weight: 900;
  color: #fff;
  margin-right: 24px;
}
.expertDetail .detail-banner .banner-des .des-name .name-second {
  font-size: 14px;
  color: #ff8c1b;
  border: 1px solid #555;
  border-radius: 20px;
  padding: 2px 29px;
  background: rgba(255, 140, 27, 0.1);
  margin-right: 15px;
  margin-top: 10px;
}
.expertDetail .detail-banner .banner-des .des-name .name-third {
  font-size: 14px;
  color: #ff8c1b;
  border: 1px solid #555;
  border-radius: 20px;
  padding: 2px 29px;
  background: rgba(255, 140, 27, 0.1);
  margin-right: 15px;
  margin-top: 10px;
}
.expertDetail .detail-banner .banner-des .des-ul {
  margin-top: 24px;
  width: 520px;
  max-height: 93px;
  overflow: hidden;
}
.expertDetail .detail-banner .banner-des .des-ul .des-li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.expertDetail .detail-banner .banner-des .des-ul .des-li:nth-child(2n+2) {
  margin-right: 0;
}
.expertDetail .detail-banner .banner-des .des-ul .des-li p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.5px;
}
.expertDetail .detail-banner .banner-des .des-title {
  font-size: 18px;
  color: #fff;
  margin-top: 14px;
  margin-bottom: 14px;
}
.expertDetail .detail-banner .banner-des .title-ul {
  width: 410px;
  max-height: 100px;
  overflow: hidden;
}
.expertDetail .detail-banner .banner-des .title-ul .title-li {
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}
.expertDetail .detail-banner .banner-des .title-ul .title-li p {
  font-size: 14px;
  color: #e3e3e3;
  padding: 2px 17px;
}
.expertDetail .detail-banner .banner-des .des-btn {
  margin-top: 14px;
  width: 260px;
  height: 40px;
  background: #397ecd;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.expertDetail .detail-banner .banner-des .des-btn p {
  font-size: 16px;
  color: #fff;
}
.expertDetail .detail-banner .banner-des .des-share {
  position: absolute;
  right: 6%;
  bottom: -40px;
}
.expertDetail .detail-banner .banner-des .des-share .des-heart {
  text-align: right;
}
.expertDetail .detail-banner .banner-des .des-share .des-heart .heart {
  width: 18px;
  margin-right: 10px;
  color: #fff;
}
.expertDetail .detail-banner .banner-des .des-share .des-heart .heart-click {
  color: red;
}
.expertDetail .detail-banner .banner-des .des-share .des-heart img {
  width: 18px;
  margin-right: 10px;
}
.expertDetail .detail-banner .banner-des .des-share .des-heart span {
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  height: 24px;
  margin-top: 20px;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox span {
  color: #999999;
  margin-right: 8px;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium {
  display: inline-block;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium a {
  margin-right: 0;
  margin-left: 3px;
  width: 26px;
  height: 26px;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_weixin {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/wechat.png) no-repeat;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_tsina {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/weibo.png) no-repeat;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_tqq {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/tweibo.png) no-repeat;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_douban {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/douban.png) no-repeat;
}
.expertDetail .detail-banner .banner-des .des-share .shareBox .bdsharebuttonbox.icon-medium a.bds_qzone {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/qq.png) no-repeat;
}
.expertDetail .detail-banner .banner-des .des-share .hideShare {
  display: none;
}
.expertDetail .detail-content {
  width: 1200px;
  margin: 24px auto 62px;
  overflow: hidden;
}
.expertDetail .detail-content .detail-left {
  width: 849px;
  float: left;
  background: #fff;
}
.expertDetail .detail-content .detail-left .left-name {
  font-size: 18px;
  color: #333;
  margin-top: 38px;
  margin-left: 36px;
  padding-left: 12px;
  font-weight: 600;
  position: relative;
}
.expertDetail .detail-content .detail-left .left-name .name-left {
  position: absolute;
  top: 7px;
  left: -1px;
  width: 100%;
  height: 14px;
  border-left: 3px solid #397ecd;
  display: inline-block;
}
.expertDetail .detail-content .detail-left .left-name img {
  width: 12px;
  margin-left: 20px;
  margin-right: 5px;
}
.expertDetail .detail-content .detail-left .left-name span {
  font-size: 14px;
  color: #333;
  font-weight: 100;
}
.expertDetail .detail-content .detail-left .left-intro {
  width: 770px;
  margin: 30px 35px;
  font-size: 14px;
  color: #333;
  line-height: 26px;
  font-weight: 100;
}
.expertDetail .detail-content .detail-left .left-more {
  text-align: right;
  margin-right: 35px;
  margin-top: 50px;
  color: #397ecd;
  padding-right: 2px;
  cursor: pointer;
}
.expertDetail .detail-content .detail-left .left-more img {
  margin-left: 10px;
}
.expertDetail .detail-content .detail-left .more-click img {
  transform: rotate(90deg);
}
.expertDetail .detail-content .detail-left .left-skill {
  width: 770px;
  margin-top: 35px;
  margin-left: 35px;
  border-bottom: 1px dashed #e3e3e3;
}
.expertDetail .detail-content .detail-left .left-skill .skill {
  width: 100%;
}
.expertDetail .detail-content .detail-left .left-skill .skill .skill-title {
  font-size: 16px;
  color: #333;
  margin-bottom: 26px;
}
.expertDetail .detail-content .detail-left .left-skill .skill .skill-ul {
  width: 100%;
  margin-left: 19px;
  margin-bottom: 27px;
}
.expertDetail .detail-content .detail-left .left-skill .skill .skill-ul .skill-li {
  list-style: initial;
  margin-bottom: 10px;
}
.expertDetail .detail-content .detail-left .left-skill .skill .skill-ul .skill-li p {
  font-size: 14px;
  color: #333;
  font-weight: 100;
}
.expertDetail .detail-content .detail-left .left-place {
  margin-top: 38px;
  margin-left: 36px;
}
.expertDetail .detail-content .detail-left .left-place .place-title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin-bottom: 34px;
  padding-left: 12px;
  position: relative;
}
.expertDetail .detail-content .detail-left .left-place .place-title .title-left {
  position: absolute;
  top: 7px;
  left: -1px;
  width: 100%;
  height: 14px;
  border-left: 3px solid #397ecd;
  display: inline-block;
}
.expertDetail .detail-content .detail-left .left-place .place-ul {
  width: 770px;
  overflow: hidden;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li {
  width: 373px;
  height: 169px;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  float: left;
  margin-right: 23px;
  margin-bottom: 24px;
  position: relative;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li .li-left {
  position: absolute;
  top: 30px;
  width: 100%;
  height: 102px;
  border-left: 3px solid #ff8e09;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li:nth-child(2n+2) {
  margin-right: 0;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li:last-child {
  margin-bottom: 52px;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li .place-name {
  margin-top: 20px;
  margin-left: 25px;
  font-size: 16px;
  color: #333;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li .place-content {
  margin-top: 14px;
  margin-left: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
  height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li .place-content p {
  font-size: 14px;
  color: #333;
  font-weight: 100;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li .place-btn {
  margin-left: 27px;
  margin-top: 12px;
  font-size: 14px;
  color: #397ecd;
  cursor: pointer;
}
.expertDetail .detail-content .detail-left .left-place .place-ul .place-li .place-btn img {
  margin-left: 13px;
}
.expertDetail .detail-content .detail-right {
  float: right;
  width: 330px;
}
.expertDetail .detail-content .detail-right .right-top {
  width: 100%;
  height: 400px;
  margin-bottom: 25px;
  background: #fff;
}
.expertDetail .detail-content .detail-right .right-top .top-title {
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  color: #333;
  padding: 16px 0 16px 24px;
}
.expertDetail .detail-content .detail-right .right-top .top-img {
  width: 100%;
  height: 280px;
}
.expertDetail .detail-content .detail-right .right-top .top-img img {
  width: 147px;
  height: 171px;
  margin-top: 54px;
  margin-left: 90px;
}
.expertDetail .detail-content .detail-right .right-top .top-img span {
  font-size: 14px;
  color: #333;
}
.expertDetail .detail-content .detail-right .right-top .top-btn {
  width: 278px;
  height: 40px;
  background: #397ecd;
  line-height: 40px;
  margin: 0 auto;
  cursor: pointer;
}
.expertDetail .detail-content .detail-right .right-top .top-btn p {
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.expertDetail .detail-content .detail-right .right-center {
  width: 100%;
  background: #fff;
  margin-bottom: 24px;
}
.expertDetail .detail-content .detail-right .right-center .center-title {
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  color: #333;
  padding: 16px 0 16px 24px;
}
.expertDetail .detail-content .detail-right .right-center .center-ul {
  width: 282px;
  margin: 30px auto 0;
  overflow: hidden;
}
.expertDetail .detail-content .detail-right .right-center .center-ul .center-li {
  float: left;
  margin-right: 22px;
  margin-bottom: 16px;
  border: 1px solid #999;
  border-radius: 10px;
}
.expertDetail .detail-content .detail-right .right-center .center-ul .center-li:last-child {
  margin-bottom: 30px;
}
.expertDetail .detail-content .detail-right .right-center .center-ul .center-li p {
  font-size: 14px;
  color: #666;
  padding: 1px 24px;
}
.expertDetail .detail-content .detail-right .right-bottom {
  width: 330px;
  height: 300px;
}
.expertDetail .detail-content .detail-right .right-bottom img {
  width: 100%;
  height: 100%;
}

.FAQBox {
  padding: 100px 0 0 0;
}
.FAQBox .FAQtopBox {
  background: #e5e5e5;
  margin: 0 0 26px 0;
}
.FAQBox .FAQtopBox a {
  display: inline-block;
  padding: 18px 50px;
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  min-width: 200px;
  text-align: center;
}
.FAQBox .FAQtopBox a:hover,
.FAQBox .FAQtopBox .active {
  background: #377fcb;
  color: #fff;
}
.FAQBox .changeMainBox {
  margin: 0 0 77px 0;
  overflow: hidden;
}
.FAQBox .changeMainBox .ant-collapse-borderless {
  width: 200px;
  background-color: #f2f2f2;
  float: left;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item {
  background-color: #fff;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-header {
  padding: 22px 0 22px 30px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-header .arrow {
  display: none;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-content {
  padding: 0 30px;
  border-top: 1px solid #eee;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding-top: 30px;
  padding-bottom: 30px;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box a {
  font-size: 16px;
  color: #666;
  display: block;
  margin-bottom: 30px;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box a:hover {
  color: #397ecd;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box a:last-child {
  margin-bottom: 0;
}
.FAQBox .changeMainBox .ant-collapse-borderless .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .menuActive {
  color: #397ecd;
}
.FAQBox .changeMainBox .mainRight {
  background-color: #fff;
  margin-left: 20px;
  float: left;
  width: 980px;
  padding: 0 80px 50px 80px;
}
.FAQBox .changeMainBox .mainRight .detailFaq {
  margin-top: 50px;
}
.FAQBox .changeMainBox .mainRight .detailFaq .detailName {
  font-size: 24px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.FAQBox .changeMainBox .mainRight .detailFaq .detailDate {
  text-align: right;
  font-size: 12px;
  color: #999;
  margin-bottom: 30px;
}

.footTop {
  background: #282828;
  padding: 48px 0 38px;
}
.footTop .footNav {
  color: #9a9ea5;
  font-size: 14px;
  margin-bottom: 14px;
}
.footTop ul {
  display: inline-block;
  vertical-align: top;
  margin-left: 90px;
}
.footTop ul li {
  text-align: left;
  line-height: 1;
}
.footTop ul li h5 {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 15px;
}
.footTop ul li img {
  display: block;
}
.footTop ul li a {
  color: #6a7076;
  line-height: 28px;
}
.footBot {
  background: #fff;
  line-height: 45px;
  color: #6a6f76;
}

.financePic {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 700px;
  max-height: 970px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/finance/financeBg.png") no-repeat;
  background-size: cover;
  margin-bottom: 30px;
}
.financePic .financePicCon {
  width: 1200px;
  height: 525px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background-color: rgba(36, 78, 218, 0.62);
  margin: -262.5px auto 0 auto;
}
.financePic .financePicCon .financePicWz {
  text-align: center;
  position: absolute;
  top: 50%;
  margin: -100px auto 0 auto;
  left: 0;
  right: 0;
  color: #fff;
  padding: 0 166px;
}
.financePic .financePicCon .financePicWz p {
  font-size: 52px;
  margin-bottom: 50px;
}
.financePic .financePicCon .financePicWz span {
  font-size: 24px;
}
.financePic .financePicNav {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  overflow: hidden;
  padding: 30px 0;
}
.financePic .financePicNav img {
  display: inline-block;
}
.financePic .financePicNav .bannerNavRight {
  float: right;
}
.financePic .financePicNav .bannerNavRight a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin-right: 30px;
}
.financePic .financePicNav .bannerNavRight .bannerNavLine {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 30px;
}
.financePic .financePicNav .bannerNavRight .bannerNavlast {
  display: inline-block;
}
.financePic .financePicNav .bannerNavRight .bannerNavlast a {
  font-weight: 600;
}
.financePic .financePicNav .bannerNavRight .bannerNavlast a:last-child {
  margin-right: 0;
}
.financeCon {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.financeCon .financeList {
  margin-top: 80px;
  height: 310px;
  position: relative;
  border: 1px solid #aaa;
  background-color: #fff;
}
.financeCon .financeList .financeListLeft {
  position: absolute;
  width: 285px;
  height: 285px;
  top: -40px;
  left: -1px;
  box-shadow: 3px 4px 10px rgba(13, 102, 195, 0.4);
}
.financeCon .financeList .financeListLeft .financeLeftWz {
  position: absolute;
  top: 40px;
  text-align: center;
  width: 100%;
}
.financeCon .financeList .financeListLeft .financeLeftWz p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}
.financeCon .financeList .financeListLeft .financeLeftWz p span {
  display: inline-block;
  margin: 0 7.5px;
}
.financeCon .financeList .financeListLeft .financeLeftWz .financeLeftTil {
  font-size: 40px;
  margin-bottom: 0;
}
.financeCon .financeList .financeListLeft .financeLeftWz a {
  display: inline-block;
  width: 136px;
  padding: 9px 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-top: 25px;
  font-size: 16px;
  color: #426dfb;
}
.financeCon .financeList .financeListLeft .financeLastWz a {
  margin-top: 60px;
}
.financeCon .financeList .financeListRight {
  margin-left: 410px;
  width: 690px;
  margin-top: 60px;
}
.financeCon .financeList .financeListRight .financeRightSingel {
  float: left;
  width: 50%;
  margin-bottom: 40px;
}
.financeCon .financeList .financeListRight .financeRightSingel * {
  display: inline-block;
  vertical-align: middle;
}
.financeCon .financeList .financeListRight .financeRightSingel img {
  margin-right: 20px;
}
.financeCon .financeList .financeListRight .financeRightSingel .financeSingelWz {
  font-size: 16px;
}
.financeCon .financeList .financeListRight .financeRightSingel .financeSingelWz p {
  display: block;
  color: #333;
}
.financeCon .financeList .financeListRight .financeRightSingel .financeSingelWz span {
  color: #999;
}
.financeCon .financeList:last-child {
  margin-bottom: 60px;
}
.financeProblem {
  width: 100%;
  background-color: #fff;
}
.financeProblem .financeProblemCon {
  padding-top: 60px;
  padding-bottom: 85px;
  width: 970px;
  margin: 0 auto;
  color: #333;
}
.financeProblem .financeProblemCon .financeProblemTil {
  text-align: center;
  position: relative;
}
.financeProblem .financeProblemCon .financeProblemTil p {
  font-size: 32px;
  display: inline-block;
  border-bottom: 1px solid #e1e2e4;
}
.financeProblem .financeProblemCon .financeProblemTil span {
  position: absolute;
  width: 30px;
  height: 3px;
  background-color: #2795f2;
  display: inline-block;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.financeProblem .financeProblemCon .financeProblemList {
  margin-top: 50px;
}
.financeProblem .financeProblemCon .financeProblemList .financeProblemSingel {
  margin-bottom: 20px;
}
.financeProblem .financeProblemCon .financeProblemList .financeProblemSingel p .financeProblemCricle {
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: #2795f2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  font-size: 13px;
}
.financeProblem .financeProblemCon .financeProblemList .financeProblemSingel p .financeProblemTWz {
  vertical-align: middle;
  display: inline-block;
  font-size: 18px;
  margin-left: 15px;
}
.financeProblem .financeProblemCon .financeProblemList .financeProblemSingel .financeProblemBrief {
  font-size: 14px;
  color: #a5a5a5;
  margin-top: 20px;
  margin-left: 35px;
}
.financeProblem .financeProblemCon .financeProblemList .financeProblemSingel .financeIndent {
  text-indent: 1em;
}

.financialDetail {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/financialdetail_bg.png") no-repeat;
  background-size: cover;
  height: 7322px;
  margin: 0 auto;
}
.financialDetail .fl {
  float: left;
}
.financialDetail .fr {
  float: right;
}
.financialDetail .borer_title {
  height: 432px;
  width: 1296px;
  position: relative;
  margin: 0 auto;
  top: 200px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/bordertitle_bg.png") no-repeat;
}
.financialDetail .borer_title .title {
  display: flex;
  justify-content: space-between;
  padding: 0 120px;
}
.financialDetail .borer_title .title .title1 {
  margin-top: 82px;
  width: 186px;
  height: 174px;
  font-size: 60px;
  font-weight: 600;
  color: #ebc39a;
  line-height: 90px;
  letter-spacing: 2px;
}
.financialDetail .borer_title .title .title2 {
  margin-top: 82px;
  width: 777px;
  height: 207px;
  font-size: 148px;
  font-weight: 600;
  text-align: left;
  color: #ebc39a;
  letter-spacing: 7px;
}
.financialDetail .borer_title .subtitle {
  width: 1128px;
  height: 52px;
  font-size: 40px;
  margin-left: 120px;
  font-weight: 400;
  color: #ebc39a;
  line-height: 60px;
  letter-spacing: 0;
}
.financialDetail .hotBag {
  display: flex;
  justify-content: center;
  position: relative;
  top: 80px;
}
.financialDetail .function {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  margin-bottom: -100px;
  bottom: 140px;
  width: 1280px;
  height: 251px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/function_bg.png");
}
.financialDetail .function .function_content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.financialDetail .function .function_content .icon_div {
  width: 108px;
  height: 108px;
  background: linear-gradient(237deg, #bc925d 9%, #ebbe76 87%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.financialDetail .function .function_content span {
  width: 848px;
  height: 67px;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  color: #4c3a2c;
}
.financialDetail .creditClass.mortgageType {
  margin-top: 80px;
}
.financialDetail .creditClass .creditTop {
  margin: 0 auto;
  width: 1280px;
  height: 194px;
  background: linear-gradient(135deg, #e2bd82, #c9995c);
  border-radius: 30px 30px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.financialDetail .creditClass .creditTop .top .topTitle {
  font-size: 56px;
  font-weight: 600;
  color: #4c3a2c;
  text-align: center;
}
.financialDetail .creditClass .creditTop .top .topSubtitle {
  font-size: 32px;
  font-weight: 400;
  color: #4c3a2c;
}
.financialDetail .creditClass .creditCenter {
  margin: 0 auto;
  height: 1582px;
  width: 1280px;
  background: linear-gradient(223deg, #503d2f -2%, #3a2b1d 98%);
  background-size: cover;
  padding: 19px 32px 0;
  border-radius: 0 0 30px 30px;
}
.financialDetail .creditClass .creditCenter.mortgageCenter {
  height: 542px !important;
}
.financialDetail .creditClass .creditCenter .centerDiv {
  width: 600px;
  height: 480px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/credit_bg.png") no-repeat center center;
  float: left;
  margin: 0 16px 18px 0;
}
.financialDetail .creditClass .creditCenter .centerDiv:nth-child(2n) {
  margin-right: 0;
}
.financialDetail .creditClass .creditCenter .centerDiv .creditTitle {
  margin: 56px auto 0;
  width: 363px;
  font-size: 32px;
  font-weight: 600;
  color: #48507e;
}
.financialDetail .creditClass .creditCenter .centerDiv .creditTitle.longwidth {
  width: 501px !important;
}
.financialDetail .creditClass .creditCenter .centerDiv .creditTitle:before {
  content: "";
  display: inline-block;
  width: 54px;
  height: 12px;
  margin-right: 10px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/flytitle.png");
}
.financialDetail .creditClass .creditCenter .centerDiv .creditTitle:after {
  content: "";
  display: inline-block;
  width: 54px;
  height: 12px;
  margin-left: 10px;
  transform: rotateY(180deg);
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/flytitle.png");
}
.financialDetail .creditClass .creditCenter .centerDiv .creditInner {
  width: 590px;
  height: 317px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/credit_inner.png") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.financialDetail .creditClass .creditCenter .centerDiv .creditInner .creditInnerContent .Inner1 {
  font-size: 36px;
  font-weight: 600;
  color: #c89043;
  margin-right: 8px;
}
.financialDetail .creditClass .creditCenter .centerDiv .creditInner .creditInnerContent .Inner2 {
  font-size: 56px;
  font-weight: 700;
  color: #dd3f3a;
}
.financialDetail .creditClass .creditCenter .centerDiv .creditBottom {
  font-size: 28px;
  font-weight: 400;
  color: #48507e;
  width: 100%;
  text-align: center;
  position: relative;
  bottom: 22px;
}
.financialDetail .fiveTrait {
  margin: 128px auto 48px;
  width: 550px;
  height: 160px;
  background: linear-gradient(90deg, #e8c49a 4%, #ffe6c1);
  border-radius: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 56px;
  font-weight: 600;
  color: #4c3a2c;
}
.financialDetail .fiveTrait.code {
  margin-bottom: 88px;
}
.financialDetail .traitListDiv {
  margin-bottom: 109px;
}
.financialDetail .traitListDiv .traitList {
  margin: 0 auto 30px;
  height: 280px;
  width: 1280px;
}
.financialDetail .traitListDiv .traitList:nth-child(n) .traitBall,
.financialDetail .traitListDiv .traitList:nth-child(n) .traitDes {
  position: relative;
  float: left;
}
.financialDetail .traitListDiv .traitList:nth-child(n) .traitDes {
  z-index: 2;
  border-radius: 0 30px 30px 0;
  padding: 0 40px 0 98px;
  left: -58px;
}
.financialDetail .traitListDiv .traitList:nth-child(n) .traitBall {
  z-index: 3;
}
.financialDetail .traitListDiv .traitList:nth-child(2n) .traitBall,
.financialDetail .traitListDiv .traitList:nth-child(2n) .traitDes {
  float: right;
}
.financialDetail .traitListDiv .traitList:nth-child(2n) .traitDes {
  border-radius: 30px 0 0 30px;
  padding: 0 98px 0 40px;
  left: 58px;
}
.financialDetail .traitListDiv .traitList:nth-child(2n) .traitDes:nth-child(2) {
  padding: 0 64px 0 40px !important;
}
.financialDetail .traitListDiv .traitList:nth-child(2n) .traitBall {
  z-index: 3;
}
.financialDetail .traitListDiv .traitList .traitBall {
  width: 280px;
  height: 280px;
  background: linear-gradient(180deg, #907b5d, #4b3e2d);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.financialDetail .traitListDiv .traitList .traitBall img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.financialDetail .traitListDiv .traitList .traitDes {
  height: 147px;
  line-height: 147px;
  display: inline-block;
  background: linear-gradient(135deg, #97876b, #806748);
  border: 1px solid #707070;
  font-size: 48px;
  font-weight: 500;
  color: #fbe0ba;
  margin-top: 67px;
}
.financialDetail .codeDiv {
  margin: 0 auto;
  width: 1280px;
  height: 414px;
  position: relative;
  left: 245px;
}
.financialDetail .codeDiv .codeContent {
  width: 363px;
  height: 414px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/creditcode_bg.png") no-repeat center center;
}
.financialDetail .codeDiv .codeContent span {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 44px;
}
.financialDetail .codeDiv .codeContent:nth-child(1) {
  margin-right: 65px !important;
}
.financialDetail .codeDiv .codeContent:nth-child(1) .creditImg {
  width: 225px;
  height: 225px;
  margin: 39px auto;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/creditcode1.png") no-repeat center center;
  background-size: cover;
}
.financialDetail .codeDiv .codeContent:nth-child(2) {
  margin-right: 0;
}
.financialDetail .codeDiv .codeContent:nth-child(2) .creditImg {
  width: 225px;
  height: 225px;
  margin: 39px auto;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/creditcode2.png") no-repeat center center;
  background-size: cover;
}

@keyframes scale-out {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-out-2 {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes opacity-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#financial .w12 {
  width: 1200px;
  margin: 0 auto;
}
#financial .fl {
  float: left;
}
#financial .clear {
  clear: both;
  height: 0;
}
#financial .slick-list {
  margin-top: -1px;
}
#financial .hf_bannerBox {
  height: 1081px;
  position: relative;
  background: #151417;
  width: 100%;
  overflow: hidden;
}
#financial .hf_bannerBox .banners {
  height: 854px;
  transition: opacity linear 0.5s, transform linear 0.5s;
  opacity: 0;
  transform: scale(1.15);
  position: absolute;
  width: 100%;
}
#financial .hf_bannerBox .banners.number3 {
  cursor: pointer;
}
#financial .hf_bannerBox .banner-active {
  opacity: 1;
  transform: scale(1.1);
  animation-name: scale-out, opacity-hidden;
  animation-duration: 6s, 2s;
  animation-timing-function: linear, linear;
  animation-fill-mode: forwards;
  animation-delay: 0s, 4s;
  animation-iteration-count: 1, 1;
}
#financial .hf_bannerBox .banner-next {
  opacity: 0;
  transform: scale(1.5);
  animation-name: scale-out-2, opacity-show;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-delay: 4s;
  animation-iteration-count: 1;
}
#financial .hf_bannerBox .slick-bottom {
  position: absolute;
  bottom: 0;
  height: 1081px;
  width: 100%;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/banner%E8%92%99%E5%B1%82.png");
  background-size: 100% 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}
#financial .hf_bannerBox .prev,
#financial .hf_bannerBox .next {
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: #000000;
  opacity: 0.6;
  right: 0;
}
#financial .hf_bannerBox .prev:hover,
#financial .hf_bannerBox .next:hover {
  opacity: 0.9;
  background: #000000;
}
#financial .hf_bannerBox .prev {
  margin-right: 20px;
  transform: translateX(-100%);
}
#financial .hf_bannerBox .banner-box {
  position: relative;
}
#financial .hf_bannerBox .banner-box.number3 {
  cursor: pointer;
}
#financial .hf_bannerBox .common-init {
  opacity: 0;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.3s;
  transform: translateY(20px);
}
#financial .hf_bannerBox .banner-box-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
#financial .hf_bannerBox .banner-tit {
  font-size: 54px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin-top: 181px;
  opacity: 0;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.3s;
  transform: translateY(20px);
}
#financial .hf_bannerBox .line {
  width: 75px;
  height: 8px;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.2));
  margin-top: 26px;
}
#financial .hf_bannerBox .banner-sub {
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  margin-top: 29px;
  opacity: 0;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.3s;
  transform: translateY(20px);
}
#financial .hf_bannerBox .num-line {
  position: absolute;
  top: 30px;
  right: 70px;
  width: 58px;
  height: 1px;
  background: #ffffff;
}
#financial .hf_bannerBox .banner-num {
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 36px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
}
#financial .hf_bannerBox .look {
  margin-top: 51px;
  width: 142px;
  height: 48px;
  border-radius: 5px;
  background: linear-gradient(135deg, #f0d1af, #caa978);
  font-size: 16px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  color: #210a00;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  display: block;
}
#financial .hf_bannerBox .look:hover {
  background: #c5a373;
}
#financial .hf_bannerBox .safe-box {
  position: absolute;
  top: 502px;
  width: 1200px;
  height: 180px;
  background: linear-gradient(#f4dfc0, #bba37f);
}
#financial .hf_bannerBox .safe-box .safe {
  width: 295px;
  position: relative;
}
#financial .hf_bannerBox .safe-box .safe:hover .bg {
  transform: translateX(10px);
}
#financial .hf_bannerBox .safe-box .safe .bg {
  position: absolute;
  top: 28px;
  left: 70px;
  transform: translateX(0);
  transition: transform cubic-bezier(0.66, 0, 0.34, 1) 0.3s;
}
#financial .hf_bannerBox .safe-box .safe .tit {
  position: absolute;
  z-index: 6;
  font-size: 26px;
  font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
  font-weight: 800;
  color: #210a00;
  line-height: 24px;
  top: 51px;
  left: 25px;
}
#financial .hf_bannerBox .safe-box .safe .txt {
  width: 182px;
  opacity: 0.8;
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #210a00;
  line-height: 24px;
  margin-top: 94px;
  margin-left: 30px;
}
#financial .hf_bannerBox .bill-box {
  position: absolute;
  top: 752px;
}
#financial .hf_bannerBox .bill-box .bill {
  width: 380px;
  height: 236px;
  margin-right: 28px;
}
#financial .hf_bannerBox .bill-box .bill:nth-child(3) {
  margin-right: 0;
}
#financial .hf_bannerBox .bill-box .bill .tit {
  font-size: 22px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  text-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.24);
  margin-top: 33px;
  text-align: center;
}
#financial .hf_bannerBox .bill-box .bill .txt {
  opacity: 0.8;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  margin-top: 28px;
  text-align: center;
}
#financial .hf_bannerBox .bill-box .bill .btn {
  margin: 62px auto 0;
  border-radius: 5px;
  width: 142px;
  height: 40px;
  background: linear-gradient(135deg, #f0d1af, #caa978);
  box-shadow: 0px 4px 10px 0px rgba(24, 14, 0, 0.2);
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #210a00;
  line-height: 40px;
  display: block;
  text-align: center;
}
#financial .hf_bannerBox .bill-box .bill .btn:hover {
  background: #c5a373;
}
#financial .loans {
  height: 600px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/bg3.png") no-repeat center center;
  background-size: 100% 100%;
}
#financial .loans.bills {
  height: 600px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/bg2.png") no-repeat center center;
  background-size: 100% 100%;
}
#financial .loans .idflcs-content {
  position: relative;
}
#financial .loans .top {
  height: 174px;
}
#financial .loans .top .credit {
  position: absolute;
  z-index: 2;
  height: 42px;
  font-size: 44px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  color: #ffffff;
  line-height: 24px;
  top: 59px;
}
#financial .loans .top .subhead {
  height: 17px;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  position: absolute;
  z-index: 2;
  top: 70px;
  margin-left: 193px;
}
#financial .loans .top .eng {
  height: 29px;
  font-size: 30px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  position: absolute;
  z-index: 2;
  top: 112px;
}
#financial .loans .loans {
  height: 600px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/bg3.png") no-repeat center center;
  background-size: 100% 100%;
}
#financial .loans .loans .idflcs-content {
  position: relative;
}
#financial .loans .btns {
  float: left;
  width: 140px;
  margin-right: 60px;
  margin-top: 42px;
}
#financial .loans .btns .state-active {
  height: 16px;
  opacity: 0.6;
  font-size: 16px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 38px;
  cursor: pointer;
  position: relative;
}
#financial .loans .btns .state-active:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 100%;
  width: 0;
  top: 50%;
  height: 3px;
  background: #d2b284;
  transition: width ease-in-out 0.5s;
  z-index: 12;
}
#financial .loans .btns .effect-line .state-active:after {
  width: 80px;
}
#financial .loans .btns .btn-active {
  color: #d2b284;
  opacity: 1;
}
#financial .loans .active {
  display: block;
  position: relative;
  float: left;
  width: 1000px;
  right: 0;
}
#financial .loans .active .overstory {
  position: absolute;
  z-index: 2;
  width: 302px;
  height: 396px;
}
#financial .loans .active .overstory .dai {
  font-size: 30px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  color: #ffffff;
  line-height: 24px;
  text-shadow: 0px 8px 16px 0px rgba(37, 36, 42, 0.3);
  margin-top: 36px;
  margin-left: 30px;
}
#financial .loans .active .overstory .tigong {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  padding: 15px 0 0 30px;
}
#financial .loans .active .overstory .tigong img {
  vertical-align: middle;
}
#financial .loans .active .overstory .fit {
  width: 238px;
  font-size: 16px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-top: 28px;
  margin-left: 30px;
}
#financial .loans .active .overstory .apply {
  width: 142px;
  height: 40px;
  background: linear-gradient(135deg, #f0d1af, #caa978);
  box-shadow: 0px 4px 10px 0px rgba(24, 14, 0, 0.2);
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #210a00;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 38px;
  left: 84px;
  border-radius: 5px;
  display: block;
}
#financial .loans .active .overstory .apply:hover {
  background: #c5a373;
}
#financial .loans .active .substrate {
  position: absolute;
  z-index: 1;
  width: 928px;
  height: 400px;
  background: #24252a;
  box-shadow: 0px 8px 16px 0px rgba(37, 36, 42, 0.5);
  margin-top: 49px;
  margin-left: 49px;
  padding-left: 253px;
}
#financial .loans .active .substrate .sm-box {
  width: 335px;
  height: 150px;
}
#financial .loans .active .substrate .sm-box .sm-img {
  width: 40px;
  height: 40px;
  margin-top: 79px;
  margin-left: 52px;
  display: block;
}
#financial .loans .active .substrate .sm-box .sm-tit {
  font-size: 24px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #d2b284;
  margin-top: 80px;
  margin-left: 21px;
}
#financial .loans .active .substrate .sm-box .sm-txt {
  width: 196px;
  opacity: 0.6;
  font-size: 14px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-left: 102px;
  margin-top: 6px;
  line-height: 24PX;
}
#financial .loans .none {
  display: none;
}
#financial .pledge {
  height: 600px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/bg1.png") no-repeat center center;
  background-size: 100% 100%;
}
#financial .pledge.lease {
  height: 600px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/financial/bg4.png") no-repeat center center;
  background-size: 100% 100%;
}
#financial .pledge .idflcs-content {
  position: relative;
}
#financial .pledge .top {
  height: 174px;
}
#financial .pledge .top .credit {
  position: absolute;
  z-index: 2;
  height: 42px;
  font-size: 44px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  color: #ffffff;
  line-height: 24px;
  top: 59px;
}
#financial .pledge .top .subhead {
  height: 17px;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  position: absolute;
  z-index: 2;
  top: 70px;
  margin-left: 193px;
}
#financial .pledge .top .eng {
  height: 29px;
  font-size: 30px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  position: absolute;
  z-index: 2;
  top: 112px;
}
#financial .pledge .btns {
  float: left;
  width: 140px;
  margin-right: 60px;
  margin-top: 55px;
}
#financial .pledge .btns .state-active {
  height: 16px;
  opacity: 0.6;
  font-size: 16px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 38px;
  cursor: pointer;
  position: relative;
}
#financial .pledge .btns .state-active:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 100%;
  width: 0;
  top: 50%;
  height: 3px;
  background: #d2b284;
  transition: width ease-in-out 0.5s;
  z-index: 12;
}
#financial .pledge .btns .effect-line .state-active:after {
  width: 80px;
}
#financial .pledge .btns .btn-active {
  color: #d2b284;
  opacity: 1;
}
#financial .pledge .active {
  display: block;
  position: relative;
  float: left;
  width: 1000px;
  right: 0;
}
#financial .pledge .active .pledge-top {
  position: absolute;
  z-index: 2;
  width: 302px;
  height: 396px;
  right: 0;
}
#financial .pledge .active .pledge-top .dai {
  font-size: 30px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  color: #ffffff;
  line-height: 24px;
  text-shadow: 0px 8px 16px 0px rgba(37, 36, 42, 0.3);
  margin-top: 36px;
  margin-left: 30px;
}
#financial .pledge .active .pledge-top .tigong {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  padding: 15px 0 0 30px;
}
#financial .pledge .active .pledge-top .tigong img {
  vertical-align: middle;
}
#financial .pledge .active .pledge-top .fit {
  width: 238px;
  font-size: 16px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-top: 28px;
  margin-left: 30px;
}
#financial .pledge .active .pledge-top .fit.notop {
  margin-top: 0;
}
#financial .pledge .active .pledge-top .apply {
  width: 142px;
  height: 40px;
  background: linear-gradient(135deg, #f0d1af, #caa978);
  box-shadow: 0px 4px 10px 0px rgba(24, 14, 0, 0.2);
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #210a00;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 38px;
  left: 84px;
  border-radius: 5px;
  display: block;
}
#financial .pledge .active .pledge-top .apply:hover {
  background: #c5a373;
}
#financial .pledge .active .pledge-bottom {
  position: absolute;
  z-index: 1;
  width: 928px;
  height: 400px;
  background: #24252a;
  box-shadow: 0px 8px 16px 0px rgba(37, 36, 42, 0.5);
  margin-top: 49px;
}
#financial .pledge .active .pledge-bottom .sm-box {
  width: 335px;
  height: 150px;
}
#financial .pledge .active .pledge-bottom .sm-box .sm-img {
  width: 40px;
  height: 40px;
  margin-top: 79px;
  margin-left: 52px;
  display: block;
}
#financial .pledge .active .pledge-bottom .sm-box .sm-tit {
  font-size: 24px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #d2b284;
  margin-top: 80px;
  margin-left: 21px;
}
#financial .pledge .active .pledge-bottom .sm-box .sm-txt {
  width: 196px;
  opacity: 0.6;
  font-size: 14px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-left: 102px;
  margin-top: 6px;
  line-height: 24PX;
}
#financial .pledge .none {
  display: none;
}
#financial .news {
  height: 833px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/%E6%96%B0%E9%97%BB%E8%83%8C%E6%99%AF.png') no-repeat center center;
}
#financial .news .active {
  display: block;
}
#financial .news .none {
  display: none;
}
#financial .news .title {
  font-size: 44px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  padding-top: 79px;
}
#financial .news .eng {
  font-size: 30px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
}
#financial .news .news-tab {
  margin-top: 24px;
  float: right;
}
#financial .news .news-tab .new-tit {
  float: left;
  cursor: pointer;
  height: 40px;
  opacity: 0.6;
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
  padding: 0 16px;
  margin-right: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#financial .news .news-tab .new-tit:hover {
  background: linear-gradient(135deg, #f0d1af, #caa978);
  opacity: 1;
}
#financial .news .news-tab .new-act {
  background: linear-gradient(135deg, #f0d1af, #caa978);
  opacity: 1;
}
#financial .news .news-tab .more {
  display: block;
  width: 88px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  opacity: 0.6;
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
#financial .news .news-tab .more:hover {
  background: linear-gradient(135deg, #f0d1af, #caa978);
  opacity: 1;
}
#financial .news .new-lists {
  margin-top: 33px;
}
#financial .news .new-lists .qidai-txt {
  width: 1200px;
  height: 214px;
  background-color: rgba(53, 53, 55, 0.2);
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 16px;
  padding-top: 80px;
}
#financial .news .new-lists .newBoxs {
  width: 380px;
  margin-right: 20px;
  float: left;
}
#financial .news .new-lists .newBoxs:nth-child(3) {
  margin-right: 0;
}
#financial .news .new-lists .newBoxs:hover .new-img {
  transform: scale(1.1);
}
#financial .news .new-lists .newBoxs:hover .new-tit {
  color: #caa978;
}
#financial .news .new-lists .newBoxs:hover .new-time {
  color: #caa978;
}
#financial .news .new-lists .newBoxs .img-box {
  width: 380px;
  height: 214px;
  overflow: hidden;
}
#financial .news .new-lists .newBoxs .new-img {
  width: 380px;
  height: 214px;
  transition: all ease-in-out 0.6s;
}
#financial .news .new-lists .newBoxs .new-tit {
  width: 380px;
  font-size: 18px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 34px 0;
  cursor: pointer;
}
#financial .news .new-lists .newBoxs .new-txt {
  width: 377px;
  opacity: 0.5;
  font-size: 14px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#financial .news .new-lists .newBoxs .line {
  width: 378px;
  height: 1px;
  opacity: 0.2;
  background: #ffffff;
  margin: 43px 0 38px 0;
}
#financial .news .new-lists .newBoxs .new-time {
  opacity: 0.7;
  font-size: 24px;
  font-family: DIN Regular, DIN Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
}
#financial .news .new-lists .newBoxs .new-time span {
  font-size: 20px;
  margin-left: 280px;
}

#financialHead1 .w12 {
  width: 1200px;
  margin: 0 auto;
}
#financialHead1 .fl {
  float: left;
}
#financialHead1 #jr_header #header_user_wrap {
  position: absolute;
  right: 0;
  height: 100%;
}
#financialHead1 #jr_header #fabu_btn {
  display: inline-block;
  width: 94px;
  height: 34px;
  vertical-align: middle;
  line-height: 34px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
#financialHead1 #jr_header #header_logo {
  height: 70px;
}
#financialHead1 #jr_header #header_logo .jr-logn {
  padding-top: 20px;
  cursor: pointer;
}
#financialHead1 #jr_header #header_logo .line {
  width: 1px;
  height: 20px;
  opacity: 0.32;
  background: #ffffff;
  margin: 24px 16px 0 22px;
}
#financialHead1 #jr_header #header_logo .shop {
  opacity: 0.7;
  font-size: 18px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  padding-top: 22px;
  cursor: pointer;
}
#financialHead1 #jr_header #header_logo #topbar_cqbtn {
  margin-left: 640px;
  width: 70px;
  height: 70px;
  line-height: 64px;
}
#financialHead1 #jr_header #header_logo #topbar_cqbtn .xia-icon {
  width: 16px;
  padding-left: 5px;
  padding-top: 2px;
}
#financialHead1 #jr_header #header_logo #topbar_cqbtn #jrcqz_wrap a {
  line-height: 24px;
}
#financialHead1 #jr_header #login_dev {
  margin-top: 10px;
}
#financialHead1 #jr_header #header_user_wrap .zhuce {
  line-height: 30px;
  width: 60px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 30px;
}
#financialHead1 #jr_header #login_dev {
  line-height: 40px;
}
#financialHead1 #jr_header .fin-link {
  padding-top: 6px;
}
#financialHead1 #jr_header .fin-link a {
  opacity: 0.8;
  font-size: 14px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  margin-right: 32px;
}
#financialHead1 #jr_header .fin-link a:hover {
  color: #caa978;
}
#financialHead1 #black-header {
  position: fixed;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 56px;
  background: #24252a;
  display: none;
}
#financialHead1 #black-header .logn {
  margin-top: 14px;
}
#financialHead1 #black-header .line {
  width: 2px;
  height: 20px;
  opacity: 0.32;
  background: #ffffff;
  margin: 18px 16px 0 22px;
}
#financialHead1 #black-header .shop {
  line-height: 56px;
  opacity: 0.7;
  font-size: 18px;
  font-family: PingFang SC Bold, PingFang SC Bold-Bold;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  padding-right: 36px;
  cursor: pointer;
}
#financialHead1 #black-header .fin-link {
  line-height: 56px;
}
#financialHead1 #black-header .fin-link a {
  opacity: 0.8;
  font-size: 14px;
  font-family: PingFang SC Regular, PingFang SC Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  margin-right: 32px;
}
#financialHead1 #black-header .fin-link a:hover {
  color: #caa978;
}
#financialHead1 #login_dev {
  line-height: 56px;
}
#financialHead1 #login_dev .btn-login {
  display: block;
  float: left;
  margin-top: 12px;
  margin-left: 54px;
  width: 60px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  line-height: 32px;
  text-align: center;
  color: #fff;
}

.reset-auto-box {
  padding-top: 60px;
}
.reset-auto-box .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.reset-auto-box .auto1000 {
  width: 1000px;
  margin: 0 auto;
}
.reset-auto-box .reset-main {
  margin-top: 20px;
  padding: 45px 20px;
  background: #fff;
}
.reset-auto-box .reset-main .steps {
  padding: 0  14px 78px;
}
.reset-auto-box .reset-main .steps .ant-steps-step {
  position: relative;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.reset-auto-box .reset-main .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.reset-auto-box .reset-main .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.reset-auto-box .reset-main .step_2 .r1,
.reset-auto-box .reset-main .step_1 .r1 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 24px 0;
}
.reset-auto-box .reset-main .step_2 .r1 > span,
.reset-auto-box .reset-main .step_1 .r1 > span {
  padding-right: 20px;
  width: 168px;
  text-align: right;
}
.reset-auto-box .reset-main .step_2 .r1 .r-right,
.reset-auto-box .reset-main .step_1 .r1 .r-right {
  display: flex;
  width: 240px;
}
.reset-auto-box .reset-main .step_2 .r1 .tel-input,
.reset-auto-box .reset-main .step_1 .r1 .tel-input {
  height: 40px;
  width: 140px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.reset-auto-box .reset-main .step_2 .r1 .btn-get-code,
.reset-auto-box .reset-main .step_1 .r1 .btn-get-code {
  height: 40px;
  width: 100px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #108ee9;
  border-color: #108ee9;
}
.reset-auto-box .reset-main .step_2 .r1 .code-input,
.reset-auto-box .reset-main .step_1 .r1 .code-input {
  height: 40px;
  width: 160px;
}
.reset-auto-box .reset-main .step_2 .r1 .x-input,
.reset-auto-box .reset-main .step_1 .r1 .x-input {
  height: 40px;
  width: 240px;
}
.reset-auto-box .reset-main .step_2 .r1 .btn-get-pass,
.reset-auto-box .reset-main .step_1 .r1 .btn-get-pass {
  color: #108ee9;
  font-size: 14px;
  padding-left: 10px;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box:focus,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box:focus {
  outline: none;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span {
  display: block;
  width: 30px;
  height: 30px;
  border: solid 1px #e3e3e3;
  margin: 4px;
  position: relative;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span.active,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span.active {
  border: 1px solid #4388f6;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span.has:after,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span.has:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  margin-left: -3px;
  background: #000;
}
.reset-auto-box .reset-main .step_2 p,
.reset-auto-box .reset-main .step_1 p {
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.reset-auto-box .reset-main .step_2 .r1 span {
  width: 120px;
  display: inline-block;
  text-align: right;
  padding: 0 0 10px 0;
}
.reset-auto-box .reset-main .step_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.reset-auto-box .reset-main .step_3 .icon {
  width: 86px;
  height: 85px;
  object-fit: contain;
}
.reset-auto-box .reset-main .step_3 span {
  font-size: 24px;
  font-weight: 900;
  color: #666666;
  padding-left: 39px;
}
.reset-auto-box .reset-main .btn-box {
  width: 700px;
  margin: 0 auto 60px;
  padding-top: 80px;
}
.reset-auto-box .reset-main .btn-box .row {
  display: flex;
  justify-content: space-around;
}
.reset-auto-box .reset-main .btn-box .pact-box {
  padding-bottom: 15px;
  text-align: center;
  user-select: none;
}
.reset-auto-box .reset-main .btn-box button {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  border-color: #108ee9;
}
.reset-auto-box .reset-main .btn-box button.btn-prev {
  background: #fff;
  color: #108ee9;
}
.reset-auto-box .reset-main .tips {
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #e3e3e3;
  padding: 12px 0;
  margin-bottom: 50px;
}
.reset-auto-box .reset-main .tips .icon {
  margin-right: 6px;
}
.reset-auto-box .reset-main .tips .icon i {
  color: #999;
}
.reset-auto-box .reset-main .tips em {
  color: #cac52f;
}
.reset-auto-box .ant-select-auto-complete.ant-select .ant-input {
  height: 40px !important;
}
.reset-auto-box .ant-select-selection__placeholder,
.reset-auto-box .ant-select-search__field__placeholder {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}

.forgetHeader {
  background: #373d41;
  padding: 20px 30px;
}
.forgetHeader:after {
  display: block;
  content: '';
  clear: both;
}
.forgetHeader a {
  font-size: 16px;
  color: #fff;
  line-height: 1.1;
}
.forgetHeader span a {
  margin: 0 48px 0 0;
}
.forgetHeader span a:last-child {
  margin: 0;
}
#impontantBox {
  width: 340px;
  height: 100px;
  background: red;
  margin: 0 auto;
}
.forgetPsw {
  margin: 70px 0 0 0;
}
.forgetPsw .title {
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.1;
  color: #2b2b2b;
  font-size: 18px;
  text-align: left;
}
.forgetPsw .stepRound {
  display: inline-block;
  margin: 46px 0 52px 0;
}
.forgetPsw .stepRound li {
  display: inline-block;
  margin: 0 80px 0 0;
}
.forgetPsw .stepRound li span:first-child {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #e0e0e0;
  display: inline-block;
  text-align: center;
  line-height: 37px;
  font-size: 16px;
  color: #fff;
}
.forgetPsw .stepRound li span:last-child {
  font-size: 16px;
  color: #aaa;
  margin: 0 0 0 10px;
}
.forgetPsw .stepRound li:last-child {
  margin-right: 0;
}
.forgetPsw .stepRound .stpeActive span:first-child {
  background: #43c88f;
}
.forgetPsw .stepRound .stpeActive span:last-child {
  color: #2b2b2b;
}
.forgetPsw .enterBoxItem {
  margin: 0 0 60px 0;
}
.forgetPsw .enterBoxItem span {
  color: #2b2b2b;
  font-size: 16px;
  display: inline-block;
  width: 90px;
  text-align: right;
}
.forgetPsw .enterBoxItem span i {
  color: #fc0d06;
  margin: 0 10px 0 6px;
}
.forgetPsw .enterBoxItem input {
  width: 254px;
  height: 32px;
  border: 1px solid #e3e3e3;
  padding: 0 15px;
}
.forgetPsw .verify input {
  width: 147px;
  margin: 0 13px 0 0;
}
.forgetPsw .verify button {
  width: 95px;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  background: #4879c5;
  border: none;
  border-radius: 0;
}
.forgetPsw .confirm button {
  width: 254px;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  background: #4879c5;
  border: none;
  border-radius: 0;
}
.forgetPsw .questionBox {
  width: 510px;
  display: inline-block;
  text-align: left;
  line-height: 1.1;
}
.forgetPsw .questionBox p {
  color: #2b2b2b;
  font-size: 14px;
  margin: 0 0 15px 0;
}
.forgetPsw .questionBox .p-1 {
  color: #2b2b2b;
  font-size: 16px;
  margin: 0 0 26px 0;
}
.forgetPsw .step-1 .enterBoxItem span {
  text-align: center;
}
.forgetPsw .step-1 #getCode .nc_scale span {
  height: 34px;
}
.forgetPsw .step-3 {
  margin: 0 0 160px 0;
}
.forgetPsw .step-3 p:first-child {
  color: #2b2b2b;
  font-size: 16px;
  line-height: 1.1;
  margin: 0 0 30px 0;
}
.forgetPsw .step-3 p:first-child span {
  font-size: 24px;
  color: #0eca67;
  margin: 0 15px 0 0;
}
.forgetPsw .step-3 p {
  color: #2b2b2b;
  font-size: 12px;
  line-height: 1.1;
  margin: 0 0 45px 0;
}
.forgetPsw .step-3 p i {
  color: #0eca67;
  font-style: normal;
}
.forgetPsw .step-3 a {
  font-size: 14px;
  color: #4879c5;
}
.forgetPswFooter {
  padding: 30px 0 70px 0;
  background: #25282e;
  margin: 50px 0 0 0;
}
.forgetPswFooter ul {
  display: inline-block;
  line-height: 1.1;
}
.forgetPswFooter ul li {
  display: inline-block;
  padding: 0 27px;
  border-right: 1px solid #c2c2c2;
}
.forgetPswFooter ul li:last-child {
  border: none;
}
.forgetPswFooter ul li a {
  color: #c2c2c2;
  font-size: 14px;
}
.forgetPswFooter ul li a:hover {
  color: #397ecd;
  line-height: 1.1;
}
.forgetPswFooter p {
  margin: 30px 0 0 0;
  color: #939292;
  font-size: 14px;
  line-height: 1.1;
}

.yiji {
  background: #fff;
}
.yiji .dis-none {
  display: block!important;
}
.yiji .youxu .h-right {
  display: none;
}
.yiji .erjiBanner {
  height: 580px;
  position: relative;
}
.yiji .erjiBanner .w12 {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -600px;
  color: #fff;
}
.yiji .erjiBanner .w12 h4 {
  font-size: 36px;
  font-weight: normal;
  color: #223860;
  line-height: 1;
  margin-bottom: 30px;
}
.yiji .erjiBanner .w12 p {
  font-size: 18px;
  color: #223860;
  margin-bottom: 50px;
}
.yiji .erjiBanner .w12 a,
.yiji .erjiBanner .w12 button {
  width: 200px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  margin-right: 50px;
  background: none;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s;
}
.yiji .erjiBanner .w12 a:hover,
.yiji .erjiBanner .w12 button:hover {
  background: #397ecc !important;
  border-color: #397ecc !important;
}
.yiji .erjiBanner img {
  max-width: 100%;
  height: 100%;
  display: block;
}
.yiji .yijiIcon {
  padding: 10px 20px;
  box-shadow: 0 0 8px #ddd;
  line-height: 40px;
  margin-bottom: 5px;
}
.yiji .yijiIcon .one {
  margin-right: 20px;
}
.yiji .yijiIcon .two {
  width: 540px;
}
.yiji .yijiIcon .two b {
  font-size: 18px;
  color: #ffa800;
  font-weight: normal;
}
.yiji .yijiIcon img {
  display: block;
}
.yiji .d-table {
  width: 100%;
  border-right: 0;
  border-bottom: 0;
}
.yiji .d-table.noBorder {
  border-top: 0;
}
.yiji .d-table li {
  width: 25%;
  height: 140px;
  line-height: 140px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.yiji .d-table li img {
  vertical-align: middle;
}
.yiji .yijiMain {
  padding: 80px 0 80px;
  color: #333;
  background: #fff;
}
.yiji .yijiMain .zixun .mv {
  margin-bottom: 20px;
}
.yiji .yijiMain .zixun .mv .h-left {
  height: 170px;
}
.yiji .yijiMain .zixun .mv .h-left img {
  display: block;
}
.yiji .yijiMain .zixun .mv dl {
  background: #fff;
}
.yiji .yijiMain .zixun dl {
  padding: 10px;
  border: 1px solid #e3e3e3;
}
.yiji .yijiMain .zixun dl:hover {
  border-color: #397ecd;
  box-shadow: 0 0 5px #397ecd;
}
.yiji .yijiMain .zixun dl dt {
  width: 170px;
}
.yiji .yijiMain .zixun dl dt img {
  width: 100%;
  height: 100%;
}
.yiji .yijiMain .zixun dl dd {
  width: 360px;
  padding-top: 15px;
}
.yiji .yijiMain .zixun dl dd h6 {
  font-size: 20px;
  color: #333;
  line-height: 1;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yiji .yijiMain .zixun dl dd h6 a {
  font-size: 20px;
  color: #333;
  line-height: 1;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yiji .yijiMain .zixun dl dd .jian {
  color: #999;
  margin-bottom: 10px;
  font-size: 12px;
}
.yiji .yijiMain .zixun dl dd .nei {
  line-height: 28px;
  color: #999;
}
.yiji .yijiMain .mbyiji {
  padding-top: 40px;
}
.yiji .yijiMain .mbyiji a,
.yiji .yijiMain .mbyiji button {
  background: #397ecd;
  color: #fff;
  width: 260px;
  height: 45px;
  outline: none;
  border: 0;
  display: inline-block;
  line-height: 45px;
  transition: all 0.3s;
}
.yiji .yijiMain .mbyiji a:hover,
.yiji .yijiMain .mbyiji button:hover {
  background-color: #5193de;
}
.yiji .yijiMain.bgs {
  background: #fafafa;
}
.yiji .yijiMain .biao {
  padding-top: 40px;
  font-size: 1px;
}
.yiji .yijiMain .biao b {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  color: #333;
  font-weight: normal;
}
.yiji .yijiMain .biao span {
  font-size: 14px;
  margin-right: 45px;
  padding: 12px 22px;
  background: #f0f2f5;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.yiji .yijiMain .biao span:hover {
  background: #397ecd;
  color: #fff;
}
.yiji .yijiMain h3 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 50px;
  font-weight: normal;
}
.yiji .yijiMain p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 50px;
}
.yiji .yijiMain p.mop {
  line-height: 24px;
  font-size: 14px;
}
.yiji .yijiMain p:hover {
  color: #fff !important;
}
.yiji .yijiMain .mainImg .mo {
  position: relative;
  overflow: hidden;
}
.yiji .yijiMain .mainImg .mo a {
  color: #fff;
}
.yiji .yijiMain .mainImg .mo:hover .shade {
  top: 0;
}
.yiji .yijiMain .mainImg .mo:hover .shade a {
  color: #fff;
}
.yiji .yijiMain .mainImg .mo .shade {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 35px 20px;
  top: 100%;
  left: 0;
  color: #fff;
  transition: all 1s;
  background: rgba(0, 0, 0, 0.6);
}
.yiji .yijiMain .mainImg .mo .shade h5 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}
.yiji .yijiMain .mainImg img {
  display: block;
  width: 100%;
}
.yiji .yijiMain .youXiang .noGreatPro {
  font-size: 24px;
  color: #333;
  line-height: 100px;
  text-align: center;
}
.yiji .yijiMain .youXiang dl {
  width: 224px;
  margin-right: 20px;
}
.yiji .yijiMain .youXiang dl:last-child {
  margin: 0;
}
.yiji .yijiMain .youXiang dl dt {
  height: 168px;
  position: relative;
}
.yiji .yijiMain .youXiang dl dt .y {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 28px;
  right: 10px;
  top: 10px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/y.png") no-repeat;
  background-size: cover;
}
.yiji .yijiMain .youXiang dl dt .m {
  position: absolute;
  width: auto !important;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  right: 0;
}
.yiji .yijiMain .youXiang dl dt img {
  width: 100%;
  height: 100%;
  display: block;
}
.yiji .yijiMain .youXiang dl dd {
  height: 155px;
  border: 1px solid #e3e3e3;
  border-top: 0;
  padding-top: 20px;
}
.yiji .yijiMain .youXiang dl dd .ddTop {
  padding: 0 20px 10px;
  border-bottom: 1px solid #e3e3e3;
}
.yiji .yijiMain .youXiang dl dd .ddTop .x {
  color: #333;
  line-height: 15px;
}
.yiji .yijiMain .youXiang dl dd .ddTop .x .h-left {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yiji .yijiMain .youXiang dl dd .ddTop .deta {
  font-size: 12px;
  color: #999;
  line-height: 1;
  margin: 10px 0 19px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yiji .yijiMain .youXiang dl dd .ddTop .v {
  line-height: 16px;
}
.yiji .yijiMain .youXiang dl dd .ddTop .bo {
  color: #43c88f;
}
.yiji .yijiMain .youXiang dl dd .ddTop .bo span,
.yiji .yijiMain .youXiang dl dd .ddTop .bo img {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.yiji .yijiMain .youXiang dl dd .ddTop .noTg span,
.yiji .yijiMain .youXiang dl dd .ddTop .noTg i {
  color: #999;
}
.yiji .yijiMain .youXiang dl dd .ddTop .ro {
  color: #999;
  font-size: 12px;
}
.yiji .yijiMain .youXiang dl dd .ddTop .qian {
  color: #ff8e09;
}
.yiji .yijiMain .youXiang dl dd .ddTop .qian b {
  font-size: 18px;
  font-weight: normal;
}
.yiji .yijiMain .youXiang dl dd .ddBot {
  height: 50px;
  color: #999;
  font-size: 12px;
  cursor: pointer;
}
.yiji .yijiMain .youXiang dl dd .ddBot .h-left {
  width: 50%;
  line-height: 50px;
  border-right: 1px solid #e3e3e3;
  display: block;
}
.yiji .yijiMain .youXiang dl dd .ddBot .h-left:hover {
  color: #397edc;
}
.yiji .yijiMain .youXiang dl dd .ddBot .h-right {
  line-height: 50px;
  width: 50%;
  display: block;
}
.yiji .yijiMain .youXiang dl dd .ddBot .h-right:hover {
  color: #397edc;
}
.yiji .yijiMain .youXiang dl.last {
  margin-right: 0;
}
.yiji .yijiMain .youMain .mbd {
  margin-bottom: 18px;
}
.yiji .yijiMain .youMain h4 {
  font-size: 18px;
  color: #333;
}
.yiji .yijiMain .youMain .gt {
  height: 290px;
  width: 100%;
  padding: 35px 20px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/11.png") center center no-repeat;
  background-size: cover;
}
.yiji .yijiMain .youMain .gt div {
  color: #666;
  font-size: 14px;
  font-weight: normal;
}
.yiji .yijiMain .youMain .b {
  background-image: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/22.png");
}
.yiji .yijiMain .youMain .c {
  background-image: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/33.png");
}
.yiji .yijiMain .youMain .d {
  background-image: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/44.png");
}
.yiji .yijiMain .youxu {
  padding-top: 68px;
  position: relative;
}
.yiji .yijiMain .youxu .youLeft {
  width: 370px;
  height: 415px;
  background: #373737;
  padding-top: 30px;
}
.yiji .yijiMain .youxu .youLeft li {
  padding-left: 50px;
}
.yiji .yijiMain .youxu .youLeft li:hover,
.yiji .yijiMain .youxu .youLeft li.on {
  background: #184699;
}
.yiji .yijiMain .youxu .youLeft li .ic {
  width: 34px;
  text-align: center;
  margin-right: 20px;
  font-size: 1px;
  padding-top: 12px;
}
.yiji .yijiMain .youxu .youLeft li span {
  line-height: 65px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  height: 65px;
  font-size: 18px;
}
.yiji .yijiMain .youxu .youRight {
  width: 830px;
  height: 483px;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/bg.png") no-repeat;
  left: 370px;
  top: 0;
  padding: 50px;
}
.yiji .yijiMain .youxu .youRight .fabu {
  width: 260px;
  height: 45px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  background: none;
  cursor: pointer;
  transition: all 0.3s;
}
.yiji .yijiMain .youxu .youRight .fabu:hover {
  background: rgba(255, 255, 255, 0.2);
}
.yiji .yijiMain .youxu .youRight h3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 18px;
  color: #fff;
}
.yiji .yijiMain .youxu .youRight .ti {
  line-height: 24px;
  color: #fff;
  margin-bottom: 60px;
}
.yiji .yijiMain .youxu .youRight .tiIcon dl {
  width: 20%;
  text-align: center;
  color: #fff;
  margin-bottom: 55px;
}
.yiji .yijiMain .youxu .youRight .tiIcon dl dt {
  margin-bottom: 25px;
}
.yiji .bbt {
  height: 140px;
  padding-top: 53px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/yiji/bbt.png") no-repeat;
  background-size: cover;
  clear: both;
}
.yiji .bbt a,
.yiji .bbt button {
  width: 260px;
  height: 45px;
  border: 1px solid #fff;
  color: #fff;
  background: none;
  outline: none;
  margin: 0 50px;
  cursor: pointer;
  display: inline-block;
  line-height: 45px;
  transition: all 0.3s;
}
.yiji .bbt a:hover,
.yiji .bbt button:hover {
  background: #397ecd !important;
  border-color: #397ecd !important;
}
.yiji .scrollBox {
  overflow: hidden;
}
.yiji .scroll {
  /*width的大小是根据下面li的长度和多少个li而定的，需注意！*/
  width: 6000px;
  position: relative;
  right: 0px;
  top: 0px;
}
.yiji .scroll li {
  width: 500px;
  float: left;
  line-height: 40px;
  text-align: center;
  list-style: none;
  margin-left: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.yiji .scroll li b {
  font-size: 18px;
  color: #ffa800;
  font-weight: normal;
}

.yiji {
  padding-top: 60px;
  background: #f8f8f8;
}
.yiji .gysj-title {
  font-weight: 600 !important;
}
.yiji .blue-hover {
  border: 1px solid white;
  cursor: pointer;
}
.yiji .blue-hover:hover {
  border-color: #397ecd;
  box-shadow: 0 0 10px rgba(57, 126, 205, 0.3);
  transition: all 0.2s linear;
}
.yiji .erjiBanner {
  height: 580px;
  position: relative;
}
.yiji .erjiBanner .menu {
  width: 1200px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .erjiBanner .menu > div {
  width: 250px;
  height: 301px;
  position: absolute;
  left: 0;
  bottom: 67px;
  background-color: white;
  border-radius: 3px;
}
.yiji .erjiBanner .menu > div > h3:first-child {
  font-size: 18px;
  color: #333333;
  line-height: 55px;
  border-bottom: 1px solid #eee;
  padding-left: 20px;
}
.yiji .erjiBanner .menu > div > div:nth-child(2) {
  padding-left: 20px;
  height: 112px;
  border-bottom: 1px solid #eee;
}
.yiji .erjiBanner .menu > div > div:nth-child(2) > h4 {
  font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 14px;
}
.yiji .erjiBanner .menu > div > div:nth-child(2) > p > a {
  width: 33.33%;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
  color: #666;
}
.yiji .erjiBanner .menu > div > div:nth-child(2) > p > a:hover {
  color: #397ecd;
  transition: all 0.3s linear;
}
.yiji .erjiBanner .menu > div > h3:nth-child(3) {
  padding-left: 20px;
  font-size: 16px;
  color: #333;
  margin-top: 14px;
  line-height: 28px;
}
.yiji .erjiBanner .menu > div > p:last-child {
  padding-left: 20px;
}
.yiji .erjiBanner .menu > div > p:last-child > a {
  width: 33.33%;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
  color: #666;
}
.yiji .erjiBanner .menu > div > p:last-child > a:hover {
  color: #397ecd;
  transition: all 0.3s linear;
}
.yiji .erjiBanner .menu .w12 {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -600px;
  color: #fff;
}
.yiji .erjiBanner .menu .w12 h4 {
  font-size: 36px;
  font-weight: normal;
  color: #223860;
  line-height: 1;
  margin-bottom: 30px;
}
.yiji .erjiBanner .menu .w12 p {
  font-size: 18px;
  color: #223860;
  margin-bottom: 50px;
}
.yiji .erjiBanner .menu .w12 button {
  width: 200px;
  height: 60px;
  border: 1px solid #fff;
  color: #fff;
  margin-right: 50px;
  background: none;
  font-size: 16px;
  cursor: pointer;
}
.yiji .erjiBanner .menu img {
  width: 100%;
  height: 100%;
  display: block;
}
.yiji .gongyesheji-banner {
  height: 430px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/banner.jpg') no-repeat center center;
  background-size: cover;
}
.yiji .yunying {
  width: 1200px;
  margin: auto;
  height: 173px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.yiji .yunying > a {
  flex: 0 1 380px;
  cursor: pointer;
}
.yiji .yunying > a > img {
  width: 100%;
  height: 100%;
}
.yiji .yijiMain {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: transparent;
}
.yiji .yijiMain > .w12 {
  position: relative;
}
.yiji .yijiMain > .w12 > h1 {
  color: #333;
  font-size: 60px;
  opacity: 0.1;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .yijiMain .waiguan {
  height: 250px;
  margin-bottom: 10px;
}
.yiji .yijiMain .waiguan > div {
  height: 100%;
}
.yiji .yijiMain .waiguan .waiguansheji {
  padding-top: 20px;
  width: 100%;
  height: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/waiguan.jpg') no-repeat;
  background-size: 100%;
  padding-left: 20px;
}
.yiji .yijiMain .waiguan .waiguansheji > h3 {
  color: white;
  font-size: 24px;
  margin-bottom: 0;
  line-height: 48px;
}
.yiji .yijiMain .waiguan .waiguansheji > p {
  font-size: 14px;
  color: white;
  line-height: 28px;
  margin-bottom: 0;
}
.yiji .yijiMain .waiguan .card-s {
  width: 100%;
  height: 250px;
  background-color: white;
  display: inline-block;
}
.yiji .yijiMain .waiguan .card-s p {
  cursor: pointer;
}
.yiji .yijiMain .waiguan .card-s p:nth-child(2) {
  color: #333;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 20px;
  margin-top: 25px;
}
.yiji .yijiMain .waiguan .card-s p:nth-child(2):hover {
  color: #397ecd !important;
}
.yiji .yijiMain .waiguan .card-s p:nth-child(3) {
  color: #999999;
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 20px;
  margin-top: 8px;
}
.yiji .yijiMain .waiguan .card-s p:nth-child(3):hover {
  color: #999 !important;
}
.yiji .yijiMain .waiguan .card-s img {
  width: 100%;
}
.yiji .yijiMain .waiguan .more {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/more.jpg') no-repeat;
}
.yiji .yijiMain .waiguan .more > p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.yiji .yijiMain .waiguan .more > p > span {
  font-size: 24px;
  color: white;
  display: inline-block;
  margin-right: 15px;
  line-height: 32px;
  vertical-align: top;
}
.yiji .yijiMain .waiguan .activity {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/remenhuodong.jpg') no-repeat;
}
.yiji .yijiMain .waiguan .activity > p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.yiji .yijiMain .waiguan .activity > p > span {
  font-size: 24px;
  color: white;
  display: inline-block;
  margin-right: 15px;
  line-height: 32px;
  vertical-align: top;
}
.yiji .yijiMain .waiguan .jiegousheji {
  padding-top: 20px;
  width: 100%;
  height: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/jiegousheji.jpg') no-repeat;
  background-size: 100%;
  padding-left: 20px;
}
.yiji .yijiMain .waiguan .jiegousheji > h3 {
  color: white;
  font-size: 24px;
  margin-bottom: 0;
  line-height: 48px;
}
.yiji .yijiMain .waiguan .jiegousheji > p {
  font-size: 14px;
  color: white;
  line-height: 28px;
  margin-bottom: 0;
}
.yiji .chanpin {
  width: 1200px;
  margin: auto;
  position: relative;
}
.yiji .chanpin > h3 {
  color: #333;
  font-size: 30px;
  text-align: center;
  width: 100%;
  height: 76px;
}
.yiji .chanpin > h1 {
  color: #333;
  font-size: 60px;
  opacity: 0.1;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .chanpin .chanpin-title-1 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/xiaofei.jpg') no-repeat;
  height: 238px;
  padding-top: 88px;
}
.yiji .chanpin .chanpin-title-1 > h2 {
  text-align: center;
  color: white;
  font-size: 30px;
}
.yiji .chanpin .chanpin-title-1 > p {
  text-align: center;
  font-size: 16px;
  margin-top: 18px;
  color: white;
}
.yiji .chanpin .chanpin-title-2 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/zhineng.jpg') no-repeat;
  height: 238px;
  padding-top: 88px;
}
.yiji .chanpin .chanpin-title-2 > h2 {
  text-align: center;
  color: white;
  font-size: 30px;
}
.yiji .chanpin .chanpin-title-2 > p {
  text-align: center;
  font-size: 16px;
  margin-top: 18px;
  color: white;
}
.yiji .chanpin .chanpin-title-3 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/muying.jpg') no-repeat;
  height: 238px;
  padding-top: 88px;
}
.yiji .chanpin .chanpin-title-3 > h2 {
  text-align: center;
  color: white;
  font-size: 30px;
}
.yiji .chanpin .chanpin-title-3 > p {
  text-align: center;
  font-size: 16px;
  margin-top: 18px;
  color: white;
}
.yiji .chanpin .card-l {
  width: 100%;
  height: 238px;
  padding: 19px;
  background-color: white;
  display: inline-block;
}
.yiji .chanpin .card-l p {
  cursor: pointer;
}
.yiji .chanpin .card-l p:nth-child(2) {
  color: #333;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 20px;
}
.yiji .chanpin .card-l p:nth-child(2):hover {
  color: #397ecd !important;
}
.yiji .chanpin .card-l p:nth-child(3) {
  color: #999999;
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 20px;
  margin-top: 8px;
}
.yiji .chanpin .card-l p:nth-child(3):hover {
  color: #999 !important;
}
.yiji .chanpin .card-l img {
  width: 100%;
}
.yiji .chanpin .card-m {
  height: 150px;
  width: 100%;
  background-color: white;
  position: relative;
  display: inline-block;
}
.yiji .chanpin .card-m > h4 {
  position: absolute;
  left: 20px;
  bottom: 42px;
  color: #333;
  font-size: 14px;
}
.yiji .chanpin .card-m > h4:hover {
  color: #397ecd;
}
.yiji .chanpin .card-m > p {
  position: absolute;
  left: 20px;
  bottom: 22px;
  color: #666;
  font-size: 12px;
}
.yiji .chanpin .card-m > img {
  position: absolute;
  top: 20px;
  right: 20px;
}
.yiji .hangye {
  width: 1200px;
  margin: auto;
  position: relative;
}
.yiji .hangye > h3 {
  margin-top: 50px;
  height: 84px;
  text-align: center;
  color: #333;
  font-size: 30px;
  width: 100%;
  height: 76px;
}
.yiji .hangye > h1 {
  position: absolute;
  color: #333;
  font-size: 60px;
  opacity: 0.1;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .hangye > p {
  text-align: center;
  width: 100%;
  margin: 50px 0;
}
.yiji .hangye > p > button {
  width: 320px;
  height: 60px;
  background-color: #2365aa;
  color: white;
  line-height: 60px;
  font-size: 16px;
  border-color: transparent;
  cursor: pointer;
  transition: all 0.3s linear;
}
.yiji .hangye > p > button:hover {
  opacity: 0.8;
}
.yiji .hangye .hangye-card {
  padding: 20px;
  height: 252px;
  overflow: hidden;
  width: 100%;
  background-color: white;
}
.yiji .hangye .hangye-card > div:first-child {
  height: 116px;
  padding-top: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.yiji .hangye .hangye-card > div:first-child > div {
  display: inline-block;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
}
.yiji .hangye .hangye-card > div:first-child > div > p {
  line-height: 26px;
}
.yiji .hangye .hangye-card > div:first-child > div > p:first-child > span:first-child {
  font-size: 14px;
  color: #333;
}
.yiji .hangye .hangye-card > div:first-child > div > p:first-child > span:last-child {
  background-color: #36b878;
  height: 20px;
  line-height: 20px;
  color: white;
  text-align: center;
  display: inline-block;
  padding: 0 12px;
  border-radius: 20px;
  margin-left: 20px;
}
.yiji .hangye .hangye-card > div:last-child {
  margin-top: 10px;
}
.yiji .hangye .hangye-card > div:last-child > span {
  color: #333;
}
.yiji .fuwushang {
  width: 1200px;
  margin: auto;
  position: relative;
}
.yiji .fuwushang > h3 {
  margin-top: 50px;
  height: 84px;
  text-align: center;
  color: #333;
  font-size: 30px;
  width: 100%;
  height: 76px;
}
.yiji .fuwushang > h1 {
  position: absolute;
  color: #333;
  font-size: 60px;
  opacity: 0.1;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .fuwushang > div {
  height: 200px;
  overflow: hidden;
}
.yiji .fuwushang .fuwushang-card {
  height: 200px;
  width: 300px;
  float: left;
  padding: 0 10px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.yiji .fuwushang .fuwushang-card .blue-hover {
  width: 100%;
  height: 100%;
  background-color: white;
}
.yiji .fuwushang .fuwushang-card .blue-hover > img {
  position: absolute;
  top: 21px;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .fuwushang .fuwushang-card .blue-hover > p:nth-child(2) {
  position: absolute;
  top: 121px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.yiji .fuwushang .fuwushang-card .blue-hover > p:last-child {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.yiji .fuwushang .fuwushang-card .blue-hover > p:last-child > img {
  margin: 0 8px;
}
.yiji .fuwushang > p:last-child {
  margin-top: 20px;
  text-align: right;
}
.yiji .fuwushang > p:last-child > button {
  width: 24px;
  height: 24px;
  margin: 0 5px;
  cursor: pointer;
  background-color: white;
  color: #e1e1e1;
  border: 1px solid #e1e1e1;
  outline: none;
}
.yiji .fuwushang > p:last-child .button-active {
  color: #397ecd;
  border-color: #397ecd;
}
.yiji .fabu {
  margin-top: 76px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/gongyesheji/picture-1.png') no-repeat;
  background-size: 100% 100%;
  height: 280px;
  padding-top: 77px;
}
.yiji .fabu > h1 {
  font-size: 32px;
  color: white;
  font-weight: 500;
  text-align: center;
}
.yiji .fabu > p:nth-child(2) {
  color: white;
  font-size: 14px;
  text-align: center;
  margin-top: 18px;
}
.yiji .fabu > P:nth-child(3) {
  text-align: center;
  margin-top: 30px;
}
.yiji .fabu > P:nth-child(3) button {
  border: 1px solid white;
  color: white;
  font-size: 16px;
  width: 320px;
  height: 60px;
  background-color: transparent;
  cursor: pointer;
  transition: background 0.2s linear;
}
.yiji .fabu > P:nth-child(3) button:hover {
  color: #383b89;
  background-color: white;
}

.business-popup {
  width: 436px !important;
}
.business-popup textarea {
  resize: none;
}
.business-popup .input-des {
  margin-bottom: 20px;
}
.business-popup .input-des > textarea {
  height: 100px;
}
.business-popup .input-phone {
  margin-bottom: 20px;
}
.business-popup .input-phone > input {
  height: 45px;
}
.business-popup .input-people > input {
  height: 45px;
}
.business-popup .ant-modal-header {
  border-bottom: none;
}
.business-popup .ant-modal-header > .ant-modal-title {
  text-align: center;
  font-size: 24px;
}
.business-popup .input-button {
  margin-top: 20px;
  width: 100%;
  height: 45px;
}
.business-popup .ant-modal-content {
  padding-top: 20px;
}
.business-popup .ant-modal-body {
  padding: 30px;
}

.heavytruckout {
  padding-top: 80px;
  background-color: #170e46;
}
.heavytruckout .heavytruckBan {
  margin: 0 auto;
  max-width: 1920px;
  height: 476px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/heavytruck/heavybanner.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 375px;
}
.heavytruckout .heavytruckBan .botjump {
  display: block;
  text-align: center;
}
.heavytruckout .heavytruckBan .botjump img {
  height: 76px;
  width: 244px;
  margin-left: -706px;
}
.heavytruckout .heavyintrioduction {
  width: 1200px;
  margin: 79px auto 0px;
}
.heavytruckout .heavyintrioduction .introimg {
  width: 226px;
  height: 145px;
  margin: 17px 78px 0px 0px;
  vertical-align: top;
}
.heavytruckout .heavyintrioduction .introsize {
  width: 896px;
  display: inline-block;
  vertical-align: top;
}
.heavytruckout .heavyintrioduction .introsize img {
  width: 906px;
  height: 521px;
}
.heavytruckout .heavyori {
  width: 1200px;
  padding-top: 80px;
  margin: auto;
}
.heavytruckout .heavyori img {
  height: 70px;
  width: 459px;
}
.heavytruckout .heavyori .oribg {
  color: #ffffff;
  margin-top: 30px;
  font-size: 16px;
  padding: 48px 190px 40px 48px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/heavytruck/comoribg.png') no-repeat;
  background-position: center;
  background-size: cover;
}
.heavytruckout .heavycompetitprocess {
  width: 1200px;
  margin: auto;
  padding-top: 103px;
  position: relative;
}
.heavytruckout .heavycompetitprocess img {
  height: 86px;
  width: 500px;
}
.heavytruckout .heavycompetitprocess .heavycpCon {
  margin-top: 19px;
  width: 100%;
  background-color: #2e217e;
  padding: 40px 40px 30px 45px;
}
.heavytruckout .heavycompetitprocess .heavycpCon .heavyp {
  font-size: 18px;
  color: #ffffff;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList {
  padding-top: 25px;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin {
  display: inline-block;
  vertical-align: top;
  width: 482px;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinl {
  display: inline-block;
  vertical-align: top;
  width: 190px;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinl img {
  width: 190px;
  height: 177px;
  display: block;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinl .caseimgbot {
  height: 37px;
  width: 190px;
  background-color: #3538e6;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinr {
  background-color: #2a1c7f;
  height: 216px;
  width: 292px;
  padding: 50px 50px 45px 35px;
  display: inline-block;
  vertical-align: top;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinr .heavydesign {
  font-size: 24px;
  color: #fc6361;
  display: block;
  margin-bottom: 20px;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinr .heavydesigns {
  font-size: 24px;
  color: #fc6361;
  display: block;
  margin-bottom: 20px;
  color: #02c6c6;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin .caseListsinr span:nth-of-type(2) {
  font-size: 16px;
  color: #ffffff;
}
.heavytruckout .heavycompetitprocess .heavycpCon .caseList .caseListsin:nth-of-type(2) {
  margin-left: 90px;
}
.heavytruckout .heavycompetitprocess .heavycpCon .botchart {
  height: 631px;
  width: 1012px;
  margin-top: 40px;
  margin-left: 100px;
}
.heavytruckout .awardset {
  width: 1200px;
  margin: auto;
  padding-top: 89px;
}
.heavytruckout .awardset img {
  height: 77px;
  width: 465px;
  margin-bottom: 25px;
}
.heavytruckout .awardset .awardimg {
  height: 852px;
  width: 1200px;
}
.heavytruckout .awardset a:nth-of-type(1) {
  display: inline-block;
  margin-top: 40px;
}
.heavytruckout .awardset a:nth-of-type(1) .botjump {
  height: 76px;
  width: 244px;
}
.heavytruckout .awardset .awardsetfile {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.heavytruckout .awardset .awardsetfile a:nth-of-type(2) {
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
  display: inline;
}
.heavytruckout .awardset .awardsetfile a:nth-of-type(3) {
  vertical-align: middle;
  display: inline;
}
.heavytruckout .noteforaplly {
  height: 335px;
  width: 100%;
  background-color: #2a1c6e;
}
.heavytruckout .noteforaplly .noteforapllyauto {
  padding-top: 75px;
  width: 1200px;
  margin: auto;
}
.heavytruckout .noteforaplly .noteforapllyauto .imgback {
  display: inline-block;
  vertical-align: top;
}
.heavytruckout .noteforaplly .noteforapllyauto img {
  width: 309px;
  height: 102px;
  margin-right: 60px;
  display: inline-block;
  vertical-align: top;
}
.heavytruckout .noteforaplly .noteforapllyauto .imgback:nth-of-type(1) {
  width: 380px;
  height: 184px;
  margin-right: 60px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/heavytruck/apllynote.png') no-repeat;
  background-position: center;
  background-size: contain;
}
.heavytruckout .noteforaplly .noteforapllyauto .imgback:nth-of-type(2) {
  width: 380px;
  height: 184px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/heavytruck/responsekown.png') no-repeat;
  background-position: center;
  background-size: contain;
}
.huheaytruckmodelle .ant-btn:nth-of-type(1) {
  display: none;
}
.huheaytruckmodelle p {
  font-size: 15px;
  line-height: 25px;
}

.HumiHelperCenterBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
.HumiHelperCenterBox .titleBox {
  width: 100%;
  background: #fff;
}
.HumiHelperCenterBox .titleBox .title {
  width: 1200px;
  height: 70px;
  line-height: 67px;
  margin: 0 auto;
}
.HumiHelperCenterBox .titleBox .title li {
  float: left;
  width: 96px;
  margin-right: 59px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}
.HumiHelperCenterBox .titleBox .title li:nth-child(1) {
  margin-left: 315px;
}
.HumiHelperCenterBox .titleBox .title .active {
  border-bottom: 3px solid #fe6d20;
}
.HumiHelperCenterBox .contentBox {
  width: 100%;
  box-sizing: border-box;
  padding: 23px 0 83px;
}
.HumiHelperCenterBox .contentBox .content {
  width: 1200px;
  margin: 0 auto;
}
.HumiHelperCenterBox .contentBox .content .left {
  float: left;
  width: 200px;
  background-color: #ffffff;
}
.HumiHelperCenterBox .contentBox .content .left .ant-menu-inline {
  border-right: none;
}
.HumiHelperCenterBox .contentBox .content .left .ant-menu-inline .ant-menu-submenu-title:after {
  content: "" !important;
}
.HumiHelperCenterBox .contentBox .content .right {
  overflow: hidden;
  position: relative;
  width: 960px;
  float: right;
  width: 980px;
  height: 943px;
  background-color: #ffffff;
}
.HumiHelperCenterBox .contentBox .content .right .ideaBox {
  width: 980px;
  box-sizing: border-box;
  padding: 61px 241px 134px 64px;
}
.HumiHelperCenterBox .contentBox .content .right .ideaBox div p {
  width: 80px;
  display: inline-block;
}
.HumiHelperCenterBox .contentBox .content .right .ideaBox div p span {
  color: #e50012;
}
.HumiHelperCenterBox .contentBox .content .right .ideaBox .conBox p {
  vertical-align: top;
}
.HumiHelperCenterBox .contentBox .content .right .box {
  position: absolute;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.HumiHelperCenterBox .contentBox .content .right .box .detailBox {
  width: 980px;
  height: 943px;
  box-sizing: border-box;
  padding: 50px 84px 50px 90px;
}
.helpmenu .ant-menu-item-selected,
.helpmenu .ant-menu-item-active {
  background: #fe6d20 !important;
  color: #fff !important;
}
.helpmenu .ant-menu-item:hover {
  color: #fff !important;
}

.HumiActiveBox .hab_bodyBox {
  width: 100%;
  box-sizing: border-box;
  padding-top: 60px;
}
.HumiActiveBox .hab_bodyBox .hab_bannerBox {
  position: relative;
  width: 100%;
  height: 410px;
}
.HumiActiveBox .hab_bodyBox .hab_bannerBox .prev,
.HumiActiveBox .hab_bodyBox .hab_bannerBox .next {
  position: absolute;
  top: 165px;
  width: 54px;
  height: 78px;
  box-sizing: border-box;
  padding: 20px 17px;
}
.HumiActiveBox .hab_bodyBox .hab_bannerBox .prev:hover,
.HumiActiveBox .hab_bodyBox .hab_bannerBox .next:hover {
  background: #838383;
}
.HumiActiveBox .hab_bodyBox .hab_bannerBox .prev {
  left: 0;
}
.HumiActiveBox .hab_bodyBox .hab_bannerBox .next {
  right: 0;
}
.HumiActiveBox .hab_bodyBox .hab_bannerBox .box {
  display: block;
  width: 100%;
  height: 410px;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox {
  box-sizing: border-box;
  padding: 45px 0 50px;
  background: #F6F6F6;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive {
  width: 1200px;
  margin: 0 auto;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  color: #333333;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box {
  width: 1200px;
  height: 330px;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 38px 36px 36px;
  background: #fff;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_left,
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right {
  float: left;
  height: 256px;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_left {
  width: 476px;
  background: #999;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_left img {
  width: 100%;
  height: 100%;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right {
  position: relative;
  width: 518px;
  margin-left: 51px;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .title {
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  color: #333;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .date {
  margin: 5px 0 15px;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .date img {
  vertical-align: middle;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .date span {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 120px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .begin {
  background: linear-gradient(270deg, #ff0000 0%, #ff4400 100%);
  color: #fff;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box .hab_right .end {
  background: #E3E3E3;
  color: #999999;
}
.HumiActiveBox .hab_bodyBox .hab_hotActiveBox .hab_hotActive .hab_detailBox .hab_box:nth-child(1) .hab_right .desc {
  margin-top: 15px;
}

.HumiSchoolActive {
  width: 100%;
}
.HumiSchoolActive .hsa_bodyBox {
  width: 100%;
  box-sizing: border-box;
  padding-top: 60px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_bannerBox {
  width: 100%;
  height: 635px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/banner.png") 50% 50% / cover no-repeat;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox {
  width: 100%;
  box-sizing: border-box;
  padding: 26px 0 88px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/bg.png") 50% 50% / cover no-repeat;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody {
  width: 1290px;
  margin: 0 auto;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox {
  width: 1244px;
  height: 747px;
  margin-bottom: 60px;
  box-sizing: border-box;
  padding: 115px 50px 0 95px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/bk1.png") 50% 50% / cover no-repeat;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_desc {
  box-sizing: border-box;
  padding-left: 28px;
  line-height: 16px;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box {
  margin-bottom: 20px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box .hsa_title {
  margin-bottom: 8px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box .hsa_title img {
  margin-right: 15px;
  vertical-align: middle;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box .hsa_title span {
  color: #fff;
  font-size: 16px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box .hsa_price {
  box-sizing: border-box;
  padding-left: 28px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box .hsa_price .hsa_child {
  float: left;
  width: 65px;
  margin-right: 15px;
  font-size: 14px;
  color: #FF9D73;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box .hsa_price .hsa_child:nth-child(13n) {
  margin-right: 0;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box:nth-child(2) {
  width: 1065px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box:nth-child(2) .hsa_price {
  overflow: hidden;
  height: 165px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_oneBox .hsa_box:nth-child(3) .hsa_price {
  overflow: auto;
  height: 150px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox {
  width: 1247px;
  height: 394px;
  margin: 0 0 60px 43px;
  box-sizing: border-box;
  padding: 121px 50px 0 52px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/bk2.png") 50% 50% / cover no-repeat;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_des {
  margin-bottom: 8px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_des img {
  margin-right: 16px;
  vertical-align: middle;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_des span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_link {
  margin-left: 13px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: underline !important;
  color: #ffe488;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_btn {
  width: 170px;
  height: 40px;
  line-height: 40px;
  margin: 40px 0 23px 30px;
  color: #6F121F;
  text-align: center;
  background: #fed085;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_date {
  box-sizing: border-box;
  padding-left: 28px;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_twoBox .hsa_date p {
  display: inline-block;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ff9d73;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_threeBox {
  width: 1218px;
  height: 943px;
  margin: 0 0 60px 20px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/bk3.png") 50% 50% / cover no-repeat;
}
.HumiSchoolActive .hsa_bodyBox .hsa_botBodyBox .hsa_botBody .hsa_fourBox {
  width: 1223px;
  height: 477px;
  margin-left: 40px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/bk4.png") 50% 50% / cover no-repeat;
}
.hsa_comModal .ant-modal-content {
  background: rgba(255, 255, 255, 0) !important;
}
.hsa_comModal .ant-modal-content .ant-modal-body {
  position: relative;
  box-sizing: border-box;
  padding: 40px;
  box-shadow: 0px 12px 18px 0px rgba(171, 25, 60, 0.35);
  border-radius: 8px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_close {
  position: absolute;
  right: 14px;
  top: 14px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_content {
  box-sizing: border-box;
  padding: 30px 0 42px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_content span {
  margin-right: 8px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #933518;
  line-height: 48px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_content .ant-input {
  height: 36px;
  line-height: 36px;
  border-radius: 0;
  border: none;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_content a {
  display: inline-block;
  width: 94px;
  height: 36px;
  line-height: 36px;
  background: #E9574C;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward h2,
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite h2,
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comRule h2 {
  text-align: center;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #6f121f;
  line-height: 48px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward p,
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite p,
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comRule p {
  font-size: 14px;
  color: #933518;
  line-height: 30px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward .numsBox {
  box-sizing: border-box;
  padding: 39px 0 14px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward .numsBox .nums {
  display: inline-block;
  width: 200px;
  height: 54px;
  line-height: 54px;
  margin-right: 40px;
  margin-bottom: 20px;
  background: #E9574C;
  font-size: 30px;
  text-align: center;
  color: #fff;
  letter-spacing: 5px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward .numsBox .ac {
  display: block;
  margin: 0 auto;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward .numsBox .nums:nth-child(2n) {
  margin-right: 0;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_conAward p {
  color: #B42035;
  line-height: 48px;
  text-align: center;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite .linkBox {
  margin: 41px 0 32px;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite .linkBox .hsa_links,
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite .linkBox .hand {
  float: left;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite .linkBox .hsa_links {
  width: 320px;
  height: 36px;
  line-height: 36px;
  box-sizing: border-box;
  padding: 0 8px;
  background: #FFDFAA;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite .linkBox .hand {
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  background: #E9574C;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.hsa_comModal .ant-modal-content .ant-modal-body .hsa_comInvite .title {
  font-size: 18px;
  color: #6F121F;
}

.box {
  overflow: hidden;
  width: 1090px;
}
.box .left_con {
  overflow: hidden;
  float: left;
  position: relative;
  height: 170px;
  width: 1055px;
}
.box .left_con .box_text {
  position: absolute;
  box-sizing: border-box;
  padding-left: 28px;
}
.box .left_con .box_text .hsa_child {
  float: left;
  width: 65px;
  margin-right: 15px;
  font-size: 14px;
  color: #FF9D73;
}
.box .left_con .box_text .hsa_child:nth-child(13n) {
  margin-right: 0;
}
.box .right_con {
  position: relative;
  float: right;
  height: 163px;
  width: 12px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiactive/scroll1.png");
}
.box .right_con .box_scroll {
  position: absolute;
  left: 0;
  width: 12px;
  height: 32px;
  background: #d55c36;
  border-radius: 10px;
  cursor: pointer;
}

.hmFinanceDetail .hfd_body {
  width: 100%;
}
.hmFinanceDetail .hfd_body .hfd_comTitle .title,
.hmFinanceDetail .hfd_body .hfd_comTitle .subtitle {
  text-align: center;
}
.hmFinanceDetail .hfd_body .hfd_comTitle .title {
  font-size: 32px;
  font-weight: 800;
  color: #333;
  line-height: 30px;
}
.hmFinanceDetail .hfd_body .hfd_comTitle .subtitle {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.hmFinanceDetail .hfd_body .hfd_bannerBox {
  height: 577px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/debanner.png");
}
.hmFinanceDetail .hfd_body .hfd_bannerBox .hfd_banner {
  width: 1200px;
  height: 50px;
  box-sizing: border-box;
  padding-top: 212px;
  margin: 0 auto;
}
.hmFinanceDetail .hfd_body .hfd_bannerBox .hfd_banner h2 {
  font-size: 42px;
  font-weight: 800;
  color: #ffffff;
  line-height: 60px;
}
.hmFinanceDetail .hfd_body .hfd_bannerBox .hfd_banner h3 {
  max-width: 480px;
  margin-top: 12px;
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
}
.hmFinanceDetail .hfd_body .hfd_bannerBox .hfd_banner .hfd_btn {
  display: block;
  width: 120px;
  height: 44px;
  line-height: 44px;
  margin-top: 65px;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #f36d38 0%, #f40b0b 100%);
}
.hmFinanceDetail .hfd_body .hfd_oneBox {
  height: 534px;
  background: #fff;
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one {
  box-sizing: border-box;
  padding: 57px 0;
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one .hfd_oneDetail {
  width: 1200px;
  margin: 40px auto 0;
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one .hfd_oneDetail .box {
  float: left;
  width: 300px;
  height: 321px;
  box-sizing: border-box;
  padding-top: 70px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 3px 3px 12px 0px rgba(203, 203, 203, 0.24);
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one .hfd_oneDetail .box img {
  display: block;
  margin: 0 auto;
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one .hfd_oneDetail .box .hfd_one_title {
  margin: 34px 0 20px;
  font-size: 24px;
  font-weight: 800;
  color: #333333;
  line-height: 16px;
  text-align: center;
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one .hfd_oneDetail .box .hfd_one_desc {
  max-width: 180px;
  margin: 0 auto;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  text-align: center;
}
.hmFinanceDetail .hfd_body .hfd_oneBox .hfd_one .hfd_oneDetail .box:nth-child(-n+3) {
  border-right: none;
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two {
  height: 578px;
  box-sizing: border-box;
  padding: 59px 0 40px;
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two .hfd_twoDetail {
  width: 1200px;
  margin: 56px auto 0;
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two .hfd_twoDetail img {
  display: block;
  margin: 0  auto;
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two .hfd_twoDetail .hfd_textBox {
  overflow: hidden;
  height: 180px;
  margin-top: 25px;
  box-sizing: border-box;
  padding-left: 120px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/di6.png");
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two .hfd_twoDetail .hfd_textBox .text_left {
  float: left;
  width: 80px;
  line-height: 180px;
  margin-right: 79px;
  font-size: 18px;
  font-weight: 800;
  color: #333333;
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two .hfd_twoDetail .hfd_textBox .hfd_text {
  float: right;
  width: 920px;
  box-sizing: border-box;
  padding-top: 45px;
}
.hmFinanceDetail .hfd_body .hfd_twoBox .hfd_two .hfd_twoDetail .hfd_textBox .hfd_text li {
  float: left;
  line-height: 30px;
  margin-right: 60px;
  font-size: 16px;
  color: #666;
}
.hmFinanceDetail .hfd_body .hfd_threeBox {
  display: none;
  background: #fff;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three {
  height: 557px;
  box-sizing: border-box;
  padding: 58px 0 79px;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail {
  width: 1200px;
  margin: 51px auto 0;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail .left {
  float: left;
  width: 520px;
  height: 310px;
  background: pink;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail .right {
  float: right;
  width: 549px;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail .right li {
  height: 82px;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #E3E3E3;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail .right li p:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail .right li p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.hmFinanceDetail .hfd_body .hfd_threeBox .hfd_three .hfd_threeDetail .right li:nth-child(1) {
  height: 61px;
  padding: 0 0 20px;
}

.HumiFsloanBox {
  width: 100%;
  background: #fff;
}
.HumiFsloanBox .hflb_body {
  box-sizing: border-box;
  padding-bottom: 60px;
}
.HumiFsloanBox .hflb_body .hflb_title,
.HumiFsloanBox .hflb_body .hflb_subTitle {
  text-align: center;
}
.HumiFsloanBox .hflb_body .hflb_title {
  line-height: 32px;
  font-size: 32px;
  font-weight: 800;
  color: #333;
}
.HumiFsloanBox .hflb_body .hflb_subTitle {
  line-height: 14px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.HumiFsloanBox .hflb_body .hflb_banner {
  width: 100%;
  height: 577px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/fsloan_banner.png") 50% 50% / cover no-repeat;
}
.HumiFsloanBox .hflb_body .hflb_oneBox,
.HumiFsloanBox .hflb_body .hflb_threeBox,
.HumiFsloanBox .hflb_body .hflb_fourBox {
  box-sizing: border-box;
  padding: 75px 0 58px;
}
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail {
  width: 1216px;
  margin: 40px auto 0;
}
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail .hflb_box {
  float: left;
  width: 304px;
  height: 278px;
  box-sizing: border-box;
  padding-top: 67px;
  border: 1px solid #E6E6E6;
}
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail .hflb_box img {
  display: block;
  margin: 0 auto;
}
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail .hflb_box .title,
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail .hflb_box .desc {
  text-align: center;
}
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail .hflb_box .title {
  margin: 20px 0 15px;
  font-size: 24px;
  font-weight: 800;
  color: #333;
}
.HumiFsloanBox .hflb_body .hflb_oneBox .hflb_oneDetail .hflb_box:nth-child(-n+3) {
  border-right: none;
}
.HumiFsloanBox .hflb_body .hflb_twoBox {
  width: 100%;
  height: 637px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/fsloan_two.png") 50% 50% / cover no-repeat;
}
.HumiFsloanBox .hflb_body .hflb_threeBox img {
  display: block;
  margin: 65px auto 0;
}
.HumiFsloanBox .hflb_body .hflb_fourBox {
  padding: 61px 0 58px;
}
.HumiFsloanBox .hflb_body .hflb_fourBox .hflb_detail {
  width: 1200px;
  height: 275px;
  margin: 50px auto 0;
  box-sizing: border-box;
  padding: 55px 24px 55px 60px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/fsloan_four.png");
}
.HumiFsloanBox .hflb_body .hflb_fourBox .hflb_detail .hflb_childBox {
  float: left;
}
.HumiFsloanBox .hflb_body .hflb_fourBox .hflb_detail .hflb_childBox .hflb_childTitle {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
  margin-bottom: 30px;
}
.HumiFsloanBox .hflb_body .hflb_fourBox .hflb_detail .hflb_childBox li {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 26px;
}
.HumiFsloanBox .hflb_body .hflb_fourBox .hflb_detail .hflb_childBox:last-child {
  margin-left: 100px;
}

.hmFinanceModal .ant-input {
  width: 520px;
  height: 40px;
  margin: 0 0 20px 20px;
  border-radius: 0;
}
.hmFinanceModal .btn {
  width: 140px;
  height: 44px;
  line-height: 44px;
  margin-left: 400px;
  color: #fff;
  text-align: center;
  background: #f40b0b;
  cursor: pointer;
}
.hmFinanceModal_rec .box {
  display: inline-block;
  width: 160px;
  height: 161px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 45px 0 48px;
}
.hmFinanceModal_rec .box img {
  display: block;
  margin: 0 auto;
}
.hmFinanceModal_rec .box p {
  font-size: 18px;
  color: #333333;
  text-align: center;
}

.HumiFinance .hf_body .hf_comTitle h2,
.HumiFinance .hf_body .hf_comTitle h3 {
  text-align: center;
}
.HumiFinance .hf_body .hf_comTitle h2 {
  font-size: 32px;
  font-weight: 800;
  color: #333;
  line-height: 30px;
}
.HumiFinance .hf_body .hf_comTitle h3 {
  margin-top: 8px;
  font-size: 14px;
  font-family: PingFang SC;
  color: #666;
  line-height: 30px;
}
.HumiFinance .hf_body .hf_comBtn {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: linear-gradient(90deg, #f36d38 0%, #f40b0b 100%);
  cursor: pointer;
}
.HumiFinance .hf_body .hf_bannerBox {
  position: relative;
  width: 100%;
}
.HumiFinance .hf_body .hf_bannerBox .banners {
  height: 577px;
}
.HumiFinance .hf_body .hf_bannerBox .prev,
.HumiFinance .hf_body .hf_bannerBox .next {
  position: absolute;
  top: 270px;
}
.HumiFinance .hf_body .hf_bannerBox .prev {
  left: 0;
}
.HumiFinance .hf_body .hf_bannerBox .next {
  right: 0;
}
.HumiFinance .hf_body .hf_recProductBox {
  height: 459px;
  background: #F6F6F6;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 98px 0;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box:nth-child(2) {
  border-right: none;
  border-left: none;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box {
  position: relative;
  overflow: hidden;
  float: left;
  width: 400px;
  height: 262px;
  box-sizing: border-box;
  padding: 34px 50px 31px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 4px 4px 20px 0px rgba(24, 24, 24, 0.04);
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box img {
  display: block;
  margin: 0 auto;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box .title {
  margin: 20px 0;
  font-size: 24px;
  font-weight: 800;
  color: #333333;
  line-height: 16px;
  text-align: center;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box .desc {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: center;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box .hf_comBtn {
  position: absolute;
  left: 50%;
  margin-left: -80px;
  bottom: -50px;
  width: 160px;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box:hover {
  z-index: 1;
  border: 1px solid #f40b0b;
  transform: scale(1.1);
  transition: transform 0.3s;
}
.HumiFinance .hf_body .hf_recProductBox .hf_recProduct .box:hover .hf_comBtn {
  bottom: 15px;
  transition: bottom 0.3s;
}
.HumiFinance .hf_body .hf_marketBox {
  background: #fff;
}
.HumiFinance .hf_body .hf_marketBox .marketbox {
  float: left;
}
.HumiFinance .hf_body .hf_marketBox .hf_market {
  height: 735px;
  box-sizing: border-box;
  padding: 55px 0 58px;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct {
  width: 1200px;
  margin: 38px auto 0;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box:nth-child(-n+2) {
  border-bottom: none;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box:nth-child(2n) {
  border-left: none;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box {
  float: left;
  width: 600px;
  height: 220px;
  background: #fff;
  box-sizing: border-box;
  padding: 51px 60px 0 53px;
  border: 1px solid #E6E6E6;
  box-shadow: 4px 4px 20px 0px rgba(24, 24, 24, 0.04);
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .left,
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .right {
  float: left;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .left {
  width: 106px;
  height: 70px;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .right {
  width: 375px;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .right p:nth-child(1) {
  font-size: 24px;
  font-weight: 800;
  color: #333333;
  line-height: 16px;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .right p:nth-child(2),
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .right p:nth-child(3) {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box .right p:nth-child(2) {
  margin: 15px 0 10px;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_detailProduct .box:hover {
  z-index: 1;
  border: 1px solid #f40b0b;
  transform: scale(1.1);
  transition: transform 0.3s;
}
.HumiFinance .hf_body .hf_marketBox .hf_market .hf_comBtn {
  width: 252px;
  margin: 42px auto 0;
}
.HumiFinance .hf_body .hf_newBox {
  width: 100%;
  height: 568px;
  box-sizing: border-box;
  padding: 58px 0;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/bg.png");
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew {
  width: 1200px;
  margin: 40px auto 0;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .left {
  float: left;
  width: 170px;
  height: 355px;
  box-sizing: border-box;
  padding-top: 20px;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .left li {
  position: relative;
  line-height: 18px;
  margin-bottom: 50px;
  font-size: 18px;
  color: #333333;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .left li .line {
  display: none;
  position: absolute;
  top: 8px;
  right: -130px;
  width: 60px;
  height: 3px;
  background: #f40b0b;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .left .active {
  color: #F40B0B;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .left .active .line {
  display: block;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right {
  float: right;
  width: 910px;
  height: 355px;
  box-sizing: border-box;
  padding: 21px 56px 20px 22px;
  background: #fff;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .leftBox {
  display: block;
  float: left;
  position: relative;
  width: 380px;
  height: 314px;
  background: pink;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .leftBox .descBot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44px;
  line-height: 44px;
  box-sizing: border-box;
  padding-left: 24px;
  background: #000000;
  color: #fff;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .leftBox .descBot span {
  float: left;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .leftBox .descBot img {
  float: left;
  margin: 15px 0 0 10px;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .rightBox {
  float: right;
  width: 403px;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .rightBox .li_box {
  height: 80px;
  box-sizing: border-box;
  padding: 16px 0;
  border-bottom: 1px solid #EEEEEE;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .rightBox .li_box a {
  display: block;
  max-width: 403px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .rightBox .li_box p {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.HumiFinance .hf_body .hf_newBox .hf_detailNew .right .rightBox .li_box:nth-child(1) {
  height: 76px;
}

.humiSjloanBox {
  width: 100%;
  background: #fff;
}
.humiSjloanBox .HumiSjloanBox .hslb_bannerBox {
  width: 100%;
  height: 577px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/sjloan_banner.png") 50% 50% / cover no-repeat;
}
.humiSjloanBox .HumiSjloanBox h2,
.humiSjloanBox .HumiSjloanBox h3 {
  text-align: center;
}
.humiSjloanBox .HumiSjloanBox h2 {
  line-height: 32px;
  font-size: 32px;
  font-weight: 800;
  color: #333;
}
.humiSjloanBox .HumiSjloanBox h3 {
  line-height: 14px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox,
.humiSjloanBox .HumiSjloanBox .hslb_threeBox {
  box-sizing: border-box;
  padding: 75px 0 58px;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox {
  width: 1206px;
  margin: 40px auto 0;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box {
  float: left;
  width: 402px;
  height: 278px;
  box-sizing: border-box;
  padding-top: 68px;
  background: #fff;
  border: 1px solid #E6E6E6;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box img {
  display: block;
  margin: 0 auto;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box .hslb_title,
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box .hslb_desc {
  text-align: center;
  color: #333;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box .hslb_title {
  margin: 41px 0 14px;
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box .hslb_desc {
  font-size: 14px;
  font-weight: 500;
}
.humiSjloanBox .HumiSjloanBox .hslb_oneBox .hslb_detailBox .hslb_box:nth-child(-n+2) {
  border-right: none;
}
.humiSjloanBox .HumiSjloanBox .hslb_twoBox {
  width: 100%;
  height: 637px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/sjloan_bg.png") 50% 50% / cover no-repeat;
}
.humiSjloanBox .HumiSjloanBox .hslb_threeBox {
  margin-bottom: 35px;
}
.humiSjloanBox .HumiSjloanBox .hslb_threeBox .hslb_attenBox {
  width: 1200px;
  height: 275px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humifinance/fsloan_four.png");
  margin: 50px auto 0;
  box-sizing: border-box;
  padding: 55px 0 29px 59px;
}
.humiSjloanBox .HumiSjloanBox .hslb_threeBox .hslb_attenBox .hslb_atten {
  float: left;
}
.humiSjloanBox .HumiSjloanBox .hslb_threeBox .hslb_attenBox .hslb_atten p {
  font-size: 18px;
  color: #333333;
  line-height: 18px;
  margin-bottom: 15px;
}
.humiSjloanBox .HumiSjloanBox .hslb_threeBox .hslb_attenBox .hslb_atten ul li {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.humiSjloanBox .HumiSjloanBox .hslb_threeBox .hslb_attenBox .hslb_atten:first-child {
  margin-right: 133px;
}

.publicBack {
  background-position: center;
  background-size: 100% 100%;
}
.humidatal {
  width: 100%;
}
.humidatal .nowInfo {
  margin-bottom: 50px;
}
.humidatal .nowInfo p {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.humidatal .nowInfo .nowInfoln span:nth-child(1) {
  font-size: 20px;
  color: #ffb600;
  font-family: pictos;
}
.humidatal .nowInfo .nowInfoln span:nth-child(2) {
  font-size: 14px;
  color: #999999;
}
.humidatal .nowInfo .nowInfoln span:nth-child(4) {
  font-size: 13px;
  color: #35f5f0;
}
.humidatal .nowInfo .nowInfol {
  display: inline-block;
  width: 210px;
  vertical-align: top;
}
.humidatal .nowInfo .nowInfor {
  display: inline-block;
  width: auto;
  vertical-align: top;
}
.humidatal .echartimgTit {
  font-size: 12px;
  color: #ffffff;
  display: block;
  line-height: 12px;
  margin-bottom: 20px;
}
.humidatal .humidatalt {
  width: 100%;
  height: 330px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/humiscreen_03.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-left: 35px;
}
.humidatal .humidatalt .echartTitle {
  font-size: 12px;
  color: #ffffff;
  display: block;
  line-height: 12px;
}
.humidatal .humidatalt #echartImgt {
  width: 380px;
  height: 130px;
  overflow: hidden;
}
.humidatal .humidatalc {
  width: 100%;
  height: 320px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/humiscreen_14.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-left: 35px;
}
.humidatal .humidatalc #echartImgc {
  width: 380px;
  height: 130px;
  overflow: hidden;
}
.humidatal .humidatalb {
  width: 100%;
  height: 260px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/IMG_1675.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding-top: 70px;
  position: relative;
}
.humidatal .humidatalb .circlegif {
  position: absolute;
  width: 410px;
  height: 136px;
  left: 20px;
  bottom: 56px;
  z-index: 0;
}
.humidatal .humidatalb .humidatalbl {
  width: 135px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
}
.humidatal .humidatalb .humidatalbl p {
  display: block;
  font-size: 14px;
  color: #ffffff;
  text-align: right;
}
.humidatal .humidatalb .humidatalbl > span {
  display: block;
  color: #ffb600;
  font-family: pictos;
  font-size: 20px;
  text-align: right;
}
.humidatal .humidatalb .humidatalbl > span span {
  font-size: 14px;
  color: #ffffff;
  font-family: pictos;
}
.humidatal .humidatalb .humidatalbc {
  width: 177px;
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
  z-index: 1;
}
.humidatal .humidatalb .humidatalbc > span {
  display: block;
  text-align: center;
}
.humidatal .humidatalb .humidatalbc span:first-child {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 5px;
}
.humidatal .humidatalb .humidatalbc .hookbot {
  font-size: 50px !important;
  color: #ffffff !important;
  text-shadow: 0 0 10px #548bfc !important;
  font-family: pictos !important;
  line-height: 52px !important;
  margin-bottom: 15px !important;
}
.humidatal .humidatalb .humidatalbc .hookbot span {
  font-family: pictos;
  font-size: 23px;
  color: #ffffff;
  text-shadow: 0 0 10em #548bfc, 0 0 10px #548bfc;
  line-height: 23px;
}
.humidatal .humidatalb .humidatalbc > span:last-child {
  font-size: 14px;
  color: #1883eb;
}
.humidatal .humidatalb .humidatalbr {
  width: 100px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
}
.humidatal .humidatalb .humidatalbr p {
  display: block;
  font-size: 14px;
  color: #ffffff;
  text-align: left;
}
.humidatal .humidatalb .humidatalbr > span {
  display: block;
  color: #ffb600;
  font-family: pictos;
  font-size: 20px;
  text-align: left;
}
.humidatal .humidatalb .humidatalbr > span span {
  font-size: 14px;
  font-family: pictos;
  color: #ffffff;
}

.publicBack {
  background-position: center;
  background-size: 100% 100%;
}
.humidatac {
  width: 100%;
  padding-top: 50px;
}
.humidatac .totalMony {
  width: 100%;
  height: 202px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/bugBg_03.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 20px;
  position: relative;
}
.humidatac .totalMony .topTitle {
  font-size: 28px;
  color: #ffffff;
  text-shadow: 0 0 20px #548bfc;
  display: block;
  position: absolute;
  top: 0px;
  left: 314px;
}
.humidatac .totalMony .topTitle span {
  font-size: 18px;
  color: #ffffff;
  text-shadow: 0 0 20px #548bfc;
  vertical-align: middle;
}
.humidatac .totalMony .gifDiv {
  margin-top: 26px;
}
.humidatac .totalMony .gifDiv .dengright {
  width: 120px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/dengright.gif') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.humidatac .totalMony .gifDiv .dengleft {
  width: 120px;
  height: 20px;
  margin-right: 225px;
  margin-left: 196px;
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/dengleft.gif') no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.humidatac .totalMony .topBigNum {
  color: #ffffff;
  font-family: pictos;
  display: block;
  width: 100%;
  padding-top: 71px;
  text-align: center;
}
.humidatac .totalMony .topBigNum > span {
  font-size: 70px;
  text-shadow: 0 0 20px #548bfc;
  line-height: 72px;
  letter-spacing: 15px;
}
.humidatac .usercenter {
  width: 100%;
  height: 400px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/humiscreen_11.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-top: 40px;
}
.humidatac .usercenter .userDataShow {
  width: 770px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.humidatac .usercenter .userDataShow .userDataShowSin {
  width: auto;
}
.humidatac .usercenter .userDataShow .userDataShowSin img {
  height: 45px;
  width: 45px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.humidatac .usercenter .userDataShow .userDataShowSin > div {
  display: inline-block;
  vertical-align: top;
}
.humidatac .usercenter .userDataShow .userDataShowSin > div p {
  color: #b7bcc9;
  font-family: pictos;
  line-height: 28px;
  display: block;
  height: 28px;
  margin-bottom: 5px;
}
.humidatac .usercenter .userDataShow .userDataShowSin > div p > span {
  font-size: 26px;
}
.humidatac .usercenter .userDataShow .userDataShowSin > div p .unit {
  font-size: 12px;
  color: #aacaff;
  font-family: "Microsoft YaHei";
}
.humidatac .usercenter .userDataShow .userDataShowSin > div > span {
  font-size: 14px;
  color: #70bef1;
  line-height: 16px;
}
.humidatac .usercenter .userUnit {
  margin-top: 35px;
  padding-left: 25px;
}
.humidatac .usercenter .userUnit .userUnitClolor {
  background-color: #49b0f2;
  height: 12px;
  width: 12px;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 5px;
}
.humidatac .usercenter .userUnit span {
  font-size: 13px;
  color: #ccdfff;
  vertical-align: top;
}
.humidatac .usercenter #centerTable {
  width: 820px;
  height: 250px;
}
.humidatac .humidataserver {
  width: 100%;
  position: relative;
}
.humidatac .humidataserver .humidataserverl {
  height: 260px;
  width: 375px;
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/sch/dataware/shengtai.png') no-repeat;
  background-size: 100% 100%;
}
.humidatac .humidataserver .humidataserverr {
  height: 260px;
  width: 440px;
  padding: 30px 0 0 20px;
  margin-right: 25px;
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/sch/dataware/shebei.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.humidatac .humidataserver .humidataserverr .shebei-head-left .shebei-head-title {
  margin: 10px 0;
  font-size: 14px;
  color: #ffffff;
}
.humidatac .humidataserver .humidataserverr .shebei-head-left .shebei-head-des {
  font-size: 32px;
  color: #ffffff;
  font-weight: 800;
  font-style: italic;
  line-height: 60px;
  font-family: pictos;
  letter-spacing: 5px;
}
.humidatac .humidataserver .humidataserverr .echartimgTitz {
  font-size: 12px;
  color: #fff;
}
.humidatac .usercenter .userDataShow .userDataShowSin > div p {
  color: #b7bcc9;
  font-family: pictos;
  line-height: 28px;
  display: block;
  height: 28px;
  margin-bottom: 5px;
}

@keyframes myfirst {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfirst {
  /* Firefox */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfirst {
  /* Safari and Chrome */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes myfirst {
  /* Opera */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes myfirst2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfirst2 {
  /* Firefox */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfirst2 {
  /* Safari and Chrome */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes myfirst2 {
  /* Opera */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.publicBack {
  background-position: center;
  background-size: 100% 100%;
}
.humidatar {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  overflow: hidden;
}
.humidatar .userInfo {
  width: 100%;
  height: 330px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/humiscreen_05.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin-bottom: 20px;
  padding-top: 65px;
  padding-left: 50px;
  position: relative;
}
.humidatar .userInfo .publicEath {
  position: absolute;
}
.humidatar .userInfo .publicEath p {
  font-size: 14px;
  color: #ffffff;
}
.humidatar .userInfo .publicEath .numberB {
  font-size: 20px;
  color: #ffb600;
  font-family: pictos;
}
.humidatar .userInfo .publicEath .numberB span {
  font-size: 14px;
  color: #999999;
}
.humidatar .userInfo .leftEarch {
  top: 190px;
  left: 30px;
  position: absolute;
}
.humidatar .userInfo .leftEarch p {
  font-size: 14px;
  color: #ffffff;
}
.humidatar .userInfo .leftEarch .numberB {
  font-size: 20px;
  color: #ffb600;
  font-family: pictos;
}
.humidatar .userInfo .leftEarch .numberB span {
  font-size: 14px;
  color: #999999;
}
.humidatar .userInfo #earth {
  height: 230px;
  width: 350px;
}
.humidatar .userInfo .rightEarch {
  top: 190px;
  right: 30px;
  position: absolute;
}
.humidatar .userInfo .rightEarch p {
  font-size: 14px;
  color: #ffffff;
}
.humidatar .userInfo .rightEarch .numberB {
  font-size: 20px;
  color: #ffb600;
  font-family: pictos;
}
.humidatar .userInfo .rightEarch .numberB span {
  font-size: 14px;
  color: #999999;
}
.humidatar .ranking {
  width: 100%;
  height: 420px;
  background: url('https://360humi-public-obs.360humi.com/sch/dataware/biaoshi.png') no-repeat;
  background-size: 100% 92%;
  padding-top: 45px;
  padding-left: 30px;
}
.humidatar .ranking .biaoshi-head {
  overflow: hidden;
}
.humidatar .ranking .biaoshi-head .biaoshi-head-left {
  float: left;
  width: 60%;
}
.humidatar .ranking .biaoshi-head .biaoshi-head-left .biaoshi-head-des {
  font-size: 32px;
  color: #ffffff;
  font-weight: 800;
  font-style: italic;
  line-height: 46px;
  font-family: pictos;
  letter-spacing: 4px;
}
.humidatar .ranking .biaoshi-head .biaoshi-head-left .biaoshi-head-title {
  font-size: 14px;
  color: #ffffff;
}
.humidatar .ranking .biaoshi-head .biaoshi-head-right {
  float: left;
  width: 40%;
}
.humidatar .ranking .biaoshi-head .biaoshi-head-right .biaoshi-head-des {
  font-size: 32px;
  color: #ffffff;
  font-weight: 800;
  font-style: italic;
  line-height: 46px;
  font-family: pictos;
  letter-spacing: 4px;
}
.humidatar .ranking .biaoshi-head .biaoshi-head-right .biaoshi-head-title {
  font-size: 14px;
  color: #ffffff;
}
.humidatar .ranking .echartimgTitx {
  font-size: 12px;
  color: #ffffff;
}
.humidatar .realOrder {
  width: 100%;
  height: 180px;
  background: url('https://360humi-public-obs.360humi.com/sch/dataware/huoyue.png') no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;
  padding-left: 30px;
}
.humidatar .realOrder .huoyue-head-left {
  float: left;
  width: 50%;
}
.humidatar .realOrder .huoyue-head-left .huoyue-head-des {
  font-size: 32px;
  color: #ffffff;
  font-weight: 800;
  font-style: italic;
  line-height: 46px;
  font-family: pictos;
  letter-spacing: 4px;
}
.humidatar .realOrder .huoyue-head-left .huoyue-head-title {
  font-size: 14px;
  color: #ffffff;
  line-height: 40px;
}
.humidatar .realOrder .huoyue-head-right {
  float: left;
  width: 50%;
}
.humidatar .realOrder .huoyue-head-right .huoyue-head-des {
  font-size: 32px;
  color: #ffffff;
  font-weight: 800;
  font-style: italic;
  line-height: 46px;
  font-family: pictos;
  letter-spacing: 4px;
}
.humidatar .realOrder .huoyue-head-right .huoyue-head-title {
  font-size: 14px;
  color: #ffffff;
  line-height: 40px;
}
.biaoshi-head-title1 {
  font-size: 14px;
  color: #ffffff;
}
.biaoshi-head-des1 {
  font-size: 32px;
  color: #ffffff;
  font-weight: 800;
  font-style: italic;
  line-height: 46px;
  font-family: pictos;
  letter-spacing: 4px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
@font-face {
  /* font-properties */
  font-family: pictos;
  src: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiScreen/HYGangYiTiJ.ttf');
}
.humidataware {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/sch/dataware/screenBg.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 100px 40px 0px;
}
.humidataware .humidatawarel {
  width: 450px;
  display: inline-block;
  vertical-align: top;
}
.humidataware .humidatawarec {
  width: 840px;
  margin: 0px 45px 0px 55px;
  display: inline-block;
  vertical-align: top;
}
.humidataware .humidatawarer {
  width: 450px;
  display: inline-block;
  vertical-align: top;
}
.humidataware .timeBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 380px;
  height: 50px;
  z-index: 10;
  color: #92A0C2;
  line-height: 50px;
}
.humidataware .timeBox .common1Img {
  margin-left: 10px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.humidataware .timeBox .common2Img {
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.humidataware .timeBox .week {
  margin-right: 40px;
}

.HumiBeihaiSignUp {
  width: 100%;
}
.HumiBeihaiSignUp .hbsu_bodyBox {
  overflow: hidden;
  min-height: 1009px;
  box-sizing: border-box;
  padding: 60px 0 100px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox {
  width: 1330px;
  box-sizing: border-box;
  padding: 8% 10px;
  margin: 0 auto;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild {
  float: right;
  width: 442px;
  background: #ffffff;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalTitle {
  line-height: 65px;
  box-sizing: border-box;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  border-bottom: 1px solid #e3e3e3;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody {
  box-sizing: border-box;
  padding: 32px 32px 0;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-input {
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  font-size: 14px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-input-number {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-input-number .ant-input-number-handler-wrap {
  display: none;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-select {
  width: 100% !important;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-select-selection {
  border-radius: 0;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-select-selection__placeholder {
  color: #333;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #333;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
  opacity: 1;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
  opacity: 1;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .ant-btn {
  width: 377px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(90deg, #f36d38 0%, #f40b0b 100%);
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .hbsu_box {
  margin-top: 12px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .hbsu_box .hbsu_btn {
  display: inline-block;
  width: 90px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  margin-top: 2px;
  color: #F40B0B;
  text-align: center;
  border: 1px solid #F40B0B;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .hbsu_box .hbsu_s {
  cursor: pointer;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container {
  width: 100%;
  height: 40px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .nc_wrapper,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .nc_wrapper {
  width: 100% !important;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .nc_bg,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .nc_bg {
  background: #40CA61 !important;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .nc_scale,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .nc_scale {
  height: 40px;
  background: #fff;
  border: 1px solid #dcdee2;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .nc_scale .scale_text,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .nc_scale .scale_text {
  line-height: 40px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .btn_slide,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .btn_slide {
  height: 38px;
  line-height: 38px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .nc_iconfont,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .nc_iconfont,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode .btn_ok,
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody .nc-container .btn_ok {
  height: 40px;
  line-height: 40px;
}
.HumiBeihaiSignUp .hbsu_bodyBox .hbsu_modalBox .hbsu_modalChild .hbsu_modalBody #HbhSignUpCode {
  margin-bottom: 12px;
}
.hbsu_cur {
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/w-compic/pcBanner.jpg") 50% 50% / cover no-repeat;
}

.HumiProductDesign {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humiproduct/banner.png") 50% 50% / cover no-repeat;
}
.HumiProductDesign .hpd_navBox {
  width: 100%;
  height: 64px;
  line-height: 64px;
  box-sizing: border-box;
  padding: 0 38px;
}
.HumiProductDesign .hpd_navBox .hpd_left {
  float: left;
}
.HumiProductDesign .hpd_navBox .hpd_left .hpd_one {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.HumiProductDesign .hpd_navBox .hpd_left .hpd_two {
  font-size: 20px;
  color: #fff;
  margin: 0 15px;
}
.HumiProductDesign .hpd_navBox .hpd_left .hpd_three {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.HumiProductDesign .hpd_navBox .hpd_left .hpd_four {
  display: inline-block;
  width: 110px;
  height: 32px;
  line-height: 32px;
  margin-left: 38px;
  color: #fff;
  text-align: center;
  background: #f40b0b;
}
.HumiProductDesign .hpd_navBox .hpd_left .hpd_four:hover {
  background: #EC0A0A;
}
.HumiProductDesign .hpd_navBox .hpd_right {
  float: right;
}
.HumiProductDesign .hpd_navBox .hpd_right .hpd_five {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.HumiProductDesign .hpd_navBox .hpd_right .hpd_five:hover {
  color: #F40B0B;
}
.HumiProductDesign .hpd_navBox .hpd_right .hpd_six {
  font-size: 22px;
  color: #fff;
  margin: 0 15px;
}
.HumiProductDesign .hpd_navBox .hpd_right .hpb_seven {
  display: inline-block;
  width: 90px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #F40B0B;
  font-size: 14px;
  font-weight: 500;
  color: #F40B0B;
  text-align: center;
  cursor: pointer;
}
.HumiProductDesign .hpd_bodyBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 124px 0 0 0;
}
.HumiProductDesign .hpd_bodyBox .hpd_title {
  display: block;
  margin: 0 auto;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox {
  position: relative;
  width: 100%;
  margin-top: 64px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_indusBox,
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_adressBox {
  float: left;
  position: relative;
  width: 140px;
  height: 58px;
  line-height: 58px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 0 9px;
  background: #fff;
  color: #666;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_indusBox .triangle,
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_adressBox .triangle {
  position: absolute;
  bottom: -12px;
  left: 60px;
  width: 0px;
  height: 0px;
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid rgba(0, 0, 0, 0);
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_adressBox {
  position: relative;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_adressBox img {
  position: absolute;
  top: 21px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_indusBox img {
  margin-left: 45px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_textBox {
  float: left;
  width: 390px;
  height: 58px;
  line-height: 58px;
  box-sizing: border-box;
  padding: 0 9px;
  background: #fff;
  margin-right: 10px;
  font-size: 16px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_textBox .hpb_text {
  float: left;
  width: 284px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_textBox .hpb_texts {
  float: right;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_textAreaBox {
  position: relative;
  float: left;
  width: 390px;
  margin-right: 10px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_textAreaBox .ant-input {
  resize: none;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_textAreaBox .hpb_texts {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .ant-input-affix-wrapper {
  float: left;
  margin-right: 10px;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .ant-input-affix-wrapper ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .ant-input-affix-wrapper :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  opacity: 1;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .ant-input-affix-wrapper ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  opacity: 1;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .ant-input-affix-wrapper :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .ant-input {
  float: left;
  height: 58px;
  line-height: 58px;
  margin-right: 10px;
  border-radius: 0;
  font-size: 14px;
  color: #666;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_btn {
  float: left;
  width: 140px;
  height: 58px;
  line-height: 58px;
  color: #fff;
  text-align: center;
  background: #f40b0b;
  cursor: pointer;
}
.HumiProductDesign .hpd_bodyBox .hpb_detailBox .hpb_btn:hover {
  background: #EC0A0A;
}
.HumiProductDesign .hpd_bodyBox .hpb_activeBox {
  position: absolute;
  top: 70px;
  width: 1050px;
  box-sizing: border-box;
  padding: 16px 37px 16px 32px;
  background: #fff;
  z-index: 1;
}
.HumiProductDesign .hpd_bodyBox .hpb_activeBox li {
  float: left;
  width: 60px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiProductDesign .hpd_bodyBox .hpb_activeBox li:hover {
  color: #F40B0B;
  cursor: pointer;
}
.HumiProductDesign .hpd_botBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  padding: 0 38px;
}
.HumiProductDesign .hpd_botBox .hpd_botLeft {
  float: left;
}
.HumiProductDesign .hpd_botBox .hpd_botLeft .hpb_codeBox {
  width: 90px;
  height: 90px;
}
.HumiProductDesign .hpd_botBox .hpd_botLeft .hpb_codeBox img {
  width: 100%;
  height: 100%;
}
.HumiProductDesign .hpd_botBox .hpd_botLeft .hpb_weixin {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #99a5d2;
  line-height: 50px;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter {
  float: left;
  margin-left: 18px;
  box-sizing: border-box;
  padding-top: 38px;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter .hpb_top {
  font-size: 18px;
  font-weight: 500;
  color: #B6C1ED;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter .hpb_center {
  margin: 8px 0;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter .hpb_center span:nth-child(1) {
  font-size: 14px;
  color: #AEB8E3;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter .hpb_center span:nth-child(2) {
  margin: 0 20px;
  font-size: 16px;
  color: #AEB8E3;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter .hpb_center a {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  color: #AEB8E3;
}
.HumiProductDesign .hpd_botBox .hpd_botCenter .hpb_bot {
  font-size: 12px;
  color: #99A5D2;
}
.HumiProductDesign .hpd_botBox .hpd_botRight {
  float: right;
  font-size: 20px;
  color: #fff;
  box-sizing: border-box;
  padding-top: 100px;
}
.HumiProductDesign .hpd_botBox .hpd_botRight span {
  font-size: 16px;
  color: #99A5D2;
}
.humiproductModal img {
  display: block;
  margin: 70px auto 0;
}
.humiproductModal p {
  text-align: center;
}
.humiproductModal .desc1 {
  margin: 30px 0 13px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.humiproductModal .desc2 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.humiproductModal .mo_btn {
  width: 180px;
  height: 42px;
  line-height: 42px;
  margin: 40px auto 0;
  text-align: center;
  color: #fff;
  background: linear-gradient(-90deg, #ff0000 0%, #ff4400 100%);
}
.humiproductModal .mo_btn:hover {
  background: #EC0A0A;
}
.humiproductModal .ant-modal-body {
  position: relative;
}
.humiproductModal .ant-modal-body .close {
  position: absolute;
  top: -55px;
  right: 32px;
}
.humiproductModal .ant-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -271px;
  margin-left: -260px;
}

.humiRegisterModal .ant-modal {
  width: 415px !important;
}
.humiRegisterModal .ant-input {
  width: 380px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 15px;
  background: #f8f8f8;
  color: #b2b2b2;
}
.humiRegisterModal .ant-btn {
  width: 133px;
  height: 50px;
  line-height: 50px;
  margin-left: 8px;
}
.humiRegisterModal .registerDesc {
  color: #ff6d20;
  cursor: pointer;
}
.humiRegisterModal .registerBtn {
  width: 380px;
  height: 50px;
  line-height: 50px;
  background: #ff6d20;
  border: none;
  color: #fff;
  margin-left: 0;
}
.humiRegisterModal .nc-container .nc_scale span {
  height: 35px;
  line-height: 35px;
}
.humiRegisterModalActive {
  display: none;
}
.vertical-center-modal .regTkCon {
  height: 400px;
  overflow-y: auto;
}
.humi-teacter-modal .ant-modal-content {
  background: rgba(255, 255, 255, 0);
}
.humi-teacter-modal .ant-modal-body {
  position: relative;
}
.humi-teacter-modal .ant-modal-body .close {
  position: absolute;
  top: -15px;
  right: 135px;
}

@keyframes hra_float_active {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 26px);
  }
}
@-moz-keyframes hra_float_active {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 26px);
  }
}
@-webkit-keyframes hra_float_active {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 26px);
  }
}
@-o-keyframes hra_float_active {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 26px);
  }
}
.humiRegisterActive {
  padding-top: 60px;
  overflow: auto;
  min-width: 1750px;
  font-size: 14px;
}
.humiRegisterActive .registerActiveBox {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 3400px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/banner.jpg") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_float {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.humiRegisterActive .hra_float .hra_float_active {
  animation: hra_float_active 1.3s ease-in-out 2.3s infinite alternate;
}
.humiRegisterActive .hra_float #hra_float1,
.humiRegisterActive .hra_float #hra_float2,
.humiRegisterActive .hra_float #hra_float3,
.humiRegisterActive .hra_float #hra_float4,
.humiRegisterActive .hra_float #hra_float5,
.humiRegisterActive .hra_float #hra_float6,
.humiRegisterActive .hra_float #hra_float7,
.humiRegisterActive .hra_float #hra_float8,
.humiRegisterActive .hra_float #hra_float9,
.humiRegisterActive .hra_float #hra_float10 {
  position: absolute;
}
.humiRegisterActive .hra_float #hra_float1 {
  top: -75px;
  left: 121px;
}
.humiRegisterActive .hra_float #hra_float2 {
  top: 35px;
  right: 440px;
}
.humiRegisterActive .hra_float #hra_float3 {
  top: 32px;
  right: 44px;
}
.humiRegisterActive .hra_float #hra_float4 {
  top: 278px;
  left: 336px;
}
.humiRegisterActive .hra_float #hra_float5 {
  top: 360px;
  left: -35px;
}
.humiRegisterActive .hra_float #hra_float6 {
  top: 340px;
  right: 205px;
}
.humiRegisterActive .hra_float #hra_float7 {
  top: 647px;
  right: -30px;
}
.humiRegisterActive .hra_float #hra_float8 {
  top: 1630px;
  left: -35px;
}
.humiRegisterActive .hra_float #hra_float9 {
  top: 1800px;
  right: -30px;
}
.humiRegisterActive .hra_float #hra_float10 {
  bottom: 59px;
  right: -30px;
}
.humiRegisterActive .hra_comBtn {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
}
.humiRegisterActive .hra_body {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 404px 0 45px;
}
.humiRegisterActive .hra_body .hra_reg {
  position: absolute;
  top: 360px;
  left: 50%;
  margin-left: -70px;
  cursor: pointer;
}
.humiRegisterActive .hra_body .hra_body_one,
.humiRegisterActive .hra_body .hra_body_three,
.humiRegisterActive .hra_body .hra_body_five {
  margin: 0 auto;
}
.humiRegisterActive .hra_body .hra_body_one {
  position: relative;
  width: 1102px;
  height: 517px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/1.png") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_body .hra_body_one img {
  position: absolute;
  bottom: 54px;
  right: 231px;
  cursor: pointer;
}
.humiRegisterActive .hra_body .hra_body_two,
.humiRegisterActive .hra_body .hra_body_four {
  display: block;
  margin: 59px auto 41px;
}
.humiRegisterActive .hra_body .hra_body_four {
  position: relative;
  width: 1102px;
  height: 613px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/11.png") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_body .hra_body_four a {
  position: absolute;
  color: #ffd0a7;
  font-size: 14px;
}
.humiRegisterActive .hra_body .hra_body_four a:nth-child(1) {
  top: 198px;
  right: 407px;
}
.humiRegisterActive .hra_body .hra_body_four a:nth-child(2) {
  bottom: 129px;
  right: 309px;
}
.humiRegisterActive .hra_body .hra_body_three {
  width: 1104px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top,
.humiRegisterActive .hra_body .hra_body_three .three_center,
.humiRegisterActive .hra_body .hra_body_three .three_bot {
  margin-bottom: 20px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box,
.humiRegisterActive .hra_body .hra_body_three .three_center .box,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box {
  position: relative;
  float: left;
  width: 276px;
  height: 340px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .top p,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .top p,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .top p,
.humiRegisterActive .hra_body .hra_body_three .three_top .box .active p,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .active p,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .active p {
  color: #fff;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .top p:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_center .box .top p:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .top p:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_top .box .active p:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_center .box .active p:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .active p:nth-child(1) {
  font-size: 24px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .top p:nth-child(2),
.humiRegisterActive .hra_body .hra_body_three .three_center .box .top p:nth-child(2),
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .top p:nth-child(2),
.humiRegisterActive .hra_body .hra_body_three .three_top .box .active p:nth-child(2),
.humiRegisterActive .hra_body .hra_body_three .three_center .box .active p:nth-child(2),
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .active p:nth-child(2) {
  width: 18px;
  height: 2px;
  margin: 10px 0 15px;
  background-color: #fff;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .top .desc,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .top .desc,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .top .desc,
.humiRegisterActive .hra_body .hra_body_three .three_top .box .active .desc,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .active .desc,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .active .desc {
  margin: 31px 0 20px;
  font-size: 12px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .top,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .top,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .top {
  position: absolute;
  bottom: 24px;
  left: 36px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .active,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .active,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .active {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px 26px 0 34px;
  background: rgba(0, 0, 0, 0.6);
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box .active .hra_comBtn,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .active .hra_comBtn,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .active .hra_comBtn {
  position: absolute;
  bottom: 17px;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box:hover .top,
.humiRegisterActive .hra_body .hra_body_three .three_center .box:hover .top,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:hover .top {
  display: none;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box:hover .active,
.humiRegisterActive .hra_body .hra_body_three .three_center .box:hover .active,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:hover .active {
  display: block;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_center .box:nth-child(1),
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:nth-child(1) {
  position: relative;
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/6.png") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_body .hra_body_three .three_top .box:nth-child(1) .hra_comBtn,
.humiRegisterActive .hra_body .hra_body_three .three_center .box:nth-child(1) .hra_comBtn,
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:nth-child(1) .hra_comBtn {
  position: absolute;
  top: 260px;
  left: 43px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box {
  display: block;
  cursor: pointer;
  background: #fff;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_top {
  width: 276px;
  height: 205px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_top img {
  width: 100%;
  height: 100%;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot {
  box-sizing: border-box;
  padding: 26px 27px 19px 26px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .descBox {
  width: 100%;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .descBox .courseName,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .descBox .hot,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .descBox .new {
  float: left;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .descBox .courseName {
  max-width: 111px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox {
  overflow: hidden;
  width: 100%;
  margin-top: 16px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .seeBox,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .likeBox {
  float: right;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .seeBox img,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .likeBox img {
  margin-right: 6px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .seeBox span,
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .likeBox span {
  font-size: 12px;
  color: #666;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .tag {
  float: left;
  width: 50px;
  margin-right: 20px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .numBox .seeBox {
  margin-right: 8px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .line {
  width: 223px;
  height: 1px;
  margin: 13px auto 9px;
  background-color: #ededed;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .perBox p:nth-child(1) {
  float: left;
  font-size: 12px;
  color: #fc9153;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .perBox p:nth-child(1) span {
  font-size: 16px;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box .center_bot .perBox p:nth-child(2) {
  float: right;
  max-width: 60px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiRegisterActive .hra_body .hra_body_three .three_center .box:nth-child(1) {
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/7.png") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box {
  width: 414px;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .three_top {
  display: none;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .three_top .title {
  font-size: 24px;
  text-align: center;
  color: #fff;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .three_active {
  display: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 35px 39px 0 37px;
  background: rgba(0, 0, 0, 0.6);
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .three_active p {
  color: #fff;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .three_active .title {
  font-size: 24px;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box .three_active .desc {
  margin: 26px 0 39px;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:hover .three_top {
  display: none;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:hover .three_active {
  display: block;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:nth-child(1) {
  width: 276px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/8.png") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:nth-child(2) .three_top {
  box-sizing: border-box;
  padding-top: 70px;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:nth-child(3) .three_top {
  box-sizing: border-box;
  padding-top: 36px;
}
.humiRegisterActive .hra_body .hra_body_three .three_bot .box:nth-child(3) .three_top .title:nth-child(1) {
  font-size: 16px;
}
.humiRegisterActive .hra_body_five {
  position: relative;
  width: 100%;
  width: 1200px;
  height: 333px;
}
.humiRegisterActive .hra_body_five .imgBox {
  position: absolute;
  bottom: 0;
  left: -145px;
  width: 1293px;
  height: 333px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/registeractive/12.png") 50% 50% / cover no-repeat;
}
.humiRegisterActive .hra_body_five .hra_reg {
  position: absolute;
  top: 227px;
  left: 50%;
  margin-left: -72px;
}

.humiOfflineCourse {
  width: 100%;
  background: #F8FAFE;
}
.humiOfflineCourse .hoc_BodyBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0;
}
.humiOfflineCourse .hoc_BodyBox .hoc_titleBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #666666;
}
.humiOfflineCourse .hoc_BodyBox .hoc_titleBox a {
  font-size: 14px;
  color: #666666;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox {
  width: 1200px;
  height: 40px;
  margin-bottom: 30px;
  box-sizing: border-box;
  padding: 6px 23px;
  background-color: #f2f4f5;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_left {
  float: left;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_left li {
  float: left;
  width: 90px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #333333;
  cursor: pointer;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_left li img {
  display: inline-block;
  vertical-align: text-top;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_left li:nth-child(2) {
  border-left: none;
  border-right: none;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_left li:nth-child(3) {
  margin-right: 18px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_left .activeli {
  background-color: #fff6f1;
}
.humiOfflineCourse .hoc_BodyBox .hoc_changeDataBox .hoc_right {
  float: right;
  width: 265px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox {
  width: 100%;
  margin: 0 auto;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left {
  float: left;
  width: 957px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box {
  overflow: hidden;
  display: block;
  height: 210px;
  margin-bottom: 30px;
  background: #fff;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .left {
  float: left;
  width: 364px;
  height: 210px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .left img {
  width: 100%;
  height: 100%;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .right {
  float: right;
  width: 555px;
  box-sizing: border-box;
  padding: 25px 41px 0 0;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .right .de_courseName {
  width: 330px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 800;
  margin-bottom: 15px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .right .de_expertName {
  display: inline-block;
  width: 70px;
  height: 24px;
  line-height: 24px;
  margin: 0 8px 15px 0;
  font-size: 14px;
  font-weight: 800;
  color: #333333;
  background: #f2f4f5;
  text-align: center;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .right .de_impotant {
  font-size: 14px;
  font-weight: 800;
  color: #333333;
  line-height: 14px;
  margin-bottom: 8px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_left .box .right .de_desc {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  text-align: justify;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right {
  float: right;
  width: 226px;
  height: 683px;
  background: #fff;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .topBox {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 14px 0 16px;
  border-bottom: 1px solid #f0f0f0;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .topBox .title {
  float: left;
  font-size: 16px;
  color: #333333;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .topBox .moreBtn {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 25px 17px 24px 13px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox .bot .box {
  display: block;
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox .bot .box .left {
  float: left;
  width: 70px;
  height: 70px;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox .bot .box .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox .bot .box .right {
  float: right;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox .bot .box .right p:nth-child(1) {
  width: 116px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-top: 20px;
  letter-spacing: 0.8px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiOfflineCourse .hoc_BodyBox .hoc_detailBox .detail_right .botBox .bot .box .right p:nth-child(2) {
  width: 116px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 12px;
  letter-spacing: 0.7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.HumiOfflineCourseDetail {
  width: 100%;
}
.HumiOfflineCourseDetail .hocd_body {
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  padding-top: 60px;
}
.HumiOfflineCourseDetail .hocd_body .hocd_topBox {
  width: 100%;
  height: 568px;
}
.HumiOfflineCourseDetail .hocd_body .hocd_navBox {
  width: 1200px;
  height: 60px;
  line-height: 57px;
  box-sizing: border-box;
  padding-left: 60px;
  margin: -60px auto 0;
  background: rgba(0, 0, 0, 0.4);
}
.HumiOfflineCourseDetail .hocd_body .hocd_navBox .li_box {
  overflow: hidden;
  float: left;
  max-width: 84px;
  margin-right: 64px;
  text-align: center;
}
.HumiOfflineCourseDetail .hocd_body .hocd_navBox .li_box a {
  display: block;
  color: #fff;
}
.HumiOfflineCourseDetail .hocd_body .hocd_navBox .li_box:last-child {
  margin-right: 0;
}
.HumiOfflineCourseDetail .hocd_body .hocd_navBox .active {
  border-bottom: 3px solid #FF8D2D;
}
.HumiOfflineCourseDetail .hocd_body .navActive {
  position: fixed;
  top: 60px;
  left: 50%;
  margin-left: -600px;
  background: #2E2E2E;
  z-index: 100;
}
.HumiOfflineCourseDetail .hocd_body .hocd_childBox .hocd_box .anchor-a {
  position: relative;
  top: -60px;
  height: 0;
  display: block;
}
.HumiOfflineCourseDetail .hocd_body .hocd_childBox .hocd_box .imgBox {
  width: 100%;
  display: block;
}
.HumiOfflineCourseDetail .hocd_body .childActive {
  box-sizing: border-box;
  padding-top: 120px;
}

.handPickSin {
  width: 384px;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 15px;
  margin-top: 25px;
  cursor: pointer;
}
.handPickSin .baimg {
  height: 194px;
  width: 384px;
  position: relative;
}
.handPickSin .baimg .communicate {
  display: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 38px;
  width: 100%;
  background-color: #ff7919;
  text-align: center;
  line-height: 38px;
  color: #ffffff;
}
.handPickSin .baimg .communicate a {
  color: #ffffff;
  vertical-align: top;
}
.handPickSin .handPickBot {
  padding: 16px 20px 23px 15px;
}
.handPickSin .handPickBot .handPickTit {
  font-size: 16px;
  color: #333333;
  display: block;
  margin-bottom: 20px;
  max-width: 349px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.handPickSin .handPickBot .pickDomain > span {
  font-size: 14px;
  color: #666666;
  vertical-align: top;
}
.handPickSin .handPickBot .pickDomain > div {
  display: inline-block;
  width: 283px;
  vertical-align: top;
  margin-left: 10px;
}
.handPickSin .handPickBot .pickDomain > div span {
  height: 24px;
  width: 84px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #e0e0e0;
  display: inline-block;
  font-size: 12px;
  color: #666666;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.handPickSin .handPickBot .pickDomain > div span:nth-child(3n) {
  margin: 0px;
}
.handPickSin:hover .baimg .communicate {
  display: block;
}

.handPickOut .handPickList {
  width: 1200px;
  margin: auto;
}
.handPickOut .botPagin {
  width: 1200px;
  margin: auto;
  margin-top: 80px;
  display: flex;
  justify-content: center;
}
.handPickOut .recommend {
  margin-top: 60px;
  padding: 50px 0px 60px 0px;
  background-color: #ffffff;
}
.handPickOut .recommend .recommendCon {
  width: 1200px;
  margin: auto;
}
.handPickOut .recommend .recommendCon .recommendTit {
  font-size: 18px;
  color: #333333;
  margin-bottom: 40px;
}

.talentSin {
  max-width: 400px;
  background-color: #ffffff;
  margin: 24px 11px  0px 0px;
  display: inline-block;
  vertical-align: top;
}
.talentSin .talentSinTop {
  border-bottom: 1px solid #ededed;
  max-width: 390px;
}
.talentSin .talentSinTop .talentSinTopl {
  display: inline-block;
  width: 95px;
  height: 110px;
  vertical-align: top;
  background-color: #ffffff;
  padding-bottom: 22px;
  position: relative;
}
.talentSin .talentSinTop .talentSinTopl .talentSinToplimg {
  width: 95px;
  height: 110px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiIntyduce/talens.png') no-repeat;
  background-position: center;
  background-size: 100% 100% !important;
  position: absolute;
  top: -7px;
  z-index: 10;
}
.talentSin .talentSinTop .talentSinTopl .talentSinToplimg .nowConsult {
  height: 22px;
  background-color: #ff7919;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: none;
  cursor: pointer;
}
.talentSin .talentSinTop .talentSinTopr {
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  padding: 5px 5px 22px 5px;
}
.talentSin .talentSinTop .talentSinTopr .talentFont {
  font-size: 16px;
  color: #333333;
}
.talentSin .talentSinTop .talentSinTopr > p {
  font-size: 14px;
  color: #666666;
  display: block;
  width: 184px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 0px;
}
.talentSin .talentSinTop .talentSinTopr .talentTag {
  max-width: 284px;
  height: 32px;
}
.talentSin .talentSinTop .talentSinTopr .talentTag span {
  padding: 6px 8px;
  border: 1px solid #e0e0e0;
  color: #666666;
  font-size: 12px;
  margin-right: 6px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 78px;
  vertical-align: top;
}
.talentSin .talentSinTop .talentSinTopr .talentTag .moreRight {
  display: inline;
  font-size: 12px;
  color: #ff7919;
  border: 0px;
  padding: 0px;
  margin: 0px;
  vertical-align: sub;
}
.talentSin .talentSinBot {
  padding: 18px 9px 18px 9px;
  background-color: #ffffff;
  width: 380px;
  height: 82px;
}
.talentSin .talentSinBot .talentSinBotSin {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
  width: 175px;
  margin-right: 6px;
}
.talentSin .talentSinBot .talentSinBotSin div {
  height: 5px;
  width: 5px;
  display: inline-block;
  background-color: #108ee9;
}
.talentSin .talentSinBot .talentSinBotSin span:last-child {
  font-size: 12px;
  color: #666666;
}
.talentSin:hover .talentSinTop .talentSinTopl .talentSinToplimg .nowConsult {
  display: block;
  cursor: pointer;
}

.talentShare {
  background-color: #f8fafe;
  padding-top: 60px;
}
.talentShare .puhintColumn {
  width: 100%;
  border-left: 3px solid #ff7919;
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 20px;
}
.talentShare .puhintColumn .fristSpan {
  font-size: 18px;
  color: #333333;
}
.talentShare .puhintColumn span {
  font-size: 4px;
  color: #108ee9;
}
.talentShare .talentShareBan {
  height: 460px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiIntyduce/banner@2x.png') no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.talentShare .talentShareBan .taleShBtab {
  position: absolute;
  height: 60px;
  width: 1200px;
  background-color: #ffffff;
  left: 50%;
  margin-left: -600px;
  bottom: -30px;
  z-index: 10;
  box-shadow: 0px 6px 12px 0px rgba(156, 156, 156, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.talentShare .talentShareBan .taleShBtab .publicTab {
  display: block;
  height: 60px;
  margin-right: 50px;
  line-height: 60px;
  font-size: 18px;
  color: #333333;
}
.talentShare .talentShareBan .taleShBtab .tabSin {
  display: block;
  height: 60px;
  margin-right: 50px;
  line-height: 60px;
  font-size: 18px;
  color: #333333;
  border-bottom: 0px;
}
.talentShare .talentShareBan .taleShBtab .activeTab {
  display: block;
  height: 60px;
  margin-right: 50px;
  line-height: 60px;
  font-size: 18px;
  color: #333333;
  border-bottom: 3px solid #ff7919;
}
.talentShare .talenTabContent {
  background-color: #ffffff;
}
.talentShare .talenTabContent .talenTabContentIn {
  width: 1200px;
  padding: 80px 0px 65px;
  margin: auto;
}
.talentShare .talenTabContent .talenTabContentIn span {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #333333;
  margin-bottom: 30px;
}
.talentShare .talenTabContent .talenTabContentIn p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.talentShare .talensInfo {
  width: 1200px;
  margin: 56px auto 50px;
}
.talentShare .talensInfo .talensList {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.talentShare .serverPro {
  width: 1200px;
  margin: auto;
}
.talentShare .serverPro .serverProList {
  margin-top: 30px;
  background-color: #71aeff;
  height: 174px;
}
.talentShare .serverPro .serverProList::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.talentShare .serverPro .serverProList .serverProSin {
  width: 600px;
  height: 174px;
  padding: 32px 65px;
  overflow: hidden;
  border-bottom: 1px dotted #4a97fe;
  float: left;
}
.talentShare .serverPro .serverProList .serverProSin .serverProSinl {
  padding-right: 38px;
  border-right: 1px solid #4a97fe;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.talentShare .serverPro .serverProList .serverProSin .serverProSinr {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  width: 305px;
}
.talentShare .serverPro .serverProList .serverProSin .serverProSinr .serverProTitle {
  font-size: 16px;
  color: #ffffff;
  display: block;
  margin-left: 27px;
}
.talentShare .serverPro .serverProList .serverProSin .serverProSinr .modelBlock {
  width: 120px;
  height: 24px;
  display: inline-block;
  background-color: #84b9ff;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin: 20px 0px 0px 27px;
}
.talentShare .serverPro .serverProList .serverProSin:nth-child(n+3) {
  border-bottom: 0px;
}
.talentShare .serverPro .serverProList .serverProSin:nth-child(2n) {
  border-left: 1px dotted #4a97fe;
}
.talentShare .serverPro .serverProList .serverProSin:hover {
  background-color: #ffffff;
  border: 0px;
  box-shadow: 0px 0px 10px #4a97fe;
}
.talentShare .serverPro .serverProList .serverProSin:hover .serverProSinr .serverProTitle {
  color: #333333;
}
.talentShare .serverPro .serverProList .serverProSin:hover .serverProSinr .modelBlock {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #e0e0e0;
}
.talentShare .facilityInfo {
  padding: 60px 0px;
  background-color: #ffffff;
}
.talentShare .facilityInfo .facilityInfoi {
  width: 1200px;
  margin: auto;
}
.talentShare .facilityInfo .facilityInfoi .facilityList {
  margin-top: 30px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li {
  float: left;
  width: 380px;
  height: 200px;
  background: #f1f5fb;
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .rightImgd {
  height: 110px;
  width: 130px;
  position: absolute;
  top: 50px;
  right: 20px;
  display: block;
  margin: 0px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li:last-child {
  margin-right: 0px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .use-name {
  margin-top: 20px;
  margin-left: 24px;
  font-size: 18px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .use-price {
  margin-top: 5px;
  margin-left: 24px;
  font-size: 14px;
  color: #fc6729;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .use-detail {
  margin-top: 16px;
  margin-left: 24px;
  font-size: 12px;
  color: #666;
  width: 50%;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .use-btn {
  margin-top: 51px;
  margin-left: 24px;
  font-size: 14px;
  color: #397ecd;
  display: inline-block;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li img {
  float: right;
  width: 196px;
  margin-top: -148px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .pack-pop {
  width: 100%;
  height: 100%;
  background: rgba(31, 28, 234, 0.9);
  position: absolute;
  top: 0;
  left: 0;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .pack-pop .pop-name {
  margin-top: 18px;
  margin-left: 12px;
  font-size: 13px;
  color: #fff;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .pack-pop .pop-price {
  margin-top: 5px;
  margin-left: 12px;
  font-size: 12px;
  color: yellow;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .pack-pop ul {
  width: 100%;
  margin-left: 12px;
  overflow: hidden;
  margin-top: 10px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .pack-pop ul li {
  float: left;
  width: 27%;
  height: 20px;
  margin-left: 3px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  background: #1f1cea;
  margin-bottom: 8px;
}
.talentShare .facilityInfo .facilityInfoi .facilityList li .pack-pop .pop-btn {
  margin-left: 12px;
  font-size: 12px;
  color: #fff;
}
.talentShare .aptitudeExplain {
  padding: 50px 0px 60px;
}
.talentShare .aptitudeExplain .aptitudeExplainCon {
  width: 1200px;
  margin: auto;
}
.talentShare .aptitudeExplain .aptitudeExplainCon .aptitudeExplainList {
  margin-top: 32px;
}
.talentShare .aptitudeExplain .aptitudeExplainCon .aptitudeExplainList .aptitudeExplainSin {
  background-color: #ffffff;
  padding: 10px;
  width: 282px;
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
}
.talentShare .aptitudeExplain .aptitudeExplainCon .aptitudeExplainList .aptitudeExplainSin span {
  font-size: 14px;
  color: #333333;
  display: block;
  margin: 20px 0px;
  text-align: center;
}

.hotrcOut .stairRightOne {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  padding: 5px 18px;
  margin-left: 20px;
  margin-top: 12px;
  background-color: #fff6f1;
}
.hotrcOut .publicTag {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  padding: 5px 12px;
  margin-left: 20px;
  margin-top: 12px;
  cursor: pointer;
}
.hotrcOut .stairlTitle {
  width: 167px;
  height: 100%;
  padding-top: 16px;
  font-size: 14px;
  color: #333333;
  text-align: center;
  display: inline-block;
  padding-bottom: 12px;
  vertical-align: top;
}
.hotrcOut .stairRight {
  padding-left: 9px;
  display: inline-block;
  vertical-align: top;
  max-width: 1000px;
  border-left: 1px #f8fafe solid;
  padding-bottom: 12px;
}
.hotrcOut .stairRight .stairRightCon {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  padding: 5px 12px;
  margin-left: 20px;
  margin-top: 12px;
  cursor: pointer;
  background-color: #f1f5f7;
}
.hotrcOut .moreTag {
  display: inline-block;
  font-size: 12px;
  color: #666666;
  padding: 5px 12px;
  margin-left: 20px;
  margin-top: 12px;
  cursor: pointer;
  border: 1px #e0e0e0 solid;
}
.hotrcOut .headerList {
  background-color: #ffffff;
  border-right: 1px #f8fafe solid;
  width: 1200px;
  margin: auto;
  margin-bottom: 20px;
}
.hotrcOut .headerList .stair {
  border-bottom: 1px #f8fafe solid;
  position: relative;
}
.hotrcOut .headerScreen {
  background-color: #f2f4f5;
  padding: 6px 0px 6px 48px;
  width: 1200px;
  margin: auto;
}
.hotrcOut .headerScreen span:first-child {
  font-size: 12px;
  color: #333333;
  display: inline-block;
  margin-right: 17px;
}
.hotrcOut .headerScreen .rcAdress {
  padding: 8px 19px;
  background-color: #ffffff;
  margin-left: 30px;
}
.hotrcOut .hotRcList {
  width: 1200px;
  margin: auto;
}
.hotrcOut .PaginationBot {
  width: 1200px;
  margin: auto;
  padding: 60px 0px 0px 0px;
  display: flex;
  justify-content: center;
}
.hotrcOut .recommend {
  margin-top: 60px;
  padding: 50px 0px 60px 0px;
  background-color: #ffffff;
}
.hotrcOut .recommend .recommendCon {
  width: 1200px;
  margin: auto;
}
.hotrcOut .recommend .recommendCon .recommendTit {
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
}

.IdentifyingBox {
  width: 100%;
}
.IdentifyingBox .header {
  height: 60px;
  width: 100%;
  background: #232A3B;
}
.IdentifyingBox .employment {
  width: 100%;
  height: 480px;
  position: relative;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E6%A0%87%E8%AF%86%E5%BA%94%E7%94%A8.png") 50% 50% / cover no-repeat;
}
.Ident-mechanism {
  width: 1210px;
  height: 1035px;
  margin: 0 auto;
}
.Ident-mechanism .mechanism-title {
  text-align: center;
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  margin: 62px auto 47px;
  letter-spacing: 4px;
}
.Ident-mechanism .mechanism-content {
  margin: 0 auto;
  text-align: center;
  width: 955px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  letter-spacing: 1px;
}
.Ident-mechanism .mechanism-run {
  width: 1210px;
  margin: 49px auto 0;
  height: 200px;
}
.Ident-mechanism .mechanism-run .run-vessel {
  float: left;
  width: 600px;
  height: 200px;
}
.Ident-mechanism .mechanism-run .run-vessel .run-title,
.Ident-mechanism .mechanism-run .run-vessel .run-content {
  margin: 31px 36px 0 65px;
  letter-spacing: 1px;
}
.Ident-mechanism .mechanism-run .run-vessel .run-title {
  font-weight: 800;
  color: #333333;
}
.Ident-mechanism .mechanism-run .vessel-one {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2058%20%E6%8B%B7%E8%B4%9D%202%402x.png");
  margin-right: 3px;
}
.Ident-mechanism .mechanism-run .vessel-two {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2058%20%E6%8B%B7%E8%B4%9D%203%402x.png");
}
.Ident-mechanism .mechanism-run .vessel-three {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2058%20%E6%8B%B7%E8%B4%9D%204%402x.png");
  margin-right: 3px;
  margin-bottom: 4px;
}
.Ident-mechanism .mechanism-run .vessel-four {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2058%20%E6%8B%B7%E8%B4%9D%205%402x.png");
  margin-bottom: 4px;
}
.Ident-mechanism .mechanism-run .vessel-five {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2058%402x.png");
  margin-right: 3px;
}
.Ident-mechanism .mechanism-run .vessel-six {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%2058%20%E6%8B%B7%E8%B4%9D%206%402x.png");
}
.Ident-mechanism .mechanism-level {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  letter-spacing: 5px;
  margin: 67px auto 60px;
  text-align: center;
}
.Ident-commerce {
  width: 1200px;
  margin: 0 auto;
  height: 822px;
  text-align: center;
}
.Ident-commerce .commerce-title {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  letter-spacing: 4px;
}
.Ident-commerce .commerce-content {
  width: 966px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  letter-spacing: 1px;
  margin: 39px auto 56px;
}
.Ident-texture {
  width: 100%;
  height: 1122px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/3004847%20%E6%8B%B7%E8%B4%9D%402x.png");
}
.Ident-texture .texture-title {
  text-align: center;
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fafcff;
  padding-top: 62px;
  margin: 0 auto 49px;
}
.Ident-texture .texture {
  width: 1201px;
  height: 914px;
  background-color: rgba(44, 48, 77, 0.7);
  margin: 0 auto;
}
.Ident-texture .texture .left {
  float: left;
  width: 600px;
  height: 914px;
}
.Ident-texture .texture .left img {
  margin: 15px 10px 19px 12px;
}
.Ident-texture .texture .left .left-texture {
  margin: 51px 30px 57px 55px;
}
.Ident-texture .texture .left .left-texture .first {
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fafcff;
  letter-spacing: 2px;
}
.Ident-texture .texture .left .left-texture .second {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 35px;
  letter-spacing: 1px;
}
.Ident-texture .texture .left .left-texture .third {
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fafcff;
  margin-top: 100px;
}
.Ident-texture .texture .right {
  float: left;
  width: 600px;
  height: 914px;
  margin-top: 55px;
  padding-left: 49px;
  border-left: 1px solid #2C304D;
}
.Ident-texture .texture .right .right-vessel {
  height: 244px;
  margin-bottom: 60px;
  border-bottom: 1px solid #2C304D;
}
.Ident-texture .texture .right .right-vessel .right-panel {
  letter-spacing: 2px;
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fafcff;
}
.Ident-texture .texture .right .right-vessel .right-desc {
  letter-spacing: 1px;
  width: 496px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 35px;
}
.Ident-command {
  width: 1200px;
  height: 1800px;
  margin: 0 auto;
}
.Ident-command .command {
  height: 280px;
  margin-top: 100px;
}
.Ident-command .command .command-left {
  float: left;
  width: 508px;
  margin-top: 14px;
}
.Ident-command .command .command-left .smjx {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  letter-spacing: 2px;
}
.Ident-command .command .command-left .gyhlw {
  width: 508px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-top: 58px;
  letter-spacing: 1px;
}
.Ident-command .command .img-left {
  margin-left: 80px;
}
.Ident-command .command .command-right {
  float: right;
  width: 508px;
}
.Ident-command .command .command-right .jwsy {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  letter-spacing: 2px;
}
.Ident-command .command .command-right .sczz {
  width: 508px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-top: 58px;
  letter-spacing: 1px;
}
.Ident-command .Control {
  margin-top: 178px;
}
.Ident-command .Control .text-second {
  margin-top: 32px;
}
.Ident-command .forge {
  margin-top: 96px;
}
.Ident-command .forge .text-second {
  margin-top: 63px;
}
.Ident-command .share {
  margin-top: 145px;
}
.Ident-command .share .text-third {
  margin-top: 80px;
}

.header {
  width: 100%;
  background: #232A3B;
  height: 60px;
}
.header a {
  color: #FFFFFF !important;
}
.header a a:hover {
  color: #5A7CFD !important;
}
.header .clear {
  clear: both;
}
.header .left {
  float: left;
}
.header .site-header {
  width: 1200px;
  background: #232A3B;
  margin: 0 auto;
  line-height: 60px;
  height: 60px;
}
.header .site-header .container {
  height: 60px;
}
.header .site-header .container .nav-left {
  float: left;
}
.header .site-header .container .nav-left .nav-title {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #ffffff;
  float: left;
  letter-spacing: 5px;
}
.header .site-header .container .nav-left .nav-item {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.header .site-header .container .nav-left .nav-item .item-one {
  width: 60px;
  margin-left: 99px;
  float: left;
  height: 56px;
}
.header .site-header .container .nav-left .nav-item .item-one:hover {
  border-bottom: 2px solid #5A7CFD;
}
.header .site-header .container .nav-left .nav-item .item-two {
  width: 96px;
  margin-left: 86px;
  height: 56px;
}
.header .site-header .container .nav-left .nav-item .item-two:hover {
  border-bottom: 2px solid #5A7CFD;
}
.header .site-header .container .nav-left .nav-item .item-three {
  width: 96px;
  margin-left: 86px;
  height: 56px;
}
.header .site-header .container .nav-left .nav-item .item-three:hover {
  border-bottom: 2px solid #5A7CFD;
}
.header .site-header .container .nav-right {
  float: right;
}
.header .site-header .container .nav-right .nav-right-zc {
  margin-left: 24px;
  margin-right: 20px;
}

.communicate {
  position: fixed;
  right: 0;
  top: 60%;
}
.communicate .communicate-content .communicate-buttom {
  width: 239px;
  height: 80px;
  padding-right: 10px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%207.png");
  position: absolute;
  right: 86px;
  top: 26px;
  display: none;
  padding-left: 30px;
}
.communicate .communicate-content .communicate-buttom .buttom-one {
  font-size: 16px;
  color: #fff;
  padding-top: 18px;
  letter-spacing: 1px;
}
.communicate .communicate-content .communicate-buttom .buttom-two {
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 4px;
}
.communicate .communicate-content .communicate-buttom .buttom-two a {
  color: #fff !important;
  border-bottom: 1px solid #fff;
}
.communicate .communicate-content .communicate-top {
  width: 85px;
  height: 102px;
  padding-left: 10px;
}
.communicate .communicate-content:hover .communicate-buttom {
  display: block;
}

#indchaininfo {
  width: 100%;
  background: #e5e5e5;
}
#indchaininfo .indchaininfo_top {
  padding-top: 195px;
  height: 590px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/chanliantong.png") no-repeat center center;
  background-size: 100% 100%;
}
#indchaininfo .indchaininfo_top .indchaininfo_top_inner {
  width: 1280px;
  margin: 0 auto;
  padding-left: 90px;
}
#indchaininfo .indchaininfo_top .indchaininfo_top_inner .indchaininfo_top_inner_title {
  font-size: 56px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 24px;
}
#indchaininfo .indchaininfo_top .indchaininfo_top_inner .indchaininfo_top_inner_subtitle {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
}
#indchaininfo .indchaininfo_bottom_content {
  height: 1544px;
  width: 100%;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner {
  margin: 0 auto;
  width: 1280px;
  position: relative;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content {
  position: absolute;
  width: 1280px;
  height: 1568px;
  top: -97px;
  left: 0;
  background: #ffffff;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box {
  width: 1280px;
  height: 369px;
  background: #067ae5;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/chanlian-bg.png") center center no-repeat;
  background-size: 100% 100%;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head {
  overflow: hidden;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  width: 100%;
  height: 72px;
  background-color: #fff;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head .back_box {
  float: right;
  margin-right: 90px;
  line-height: 72px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head .back_box img {
  position: relative;
  top: 6px;
  margin-right: 8px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head .returnActive {
  color: #067ae5;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head-content {
  padding: 66px 90px 0 397px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head-content .info-title {
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 32px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-head-box .info-content-head-content .info-des {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 {
  width: 100%;
  height: 767px;
  position: relative;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .service-box {
  position: absolute;
  right: 90px;
  top: 56px;
  width: 600px;
  height: 419px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-top {
  padding: 60px 0 0 90px;
  height: 361px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-top .info-content-part1-top-title {
  font-size: 36px;
  font-weight: 400;
  color: #333333;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-top .info-content-part1-top-line {
  width: 24px;
  height: 6px;
  background: #067ae5;
  margin: 32px 0;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-top .info-content-part1-top-des {
  width: 444px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom {
  width: 1190px;
  height: 406px;
  background: #f3f3f3;
  padding: 60px 0 0 90px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .info-content-part1-bottom-title {
  font-size: 36px;
  font-weight: 400;
  color: #333333;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .info-content-part1-bottom-des {
  width: 484px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin: 32px 0;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box {
  overflow: hidden;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box .effect-box-item {
  float: left;
  padding-left: 86px;
  width: 300px;
  overflow: hidden;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box .effect-box-item .effect-box-item-left {
  float: left;
  margin-right: 17px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box .effect-box-item .effect-box-item-left img {
  position: relative;
  top: 6px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box .effect-box-item .effect-box-item-right {
  float: left;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box .effect-box-item .effect-box-item-right .effect-box-item-right-title {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part1 .info-content-part1-bottom .effect-box .effect-box-item .effect-box-item-right .effect-box-item-right-des {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part2 {
  padding: 60px 90px 0 90px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part2 .info-content-part2-inner {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/pain-bg.png") center center no-repeat;
  background-size: 100% 100%;
  width: 1100px;
  height: 312px;
  padding: 45px 0 0 40px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part2 .info-content-part2-inner .info-content-part2-inner-title {
  font-size: 36px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 20px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part2 .info-content-part2-inner .pain-box {
  padding-left: 72px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part2 .info-content-part2-inner .pain-box .pain-box-item {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-bottom: 16px;
}
#indchaininfo .indchaininfo_bottom_content .indchaininfo_bottom_content_inner .indchaininfo_bottom_content_inner-content .info-content-part2 .info-content-part2-inner .pain-box .pain-box-item img {
  position: relative;
  top: 8px;
  margin-right: 14px;
}

.comtitle {
  position: relative;
  height: 40px;
  margin: 0 auto;
}
.comtitle p {
  position: absolute;
  font-weight: 900;
}
.comtitle p:nth-child(1) {
  z-index: 10;
  top: 0;
  left: 0;
  font-size: 30px;
  color: #2b2b2b;
}
.comtitle p:nth-child(2) {
  position: absolute;
  top: 18px;
  font-size: 24px;
  color: #e8e9ff;
}
.ant-modal-body .modalBody {
  position: relative;
  height: 420px;
}
.ant-modal-body .modalBody .submit {
  position: absolute;
  bottom: 77px;
}
.ant-modal-body .modalBody .nc-container .nc_scale span {
  height: 35px;
}
.ant-modal-body .modalBody .modalFooter {
  position: absolute;
  bottom: 15px;
  width: 100%;
  line-height: 32px;
}
.ant-modal-body .modalBody .modalFooter a {
  float: left;
  display: block;
  width: 88px;
  height: 32px;
  line-height: 32px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/2.png') 50% 50% / cover no-repeat;
}
.ant-modal-body .modalBody .modalFooter .tel {
  float: right;
}
.ant-modal-body .modalBody .modalFooter .tel img {
  vertical-align: middle;
}
.ant-modal-body .modalBody .modalFooter .tel span {
  margin-left: 10px;
}
.keepIndustrialBox {
  padding-top: 60px;
  width: 100%;
}
.keepIndustrialBox .bannerBox {
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  padding: 58px 0 72px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/1.256b65db.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .bannerBox .modalBox {
  position: relative;
  width: 1200px;
  height: 470px;
  margin: 0 auto;
}
.keepIndustrialBox .bannerBox .modalBox .modal {
  position: absolute;
  top: 0;
  right: 0;
  width: 380px;
  height: 470px;
  border-radius: 4px;
  box-shadow: 4.1px 2.8px 10px 0 rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalTitle {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #383345;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #ffffff;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody {
  position: relative;
  height: 420px;
  box-sizing: border-box;
  padding: 24px 25px 20px;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .submit {
  position: absolute;
  bottom: 77px;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .nc-container .nc_scale span {
  height: 35px;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .modalFooter {
  position: absolute;
  bottom: 15px;
  width: 100%;
  box-sizing: border-box;
  padding-right: 50px;
  line-height: 32px;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .modalFooter a {
  float: left;
  display: block;
  width: 88px;
  height: 32px;
  line-height: 32px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/2.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .modalFooter .tel {
  float: right;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .modalFooter .tel img {
  vertical-align: middle;
}
.keepIndustrialBox .bannerBox .modalBox .modal .modalBody .modalFooter .tel span {
  margin-left: 10px;
}
.keepIndustrialBox .productBox {
  width: 100%;
  background: #f8fafe;
}
.keepIndustrialBox .productBox .product {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0 40px;
}
.keepIndustrialBox .productBox .product .productTopImg {
  width: 1234px;
  height: 208px;
  margin-bottom: 55px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/7.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .productBox .product .descBox {
  position: relative;
  width: 1200px;
  height: 396px;
  margin-top: 89px;
  margin-bottom: 80px;
  background-color: #ffffff;
}
.keepIndustrialBox .productBox .product .descBox .box {
  position: absolute;
  top: -39px;
  width: 300px;
  height: 415px;
}
.keepIndustrialBox .productBox .product .descBox .box .desc p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1.6px;
  text-align: left;
  color: #333333;
}
.keepIndustrialBox .productBox .product .descBox .box .desc p:nth-child(1) {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
}
.keepIndustrialBox .productBox .product .descBox .box:nth-child(1) {
  left: 117px;
}
.keepIndustrialBox .productBox .product .descBox .box:nth-child(2) {
  left: 449px;
}
.keepIndustrialBox .productBox .product .descBox .box:nth-child(3) {
  left: 781px;
}
.keepIndustrialBox .productBox .product .comtitle,
.keepIndustrialBox .productBox .product .comtitles {
  width: 191px;
  height: 37px;
  margin: 0 auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/t1.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .productBox .product .comtitles {
  width: 186px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/t2.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .productBox .product ul {
  margin: 39px 0 25px;
  box-sizing: border-box;
  padding: 0 60px 0 76px;
}
.keepIndustrialBox .productBox .product ul li {
  float: left;
  width: 93px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  color: #666666;
  margin-right: 40px;
  cursor: pointer;
}
.keepIndustrialBox .productBox .product ul .active {
  color: #fff;
  border-radius: 4px;
  background-color: #16288a;
}
.keepIndustrialBox .productBox .product .productDetail {
  position: relative;
  width: 100%;
  height: 436px;
}
.keepIndustrialBox .productBox .product .productDetail .box {
  position: relative;
  float: left;
  width: 288px;
  height: 210px;
}
.keepIndustrialBox .productBox .product .productDetail .box:hover .mask {
  display: block;
}
.keepIndustrialBox .productBox .product .productDetail .box .mask {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 210px;
  box-sizing: border-box;
  padding: 42px 23px 40px;
  opacity: 0.72;
  background-color: #16288a;
}
.keepIndustrialBox .productBox .product .productDetail .box .mask p:nth-child(1) {
  font-size: 16px;
  color: #ffffff;
}
.keepIndustrialBox .productBox .product .productDetail .box .mask p:nth-child(2) {
  margin: 18px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #ffffff;
}
.keepIndustrialBox .productBox .product .productDetail .box .mask a {
  display: block;
  width: 191px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  border: solid 1px #ffffff;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(1),
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(4) {
  height: 436px;
}
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(2),
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(3),
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(4) {
  margin-left: 16px;
}
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(5),
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(6) {
  position: absolute;
  bottom: 0;
}
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(5) {
  left: 304px;
}
.keepIndustrialBox .productBox .product .productDetail .box:nth-child(6) {
  right: 304px;
}
.keepIndustrialBox .productBox .product .moreBtn {
  display: block;
  width: 190px;
  height: 46px;
  line-height: 46px;
  margin: 40px auto 0;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  background-color: #fe6d20;
}
.keepIndustrialBox .caseBox {
  width: 100%;
  background: #fff;
}
.keepIndustrialBox .caseBox .case {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 40px;
}
.keepIndustrialBox .caseBox .case .comtitle {
  width: 120px;
  margin: 0 auto 40px;
}
.keepIndustrialBox .caseBox .case .comtitle p:nth-child(2) {
  left: 18%;
}
.keepIndustrialBox .caseBox .case .casebody {
  width: 100%;
}
.keepIndustrialBox .caseBox .case .casebody .box {
  position: relative;
  float: left;
  width: 288px;
  height: 210px;
  margin: 0 16px 16px 0;
}
.keepIndustrialBox .caseBox .case .casebody .box:hover .mask {
  display: block;
}
.keepIndustrialBox .caseBox .case .casebody .box .btn {
  position: absolute;
  top: 90px;
  left: 45px;
  width: 91px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: solid 1px #ffffff;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.keepIndustrialBox .caseBox .case .casebody .box .mask {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 288px;
  height: 112px;
  box-sizing: border-box;
  padding: 20px 25px 10px;
  opacity: 0.72;
  background-color: #132b85;
}
.keepIndustrialBox .caseBox .case .casebody .box .mask p {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  color: #ffffff;
}
.keepIndustrialBox .caseBox .case .casebody .box .mask p:nth-child(1) {
  margin-bottom: 10px;
  font-size: 16px;
}
.keepIndustrialBox .caseBox .case .casebody .box:nth-child(4n) {
  margin-right: 0;
}
.keepIndustrialBox .caseBox .case .moreBtn {
  display: block;
  width: 180px;
  height: 46px;
  line-height: 46px;
  margin: 20px auto 0;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.keepIndustrialBox .botBox {
  width: 100%;
  background: #f8fafe;
}
.keepIndustrialBox .botBox .bot {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 40px;
}
.keepIndustrialBox .botBox .company {
  width: 100%;
  height: 177px;
  margin: 50px 0;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/4.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .botBox .btn {
  width: 180px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto 70px;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.keepIndustrialBox .botBox .companyPri {
  width: 1200px;
  height: 298px;
  margin: 51px 0 41px;
  box-sizing: border-box;
  padding: 59px 76px 0;
  background: #fff;
}
.keepIndustrialBox .botBox .desc {
  width: 100%;
  height: 449px;
  box-sizing: border-box;
  padding: 25px 39px 24px 24px;
  background-color: #4a5dd7;
}
.keepIndustrialBox .botBox .desc .left {
  float: left;
  width: 564px;
  height: 400px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiKeepIndustrial/6.png') 50% 50% / cover no-repeat;
}
.keepIndustrialBox .botBox .desc .right {
  float: right;
  width: 534px;
  box-sizing: border-box;
  padding-top: 15px;
}
.keepIndustrialBox .botBox .desc .right p:nth-child(1) {
  font-size: 14px;
  line-height: 1.86;
  color: #fefeff;
}
.keepIndustrialBox .botBox .desc .right p:nth-child(2) {
  margin: 30px 0 22px;
  font-size: 18px;
  color: #fefeff;
}
.keepIndustrialBox .botBox .desc .right ul li {
  font-size: 14px;
  line-height: 1.86;
  color: #fefeff;
}
.keepIndustrialBox .botBox .desc .right a {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #ffa97c;
}
.keepIndustrialBox .data {
  width: 100%;
  height: 110px;
  margin-top: 40px;
  box-shadow: 0 0 18px 2px rgba(102, 102, 102, 0.1);
  background-color: #ffffff;
}
.keepIndustrialBox .data li {
  float: left;
  width: 215px;
  height: 100%;
  position: relative;
  padding: 18px 0 28px 62px;
  text-align: left;
}
.keepIndustrialBox .data li strong span {
  font-size: 34px;
  font-weight: 500;
  color: rgba(32, 73, 153, 0.9);
}
.keepIndustrialBox .data li p {
  color: #333333;
}
.keepIndustrialBox .data li i {
  display: inline-block;
  width: 2px;
  background-color: #e3e3e3;
  position: absolute;
  top: 28px;
  bottom: 28px;
  right: 0;
}
.keepIndustrialBox .data li:first-child {
  width: 239px;
  background-color: #607dc2;
  padding-left: 47px;
  padding-top: 28px;
}
.keepIndustrialBox .data li:first-child > span {
  color: #fff;
  line-height: 54px;
  display: inline-block;
}
.keepIndustrialBox .data li:first-child > img {
  margin-right: 21px;
  vertical-align: middle;
}
.modalBoxMask .ant-modal-header {
  height: 48px;
  line-height: 48px;
  background: #383345;
}
.modalBoxMask .ant-modal-body {
  box-sizing: border-box;
  padding: 24px 25px 20px;
}
.modalBoxMask .ant-modal-title {
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #fff;
}
.modalBoxMask .ant-modal-close {
  color: #fff;
}
.modalBoxMask .modalBody {
  height: 385px;
}
.modalBoxMask .submit {
  bottom: 105px;
}
.modalBoxMask .modalFooter {
  bottom: 50px;
}

#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .other-checkBox .ant-checkbox-inner {
  border-color: #ff6d20;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .ant-checkbox-group {
  display: inline-block;
  width: 580px;
  text-align: left;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .ant-checkbox-group .ant-checkbox-wrapper {
  margin-right: 18px;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .ant-select-selection--single {
  height: 40px;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 40px;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .ant-input {
  height: 40px;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .IndustyCal-select-industy .anticon {
  position: absolute;
  font-size: 12px;
  right: 8px;
  top: 50%;
  color: rgba(0, 0, 0, 0.43);
  margin-top: -4px;
}
#IndustyCal-out .IndustyCal-select-option .IndustyCal-select-sin .ant-select-arrow {
  font-size: 16px;
}
#IndustyCal-out .industrialCalculator-video-pop-up {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99999;
}
#IndustyCal-out .industrialCalculator-video-pop-up > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
}
#IndustyCal-out .industrialCalculator-video-pop-up .fade-enter {
  opacity: 0;
}
#IndustyCal-out .industrialCalculator-video-pop-up .fade-enter-active {
  transition: all 0.3s linear;
  opacity: 1;
}
#IndustyCal-out .industrialCalculator-video-pop-up .fade-exit {
  opacity: 1;
}
#IndustyCal-out .industrialCalculator-video-pop-up .fade-exit-active {
  transition: all 0.3s linear;
  opacity: 0;
}
.ant-modal-body {
  padding: 16px;
}
.ant-modal-body .IndustyCal-out-Modal .nc-container > .nc_wrapper > .nc_scale > .btn_slide {
  height: 35px !important;
}

.industrialde-out .section_gysj .gysj_zt_banner {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/gysj_zt_banner.png");
  width: 480px;
  height: 302px;
  color: #ffffff;
  padding: 42px 20px 20px 28px;
  position: relative;
}
.industrialde-out .section_gysj .gysj_zt_banner h2 {
  color: #ffffff;
  border-left: 5px solid #F40B0B;
  padding-left: 18px;
  margin-left: -28px;
}
.industrialde-out .section_gysj .gysj_zt_banner p {
  padding: 15px 0 40px 0;
}
.industrialde-out .section_gysj .gysj_zt_banner span {
  border: 1px solid #ffffff;
  padding: 13px 16px;
  color: #ffffff;
  cursor: pointer;
}
.industrialde-out .section_gysj .gysj_zt_banner .gysjpd {
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.industrialde-out .section_title {
  padding: 50px 0 20px;
  display: flex;
  justify-content: space-between;
}
.industrialde-out .caseList {
  display: flex;
  justify-content: space-between;
}
.industrialde-out .caseList .block {
  width: 240px;
  height: 244px;
  position: relative;
  border: 1px solid #f6f7f8;
}
.industrialde-out .caseList .block .title {
  color: #fff;
  height: 36px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  line-height: 36px;
  position: absolute;
  bottom: 0;
  width: 238px;
}
.industrialde-out .omit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.industrialde-out .omit_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.industrialde-out .mainList {
  background: #ffffff;
  display: flex;
  justify-content: space-between;
}
.industrialde-out .mainList .block {
  padding: 48px 30px 0 34px;
  width: 240px;
  height: 302px;
  border: 1px solid #f6f7f8;
}
.industrialde-out .mainList .block img {
  margin-bottom: 60px;
  border-radius: 3px;
}
.industrialde-out .mainList .block div {
  color: #999999;
  font-weight: 800;
}
.industrialde-out .mainList .block h2 {
  padding: 0 0 25px 0;
  color: #333333;
}
.industrialde-out .mainList .block p {
  font-weight: 500;
  color: #676767;
}
.industrialde-out .tags {
  display: flex;
  justify-content: start;
  flex-flow: wrap;
  text-align: center;
}
.industrialde-out .tags .tag {
  color: #808080;
  font-size: 12px;
  border: 1px solid #6666;
  padding: 4px 6px;
  margin-right: 10px;
  font-weight: 400;
}
.industrialde-out .disn {
  display: none;
}
.industrialde-out .mt10 {
  margin-top: 10px;
}
.industrialde-out .mb30 {
  margin-bottom: 30px;
}
.industrialde-out .c1 {
  color: #F4620E;
}
.industrialde-out .c2 {
  color: #F50000;
}
.industrialde-out .c3 {
  color: #333333;
}
.industrialde-out .fw8 {
  font-weight: 800;
}
.industrialde-out .fl {
  float: left;
}
.industrialde-out .fr {
  float: right;
}
.industrialde-out .cb {
  clear: both;
}
.industrialde-out .flex {
  display: flex;
}
.industrialde-out .w1200 {
  width: 1200px;
  margin: auto;
}
.industrialde-out h1 {
  font-size: 30px;
  font-weight: 800;
  line-height: 30px;
}
.industrialde-out h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
}
.industrialde-out h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 18px;
}
.industrialde-out h4 {
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
}
.industrialde-out .f12 {
  font-size: 12px;
}
.industrialde-out .f20 {
  font-size: 20px;
}
.industrialde-out .f30 {
  font-size: 30px;
}

#industrial-service {
  padding-top: 60px;
}

.message-scroll {
  height: 216px;
  overflow: hidden;
}
.message-scroll > div > ul > li {
  text-align: left;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 30px;
  font-size: 12px;
}
.message-scroll > div > ul > li > span {
  color: #108ee9;
  font-size: 12px;
}

#industrial-service-second-nav {
  position: absolute;
  bottom: -360px;
  left: 50%;
  transform: translateX(-50%);
}
#industrial-service-second-nav .button {
  cursor: pointer;
  outline: none;
  border: 0;
  transition: all 0.3s linear;
  width: 140px;
  height: 40px;
  background-color: #108ee9;
  border-radius: 40px;
  line-height: 40px;
  color: white;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
#industrial-service-second-nav .button:hover {
  background-color: rgba(16, 142, 233, 0.7);
}
#industrial-service-second-nav > div {
  width: 1200px;
}
#industrial-service-second-nav > div .left-content {
  background-color: white;
  height: 420px;
  padding: 0 30px;
  text-align: center;
  position: relative;
}
#industrial-service-second-nav > div .left-content > h4 {
  line-height: 80px;
  text-align: center;
  font-size: 20px;
  color: #333;
  font-weight: 600;
}
#industrial-service-second-nav > div .left-content > h4 > i {
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #d0d0d0;
  margin: 0 20px;
  vertical-align: middle;
}
#industrial-service-second-nav > div .left-content > ul {
  list-style: none;
  border-bottom: 1px solid #ececec;
}
#industrial-service-second-nav > div .left-content > ul:after {
  content: '';
  clear: both;
  display: block;
}
#industrial-service-second-nav > div .left-content > ul > li {
  float: left;
  color: #333;
  position: relative;
}
#industrial-service-second-nav > div .left-content > ul > li > i {
  margin: 0 12px;
  color: #dfdfdf;
  font-size: 12px;
}
#industrial-service-second-nav > div .left-content > ul > li > span {
  margin-bottom: 20px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s linear;
  border-bottom: 2px solid transparent;
}
#industrial-service-second-nav > div .left-content > ul > li > span:hover {
  color: #108ee9;
  border-color: #108ee9;
}
#industrial-service-second-nav > div .left-content > ul > li > span.active {
  color: #108ee9;
  border-color: #108ee9;
}
#industrial-service-second-nav > div .left-content > ul > li:last-child > i {
  display: none;
}
#industrial-service-second-nav > div .left-content > p > span.active {
  background-color: #ddf1ff;
  color: #108ee9 !important;
}
#industrial-service-second-nav > div .left-content > p:nth-child(3) {
  margin-top: 20px;
  padding-bottom: 20px;
}
#industrial-service-second-nav > div .left-content > p:nth-child(3):after {
  content: '';
  clear: both;
  display: block;
}
#industrial-service-second-nav > div .left-content > p:nth-child(3) > span {
  float: left;
  padding: 4px 10px;
  transition: all 0.3s linear;
  color: #666;
  border-radius: 30px;
  cursor: pointer;
  margin-right: 25px;
  margin-bottom: 8px;
}
#industrial-service-second-nav > div .left-content > p:nth-child(3) > span:hover {
  background-color: #ddf1ff;
  color: #108ee9;
}
#industrial-service-second-nav > div .left-content > p:nth-child(4) {
  border-top: 1px dashed #a5d8fd;
  padding-top: 20px;
  margin-bottom: 20px;
}
#industrial-service-second-nav > div .left-content > p:nth-child(4):after {
  content: '';
  clear: both;
  display: block;
}
#industrial-service-second-nav > div .left-content > p:nth-child(4) > span {
  float: left;
  padding: 4px 10px;
  transition: all 0.3s linear;
  color: #666;
  border-radius: 30px;
  cursor: pointer;
  margin-right: 25px;
  margin-bottom: 8px;
}
#industrial-service-second-nav > div .left-content > p:nth-child(4) > span:hover {
  background-color: #ddf1ff;
  color: #108ee9;
}
#industrial-service-second-nav > div .left-content > button {
  cursor: pointer;
  outline: none;
  border: 0;
  transition: all 0.3s linear;
  width: 140px;
  height: 40px;
  background-color: #108ee9;
  border-radius: 40px;
  line-height: 40px;
  color: white;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
#industrial-service-second-nav > div .left-content > button:hover {
  background-color: rgba(16, 142, 233, 0.7);
}
#industrial-service-second-nav > div .left-content-pop {
  height: 420px;
  background-color: white;
  text-align: center;
  padding: 0px 130px;
}
#industrial-service-second-nav > div .left-content-pop > h4 {
  font-size: 20px;
  color: #333;
  text-align: center;
  margin-bottom: 38px;
  font-weight: 600;
  line-height: 80px;
}
#industrial-service-second-nav > div .left-content-pop > h4 > i {
  width: 50px;
  height: 1px;
  background-color: #d0d0d0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
#industrial-service-second-nav > div .left-content-pop > div {
  margin-bottom: 18px;
  text-align: left;
}
#industrial-service-second-nav > div .left-content-pop > div > label {
  color: #333;
  margin-right: 15px;
}
#industrial-service-second-nav > div .left-content-pop > div textarea,
#industrial-service-second-nav > div .left-content-pop > div input {
  width: 550px;
  vertical-align: middle;
  resize: none;
  height: 40px;
  line-height: 40px;
}
#industrial-service-second-nav > div .left-content-pop > div textarea {
  height: 80px;
}
#industrial-service-second-nav > div .left-content-pop > div .small {
  width: 200px;
  margin-right: 15px;
}
#industrial-service-second-nav > div .left-content-pop > div > button {
  width: 124px;
  height: 40px;
  border-radius: 40px;
}
#industrial-service-second-nav > div .left-content-pop > button {
  width: 140px;
  height: 40px;
  border-radius: 40px;
  margin-top: 20px;
}
#industrial-service-second-nav > div .right-content {
  background-color: white;
  height: 420px;
  position: relative;
}
#industrial-service-second-nav > div .right-content > h4 {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  text-align: center;
  line-height: 80px;
  margin-bottom: 20px;
}
#industrial-service-second-nav > div .right-content > button {
  cursor: pointer;
  outline: none;
  border: 0;
  transition: all 0.3s linear;
  width: 140px;
  height: 40px;
  background-color: #108ee9;
  border-radius: 40px;
  line-height: 40px;
  color: white;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  background-color: white;
  border: 1px solid #108ee9;
  color: #108ee9;
}
#industrial-service-second-nav > div .right-content > button:hover {
  background-color: rgba(16, 142, 233, 0.7);
}
#industrial-service-second-nav > div .right-content > button:hover {
  background-color: #108ee9;
  color: white;
}
#industrial-service-second-nav > div .right-content-pop {
  height: 420px;
  background-color: white;
  text-align: center;
  padding: 0 30px;
}
#industrial-service-second-nav > div .right-content-pop > h4 {
  font-size: 20px;
  color: #333;
  text-align: center;
  font-weight: 600;
  line-height: 80px;
  margin-bottom: 40px;
}
#industrial-service-second-nav > div .right-content-pop > h4 > i {
  width: 50px;
  height: 1px;
  background-color: #d0d0d0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
#industrial-service-second-nav > div .right-content-pop > div {
  margin-bottom: 18px;
}
#industrial-service-second-nav > div .right-content-pop > div .ant-select {
  width: 100%;
  height: 40px;
}
#industrial-service-second-nav > div .right-content-pop > div .ant-select .ant-select-selection--single {
  height: 40px;
}
#industrial-service-second-nav > div .right-content-pop > div .ant-select .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 40px;
}
#industrial-service-second-nav > div .right-content-pop > div input {
  height: 40px;
}
#industrial-service-second-nav > div .right-content-pop > div:nth-child(4):after {
  content: '';
  display: block;
  clear: both;
}
#industrial-service-second-nav > div .right-content-pop > div:nth-child(4) > input {
  width: 116px;
  float: left;
}
#industrial-service-second-nav > div .right-content-pop > div:nth-child(4) > button {
  width: 90px;
  padding: 0;
  text-align: center;
  float: right;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #108ee9;
  color: #108ee9;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s linear;
}
#industrial-service-second-nav > div .right-content-pop > div:nth-child(4) > button:hover {
  background-color: #108ee9;
  color: white;
}
#industrial-service-second-nav > div .right-content-pop > button {
  margin-top: 24px;
  width: 140px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #108ee9;
  color: white;
  background-color: #108ee9;
  cursor: pointer;
  transition: all 0.3s linear;
}
#industrial-service-second-nav > div .right-content-pop > button:hover {
  background-color: rgba(16, 142, 233, 0.7);
}
#industrial-service-second-nav > div .right-content-pop .ant-select-selection__placeholder {
  font-size: 12px;
}
#indesCode .nc_scale span,
#indesCodes .nc_scale span {
  height: 34px;
}

#industrial-service-content .title {
  width: 1200px;
  margin: auto;
}
#industrial-service-content .title > h4 {
  font-size: 30px;
  color: #333;
  text-align: center;
}
#industrial-service-content .title > h4 > a {
  float: right;
  color: #666;
  margin-top: 20px;
}
#industrial-service-content > #banner {
  height: 460px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/IndustrialService/banner.jpg') no-repeat 50% 0%;
  background-size: cover;
  position: relative;
}
#industrial-service-content > #project-requirements {
  background-color: #f7fafa;
  padding-top: 440px;
  text-align: center;
  padding-bottom: 60px;
}
#industrial-service-content > #project-requirements > div {
  width: 1200px;
  margin: auto;
}
#industrial-service-content > #project-requirements > div > div {
  margin-top: 50px;
}
#industrial-service-content > #project-requirements > div:nth-child(2) {
  height: 706px;
}
#industrial-service-content > #data {
  height: 370px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/IndustrialService/img-1.jpg') no-repeat 50% 50%;
  background-size: cover;
}
#industrial-service-content > #data > ul {
  width: 1200px;
  margin: auto;
  padding: 40px 30px 40px 30px;
  height: 166px;
}
#industrial-service-content > #data > ul:after {
  content: '';
  display: block;
  clear: both;
}
#industrial-service-content > #data > ul > li {
  float: left;
  margin: 0 75px;
}
#industrial-service-content > #data > ul > li > h5 {
  color: white;
}
#industrial-service-content > #data > ul > li > h5 > span {
  font-size: 38px;
}
#industrial-service-content > #data > ul > li > h5 > span:nth-child(2) {
  font-size: 14px;
}
#industrial-service-content > #data > ul > li > i {
  width: 16px;
  height: 2px;
  background-color: #8b8f9f;
  display: block;
  margin-left: 3px;
}
#industrial-service-content > #data > ul > li > p {
  color: white;
  margin-top: 8px;
  padding-left: 3px;
}
#industrial-service-content > #data > ul > li:first-child {
  margin-left: 0;
}
#industrial-service-content > #data > ul > li:last-child {
  margin-right: 0;
}
#industrial-service-content > #data > .intelligence {
  box-shadow: 0 3px 5px #f7f9fa;
  height: 420px;
  width: 1200px;
  background-color: white;
  padding: 40px 28px 40px 274px;
  margin: auto;
  position: relative;
}
#industrial-service-content > #data > .intelligence .slick-dots {
  bottom: -28px;
}
#industrial-service-content > #data > .intelligence .slick-dots button {
  width: 10px;
  height: 10px;
  background-color: white;
  border: 1px solid #8f8f8f;
  border-radius: 50%;
}
#industrial-service-content > #data > .intelligence .slick-dots .slick-active button {
  background-color: #8f8f8f;
}
#industrial-service-content > #data > .intelligence > div:first-child {
  position: absolute;
  width: 274px;
  height: 320px;
  left: 0;
  top: 43px;
  padding: 0 30px;
}
#industrial-service-content > #data > .intelligence > div:first-child > h5 {
  font-size: 24px;
  color: #333;
  border-bottom: 1px solid #eeeeee;
  line-height: 70px;
}
#industrial-service-content > #data > .intelligence > div:first-child > p {
  padding-top: 28px;
  color: #666666;
  line-height: 26px;
}
#industrial-service-content > #data > .intelligence > div:first-child > button {
  width: 120px;
  height: 40px;
  background-color: white;
  color: #108ee9;
  border: 1px solid #108ee9;
  border-radius: 40px;
  line-height: 40px;
  outline: none;
  transition: all 0.3s linear;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 30px;
}
#industrial-service-content > #data > .intelligence > div:first-child > button:hover {
  background-color: #108ee9;
  color: white;
}
#industrial-service-content > #data > .intelligence .carousel {
  width: 440px;
  height: 320px;
  display: inline-block;
  border: 1px solid #d9d9d9;
}
#industrial-service-content > #data > .intelligence .carousel > img {
  width: 100%;
  height: 250px;
}
#industrial-service-content > #data > .intelligence .carousel > div {
  padding: 12px 26px;
}
#industrial-service-content > #data > .intelligence .carousel > div > h6 {
  font-size: 16px;
  color: #333;
}
#industrial-service-content > #data > .intelligence .carousel > div > h6 > span {
  margin-left: 14px;
  border: 1px solid #bdbdbd;
  padding: 3px 10px;
  color: #bdbdbd;
}
#industrial-service-content > #data > .intelligence .carousel > div > p {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
}
#industrial-service-content > #data > .intelligence .carousel:first-child {
  margin-right: 18px;
}
#industrial-service-content > #industrial-service {
  padding-top: 290px;
}
#industrial-service-content > #industrial-service > h2 {
  font-size: 30px;
  color: #333;
  text-align: center;
  margin-bottom: 60px;
}
#industrial-service-content > #industrial-service > #common-industrial-service {
  height: 813px;
}
#industrial-service-content > #industrial-service > #common-industrial-service > div {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/IndustrialService/img-2.jpg') no-repeat;
  background-size: 100% 100%;
  padding: 58px 0;
}
#industrial-service-content > #high-quality-business {
  background-color: #f7fafa;
  height: 616px;
  padding-top: 80px;
  overflow: hidden;
}
#industrial-service-content > #high-quality-business > div:first-child {
  margin-bottom: 50px;
}
#industrial-service-content > #company-empowerment {
  padding-top: 60px;
  padding-bottom: 30px;
}
#industrial-service-content > #company-empowerment > div:nth-child(2) {
  width: 1200px;
  margin: auto;
  margin-top: 44px;
}
#industrial-service-content > #company-empowerment .card-1 {
  height: 440px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/IndustrialService/img-4.jpg') 100% 1% 100% no-repeat;
  padding: 27px;
  transition: all 0.3s linear;
  cursor: pointer;
}
#industrial-service-content > #company-empowerment .card-1:hover {
  transform: translateY(-5px);
}
#industrial-service-content > #company-empowerment .card-1 > h6 {
  font-size: 20px;
  color: #333;
  margin-bottom: 5px;
  margin-top: 10px;
}
#industrial-service-content > #company-empowerment .card-1 > p:nth-child(2) {
  color: #666;
}
#industrial-service-content > #company-empowerment .card-1 > i {
  width: 30px;
  height: 2px;
  background-color: #999;
  display: inline-block;
  margin: 20px 0;
}
#industrial-service-content > #company-empowerment .card-1 > p:nth-child(4) {
  font-size: 18px;
  color: #666;
}
#industrial-service-content > #company-empowerment .card-1 > p:nth-child(4) > span {
  font-size: 30px;
}
#industrial-service-content > #company-empowerment .card-2 {
  background-color: #f7fafa;
  height: 205px;
  margin-bottom: 30px;
  padding: 27px;
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}
#industrial-service-content > #company-empowerment .card-2:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
#industrial-service-content > #company-empowerment .card-2 > h6 {
  font-size: 20px;
  color: #333;
  margin-bottom: 5px;
  margin-top: 10px;
}
#industrial-service-content > #company-empowerment .card-2 > p:nth-child(2) {
  color: #666;
}
#industrial-service-content > #company-empowerment .card-2 > i {
  width: 30px;
  height: 2px;
  background-color: #999;
  display: inline-block;
  margin: 20px 0;
}
#industrial-service-content > #company-empowerment .card-2 > p:nth-child(4) {
  font-size: 18px;
  color: #51c796;
}
#industrial-service-content > #company-empowerment .card-2 > p:nth-child(4) > span {
  font-size: 30px;
}
#industrial-service-content > #company-empowerment .card-2 > img {
  position: absolute;
  right: 28px;
  bottom: 28px;
}
#industrial-service-content > #industrial-ecology {
  background-color: #f7fafa;
  padding-top: 60px;
  padding-bottom: 80px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(1) {
  margin-bottom: 50px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) {
  width: 1200px;
  margin: auto;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2):after {
  content: '';
  clear: both;
  display: block;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div {
  float: left;
  height: 380px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:first-child {
  width: 800px;
  color: white;
  padding: 90px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:first-child > h5 {
  font-size: 32px;
  color: white;
  margin-bottom: 15px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:first-child > p {
  font-size: 20px;
  margin-bottom: 30px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:first-child > button {
  width: 140px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.8);
  line-height: 40px;
  border-radius: 40px;
  transition: all 0.3s linear;
  cursor: pointer;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:first-child > button:hover {
  background-color: white;
  color: #1851da;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child {
  width: 400px;
  background-color: white;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel {
  height: 380px;
  padding: 40px 26px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-track li {
  position: relative;
  height: 100px;
  padding: 24px 13px 20px 87px;
  border-bottom: 1px dashed #d3d3d3;
  cursor: pointer;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-track li > h6 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-track li > img {
  width: 72px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-track li > p {
  color: #666;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-slide {
  width: 346px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-dots {
  bottom: 16px;
  height: 10px;
  width: 348px;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-dots > li > button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #666;
  background-color: white;
}
#industrial-service-content > #industrial-ecology > div:nth-child(2) > div:last-child .carousel .slick-dots .slick-active > button {
  background-color: #666;
}
#industrial-service-content > #competition {
  padding-top: 60px;
  height: 708px;
}
#industrial-service-content > #competition > .title > h4 {
  color: white;
}
#industrial-service-content > #competition > div:nth-child(2) {
  width: 1200px;
  margin: 50px auto;
  text-align: center;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-dots {
  text-align: center;
  margin-bottom: 43px;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-dots > li {
  display: inline-block;
  padding: 0 20px;
  border-right: 1px solid #899fcb;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-dots > li > span {
  padding-bottom: 14px;
  color: #899fcb;
  font-size: 16px;
  transition: all 0.3s linear;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-dots > li:last-child {
  border-right: 0;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-dots > .slick-active > span {
  border-bottom: 2px solid white;
  color: white;
}
#industrial-service-content > #competition > div:nth-child(2) .ant-carousel .slick-slide img {
  width: 100%;
}
#industrial-service-content > #competition > div:nth-child(2) .ant-carousel .slick-initialized .slick-slide {
  margin: 0 14px;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-center {
  transform: scale(1.2);
  margin: 0 45px !important;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-list {
  padding: 90px 0px !important;
}
#industrial-service-content > #competition > div:nth-child(2) .slick-list a {
  width: 300px !important;
}
#industrial-service-content > #competition > div:nth-child(2) .ant-carousel .slick-dots {
  top: 0;
  bottom: auto;
}
#industrial-service-content > #competition > div:nth-child(2) .ant-carousel .slick-dots > li {
  cursor: pointer;
}
#industrial-service-content > #competition > div:nth-child(2) .ant-carousel .slick-dots > li button {
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
#industrial-service-content > #competition > div:nth-child(2) .ant-carousel .slick-dots > li.slick-active > button {
  background-color: #bdbdbd;
}
#industrial-service-content > #competition > div:nth-child(2) > button:last-child {
  width: 130px;
  height: 40px;
  border: 1px solid white;
  color: white;
  border-radius: 40px;
  line-height: 40px;
  transition: all 0.3s linear;
  cursor: pointer;
  background-color: transparent;
}
#industrial-service-content > #competition > div:nth-child(2) > button:last-child:hover {
  background-color: white;
  color: #161f3e;
}
#industrial-service-content > #success-case {
  padding-top: 60px;
  background-color: #f7fafa;
  padding-bottom: 40px;
}
#industrial-service-content > #success-case > div:nth-child(2) {
  height: 350px;
  width: 1200px;
  margin: 40px auto;
}
#industrial-service-content > #company-dynamic {
  background-color: #f7fafa;
  padding-bottom: 110px;
}
#industrial-service-content > #company-dynamic > div:first-child {
  margin-bottom: 40px;
}
#industrial-service-content > #company-dynamic > div:nth-child(2) {
  width: 1200px;
  margin: auto;
}
#industrial-service-content > #company-dynamic .company-dynamic-component .title {
  width: 100%;
}

.industrial-service-requirement-card {
  background-color: white;
  height: 330px;
  text-align: left;
  transition: all 0.3s linear;
  margin-bottom: 23px;
  cursor: pointer;
  padding-top: 196px;
  position: relative;
  display: block;
}
.industrial-service-requirement-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.industrial-service-requirement-card > img {
  height: 196px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.industrial-service-requirement-card > div {
  padding: 10px 20px 20px 20px;
}
.industrial-service-requirement-card > div > h5 {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.industrial-service-requirement-card > div > h5 > img {
  margin-left: 8px;
  vertical-align: middle;
}
.industrial-service-requirement-card > div > p:nth-child(2) {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1f1f1;
}
.industrial-service-requirement-card > div > p:nth-child(3) > span {
  font-size: 18px;
  color: #51c796;
  display: inline-block;
  margin-top: 8px;
}
.industrial-service-requirement-card > div > p:nth-child(3) > span > strong {
  font-size: 24px;
}
.industrial-service-requirement-card > div > p:nth-child(3) > span:last-child {
  margin-top: 16px;
  float: right;
  font-size: 14px;
  color: #999999;
}

#common-industrial-service .button-common {
  outline: none;
  transition: all 0.2s linear;
  cursor: pointer;
  width: 94px;
  height: 36px;
  background-color: white;
  border: 1px solid #108ee9;
  border-radius: 36px;
  color: #108ee9;
  font-size: 14px;
}
#common-industrial-service .button-common:hover {
  background-color: #108ee9;
  color: white;
}
#common-industrial-service .card-1 {
  cursor: pointer;
}
#common-industrial-service .card-1 i {
  transition: all 0.3s linear;
  width: 170px;
  height: 140px;
  position: absolute;
  top: 15px;
  right: 15px;
}
#common-industrial-service .card-1:hover i {
  transform: translateX(-5px);
}
#common-industrial-service .card-2 {
  cursor: pointer;
}
#common-industrial-service .card-2 i {
  transition: all 0.3s linear;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
#common-industrial-service .card-2:hover i {
  transform: translateY(-5px) translateX(-50%) !important;
}
#common-industrial-service > ul {
  height: 101px;
  width: 1200px;
  margin: auto;
  padding: 0 58px;
}
#common-industrial-service > ul:after {
  content: '';
  display: block;
  clear: both;
}
#common-industrial-service > ul > li {
  float: left;
  margin-right: 99px;
  text-align: center;
}
#common-industrial-service > ul > li > div {
  margin: auto;
  margin-bottom: 10px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  transition: all 0.3s linear;
  cursor: pointer;
  position: relative;
}
#common-industrial-service > ul > li > div:hover path {
  fill: #108ee9 !important;
}
#common-industrial-service > ul > li > div > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#common-industrial-service > ul > li > div path {
  fill: #b3b2b3;
  transition: all 0.3s linear;
}
#common-industrial-service > ul > li.active > div path {
  fill: #108ee9 !important;
}
#common-industrial-service > ul > li:last-child {
  margin-right: 0;
}
#common-industrial-service > div {
  margin-top: 36px;
}
#common-industrial-service > div > div {
  width: 1200px;
  margin: auto;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div {
  height: 560px;
  background-color: white;
  padding: 24px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > p:first-child {
  padding-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > p:first-child > span:first-child {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > p:first-child > a:last-child {
  color: #108ee9;
  position: absolute;
  top: 32%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) {
  height: 220px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div {
  height: 100%;
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div > strong {
  font-size: 16px;
  color: #333;
  position: absolute;
  left: 30px;
  bottom: 61px;
  z-index: 2;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div > span {
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 32px;
  z-index: 2;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div > img {
  position: absolute;
  width: 160px;
  height: 160px;
  right: 30px;
  top: 0;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:first-child {
  border-right: 1px solid #e3e3e3;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:first-child > strong {
  left: 2px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:first-child > span {
  left: 2px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(3),
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(4),
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(5),
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(6) {
  border-bottom: 0;
  height: 252px;
  border-right: 1px solid #e3e3e3;
  position: relative;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(3) > strong,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(4) > strong,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(5) > strong,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(6) > strong {
  font-size: 16px;
  color: #333;
  position: absolute;
  left: 30px;
  bottom: 31px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(3) > span,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(4) > span,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(5) > span,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(6) > span {
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 2px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(3) > img,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(4) > img,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(5) > img,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(6) > img {
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(3) > strong,
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:nth-child(3) > span {
  left: 2px;
}
#common-industrial-service > div > div > div > div:nth-child(1) > div > div:nth-child(2) > div:last-child {
  border-right: 0;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div {
  height: 560px;
  background-color: white;
  padding: 24px;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > p:first-child {
  padding-bottom: 11px;
  position: relative;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > p:first-child > span:first-child {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > p:first-child > a:last-child {
  color: #108ee9;
  position: absolute;
  top: 32%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > img {
  width: 100%;
  cursor: pointer;
  transition: all 0.3s linear;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > img:hover {
  transform: scale(1.05);
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p {
  font-weight: 600;
  color: #333;
  line-height: 25px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > p > img {
  margin-left: 12px;
  vertical-align: sub;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > button {
  outline: none;
  transition: all 0.2s linear;
  cursor: pointer;
  width: 94px;
  height: 36px;
  background-color: white;
  border: 1px solid #108ee9;
  border-radius: 36px;
  color: #108ee9;
  font-size: 14px;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > button:hover {
  background-color: #108ee9;
  color: white;
}
#common-industrial-service > div > div > div > div:nth-child(2) > div > div:nth-child(2) > .button {
  text-align: center;
  margin-top: 16px;
}

.switch-component {
  width: 1320px;
  margin: auto;
  overflow: hidden;
  position: relative;
  padding: 0 60px;
}
.switch-component > button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 0 5px #f0f3f3;
  outline: none;
  border: 0;
  transition: all 0.3s linear;
  cursor: pointer;
  z-index: 5;
}
.switch-component > button:hover {
  background-color: #108ee9;
}
.switch-component > button:hover > i {
  color: white;
}
.switch-component > button > i {
  transition: all 0.3s linear;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.switch-component > button:first-child {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.switch-component > button:last-child {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.switch-component > div {
  padding-bottom: 30px;
  transition: all 0.3s linear;
}
.switch-component > div:after {
  content: '';
  clear: both;
  display: block;
}
.switch-component > div > div {
  float: left;
}

.industrial-service-business-card {
  background-color: white;
  height: 363px;
  padding: 32px;
  text-align: center;
  position: relative;
  display: block;
}
.industrial-service-business-card > img {
  width: 78px;
  margin-bottom: 10px;
}
.industrial-service-business-card > p {
  font-size: 16px;
  color: #333;
}
.industrial-service-business-card > p > img {
  margin-left: 6px;
}
.industrial-service-business-card > div {
  margin-top: 40px;
  height: 145px;
  overflow: hidden;
  text-align: center;
}
.industrial-service-business-card > div > span {
  padding: 6px 13px;
  display: inline-block;
  background-color: #f0f2f5;
  color: #666;
  border-radius: 40px;
  margin: 0 15px;
  margin-bottom: 20px;
}
.industrial-service-business-card > span {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #108ee9;
  position: absolute;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, 50%);
  border-radius: 40px;
  transition: all 0.3s linear;
  cursor: pointer;
}
.industrial-service-business-card > span:hover {
  width: 138px;
}
.industrial-service-business-card > span:hover > a {
  opacity: 1;
}
.industrial-service-business-card > span > a {
  color: white;
  opacity: 0;
  transition: all 0.3s linear;
  line-height: 40px;
  margin-right: 24px;
}
.industrial-service-business-card > span > button {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: white;
  border-radius: 50%;
  border: 0;
}

.cases-card {
  height: 350px;
  background-color: white;
  transition: all 0.3s linear;
  cursor: pointer;
  display: block;
}
.cases-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.cases-card > img {
  width: 100%;
  height: 212px;
}
.cases-card > div:nth-child(2) {
  padding: 10px 18px 18px 18px;
  border-bottom: 1px solid #eeeeee;
}
.cases-card > div:nth-child(2) > h5 {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
}
.cases-card > div:nth-child(2) > p {
  font-size: 12px;
  color: #666;
}
.cases-card > div:nth-child(3) {
  padding: 18px;
}
.cases-card > div:nth-child(3) > img {
  width: 24px;
  vertical-align: middle;
  margin-right: 12px;
}
.cases-card > div:nth-child(3) > span:nth-child(2) {
  font-size: 12px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}
.cases-card > div:nth-child(3) > span:nth-child(3) {
  float: right;
  font-size: 18px;
  color: #51c796;
  line-height: 20px;
}
.cases-card > div:nth-child(3) > span:nth-child(3) > strong {
  font-size: 24px;
}

.company-dynamic-component > div > div {
  background-color: white;
}
.company-dynamic-component > div > div:after {
  content: '';
  display: block;
  clear: both;
}
.company-dynamic-component > div > div > div {
  float: left;
  height: 496px;
}
.company-dynamic-component > div > div .title {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
.company-dynamic-component > div > div .title > i {
  display: inline-block;
  width: 4px;
  height: 20px;
  background-color: #108ee9;
  margin-right: 14px;
  vertical-align: text-bottom;
}
.company-dynamic-component > div > div > .introduction {
  width: 532px;
  padding: 40px 50px 40px 40px;
}
.company-dynamic-component > div > div > .introduction > p {
  line-height: 32px;
}
.company-dynamic-component > div > div > .introduction > img {
  margin-top: 51px;
  height: 180px;
}
.company-dynamic-component > div > div > .news {
  width: 668px;
  padding: 40px 16px 40px 8px;
}
.company-dynamic-component > div > div > .news ::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}
.company-dynamic-component > div > div > .news ::-webkit-scrollbar-thumb {
  width: 4px;
  transition: all 0.3s linear;
  background-color: #e2e2e2;
}
.company-dynamic-component > div > div > .news > ul {
  height: 160px;
  overflow: auto;
}
.company-dynamic-component > div > div > .news > ul > li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
  margin-right: 24px;
}
.company-dynamic-component > div > div > .news > ul > li:hover > span:first-child {
  color: #108ee9;
}
.company-dynamic-component > div > div > .news > ul > li > span:first-child {
  transition: all 0.3s linear;
}
.company-dynamic-component > div > div > .news > ul > li > span:last-child {
  float: right;
}
.company-dynamic-component > div > div > .news > ul > li:last-child {
  border-bottom: 0;
}
.company-dynamic-component > div > div > .news > div:nth-child(3) {
  padding-top: 18px;
}
.company-dynamic-component > div > div > .news > div:nth-child(3):after {
  content: '';
  display: block;
  clear: both;
}
.company-dynamic-component > div > div > .news > div:nth-child(3) > div {
  cursor: pointer;
  float: left;
  height: 180px;
  width: 300px;
  position: relative;
}
.company-dynamic-component > div > div > .news > div:nth-child(3) > div > img {
  width: 100%;
  height: 100%;
}
.company-dynamic-component > div > div > .news > div:nth-child(3) > div > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 40px;
  transition: all 0.3s linear;
}
.company-dynamic-component > div > div > .news > div:nth-child(3) > div > i:hover {
  color: #bbb;
}
.company-dynamic-component > div > div > .news > div:nth-child(3) > div:first-child {
  margin-right: 20px;
}

.ChainBox {
  width: 100%;
  min-width: 1200px;
}
.ChainBox .topBanner {
  padding: 479px 0 0 24.2%;
  height: 889px ;
  background: url("https://360humi-public-obs.360humi.com/sch/chain/banner.png") no-repeat center;
  background-size: 100% 100%;
}
.ChainBox .topBanner a {
  display: block;
  width: 191px;
  height: 58px;
  border: 2px solid #f5f5f5;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 58px;
  color: #ffffff;
}
.ChainBox .topBanner a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ChainBox .content11 {
  height: 1053px ;
  background: url("https://360humi-public-obs.360humi.com/sch/chain/bg1.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
  padding-top: 93px;
  width: 100%;
}
.ChainBox .content11 .content1Head {
  width: 1200px;
  height: 345px;
  background: #ffffff;
  position: absolute;
  top: -263px;
  left: 50%;
  margin-left: -600px;
  overflow: hidden;
}
.ChainBox .content11 .content1Head .leftBox {
  float: left;
  padding: 53px 67px 0 105px;
  width: 698px;
  height: 100%;
}
.ChainBox .content11 .content1Head .leftBox .title {
  width: 265px;
  height: 59px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: #222222;
}
.ChainBox .content11 .content1Head .leftBox .title .jizeng {
  display: inline-block;
  width: 53px;
  height: 29px;
  background: #f45919;
  line-height: 29px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.ChainBox .content11 .content1Head .leftBox .des {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height: 31px;
  margin-bottom: 28px;
}
.ChainBox .content11 .content1Head .leftBox a {
  display: block;
  width: 190px;
  height: 52px;
  background: #f45919;
  border-radius: 5px;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f7f8fa;
}
.ChainBox .content11 .content1Head .leftBox a:hover {
  background-color: #DA480C;
}
.ChainBox .content11 .content1Head .rightBox {
  float: right;
  width: 502px;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/sch/chain/bg1Img.png") no-repeat center;
  background-size: 100% 100%;
}
.ChainBox .content11 .content1Middle {
  width: 1200px;
  height: 377px;
  margin: 0 auto 34px;
  background: #ffffff;
}
.ChainBox .content11 .content1Middle .leftBox {
  float: left;
  width: 507px;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/sch/chain/bg1Img2.png") no-repeat center;
  background-size: 100% 100%;
}
.ChainBox .content11 .content1Middle .rightBox {
  float: left;
  padding: 38px 78px 0 82px;
  width: 693px;
  height: 100%;
}
.ChainBox .content11 .content1Middle .rightBox .title {
  width: 265px;
  height: 59px;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #222222;
}
.ChainBox .content11 .content1Middle .rightBox .title .jixiang {
  display: inline-block;
  width: 53px;
  height: 29px;
  background: #3859ff;
  line-height: 29px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.ChainBox .content11 .content1Middle .rightBox .des {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  line-height: 31px;
  margin-bottom: 12px;
}
.ChainBox .content11 .content1Middle .rightBox .mark {
  font-size: 12px;
  font-weight: bold;
  color: #999999;
  margin-bottom: 23px;
}
.ChainBox .content11 .content1Middle .rightBox a {
  display: block;
  width: 190px;
  height: 52px;
  background: #3859ff;
  border-radius: 5px;
  line-height: 52px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f7f8fa;
}
.ChainBox .content11 .content1Middle .rightBox a:hover {
  background-color: #2444E4;
}
.ChainBox .content11 .content1Foot {
  width: 1200px;
  height: 457px;
  background: #ffffff;
  padding: 51px 0 0 123px;
  position: relative;
  margin: 0 auto;
}
.ChainBox .content11 .content1Foot .img3 {
  width: 444px;
  height: 395px;
  position: absolute;
  right: 0;
  top: -25px;
}
.ChainBox .content11 .content1Foot .title {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 50px;
}
.ChainBox .content11 .content1Foot .content {
  overflow: hidden;
  position: relative;
}
.ChainBox .content11 .content1Foot .content .contentItem {
  float: left;
  width: 246px;
}
.ChainBox .content11 .content1Foot .content .contentItem .title {
  margin: 41px 0 24px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.ChainBox .content11 .content1Foot .content .contentItem .des {
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}
.ChainBox .content11 .content1Foot .content .contentItem:nth-child(1) {
  margin-right: 127px;
}
.ChainBox .content22 {
  height: 863px ;
  background: url("https://360humi-public-obs.360humi.com/sch/chain/bg2.png") no-repeat center;
  background-size: 100% 100%;
  width: 100%;
}
.ChainBox .content22 .content2Inner {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  padding-top: 64px;
}
.ChainBox .content22 .content2Inner .contentItem {
  margin-bottom: 40px;
}
.ChainBox .content22 .content2Inner .contentItem .bigTitle {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 26px;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox {
  width: 100%;
  height: 227px;
  overflow: hidden;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox .contentItemItem {
  float: left;
  width: 587px;
  height: 227px;
  margin-right: 26px;
  overflow: hidden;
  padding: 70px 0 0 102px;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox .contentItemItem .left {
  float: left;
  margin-right: 23px;
  width: 78px;
  height: 79px;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox .contentItemItem .right {
  float: left;
  width: 314px;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox .contentItemItem .right .title {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 24px;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox .contentItemItem .right .des {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.ChainBox .content22 .content2Inner .contentItem .contentItemBox .contentItemItem:nth-child(2) {
  margin-right: 0;
}
.ChainBox .content22 .content2Inner a {
  display: block;
  margin: 0 auto;
  width: 273px;
  height: 58px;
  border: 2px solid #f5f5f5;
  border-radius: 3px;
  text-align: center;
  line-height: 58px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.ChainBox .content33 {
  margin: 0 auto;
  width: 100%;
  height: 652px;
  background: #ffffff;
  overflow: hidden;
}
.ChainBox .content33 .left {
  display: block;
  float: left;
  width: 38%;
}
.ChainBox .content33 .left img {
  width: 100%;
}
.ChainBox .content33 .right {
  float: left;
  width: 640px;
  height: 100%;
  padding-left: 5%;
  margin-top: 60px;
}
.ChainBox .content33 .right .title {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 34px;
}
.ChainBox .content33 .right .des {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 70px;
}
.ChainBox .content33 .right .progress {
  margin-bottom: 75px;
}
.ChainBox .content33 .right a {
  display: block;
  width: 246px;
  height: 63px;
  background: #f45919;
  border-radius: 5px;
  text-align: center;
  line-height: 63px;
  font-size: 18px;
  font-weight: bold;
  color: #f7f8fa;
}
.ChainBox .content44 {
  margin: 0 auto;
  height: 1920px ;
  background: url("https://360humi-public-obs.360humi.com/sch/chain/bg4.png") no-repeat center;
  background-size: 100% 100%;
}
.ChainBox .content44 .content4Inner {
  margin: 0 auto;
  width: 1200px;
  padding-top: 83px;
}
.ChainBox .content44 .content4Inner .title {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 33px;
}
.ChainBox .content44 .content4Inner .des {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 42px;
}
.ChainBox .content44 .content4Inner .imgBox {
  width: 100%;
  height: 612px;
  padding-left: 72px;
  margin-bottom: 50px;
  position: relative;
}
.ChainBox .content44 .content4Inner .imgBox .register {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.99);
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  padding: 61px 0 40px 103px;
}
.ChainBox .content44 .content4Inner .imgBox .register .iconTitle {
  position: relative;
  top: -10px;
  margin-left: 14px;
  font-size: 20px;
}
.ChainBox .content44 .content4Inner .imgBox .register .title {
  font-size: 24px;
  font-weight: bold;
  color: #222222;
  margin-bottom: 43px;
  text-align: left;
}
.ChainBox .content44 .content4Inner .imgBox .register .itemBox {
  margin-bottom: 40px;
}
.ChainBox .content44 .content4Inner .can {
  margin: 0 auto 55px;
  width: 739px;
  height: 88px;
}
.ChainBox .content44 .content4Inner .warmBox {
  padding-left: 105px;
  font-size: 16px;
  font-weight: bold;
  color: #a3aab4;
  line-height: 26px;
}
.ChainBox .content44 .content4Inner .warmBox img {
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.ChainBox .content44 .content4Inner .mb21 {
  margin-bottom: 20px;
}
.ChainBox .content44 .content4Inner .toolBox {
  margin-top: 72px;
  margin-bottom: 71px;
}
.ChainBox .content44 .content4Inner .toolBox .title {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 41px;
}
.ChainBox .footer111 {
  width: 100%;
  height: 326px;
  background: #151231;
  margin: 0 auto;
}
.tool111 {
  overflow: hidden;
}
.tool-vessel111 {
  display: inline-block;
  vertical-align: middle;
  padding: 20px 0 20px 20px;
  width: 267px;
  height: 115px;
  float: left;
  margin-right: 44px;
}
.tool-vessel111:nth-child(4) {
  margin-right: 0;
}
.tool-panel111 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 50px;
}
.tool-desc111 {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 17px;
}
#section10_wrap {
  height: 475px;
}
.h1-title > a {
  display: block;
  font-size: 32px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #333333;
  line-height: 45px;
  text-align: center;
}
.h1-title > a:hover {
  color: #EC0A0A;
}
#hzhb_wrap {
  margin-top: 58px;
  height: 237px;
  background-color: #fff;
}
.center-wrap {
  margin: 0 auto;
  width: 1200px;
}
.hzhb-logo {
  display: inline-block;
  width: 198px;
  height: 117px;
  text-align: center;
  line-height: 117px;
  vertical-align: middle;
}
.hzhb-logo > i {
  display: inline-block;
  vertical-align: middle;
  filter: grayscale(100%);
  transition: filter 0.6s ease-in-out;
}
.hzhb-logo:hover > i {
  filter: grayscale(0%);
}
.hzhb-logo:nth-child(1) > i {
  width: 51px;
  height: 51px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -80px -199px no-repeat;
}
.hzhb-logo:nth-child(2) > i {
  width: 70px;
  height: 36px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -152px -199px no-repeat;
}
.hzhb-logo:nth-child(3) > i {
  width: 47px;
  height: 47px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -288px -185px no-repeat;
}
.hzhb-logo:nth-child(4) > i {
  width: 43px;
  height: 43px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -378px -77px no-repeat;
}
.hzhb-logo:nth-child(5) > i {
  width: 72px;
  height: 30px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -102px -318px no-repeat;
}
.hzhb-logo:nth-child(6) > i {
  width: 78px;
  height: 27px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -10px -270px no-repeat;
}
.hzhb-logo:nth-child(7) > i {
  width: 82px;
  height: 32px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -112px -147px no-repeat;
}
.hzhb-logo:nth-child(8) > i {
  width: 58px;
  height: 39px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -288px -126px no-repeat;
}
.hzhb-logo:nth-child(9) > i {
  width: 93px;
  height: 29px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -90px -10px no-repeat;
}
.hzhb-logo:nth-child(10) > i {
  width: 65px;
  height: 44px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -203px -73px no-repeat;
}
.hzhb-logo:nth-child(11) > i {
  width: 35px;
  height: 41px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -378px -264px no-repeat;
}
.hzhb-logo:nth-child(12) > i {
  width: 86px;
  height: 14px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/home_sprites.png) -206px -270px no-repeat;
}
.vertical-center-modal111 .regTkCon {
  height: 400px;
  overflow-y: auto;
}
.registerDesc111 {
  color: #ff6d20;
  cursor: pointer;
}
.join111 {
  width: 246px;
  height: 63px;
  background: #f45919;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #f7f8fa;
  line-height: 63px;
  text-align: center;
}
.h-left111 {
  margin-bottom: 20px;
}
.newMb111 {
  margin-bottom: 20px;
}
.hasReg111 {
  margin-bottom: 48px;
  font-size: 16px;
  font-weight: bold;
  color: #f45919;
}

.topPart .topBanner {
  padding: 353px 0 0 361px;
  height: 520px ;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/banner.jpg") no-repeat center;
  background-size: 100% 100%;
}
.topPart .topBanner a {
  display: block;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #ffffff;
}
.topPart .painSpot {
  width: 100%;
  height: 766px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topPart .painSpot .painSpotInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px ;
  position: relative;
}
.topPart .painSpot .painSpotInner .price {
  position: absolute;
  top: 27px;
  right: 0;
  width: 259px;
  height: 163px;
  padding: 100px 0 0 161px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/price.png") no-repeat center;
}
.topPart .painSpot .painSpotInner .price .register {
  display: block;
  width: 72px;
  height: 34px;
  border: 1px solid #3366ff;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
}
.topPart .painSpot .painSpotInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 12px;
}
.topPart .painSpot .painSpotInner .title2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  margin-bottom: 41px;
}
.topPart .painSpot .painSpotInner .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 22px;
}
.topPart .painSpot .painSpotInner .painSpotContent {
  overflow: hidden;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentLeft {
  float: left;
  width: 840px;
  overflow: hidden;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentLeft .contentLeftItem {
  width: 50%;
  float: left;
  padding: 31px 30px ;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentLeft .contentLeftItem:hover {
  background-color: #ffffff;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentLeft .contentLeftItem:hover .title {
  color: #3366FF;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentLeft .contentLeftItem .title {
  font-size: 20px;
  color: #666;
  line-height: 26px;
  position: relative;
  top: -5px;
  margin-left: 10px;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentLeft .contentLeftItem .des {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight {
  float: right;
  width: 312px;
  height: 473px;
  margin-right: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .head {
  overflow: hidden;
  margin-bottom: 18px;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .head .title {
  float: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .head .more {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  cursor: pointer;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .infoBanner {
  width: 100%;
  height: 104px;
  padding: 84px 0 0 0;
  margin-bottom: 26px;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .infoBanner p {
  font-size: 12px;
  font-weight: 300;
  line-height: 17px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .messageBox .boxItem {
  overflow: hidden;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .messageBox .boxItem .select {
  float: left;
  width: 16px;
  height: 16px;
  background: #3366ff;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .messageBox .boxItem .unSelect {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.topPart .painSpot .painSpotInner .painSpotContent .contentRight .messageBox .boxItem .des {
  float: left;
  width: 253px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 16px;
  position: relative;
  top: -2px;
  cursor: pointer;
}
.topPart .solution {
  width: 100%;
  height: 778px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topPart .solution .solutionInner {
  width: 1200px;
  height: 100%;
  padding: 59px 0 0 0;
  margin: 0 auto;
}
.topPart .solution .solutionInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.topPart .solution .solutionInner .btnGroup .group {
  float: left;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.topPart .solution .solutionInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.topPart .solution .solutionInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topPart .solution .solutionInner .ant-tabs-nav .ant-tabs-tab-active {
  color: #3366ff !important;
}
.topPart .solution .solutionInner .ant-tabs-ink-bar {
  background-color: #3366ff !important;
}
.topPart .solution .solutionInner .ant-tabs-bar {
  margin-bottom: 40px !important;
}
.topPart .solution .solutionInner .tabSTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #3366FF;
  position: relative;
  top: -7px;
  left: 7px;
}
.topPart .solution .solutionInner .tabTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  position: relative;
  top: -7px;
  left: 12px;
}
.topPart .solution .solutionInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 41px;
}
.topPart .solution .solutionInner .tabContent {
  overflow: hidden;
}
.topPart .solution .solutionInner .tabContent .contentLeft {
  float: left;
  width: 840px;
  height: 418px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.topPart .solution .solutionInner .tabContent .contentLeft img {
  width: 838px;
  height: 416px;
}
.topPart .solution .solutionInner .tabContent .contentRight {
  float: right;
  width: 312px;
  height: 418px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 31px 22px 0;
}
.topPart .solution .solutionInner .tabContent .contentRight .title {
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #333333;
  margin-bottom: 8px;
}
.topPart .solution .solutionInner .tabContent .contentRight .des {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-bottom: 25px;
}
.topPart .solution .solutionInner .tabContent .contentRight .online {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3366ff;
}
.topPart .resource {
  width: 100%;
  height: 772px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topPart .resource .resourceInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
}
.topPart .resource .resourceInner .title {
  font-size: 32px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 34px;
}
.topPart .resource .resourceInner .resourceContent {
  overflow: hidden;
}
.topPart .resource .resourceInner .resourceContent .contentLeft {
  float: left;
  width: 840px;
  height: 496px;
  overflow: hidden;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftL {
  float: left;
  width: 280px;
  height: 496px;
  padding: 61px 0 0 40px;
  border: 1px dashed #000;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftL .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 8px;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftL .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 74px;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftL .more {
  display: inline-block;
  width: 120px;
  height: 34px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
  cursor: pointer;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftR {
  float: left;
  width: 560px;
  height: 496px;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem {
  float: left;
  width: 280px;
  height: 248px;
  text-align: center;
  padding-top: 93px;
  border: 1px dashed #000;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 9px;
}
.topPart .resource .resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fcfcfc;
}
.topPart .resource .resourceInner .resourceContent .contentRight {
  float: right;
  width: 312px;
  height: 496px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.topPart .resource .resourceInner .resourceContent .contentRight .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.topPart .resource .resourceInner .resourceContent .contentRight .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 19px;
}
.topPart .resource .resourceInner .resourceContent .contentRight .rightContent .contentItem {
  width: 100%;
  height: 62px;
  overflow: hidden;
  margin-bottom: 19px;
}
.topPart .resource .resourceInner .resourceContent .contentRight .rightContent .contentItem .left {
  float: left;
  margin-right: 18px;
}
.topPart .resource .resourceInner .resourceContent .contentRight .rightContent .contentItem .right {
  float: left;
  width: 140px;
}
.topPart .resource .resourceInner .resourceContent .contentRight .rightContent .contentItem .right .title {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  margin-bottom: 6px;
}
.topPart .resource .resourceInner .resourceContent .contentRight .rightContent .contentItem .right .more {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #3366ff;
  cursor: pointer;
}
.topPart .resource .resourceInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.topPart .resource .resourceInner .btnGroup .group {
  display: inline-block;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.topPart .resource .resourceInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.topPart .resource .resourceInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topPart .service {
  height: 448px ;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/service.png") no-repeat center;
  background-size: 100% 100%;
}
.topPart .service .serviceInnner {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding-top: 48px;
}
.topPart .service .serviceInnner .head {
  overflow: hidden;
}
.topPart .service .serviceInnner .head .title {
  float: left;
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 61px;
}
.topPart .service .serviceInnner .head .ask {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
}
.topPart .service .serviceInnner .serviceContent {
  overflow: hidden;
  height: 260px;
  padding-top: 10px;
}
.topPart .service .serviceInnner .serviceContent .contentItem {
  float: left;
  width: 240px;
  text-align: center;
  padding: 0 10px;
}
.topPart .service .serviceInnner .serviceContent .contentItem:hover {
  height: 240px;
  position: relative;
  top: -10px;
}
.topPart .service .serviceInnner .serviceContent .contentItem:hover .ask {
  display: inline-block;
}
.topPart .service .serviceInnner .serviceContent .contentItem .title {
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  color: #ffffff;
}
.topPart .service .serviceInnner .serviceContent .contentItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  height: 40px;
}
.topPart .service .serviceInnner .serviceContent .contentItem .ask {
  display: none;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  clear: both;
}
.bottomPart .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: 143.5px;
  line-height: 45px;
  color: #333333;
  padding-top: 58px;
  padding-bottom: 41px;
}
.bottomPart .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  margin-top: -90px;
}
.bottomPart .service-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomPart .service-bgc .service {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.bottomPart .service-bgc .service .bottom-box {
  width: 240px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
.bottomPart .service-bgc .service .bottom-box:hover {
  border: 1px solid #3366FF;
}
.bottomPart .service-bgc .service .bottom-box:hover .txt-one {
  color: #3366FF;
}
.bottomPart .service-bgc .service .bottom-box:hover .txt-two {
  color: #3366FF;
}
.bottomPart .service-bgc .service .bottom-box:hover .txt-jt {
  border: 1px solid #3366FF;
  border-radius: 4px;
}
.bottomPart .service-bgc .service .bottom-box .bottom-pic {
  width: 70px;
  margin-top: 60px;
  margin-left: 33px;
}
.bottomPart .service-bgc .service .bottom-box .txt-one {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 33px;
  color: #333333;
  margin-top: 62px;
  margin-left: 33px;
}
.bottomPart .service-bgc .service .bottom-box .txt-two {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  margin-left: 33px;
}
.bottomPart .service-bgc .service .bottom-box .txt-jt {
  border: 2px solid #E5E5E5;
  border-radius: 4px;
  margin-top: -36px;
  margin-right: 25px;
}
.bottomPart .analysis-bgc {
  width: 100%;
  height: 472px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomPart .analysis-bgc .analysis {
  width: 1200px;
  margin: 0 auto;
  height: 472px;
}
.bottomPart .analysis-bgc .analysis .bottom-box {
  width: 240px;
  height: 221px;
  border: 1px solid #E5E5E5;
}
.bottomPart .analysis-bgc .analysis .bottom-box:hover {
  height: 300px;
  margin-top: -29px;
  border: 1px solid #E5E5E5;
}
.bottomPart .analysis-bgc .analysis .bottom-box:hover .bottom-txt {
  padding-right: 10px;
  text-overflow: inherit;
  overflow: visible;
  white-space: pre-line;
}
.bottomPart .analysis-bgc .analysis .bottom-box:hover .bottom-zx {
  width: 94px;
  height: 34px;
  line-height: 34px;
  margin-left: 16px;
  margin-top: 18px;
  display: block;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
}
.bottomPart .analysis-bgc .analysis .bottom-box .bottom-pic {
  margin: 10px 10px ;
  width: 220px;
}
.bottomPart .analysis-bgc .analysis .bottom-box .bottom-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-top: 6px;
  margin-left: 16px;
}
.bottomPart .analysis-bgc .analysis .bottom-box .bottom-txt {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #666666;
  margin-top: 6px;
  margin-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottomPart .analysis-bgc .analysis .bottom-box .bottom-zx {
  display: none;
}
.bottomPart .case-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomPart .case-bgc .case {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.bottomPart .case-bgc .case .case-bottom .bottom-pic {
  width: 240px;
}
.bottomPart .case-bgc .case .case-bottom .bottom-box {
  width: 350px;
  height: 300px;
  padding: 39px 30px 0 30px;
  border: 1px solid #E5E5E5;
}
.bottomPart .case-bgc .case .case-bottom .bottom-box .bottom-tit {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 33px;
  color: #333333;
}
.bottomPart .case-bgc .case .case-bottom .bottom-box .bottom-line {
  width: 36px;
  height: 4px;
  background: #3366ff;
  margin-top: 8px;
  margin-bottom: 24px;
}
.bottomPart .case-bgc .case .case-bottom .bottom-box .bottom-txt {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.bottomPart .case-bgc .case .case-other {
  margin-left: 20px;
}
.bottomPart .partner-bgc {
  width: 100%;
  height: 449px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.bottomPart .partner-bgc .partner {
  width: 1201px;
  margin: 0 auto;
}
.bottomPart .partner-bgc .partner .partner-buttom .pic:hover .pic-b {
  display: block;
  width: 240px;
  height: 118px;
}
.bottomPart .partner-bgc .partner .partner-buttom .pic:hover .pic-a {
  display: none;
}
.bottomPart .partner-bgc .partner .partner-buttom img {
  width: 240px;
  height: 118px;
}
.bottomPart .partner-bgc .partner .partner-buttom .pic-a {
  display: block;
}
.bottomPart .partner-bgc .partner .partner-buttom .pic-b {
  display: none;
}

@font-face {
  font-family: "Zidingyi2";
  src: url(/_next/static/media/DIN-Regular.799221d7.otf);
}
@font-face {
  font-family: "Zidingyi1";
  src: url(/_next/static/media/DIN-Bold.20720c3a.otf);
}
#industryDesignDataBox {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/big-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#industryDesignDataBox .industryDesignDataHead {
  padding-top: 34px;
  width: 100%;
  height: 136px;
  position: relative;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/head-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#industryDesignDataBox .industryDesignDataHead img {
  position: absolute;
  left: 24px;
  top: 7px;
}
#industryDesignDataBox .industryDesignDataHead .timeBox {
  position: absolute;
  right: 36px;
  top: 18px;
  font-weight: 400;
  font-family: "Zidingyi1", "Zidingyi2";
  color: #bcc7ff;
  letter-spacing: 2px;
}
#industryDesignDataBox .industryDesignDataHead .timeBox .left-time,
#industryDesignDataBox .industryDesignDataHead .timeBox .right-time {
  font-size: 20px;
}
#industryDesignDataBox .industryDesignDataHead .timeBox .right-time {
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
#industryDesignDataBox .industryDesignDataHead .industryDesignDataHeadTitle {
  width: 556px;
  height: 77px;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/head-bg-title.png") no-repeat center center;
  background-size: 100% 100%;
}
#industryDesignDataBox .industryDesignDataContent {
  margin: 0 auto;
  width: 1850px;
  overflow: hidden;
  position: relative;
  top: -34px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL {
  float: left;
  width: 461px;
  margin-right: 24px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 {
  width: 100%;
  height: 653px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/left-part1-bg.png") no-repeat center center;
  background-size: 100% 100%;
  padding-top: 31px;
  position: relative;
  margin-bottom: 23px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .commonTitle {
  padding-left: 42px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .commonTitle .line {
  position: absolute;
  width: 5px;
  height: 16px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 27px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseTitle {
  font-size: 14px;
  font-weight: 400;
  color: #90a1e9;
  line-height: 36px;
  margin-top: 14px;
  padding-left: 124px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseTitle .titleCount {
  display: inline-block;
  width: 26px;
  height: 41px;
  text-align: center;
  line-height: 41px;
  font-size: 32px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  text-shadow: 0px 0px 18px 0px #bfc1ff;
  background: rgba(38, 74, 159, 0.32);
  margin-right: 8px;
  position: relative;
  top: 6px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .zhuzhuangtu {
  padding-left: 12px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseBox {
  overflow: hidden;
  padding-left: 40px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseBox .courseItem {
  float: left;
  width: 140px;
  margin-bottom: 16px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseBox .courseItem .courseItemCount {
  font-size: 10px;
  font-weight: 400;
  color: #cfddff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseBox .courseItem .courseItemCount span {
  font-size: 32px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0px 0px 18px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart1 .courseBox .courseItem .courseItemTitle {
  font-size: 14px;
  font-weight: 400;
  color: #90a1e9;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 {
  padding-top: 31px;
  width: 100%;
  height: 267px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/left-part2-bg.png") no-repeat center center;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .commonTitle {
  padding-left: 42px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .commonTitle .line {
  position: absolute;
  width: 5px;
  height: 16px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 27px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .leftPart2Content {
  width: 100%;
  padding-left: 42px;
  overflow: hidden;
  margin-top: 23px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .leftPart2Content .part1Item {
  float: left;
  overflow: hidden;
  margin-right: 30px;
  margin-bottom: 28px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .leftPart2Content .part1Item .systemItemLeft {
  float: left;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .leftPart2Content .part1Item .systemItemLeft .systemItemLeftCount {
  font-size: 32px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 18px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .leftPart2Content .part1Item .systemItemLeft .systemItemLeftTitle {
  font-size: 14px;
  font-weight: 400;
  color: #90a1e9;
  line-height: 24px;
  width: 88px;
  margin-right: 14px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentL .contentLeftPart2 .leftPart2Content .part1Item .systemItemRight {
  float: left;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM {
  padding-top: 34px;
  float: left;
  width: 882px;
  margin-right: 21px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMHead {
  height: 10px;
  width: 100%;
  margin-bottom: 14px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/m-head.png") no-repeat center center;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 {
  overflow: hidden;
  margin-bottom: 19px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 .part1Item {
  float: left;
  width: 282px;
  height: 120px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/m-part1-bg.png") no-repeat center center;
  margin-right: 18px;
  margin-bottom: 18px;
  text-align: center;
  padding-top: 30px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 .part1Item .part1ItemCount {
  font-size: 42px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 700;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 4px;
  text-shadow: 0px 0px 18px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 .part1Item .part1ItemCount .count-up-num span {
  font-size: 42px!important;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 .part1Item .part1ItemTitle {
  font-size: 14px;
  font-weight: 400;
  color: #90a1e9;
  line-height: 36px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 .part1Item:nth-child(3n) {
  margin-right: 0;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart1 .part1Item:nth-child(n+3) {
  margin-bottom: 0;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 {
  height: 608px;
  width: 100%;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company {
  position: absolute;
  width: 404px;
  height: 120px;
  bottom: 0;
  left: 0;
  font-size: 10px;
  font-weight: 400;
  color: #e2e2ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .china-head {
  width: 404px;
  height: 24px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company #registerRollNew {
  overflow: hidden;
  /*溢出的部分不显示*/
  height: 90px;
  width: 100%;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .commonC {
  display: inline-block;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  color: #cfddff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.5px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .posC {
  width: 45px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .companyC {
  width: 118px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .contentC {
  width: 109px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .actionC {
  width: 66px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentM .contentMPart2 .map-company .timeC {
  width: 62px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR {
  float: left;
  width: 461px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 {
  width: 100%;
  height: 339px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/r-part1-bg.png") no-repeat center center;
  margin-bottom: 23px;
  padding-top: 31px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .commonTitle {
  padding-left: 42px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .commonTitle .line {
  position: absolute;
  width: 5px;
  height: 16px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 27px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content {
  position: relative;
  padding-top: 20px;
  text-align: center;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .serviceCommon {
  position: absolute;
  text-align: left;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .serviceCommon .serviceCount {
  font-size: 26px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #ffffff;
  margin-bottom: 10px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .serviceCommon .serviceCount .unit {
  font-size: 10px;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 11px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .serviceCommon .serviceTitle {
  font-size: 14px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 10px;
  letter-spacing: 1px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .service1 {
  left: 36px;
  top: 70px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .service2 {
  right: 30px;
  top: 70px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .service3 {
  left: 36px;
  bottom: 10px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .service4 {
  right: 30px;
  bottom: 10px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .imgCommon {
  position: absolute;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .img1 {
  left: 110px;
  top: 68px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .img2 {
  right: 110px;
  top: 68px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .img3 {
  left: 110px;
  bottom: 32px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart1 .rightPart1Content .img4 {
  right: 110px;
  bottom: 32px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 {
  width: 100%;
  height: 265px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/r-part2-bg.png") no-repeat center center;
  padding-top: 31px;
  margin-bottom: 24px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .commonTitle {
  padding-left: 42px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .commonTitle .line {
  position: absolute;
  width: 5px;
  height: 16px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 27px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox {
  text-align: center;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwuCommon {
  position: absolute;
  text-align: center;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwuCommon .fuwuTitle {
  font-size: 10px;
  font-weight: 500;
  color: #e2e2ff;
  line-height: 14px;
  letter-spacing: 1px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwu1 {
  left: 60px;
  top: 54px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwu2 {
  left: 133px;
  top: 22px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwu3 {
  left: 205px;
  top: 6px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwu4 {
  left: 277px;
  top: 32px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .fuwu5 {
  right: 59px;
  top: 65px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 {
  width: 100%;
  height: 292px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/r-part3-bg.png") no-repeat center center;
  padding-top: 31px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .commonTitle {
  padding-left: 42px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  position: relative;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .commonTitle .line {
  position: absolute;
  width: 5px;
  height: 16px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 27px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .part2ContentBox {
  overflow: hidden;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .part2ContentBox .zhishuLeft {
  padding-top: 30px;
  padding-left: 42px;
  float: left;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .part2ContentBox .zhishuLeft .zhishuItem .itemTitle {
  font-size: 14px;
  font-weight: 400;
  color: #b2c1ff;
  line-height: 36px;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .part2ContentBox .zhishuLeft .zhishuItem .itemCount {
  font-size: 16px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .part2ContentBox .zhishuRight {
  float: left;
}
#industryDesignDataBox .industryDesignDataContent .industryDataContentR .contentRightPart3 .part2ContentBox .zhishuRight img {
  position: relative;
  left: 70px;
  width: 230px;
}
.myTitleStyle .commonTitle {
  padding-left: 42px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  position: relative;
}
.myTitleStyle .commonTitle .line {
  position: absolute;
  width: 5px;
  height: 16px;
  background: linear-gradient(0deg, #0d61ff, #99e6ff);
  top: 9px;
  left: 27px;
}
.myTitleStyle .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
.top5 {
  font-size: 20px;
  color: #FFB100;
}

#infoapp .fl {
  float: left;
}
#infoapp .fr {
  float: right;
}
#infoapp .clear {
  clear: both;
}
#infoapp .blue_block {
  width: 24px;
  height: 6px;
  background: #067ae5;
}
#infoapp .top_content {
  width: 100%;
  height: 531px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/infoapp/topBg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}
#infoapp .top_content .top_content_title {
  font-size: 56px;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
  position: absolute;
  left: 450px;
  top: 219px;
}
#infoapp .top_content .top_content_subtitle {
  font-size: 36px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 450px;
  top: 321px;
}
#infoapp .bottom_content {
  width: 100%;
  height: 1105px;
  background: #e6e6e6;
  position: relative;
  display: flex;
  justify-content: center;
}
#infoapp .bottom_content .bottom_div {
  width: 1280px;
  height: 1039px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  top: -72px;
}
#infoapp .bottom_content .bottom_div .tab {
  height: 50px;
  margin-top: 24px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  margin-right: 30px;
  margin-left: 90px;
  position: relative;
  transition: all 0.3s;
}
#infoapp .bottom_content .bottom_div .tab:after {
  content: "";
  height: 2px;
  background: #067ae5;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all 0.3s;
  width: 0;
  z-index: 2;
}
#infoapp .bottom_content .bottom_div .tab:hover {
  color: #067ae5;
}
#infoapp .bottom_content .bottom_div .tab:hover:after {
  width: 100%;
}
#infoapp .bottom_content .bottom_div .tab-act {
  border-bottom: 2px solid #067ae5;
  font-weight: 600;
  color: #067ae5 !important;
}
#infoapp .bottom_content .bottom_div .tohome {
  margin-top: 25px;
  margin-right: 90px;
  cursor: pointer;
}
#infoapp .bottom_content .bottom_div .tohome img {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
#infoapp .bottom_content .bottom_div .tohome span {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  vertical-align: middle;
}
#infoapp .bottom_content .bottom_div .tohome:hover img {
  content: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/back-active.png");
}
#infoapp .bottom_content .bottom_div .tohome:hover span {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #067ae5;
  vertical-align: middle;
}
#infoapp .bottom_content .bottom_div .line {
  clear: both;
  width: 100%;
  height: 1px;
  background: #cccccc;
}
#infoapp .bottom_content .bottom_div .tabContent .introduction {
  height: 345px;
  display: flex;
  justify-content: space-between;
  padding: 29px 63px 22px 90px;
}
#infoapp .bottom_content .bottom_div .tabContent .introduction .introduction_left .synopsis_title {
  width: 144px;
  font-size: 36px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  margin: 26px 0 30px 0;
}
#infoapp .bottom_content .bottom_div .tabContent .introduction .introduction_left .synopsis {
  margin-top: 30px;
  width: 626px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 24px;
}
#infoapp .bottom_content .bottom_div .tabContent .introduction .introduction_right img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 452px;
  height: 293px;
}
#infoapp .bottom_content .bottom_div .tabContent .black_line {
  width: 1100px;
  height: 1px;
  border: 1px solid #e8e8e8;
  margin: 0 90px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata {
  margin-top: 60px;
  height: 470px;
  width: 1280px;
  position: relative;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft {
  width: 756px;
  height: 470px;
  background: #E4E5E6;
  margin-right: 90px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadivhalf1 {
  margin-top: 19px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadivhalf2 {
  margin-top: 24px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadivhalf {
  width: 60px;
  height: 195px;
  background: #ffffff;
  border-radius: 0 6px 6px 0;
  box-shadow: 2px 2px 18px 0 rgba(185, 190, 195, 0.6);
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv {
  width: 134px;
  height: 195px;
  background: #ffffff;
  position: absolute;
  border-radius: 6px;
  text-align: center;
  box-shadow: 2px 2px 18px 0 rgba(185, 190, 195, 0.6);
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv .icon {
  height: 33px;
  width: 33px;
  margin-top: 16px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv .num {
  font-size: 14px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv .num span {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv .des {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv .curve {
  width: 134px;
  height: 64px;
  margin-top: 16px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv1 {
  left: 90px;
  top: 42px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv2 {
  left: 254px;
  top: 80px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv3 {
  left: 418px;
  top: 42px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv4 {
  left: 582px;
  top: 80px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv5 {
  left: 90px;
  top: 267px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv6 {
  left: 254px;
  top: 305px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv7 {
  left: 418px;
  top: 267px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataleft .datadiv8 {
  left: 582px;
  top: 305px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataright .dataright_title1 {
  margin: 40px 0 32px 0;
  font-size: 36px;
  font-weight: 600;
  color: #333333;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataright .data_des {
  margin-top: 32px;
  width: 299px;
  height: 146px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 24px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataright .dataright_title2 {
  margin: 86px 0 22px 0;
  font-size: 36px;
  font-weight: Bold;
  text-align: left;
  color: #333333;
  line-height: 26px;
}
#infoapp .bottom_content .bottom_div .tabContent .tabdata .tabdataright .dataright_text {
  font-size: 24px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 26px;
}

.common-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-hover {
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.common-hover:hover {
  color: #3366ff;
}
.common-news-hover {
  transition: all 0.3s ease-in-out;
}
.common-news-hover:hover {
  background-color: #fafafa;
}
.information-flow-container {
  padding-top: 60px;
  background: #ffffff;
}
.information-flow-container .information-flow-main {
  padding-top: 30px;
  width: 1200px;
  margin: 0 auto;
}
.information-flow-container .information-flow-main .main-title {
  width: 140px;
  font-size: 20px;
  font-weight: 800;
  text-align: left;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.information-flow-container .information-flow-main .main-filter {
  margin-top: 28px;
  width: 1200px;
  min-height: 60px;
  overflow: hidden;
  background: #f6f7f8;
  padding-top: 19px;
  box-sizing: border-box;
}
.information-flow-container .information-flow-main .main-filter .filter-category-item {
  margin: 0 28px 19px 32px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  float: left;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.information-flow-container .information-flow-main .main-filter .filter-category-item:hover {
  color: #3366ff;
}
.information-flow-container .information-flow-main .main-filter .active {
  color: #3366ff;
}
.information-flow-container .information-flow-main .main-filter .filter-left {
  float: left;
  overflow: hidden;
}
.information-flow-container .information-flow-main .main-filter .filter-right {
  float: right;
  overflow: hidden;
}
.information-flow-container .information-flow-main .main-content {
  overflow: hidden;
  margin-top: 42px;
}
.information-flow-container .information-flow-main .main-content .main-left {
  width: 800px;
  float: left;
}
.information-flow-container .information-flow-main .main-content .main-left .news-pagination {
  text-align: center;
  margin-bottom: 50px;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic {
  width: 842px;
  height: 192px;
  padding: 20px 20px 29px 24px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic:hover {
  background-color: #fafafa;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic:hover .news-main .news-title {
  color: #3366FF;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic .news-pic {
  width: 254px;
  height: 143px;
  margin-right: 40px;
  float: left;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic .news-main {
  width: 503px;
  height: 100%;
  float: right;
  position: relative;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic .news-main .news-title {
  height: 48px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  width: 503px;
  text-align: left;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease-in-out;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic .news-main .news-subtitle {
  margin-top: 3px;
  width: 495px;
  font-size: 14px;
  line-height: 18px;
  height: 36px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pic .news-main .news-footer {
  margin-top: 13px;
  height: 21px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics {
  width: 842px;
  height: 276px;
  padding: 20px 20px 29px 24px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics:hover {
  background-color: #fafafa;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics:hover .news-title {
  color: #3366FF;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics .news-pics {
  margin-top: 20px;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics .news-pics img {
  width: 254px;
  height: 143px;
  margin-right: 18px;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics .news-pics img:last-child {
  margin-right: 0;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics .news-title {
  height: 31px;
  line-height: 31px;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
}
.information-flow-container .information-flow-main .main-content .main-left .news-item-pics .news-footer {
  margin-top: 13px;
  height: 21px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
.information-flow-container .information-flow-main .main-content .main-right {
  width: 340px;
  float: right;
}
.information-flow-container .ant-pagination-item-active {
  background-color: #3366ff;
  border-color: #3366ff;
  pointer-events: none;
}
.information-flow-container .ant-pagination-item:hover {
  border-color: #3366ff;
}
.information-flow-container .ant-pagination-item:hover a {
  color: #3366ff;
}
.information-flow-container .ant-pagination {
  margin-top: 10px;
}
.more-rotate {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
}

.common-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-hover {
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.common-hover:hover {
  color: #3366ff;
}
.common-news-hover {
  transition: all 0.3s ease-in-out;
}
.common-news-hover:hover {
  background-color: #fafafa;
}
.main-left .news-title {
  font-size: 30px;
  font-weight: 800;
  text-align: left;
  line-height: 42px;
  color: #333333;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.main-left .news-subtitle {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  margin-bottom: 40px;
}
.main-left .news-content {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
.main-left .news-content img {
  max-width: 800px;
}
.main-left .news-source {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #666666;
}
.main-right .consult-container {
  width: 340px;
  height: 122px;
  border: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 40px;
}
.main-right .consult-container .consult-btn {
  width: 140px;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.main-right .consult-container .consult-btn-consult {
  background: #3366ff;
  color: #ffffff;
  width: 140px;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  font-weight: 400;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.main-right .consult-container .consult-btn-consult:hover {
  background-color: #4775ff;
}
.main-right .consult-container .consult-btn-demand {
  border: 1px solid #3366ff;
  color: #3366ff;
  width: 140px;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  font-weight: 400;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.main-right .consult-container .consult-btn-demand:hover {
  background-color: #4775ff;
  color: #ffff;
}
.submit-row {
  margin-bottom: 20px;
}
.submit-row .send-msg-btn {
  width: 100px;
  height: 32px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #3366ff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 32px;
  color: #3366ff;
  margin-left: 10px;
  cursor: pointer;
}
.submit-row .submit-input {
  height: 32px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #e5e5e5;
  box-shadow: none;
}
.submit-row .submit-input :focus {
  border-color: #3366ff;
  outline: 0;
}
.submit-row .submit-input :hover {
  border-color: #3366ff;
}
.submit-row .submit-label {
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.submit-btn {
  width: 90px;
  height: 32px;
  background: #3366ff;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
}
.news-breadcrumb {
  width: 115px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  margin-bottom: 10px;
}
.news-breadcrumb a:hover {
  color: #3366ff;
}
.nc_iconfont .btn_slide {
  height: 100%;
}

.common-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-hover {
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.common-hover:hover {
  color: #3366ff;
}
.common-news-hover {
  transition: all 0.3s ease-in-out;
}
.common-news-hover:hover {
  background-color: #fafafa;
}

.common-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-hover {
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.common-hover:hover {
  color: #3366ff;
}
.common-news-hover {
  transition: all 0.3s ease-in-out;
}
.common-news-hover:hover {
  background-color: #fafafa;
}
.right-info img {
  width: 340px;
  height: 213px;
  margin-bottom: 40px;
  cursor: pointer;
}
.right-info .info-container {
  width: 340px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 40px;
}
.right-info .info-container .info-title {
  height: 25px;
  font-size: 20px;
  font-weight: 800;
  text-align: left;
  color: #333333;
  position: relative;
  margin-bottom: 20px;
}
.right-info .info-container .info-title:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 7px;
  display: inline-block;
  width: 3px;
  height: 18px;
  background: #3366ff;
}
.right-info .info-container .split-line {
  margin-bottom: 20px;
  width: 300px;
  height: 1px;
}
.right-info .info-container .info-content .news-item {
  width: 300px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  text-align: left;
  color: #333333;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.right-info .info-container .info-content .news-item:hover {
  color: #3366ff;
}
.right-info .info-container .info-content .news-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 3px;
  background: #666666;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.right-info .info-container .info-content .tech-item {
  width: 300px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  margin-bottom: 16px;
  position: relative;
  cursor: pointer;
}
.right-info .info-container .info-content .tech-item .tech-item-date {
  display: none;
  height: 21px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
.right-info .info-container .info-content .tech-item .tech-item-index {
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  float: left;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
  color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.right-info .info-container .info-content .tech-item .tech-item-title {
  margin-left: 28px;
  width: 266px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-info .info-container .info-content .tech-item-hover {
  height: 102px;
  background: #f6f7f8;
}
.right-info .info-container .info-content .tech-item-hover .tech-item-index {
  color: #ffffff;
  background: #3366ff;
  border: 1px solid #3366ff;
  top: 0;
  transform: translateY(0);
}
.right-info .info-container .info-content .tech-item-hover .tech-item-title {
  padding-top: 13px;
  white-space: normal;
  height: 57px;
}
.right-info .info-container .info-content .tech-item-hover .tech-item-date {
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 28px;
}

.with-label-search {
  height: 169px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.with-label-search .search-title-content {
  margin-right: 80px;
}
.with-label-search .search-title-content .search-title {
  height: 45px;
  font-size: 32px;
  font-family: PingFang SC, PingFang-SC-Heavy, serif;
  font-weight: 800;
  text-align: left;
  color: #333333;
  letter-spacing: 13px;
}
.with-label-search .search-title-content .search-subtitle {
  height: 17px;
  font-size: 12px;
  font-family: PingFang-SC, PingFang-SC-Regular, serif;
  font-weight: 400;
  text-align: left;
  color: #999999;
  letter-spacing: 7px;
}
.with-label-search .search-input-content {
  margin-right: 40px;
}
.with-label-search .search-input-content .search-input-div {
  position: relative;
  float: left;
}
.with-label-search .search-input-content .search-input-div .search-input {
  border-radius: 0;
  width: 706px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #3366ff;
  float: left;
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  color: #999999;
  padding-left: 16px;
  box-shadow: none;
}
.with-label-search .search-input-content .search-input-div .select_box {
  text-align: left;
  border-radius: 4px;
  color: #7C7C7C;
  width: 604px;
  top: 50px;
  position: absolute;
  z-index: 1;
}
.with-label-search .search-input-content .search-input-div .select_box .select_item {
  cursor: pointer;
  background: #fff;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
}
.with-label-search .search-input-content .search-input-div .select_box .select_item:hover {
  background: #3366ff;
  color: #ffffff;
}
.with-label-search .search-input-content .search-input-div .search-label-div {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.with-label-search .search-input-content .search-input-div .search-label-div .search-label-item {
  text-align: center;
  float: left;
  margin-right: 10px;
  width: 60px;
  height: 22px;
  background: #f0f0f0;
  line-height: 22px;
  font-size: 12px;
  font-weight: 300;
  color: #666666;
}
.with-label-search .search-input-content .search-btn {
  width: 48px;
  height: 48px;
  border: 1px solid #3366ff;
  display: inline-block;
  float: left;
  background: #3366ff url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/information-flow/search-btn-2x.png") no-repeat center;
  background-size: 26px 28px;
  cursor: pointer;
}
.with-label-search .search-logo {
  position: relative;
  bottom: -22px;
}
.split-line {
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

#intelligent-create-content {
  padding-top: 60px;
}
#intelligent-create-content .common-button {
  background-color: #1f9af5;
  height: 40px;
  width: 160px;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  cursor: pointer;
  font-size: 15px;
  color: white;
  border-radius: 40px;
}
#intelligent-create-content .common-button:hover {
  background-color: white;
  color: #1f9af5;
}
#intelligent-create-content .artical-title {
  text-align: center;
  padding-top: 40px;
}
#intelligent-create-content .artical-title > h2 {
  font-size: 30px;
  letter-spacing: 1.5px;
  text-align: center;
  color: white;
  margin-bottom: 10px;
  font-weight: 600;
}
#intelligent-create-content .artical-title > p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.8px;
}
#intelligent-create-content .artical-title > i {
  display: inline-block;
  width: 55px;
  height: 2px;
  background-color: #118eea;
}
#intelligent-create-content .banner,
#intelligent-create-content .banner-solve {
  min-height: 460px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/intelligentCreate/banner.jpg') center center / cover no-repeat;
}
#intelligent-create-content .banner > button,
#intelligent-create-content .banner-solve > button {
  background-color: #1f9af5;
  height: 40px;
  width: 160px;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  cursor: pointer;
  font-size: 15px;
  color: white;
  border-radius: 40px;
  position: absolute;
  width: 180px;
  bottom: 66px;
  left: 50%;
  transform: translateX(-50%);
}
#intelligent-create-content .banner > button:hover,
#intelligent-create-content .banner-solve > button:hover {
  background-color: white;
  color: #1f9af5;
}
#intelligent-create-content .banner-solve {
  display: block;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/intelligentCreate/banner-2.jpg') center center / cover no-repeat;
}
#intelligent-create-content > #tabs {
  height: 352px;
  background-color: #f8f8f8;
  position: relative;
}
#intelligent-create-content > #tabs > div {
  position: absolute;
  width: 1200px;
  top: -46px;
  background-color: white;
  left: 50%;
  transform: translateX(-50%);
}
#intelligent-create-content > #tabs > div .tab-content {
  padding: 15px 100px;
}
#intelligent-create-content > #tabs > div .tab-content:after {
  content: '';
  display: block;
  clear: both;
}
#intelligent-create-content > #tabs > div .tab-content > div {
  float: left;
  height: 100%;
}
#intelligent-create-content > #tabs > div .tab-content > div:last-child {
  width: 100%;
}
#intelligent-create-content > #tabs > div .tab-content > div:last-child > span {
  display: inline-block;
  width: 126px;
  height: 30px;
  background-color: #efefef;
  margin-left: 34px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 16px;
  color: #333;
  cursor: pointer;
}
#intelligent-create-content > #tabs > div .ant-tabs-nav-container {
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 129px 0 129px;
}
#intelligent-create-content > #tabs > div .ant-tabs-tab {
  text-align: center;
  width: 136px;
}
#intelligent-create-content > #tabs > div .ant-tabs-tab span {
  color: #333;
}
#intelligent-create-content > #tabs > div .ant-tabs-tab > div svg {
  width: 100%;
  height: 60px;
  display: block;
  margin-bottom: 14px;
}
#intelligent-create-content > #tabs > div .ant-tabs-tab:last-child {
  margin-right: 0;
}
#intelligent-create-content > #tabs > div .ant-tabs-tab-active svg path {
  transition: all 0.3s linear;
  fill: #118eea !important;
}
#intelligent-create-content > #plan {
  height: 610px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/intelligentCreate/img-1.jpg') no-repeat center center;
  background-size: cover;
  padding-top: 40px;
  text-align: center;
}
#intelligent-create-content > #plan > div:nth-child(4) {
  height: 359px;
  width: 1200px;
  margin: 40px auto;
}
#intelligent-create-content > #plan > div:nth-child(4):after {
  content: '';
  display: block;
  clear: both;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul {
  width: 166px;
  float: left;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li {
  height: 59px;
  background-color: white;
  margin-bottom: 1px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s linear;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: none;
  border-left-color: #118eea;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  opacity: 0;
  transition: all 0.3s linear;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li svg {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 29px;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li svg path {
  transition: all 0.3s linear;
  fill: #b3b3b3;
  width: 20px;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li > span {
  position: absolute;
  left: 64px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li.active {
  background-color: #118eea;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li.active span {
  color: white;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li.active path {
  fill: white !important;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li.active:after {
  opacity: 1;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li:nth-child(5) svg {
  width: 28px;
  left: 14px;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li:nth-child(2) svg {
  left: 18px;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li:nth-child(3) svg {
  width: 22px;
}
#intelligent-create-content > #plan > div:nth-child(4) > ul > li:last-child {
  margin-bottom: 0;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) {
  float: right;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2):after {
  content: '';
  clear: both;
  display: block;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div {
  width: 495px;
  height: 360px;
  float: left;
  position: relative;
  overflow: hidden;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div:hover .mask {
  transform: translateY(0);
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask {
  position: absolute;
  background-color: rgba(61, 64, 72, 0.8);
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 40px;
  text-align: left;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .title {
  font-size: 18px;
  color: white;
  margin-bottom: 6px;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .title > span {
  color: #999;
  border: 1px solid #999;
  padding: 2px 11px;
  margin-left: 18px;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .text {
  color: #999;
  margin-bottom: 14px;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .special {
  color: white;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .content {
  border-top: 1px solid #999;
  padding: 16px 0;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .content > span {
  border-right: 1px solid white;
  color: white;
  padding: 0 15px;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .content > span:first-child {
  padding-left: 0;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .content > span:last-child {
  border-right: 0;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .button {
  background-color: #1f9af5;
  height: 40px;
  width: 160px;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  cursor: pointer;
  font-size: 15px;
  color: white;
  border-radius: 40px;
  position: absolute;
  bottom: 34px;
  left: 40px;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .button:hover {
  background-color: white;
  color: #1f9af5;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .button-detail {
  background-color: #1f9af5;
  height: 40px;
  width: 160px;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  cursor: pointer;
  font-size: 15px;
  color: white;
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid white;
  position: absolute;
  bottom: 34px;
  left: 240px;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask .button-detail:hover {
  background-color: white;
  color: #1f9af5;
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div .mask {
  height: 270px;
  transition: all 0.3s linear;
  transform: translateY(190px);
}
#intelligent-create-content > #plan > div:nth-child(4) > div:nth-child(2) > div:first-child {
  margin-right: 14px;
}
#intelligent-create-content > #technology {
  height: 526px;
  background-color: #f8f8f8;
  position: relative;
}
#intelligent-create-content > #technology > h2 {
  color: #333;
}
#intelligent-create-content > #technology > p {
  color: #666;
}
#intelligent-create-content > #technology .tabs ul {
  text-align: center;
}
#intelligent-create-content > #technology .tabs ul > li {
  display: inline-block;
  width: 184px;
  margin-top: 16px;
  position: relative;
  cursor: pointer;
}
#intelligent-create-content > #technology .tabs ul > li > p {
  width: 72px;
  height: 72px;
  position: relative;
  margin: 20px auto;
}
#intelligent-create-content > #technology .tabs ul > li > span {
  font-size: 16px;
  color: #666;
}
#intelligent-create-content > #technology .tabs ul > li > b {
  position: absolute;
  width: 1px;
  height: 60px;
  background-color: #e3e3e3;
  right: 0;
  top: 40%;
}
#intelligent-create-content > #technology .tabs ul > li:last-child > b {
  display: none;
}
#intelligent-create-content > #technology .tabs ul > li.active > span {
  color: #118eea;
}
#intelligent-create-content > #technology #carousel {
  width: 1200px;
  height: 544px;
  background-color: white;
  box-shadow: 0 24px 40px #eeeeee;
  position: absolute;
  top: 316px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
#intelligent-create-content > #technology #carousel:hover .arrow-left,
#intelligent-create-content > #technology #carousel:hover .arrow-right {
  transform: translate(0, -50%);
}
#intelligent-create-content > #technology #carousel .slick-track {
  height: 544px;
}
#intelligent-create-content > #technology #carousel .carousel-item {
  padding: 49px 90px 42px 727px;
  position: relative;
  text-align: left;
}
#intelligent-create-content > #technology #carousel .carousel-item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 700px;
  height: 100%;
}
#intelligent-create-content > #technology #carousel .carousel-item > h4 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
#intelligent-create-content > #technology #carousel .carousel-item > h4 > span {
  color: #666666;
  border: 1px solid #666;
  padding: 5px 12px;
  font-weight: 500;
  vertical-align: middle;
  margin-left: 24px;
}
#intelligent-create-content > #technology #carousel .carousel-item > div {
  margin-top: 30px;
  color: #666;
}
#intelligent-create-content > #technology #carousel .carousel-item > div > p {
  font-weight: 600;
  line-height: 24px;
}
#intelligent-create-content > #technology #carousel .carousel-item > div > span {
  line-height: 24px;
}
#intelligent-create-content > #technology #carousel .carousel-item > button {
  background-color: #1f9af5;
  height: 40px;
  width: 160px;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  cursor: pointer;
  font-size: 15px;
  color: white;
  border-radius: 40px;
  position: absolute;
  bottom: 73px;
  left: 726px;
  border: 1px solid transparent;
}
#intelligent-create-content > #technology #carousel .carousel-item > button:hover {
  background-color: white;
  color: #1f9af5;
}
#intelligent-create-content > #technology #carousel .carousel-item > button:hover {
  color: #1f9af5;
  background-color: white;
  border-color: #1f9af5;
}
#intelligent-create-content > #technology #carousel .arrow {
  width: 30px;
  height: 60px;
  background-color: #666;
  opacity: 0.15;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  transition: all 0.2s linear;
}
#intelligent-create-content > #technology #carousel .arrow:hover {
  opacity: 0.5;
}
#intelligent-create-content > #technology #carousel .arrow > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 22px;
}
#intelligent-create-content > #technology #carousel > .arrow-left {
  width: 30px;
  height: 60px;
  background-color: #666;
  opacity: 0.15;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  transition: all 0.2s linear;
  left: 0;
  transform: translate(-100%, -50%);
}
#intelligent-create-content > #technology #carousel > .arrow-left:hover {
  opacity: 0.5;
}
#intelligent-create-content > #technology #carousel > .arrow-left > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 22px;
}
#intelligent-create-content > #technology #carousel > .arrow-right {
  width: 30px;
  height: 60px;
  background-color: #666;
  opacity: 0.15;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  transition: all 0.2s linear;
  right: 0;
  transform: translate(100%, -50%);
}
#intelligent-create-content > #technology #carousel > .arrow-right:hover {
  opacity: 0.5;
}
#intelligent-create-content > #technology #carousel > .arrow-right > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 22px;
}
#intelligent-create-content > #service {
  background-color: white;
  padding-top: 400px;
}
#intelligent-create-content > #service > h2 {
  color: #333;
}
#intelligent-create-content > #service > p {
  color: #666;
}
#intelligent-create-content > #service > div:nth-child(4) {
  width: 1200px;
  margin: 40px auto;
}
#intelligent-create-content > #service > div:nth-child(4):after {
  content: '';
  display: block;
  clear: both;
}
#intelligent-create-content > #service > div:nth-child(4) > p {
  float: left;
  width: 224px;
  height: 128px;
  background-color: white;
  border: 1px solid #e3e3e3;
  position: relative;
  margin-right: 19px;
  cursor: pointer;
  transition: all 0.3s linear;
}
#intelligent-create-content > #service > div:nth-child(4) > p > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#intelligent-create-content > #service > div:nth-child(4) > p:hover {
  box-shadow: 0 0 20px #eaeaea;
}
#intelligent-create-content > #service > div:nth-child(4) > p:last-child {
  margin-right: 0;
}
#intelligent-create-content > #service > div:nth-child(5) {
  height: 60px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/intelligentCreate/img-11.jpg') no-repeat center center;
  background-size: cover;
  margin-top: 60px;
  text-align: center;
}
#intelligent-create-content > #service > div:nth-child(5) > a {
  line-height: 60px;
  font-size: 26px;
  color: white;
  font-weight: 600;
  letter-spacing: 1.3px;
}
#intelligent-create-content > #service > div:nth-child(5) > a > b {
  margin-left: 10px;
}
#intelligent-create-content > #service > div:nth-child(5) > a > b > i {
  font-size: 24px;
  font-weight: 500;
}


.investigateIndex {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 60px;
  background: linear-gradient(43deg, #abdcff 0%, #4093cf 100%);
  opacity: 1;
}
.investigateIndex .invest_activeBox {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  width: 100%;
  height: 946px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/curBg.png") 50% 50% / cover no-repeat;
  opacity: 0.5;
}
.investigateIndex .invest_bodyBox {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 81px;
}
.investigateIndex .inves_title {
  width: 1200px;
  margin: 0 auto 34px;
  box-sizing: border-box;
  padding: 64px 0 0 63px;
}
.investigateIndex .inves_title p:nth-child(1) {
  font-size: 38px;
  font-weight: 800;
  line-height: 38px;
  margin-bottom: 24px;
  color: #fff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  letter-spacing: 10px;
}
.investigateIndex .inves_title p:nth-child(2),
.investigateIndex .inves_title p:nth-child(3) {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #fff;
  opacity: 1;
}
.investigateIndex .inves_title p:nth-child(2) {
  margin-bottom: 12px;
}
.investigateIndex .qContainer {
  position: relative;
  margin: 32px auto 40px;
  width: 1200px;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
}
.investigateIndex .qContainer .qContent {
  background: #fff;
  padding: 32px 48px 53px 48px;
}
.investigateIndex .qContainer .qContent .title {
  font-size: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #333333;
  font-weight: 800;
  padding-bottom: 24px;
  padding-left: 15px;
}
.investigateIndex .qContainer .qContent .ant-collapse-header {
  background: #F4F6F9;
  font-size: 18px;
  line-height: 3;
  letter-spacing: 0.5px;
  color: #333333;
  font-weight: 800;
  padding-left: 45px;
  border-bottom: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
}
.investigateIndex .qContainer .qContent .ant-collapse-header .arrow {
  top: 17px;
}
.investigateIndex .qContainer .qContent .ant-collapse-content {
  border-top: none;
}
.investigateIndex .qContainer .qContent .panel {
  border: 0;
  overflow: hidden;
}
.investigateIndex .qContainer .qContent .panel .ant-form-item-label {
  color: #333;
  text-align: left;
  white-space: inherit;
}
.investigateIndex .qContainer .qContent .panel .ant-form-item-label .ant-form-item-required {
  color: #333;
}
.investigateIndex .qContainer .qContent .panel label {
  font-size: 14px;
}
.investigateIndex .qContainer .qContent .ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.65);
}
.investigateIndex .qContainer .qContent .ant-radio-wrapper span:last-child {
  color: #333;
}
.investigateIndex .qContainer .qContent .ant-btn {
  width: 120px;
  height: 36px;
  margin-left: 25px;
}
.investigateIndex .qContainer .qContent .turnPageBtn {
  margin-top: 70px;
  padding-top: 1px solid #d9d9d9;
}
.investigateIndex .qContainer .qContent .turnPageBtn .ant-btn {
  width: 120px;
  height: 36px;
  margin-right: 25px;
}
.investigateIndex .qContainer .qContent .ant-input {
  height: 40px;
}
.investigateIndex .qContainer .qContent .article {
  line-height: 1.71;
  letter-spacing: 0.4px;
  text-align: left;
  color: #000;
}
.investigateIndex .qContainer .qContent .loaddown {
  margin-top: 15px;
  box-sizing: border-box;
  padding-left: 15px;
  cursor: pointer;
  color: #1296DB;
}
.investigateIndex .qContainer .qContent .loaddown .createPdfBtn {
  color: #1296DB;
}
.investigateIndex .qContainer .qContent .invest_box {
  box-sizing: border-box;
  padding-left: 15px;
}
.investigateIndex .qContainer .qContent .invest_detailBox {
  width: 1102px;
  height: 106px;
  margin: 43px auto 0;
  box-sizing: border-box;
  padding: 27px 77px 20px 41px;
  background: linear-gradient(135deg, #f4f6f9 0%, #f3f4f5 100%);
}
.investigateIndex .qContainer .qContent .invest_detailBox .invest_left {
  float: left;
}
.investigateIndex .qContainer .qContent .invest_detailBox .invest_left p {
  color: #333;
}
.investigateIndex .qContainer .qContent .invest_detailBox .invest_left p:nth-child(1) {
  margin-bottom: 15px;
  font-weight: 600;
}
.investigateIndex .qContainer .qContent .invest_detailBox .invest_right {
  float: right;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  background: #F35E1D;
  color: #fff;
}
.investigateIndex .qContainer .qContent .reportTitle {
  font-weight: 800;
  font-size: 18px;
  line-height: 33px;
  color: #333333;
  padding-left: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}
.investigateIndex .qContainer .qContent .invest_desc {
  display: inline-block;
  margin-right: 17px;
  color: #333333;
}
.investigateIndex .qContainer .qContent .invest_desc img {
  vertical-align: middle;
  margin-right: 8px;
}
.investigateIndex .cooperaAgency {
  margin-bottom: 40px;
  text-align: center;
}
.investigateIndex .invest_ta {
  width: 1200px;
  margin: 0 auto;
}
.investigateIndex .invest_ta .more {
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: #333;
  text-align: left;
  margin-left: 64px;
}
.investigateIndex .invest_ta .invest_botbanner {
  margin-top: 25px;
}
.investigateIndex .invest_ta .invest_botbanner a {
  position: relative;
  display: inline-block;
  width: 380px;
  height: 220px;
  margin-right: 30px;
}
.investigateIndex .invest_ta .invest_botbanner a:nth-child(1) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/investigate/1.png");
}
.investigateIndex .invest_ta .invest_botbanner a:nth-child(1) .inner {
  position: absolute;
  top: 50px;
  left: 160px;
}
.investigateIndex .invest_ta .invest_botbanner a:nth-child(2) {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/investigate/2.png");
}
.investigateIndex .invest_ta .invest_botbanner a:nth-child(2) .inner {
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/investigate/22.png");
  top: 50px;
  left: 110px;
}
.investigateIndex .invest_ta .invest_botbanner a:last-child {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/investigate/3.png");
  margin-right: 0;
}
.investigateIndex .invest_ta .invest_botbanner a:last-child .inner {
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/investigate/33.png");
  top: 50px;
  left: 145px;
}
.investigateIndex .invest_ta .invest_botbanner a:hover .more_active {
  width: 100%;
  height: 100%;
  background: rgba(254, 109, 32, 0.6);
}
.investigateIndex .fl {
  float: left;
}

.bannerBox {
  position: relative;
  width: 100%;
  height: 460px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/jiuLongPo/banner.jpg') 50% 50% / cover no-repeat;
}
.bannerBox .bannerCon {
  position: absolute;
  left: 50%;
  margin-left: -550px;
  bottom: 38px;
  width: 1100px;
  height: 100px;
  box-sizing: border-box;
  padding: 32px 73px 0 62px;
  background: rgba(113, 9, 9, 0.8);
}
.bannerBox .bannerCon li {
  float: left;
  width: 135px;
  margin-right: 70px;
  color: #fff;
}
.bannerBox .bannerCon li img,
.bannerBox .bannerCon li p {
  float: left;
}
.bannerBox .bannerCon li p {
  margin-left: 18px;
  padding-top: 9px;
  font-size: 20px;
  line-height: 20px;
}
.bannerBox .bannerCon li:last-child {
  margin-right: 0;
}

.fixed-jiulongpo {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
}
.fixed-jiulongpo a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.fixed-jiulongpo a:hover {
  background-color: #e2112e;
  border-color: transparent !important;
}
.fixed-jiulongpo a:hover > span {
  opacity: 1;
}
.fixed-jiulongpo a .a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.fixed-jiulongpo a span,
.fixed-jiulongpo a p {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.fixed-jiulongpo a p {
  opacity: 1;
}
.fixed-jiulongpo a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.fixed-jiulongpo a:nth-child(3) {
  position: relative;
}
.fixed-jiulongpo a:nth-child(3) .codeBox {
  display: none;
  width: 120px;
  height: 120px;
  position: absolute;
  left: -122px;
  top: 50%;
  transform: translateY(-50%);
}
.fixed-jiulongpo a:nth-child(3) .codeBox img {
  width: 100%;
  height: 100%;
}
.fixed-jiulongpo a:nth-child(3):hover .codeBox {
  display: block;
}

.JiuLongPoBox {
  width: 100%;
  padding-top: 60px;
  background: #f8f8f8;
}
.JiuLongPoBox .jlp_contentBox {
  width: 100%;
  box-sizing: border-box;
  padding: 36px 0 60px 0;
}
.JiuLongPoBox .jlp_contentBox .jlp_content {
  width: 1200px;
  height: 490px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 22px 20px 20px 20px;
  box-shadow: 0px 1px 7px 0 rgba(149, 149, 149, 0.29);
  background-color: #ffffff;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox,
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox,
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox {
  float: left;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .title span:nth-child(1),
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .title span:nth-child(1),
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .title span:nth-child(1) {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: normal;
  color: #333333;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .title span:nth-child(2),
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .title span:nth-child(2),
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .title span:nth-child(2),
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .title a,
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .title a,
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .title a {
  color: #999999;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .title span:nth-child(2),
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .title span:nth-child(2),
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .title span:nth-child(2) {
  margin: 0 15px 0 19px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox {
  width: 428px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand {
  height: 345px;
  margin-top: 19px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox {
  position: relative;
  float: left;
  width: 208px;
  height: 168px;
  box-sizing: border-box;
  padding: 35px 0 26px 15px;
  background-color: #ffffff;
  border: 1px solid #dae0e6;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox .title {
  width: 175px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox .budget {
  margin: 12px 0 6px;
  font-size: 14px;
  color: #999999;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox .date {
  font-size: 14px;
  color: #999999;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox a {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  color: #000;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox .demandTag {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 150px;
  height: 20px;
  box-sizing: border-box;
  padding: 2px 5px;
  background-color: #c98f54;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .active {
  display: block;
  -webkit-animation: proRotate 0.2s linear 100ms normal none 1;
  animation: proRotate 0.2s linear 100ms normal none 1;
}
@-webkit-keyframes proRotate {
  0% {
    -webkit-transform: perspective(208px) rotateX(180deg);
  }
  100% {
    -webkit-transform: perspective(208px) rotateX(0deg);
  }
}
@keyframes proRotate {
  0% {
    transform: perspective(208px) rotateX(180deg);
  }
  100% {
    transform: perspective(208px) rotateX(0deg);
  }
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox:nth-child(2n-1) {
  margin-right: 8px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demand .demandBox:nth-child(-n+3) {
  margin-bottom: 7px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demandBtn {
  display: block;
  width: 223px;
  height: 47px;
  line-height: 47px;
  margin: 10px auto 0;
  border-radius: 4px;
  color: #fff;
  background-color: #2139b4;
  text-align: center;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .leftBox .demandBtn:hover {
  background: #70a1d9;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox {
  width: 350px;
  margin: 0 30px 0 20px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .megagame .box {
  position: relative;
  width: 100%;
  height: 195px;
  margin-top: 16px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .megagame .box:hover .bottom {
  display: block;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .megagame .box .bottom {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 12px 0;
  background: rgba(0, 0, 0, 0.65);
}
.JiuLongPoBox .jlp_contentBox .jlp_content .centerBox .megagame .box .bottom a {
  display: block;
  width: 140px;
  height: 36px;
  margin: 0 auto;
  line-height: 36px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0.8;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox {
  width: 332px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent {
  width: 100%;
  margin-top: 18px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .topBox {
  display: block;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .topBox .imgBox {
  float: left;
  width: 150px;
  height: 120px;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .topBox .imgBox img {
  width: 100%;
  height: 100%;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .topBox p {
  float: right;
  width: 159px;
  text-align: justify;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .line {
  width: 332px;
  height: 1px;
  margin: 17px 0 19px;
  background: #dee1e8;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .bottomBox a {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .bottomBox a span {
  float: left;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .bottomBox a span:nth-child(2) {
  width: 320px;
  margin: 0 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JiuLongPoBox .jlp_contentBox .jlp_content .rightBox .newContent .bottomBox a .disc {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 10px 0 0 0;
  border-radius: 50%;
  background: #c98f54;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0 106px;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .btnBox {
  width: 450px;
  margin: 42px auto 0;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .btnBox .btn:nth-child(1) {
  display: inline-block;
  width: 237px;
  height: 40px;
  line-height: 40px;
  margin-right: 40px;
  border-radius: 4px;
  text-align: center;
  background-color: #2139b4;
  font-size: 16px;
  color: #ffffff;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .btnBox .btn:nth-child(1):hover {
  background: #70a1d9;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .btnBox .btn:nth-child(2) {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #2139b4;
  color: #2139b4;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .btnBox .btn:nth-child(2):hover {
  background: #70a1d9;
  border: 1px solid #70a1d9;
  color: #fff;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon {
  margin-top: 60px;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list {
  margin-bottom: 19px;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box {
  display: block;
  float: left;
  width: 220px;
  height: 321px;
  margin-right: 15px;
  background: #fff;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .imgBox {
  width: 220px;
  height: 140px;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .imgBox img {
  width: 100%;
  height: 100%;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .inContent {
  width: 100%;
  box-sizing: border-box;
  padding: 24px 18px 17px 15px;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .inContent p:nth-child(1) {
  width: 100%;
  font-size: 16px;
  line-height: 1.88;
  font-weight: 600;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .inContent p:nth-child(2) {
  width: 100%;
  margin: 18px 0 17px;
  font-size: 14px;
  line-height: 14px;
  color: #999;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .inContent .line {
  width: 201px;
  height: 1px;
  margin-bottom: 20px;
  background-color: #e7e7e7;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .inContent .tag span {
  display: inline-block;
  width: 60px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  border-radius: 3px;
  color: #999999;
  margin-right: 3px;
  text-align: center;
  background-color: #f7f7f7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box .inContent .tag span:nth-child(3n) {
  margin-right: 0;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box:nth-child(1) {
  width: 250px;
  box-sizing: border-box;
  padding: 41px 41px 50px 31px;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box:nth-child(1) p:nth-child(1) {
  line-height: 2.92;
  font-size: 24px;
  font-weight: bold;
  color: #ededed;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box:nth-child(1) p:nth-child(2) {
  font-size: 12px;
  line-height: 2;
  color: #d6d6d6;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box:nth-child(1) a {
  display: block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  margin-top: 87px;
  opacity: 0.6;
  border-radius: 4px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box:nth-child(1) a:hover {
  color: #2139b4;
}
.JiuLongPoBox .jlp_contentBox .jlp_industry .industryCon .list .box:nth-child(5) {
  margin-right: 0;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 0 101px;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent {
  margin-top: 59px;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box {
  float: left;
  width: 390px;
  height: 410px;
  margin-right: 14px;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box .title {
  width: 100%;
  height: 63px;
  line-height: 63px;
  box-sizing: border-box;
  padding-left: 35px;
  color: #fff;
  font-size: 20px;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box .botContent {
  height: 347px;
  box-sizing: border-box;
  padding: 21px 37px 36px 20px;
  background: #fff;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box .botContent a {
  display: block;
  line-height: 2.5;
  font-size: 14px;
  color: #333;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box .botContent a span {
  float: left;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box .botContent a span:nth-child(1) {
  float: left;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-top: 16px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #c98f54;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box .botContent .moreBtn {
  display: block;
  width: 80px;
  margin: 30px auto 0;
  font-size: 14px;
  color: #2139b4;
}
.JiuLongPoBox .jlp_contentBox .jlp_invest .investContent .box:nth-child(3) {
  margin-right: 0;
}
.JiuLongPoBox .jlp_contentBox .jlp_case {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 0 101px;
}
.JiuLongPoBox .jlp_contentBox .jlp_case h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent {
  margin-top: 44px;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .box {
  float: left;
  position: relative;
  width: 390px;
  height: 391px;
  margin-right: 15px;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .box:hover .mask {
  display: block;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .box .mask {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 150px;
  background: #252b73;
  box-sizing: border-box;
  padding: 23px 30px 27px 24px;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .box .mask p:nth-child(1) {
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #fff;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .box .mask p:nth-child(2) {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .box:nth-child(3) {
  margin-right: 0;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .caseBtn {
  display: inline-block;
  width: 237px;
  height: 40px;
  line-height: 40px;
  margin: 55px 0 22px 480px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  background-color: #2139b4;
}
.JiuLongPoBox .jlp_contentBox .jlp_case .caseContent .caseBtn:hover {
  background: #70a1d9;
}
.JiuLongPoBox .jlp_contentBox .jlp_flow {
  width: 1050px;
  height: 166px;
  margin: 0 auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/jiuLongPo/flow.png') 50% 50% / cover no-repeat;
}
.JiuLongPoBox .fixed-jiulongpo {
  position: fixed;
  bottom: 200px;
  right: 0;
  z-index: 20;
}

.jiulongpoListBox {
  width: 100%;
  padding-top: 60px;
  background-color: #f8f8f8;
}
.jiulongpoListBox .collectCompanyBox {
  width: 1200px;
  margin: 0 auto;
}
.jiulongpoListBox .collectCompanyBox .title {
  width: 100%;
  margin: 76px 0 41px;
  text-align: center;
}
.jiulongpoListBox .collectCompanyBox .title h1 {
  margin: 0 auto;
  font-size: 32px;
  color: #333;
}
.jiulongpoListBox .collectCompanyBox .title p {
  margin: 37px auto 0;
  font-size: 18px;
  color: #999999;
}
.jiulongpoListBox .collectCompanyBox .choose {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  padding: 20px 74px 20px 64px;
  background: #fff;
}
.jiulongpoListBox .collectCompanyBox .choose .region,
.jiulongpoListBox .collectCompanyBox .choose .line,
.jiulongpoListBox .collectCompanyBox .choose .person,
.jiulongpoListBox .collectCompanyBox .choose .company {
  float: left;
}
.jiulongpoListBox .collectCompanyBox .choose .line {
  width: 1px;
  height: 26px;
  margin: 0 50px 0 55px;
  background-color: #e3e3e3;
}
.jiulongpoListBox .collectCompanyBox .choose .region .ant-select .ant-select-selection--single {
  border: none;
  color: #616161;
}
.jiulongpoListBox .collectCompanyBox .choose .region .ant-select .ant-select-selection--single .ant-select-selection__placeholder {
  color: #616161;
}
.jiulongpoListBox .collectCompanyBox .choose .person,
.jiulongpoListBox .collectCompanyBox .choose .company {
  position: relative;
  width: 350px;
}
.jiulongpoListBox .collectCompanyBox .choose .person .name,
.jiulongpoListBox .collectCompanyBox .choose .company .name {
  margin-right: 16px;
  font-size: 14px;
  color: #616161;
}
.jiulongpoListBox .collectCompanyBox .choose .person .ant-input,
.jiulongpoListBox .collectCompanyBox .choose .company .ant-input {
  height: 30px;
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.jiulongpoListBox .collectCompanyBox .choose .person .ant-btn,
.jiulongpoListBox .collectCompanyBox .choose .company .ant-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #2139b4;
}
.jiulongpoListBox .collectCompanyBox .companyList {
  width: 100%;
  height: 1669px;
  margin-top: 18px;
  box-sizing: border-box;
  padding: 0 20px;
  background: #fff;
}
.jiulongpoListBox .collectCompanyBox .companyList .box {
  width: 100%;
  height: 166px;
  box-sizing: border-box;
  padding: 17px 0;
  border-bottom: 1px solid #e3e3e3;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .imgBox,
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox,
.jiulongpoListBox .collectCompanyBox .companyList .box .optionBox {
  float: left;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .imgBox {
  display: block;
  width: 132px;
  height: 132px;
  margin-right: 28px;
  background: #e3e3e3;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .imgBox img {
  width: 100%;
  height: 100%;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox {
  width: 675px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .companyTitle {
  font-size: 18px;
  font-weight: 900;
  color: #333333;
  cursor: pointer;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .companyTitle:hover {
  color: #2139b4;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content {
  margin-top: 10px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox,
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .rightBox {
  float: left;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div,
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div {
  line-height: 14px;
  margin-top: 15px;
  font-size: 14px;
  color: #333333;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div span,
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div span {
  display: inline-block;
  font-size: 14px;
  color: #666666;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox {
  width: 255px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div span:nth-child(1) {
  width: 100px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div:nth-child(2) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .leftBox div:nth-child(2) span:nth-child(2) {
  width: 155px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .rightBox {
  margin-left: 80px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div:nth-child(2) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .contentBox .content .rightBox div:nth-child(2) span:nth-child(2) {
  width: 200px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .optionBox {
  margin-left: 73px;
  box-sizing: border-box;
  padding-top: 50px;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .optionBox p {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #999999;
}
.jiulongpoListBox .collectCompanyBox .companyList .box .optionBox a {
  display: inline-block;
  width: 188px;
  height: 40px;
  line-height: 40px;
  margin-top: 22px;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  background-color: #2139b4;
}
.jiulongpoListBox .collectCompanyBox .companyList .box:nth-child(10) {
  border-bottom: none;
}
.jiulongpoListBox .collectCompanyBox .bottomBox {
  width: 550px;
  height: 150px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 47px 0 85px;
}
.jiulongpoListBox .jiulist.ant-pagination {
  margin-left: 185px;
}
.jiulongpoListBox .jiulist.ant-pagination .ant-pagination-item-active {
  background: #2139b4;
  border-color: #2139b4;
}
.jiulongpoListBox .jiulist.ant-pagination .ant-pagination-item:focus,
.jiulongpoListBox .jiulist.ant-pagination .ant-pagination-item:hover {
  border-color: #2139b4;
  color: #2139b4;
}
.jiulongpoListBox .jiulist.ant-pagination .ant-pagination-item-active:focus,
.jiulongpoListBox .jiulist.ant-pagination .ant-pagination-item-active:hover {
  background: #2139b4;
  border-color: #2139b4;
}
.jiulongpoListBox .modeldargon {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jiulongpoListBox .modeldargon .modelOut {
  position: absolute;
  z-index: 101;
}
.jiulongpoListBox .modeldargon .centerIfo {
  height: auto;
  width: 800px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/jiuLongPo/15@2x.png') no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: relative;
  padding-bottom: 70px;
  z-index: 102;
}
.jiulongpoListBox .modeldargon .centerIfo .rightClose {
  width: 800px;
  padding: 5px 10px 0px 0px;
  margin-bottom: 65px;
}
.jiulongpoListBox .modeldargon .centerIfo .rightClose::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.jiulongpoListBox .modeldargon .centerIfo .rightClose .closeRight {
  float: right;
  display: block;
  font-size: 25px;
  cursor: pointer;
}
.jiulongpoListBox .modeldargon .centerIfo .rightClose .closeRight:hover {
  color: #2139b4;
}
.jiulongpoListBox .modeldargon .centerIfo .centerIfoCon {
  width: 645px;
  margin: auto;
}
.jiulongpoListBox .modeldargon .centerIfo .centerIfoCon .centerTitle {
  line-height: 24px;
  font-size: 24px;
  color: #000000;
  padding-bottom: 23px;
  border-bottom: 1px solid #0f7fb1;
  text-align: center;
  font-weight: 500;
}
.jiulongpoListBox .modeldargon .centerIfo .modelTitle {
  font-size: 36px;
  line-height: 38px;
  color: #000000;
  display: block;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
}
.jiulongpoListBox .modeldargon .centerIfo .companyNumber {
  width: auto;
  margin: 50px auto 40px;
  text-align: center;
  color: #000000;
}
.jiulongpoListBox .modeldargon .centerIfo .companyNumber span:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyNumber span:last-child {
  font-size: 16px;
  line-height: 16px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList {
  text-align: center;
  margin-bottom: 27px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList span:first-child {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  line-height: 16px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList span:last-child {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  width: 399px;
  text-align: left;
  margin-left: 32px;
  vertical-align: top;
  line-height: 16px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList:nth-of-type(9) {
  margin-bottom: 20px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList:nth-of-type(10) {
  margin-bottom: 0px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList:nth-of-type(10) span:first-child {
  line-height: 30px;
}
.jiulongpoListBox .modeldargon .centerIfo .companyInList:nth-of-type(10) span:last-child {
  line-height: 30px;
  max-height: 190px;
  overflow-y: auto;
}
.jiulongpoListBox .modeldargon .centerIfo .companyBot {
  position: absolute;
  left: 0px;
  bottom: 8px;
  width: 800px;
  padding: 0px 29px;
  text-align: justify;
  font-size: 12px;
  color: #999999;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 12px;
}

.text-over {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lease-detail-box {
  background: #eef2f8;
}
.lease-detail-box .w1200 {
  width: 1200px;
  margin: 0 auto;
}
.lease-detail-box .d-header {
  background: #fff;
  padding: 40px 30px;
  user-select: none;
}
.lease-detail-box .d-header .h-fl {
  width: 440px;
  height: 300px;
  position: relative;
  float: left;
  background: #f6f6f6;
}
.lease-detail-box .d-header .h-fl .c-thumb {
  width: 560px;
  height: 300px;
  background-size: cover;
  background-color: #eee;
  background-position: center center;
}
.lease-detail-box .d-header .h-fl .toggle-box a {
  width: 19px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -22px;
  transform: rotate(180deg);
}
.lease-detail-box .d-header .h-fl .toggle-box a:last-of-type {
  left: auto;
  right: 0;
  transform: rotate(0deg);
}
.lease-detail-box .d-header .h-fl .toggle-box a:hover {
  background: #108ee9;
}
.lease-detail-box .d-header .h-fr {
  float: right;
  width: 400px;
  height: 300px;
  position: relative;
}
.lease-detail-box .d-header .h-fr .d-title {
  font-size: 24px;
  color: #333333;
  word-wrap: break-word;
  overflow: auto;
  font-size: 30px;
  height: 66px;
  line-height: 32px;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 400px;
  display: block;
}
.lease-detail-box .d-header .h-fr .meta-box {
  padding-top: 33px;
}
.lease-detail-box .d-header .h-fr .meta-box p {
  font-size: 16px;
  color: #333333;
  margin-bottom: 25px;
}
.lease-detail-box .d-header .h-fr .btn-box {
  position: absolute;
  left: 0;
  bottom: 0;
}
.lease-detail-box .d-header .h-fr .btn-box button {
  width: 140px;
  height: 40px;
}
.lease-detail-box .d-main {
  margin-top: 20px;
  margin-bottom: 100px;
}
.lease-detail-box .d-main .d-fl {
  width: 948px;
  float: left;
  overflow: hidden;
}
.lease-detail-box .d-main .d-fl .d-fl-box {
  background: #fff;
  padding: 40px 30px;
}
.lease-detail-box .d-main .d-fl .r-title {
  margin-bottom: 24px;
}
.lease-detail-box .d-main .d-fl .r-title span {
  font-size: 20px;
  color: #333333;
  display: inline-block;
  border-left: 3px solid #108ee9;
  height: 20px;
  line-height: 20px;
  padding-left: 12px;
}
.lease-detail-box .d-main .d-fl .d-info {
  margin-bottom: 35px;
}
.lease-detail-box .d-main .d-fl .d-info dl {
  float: left;
  width: 50%;
  margin-bottom: 8px;
  overflow: hidden;
}
.lease-detail-box .d-main .d-fl .d-info dl dt {
  width: 160px;
  max-width: 160px;
  height: 50px;
  background-color: #edf7ff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #999999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 5px;
  float: left;
}
.lease-detail-box .d-main .d-fl .d-info dl dd {
  width: 250px;
  height: 50px;
  background-color: #f6fbff;
  font-size: 14px;
  color: #333333;
  padding: 0 13px;
  line-height: 50px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lease-detail-box .d-main .d-fl .d-describe {
  font-size: 14px;
  line-height: 2;
  color: #666666;
}
.lease-detail-box .d-main .d-fl .d-describe p {
  margin-bottom: 30px;
}
.lease-detail-box .d-main .d-fl .d-describe img {
  margin-bottom: 20px;
  display: block;
  max-width: 100%;
}
.lease-detail-box .d-main .d-fr {
  width: 232px;
  float: right;
}
.lease-detail-box .d-main .d-fr .company-box {
  margin-bottom: 20px;
  background-color: #fff;
  overflow: hidden;
}
.lease-detail-box .d-main .d-fr .company-box .company-box-unattesation {
  width: 70px;
  height: 20px;
  margin: 0px auto 10px;
  display: block;
}
.lease-detail-box .d-main .d-fr .company-box .avatar {
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background-color: #d0d0d0;
  margin: 24px auto;
}
.lease-detail-box .d-main .d-fr .company-box .com-name {
  font-size: 14px;
  color: #000;
  padding: 0 18px 10px;
  text-align: center;
}
.lease-detail-box .d-main .d-fr .company-box .com-meta {
  font-size: 12px;
  color: #98aacc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}
.lease-detail-box .d-main .d-fr .company-box .com-meta img {
  display: block;
  margin-right: 6px;
}
.lease-detail-box .d-main .d-fr .company-box .com-meta:after,
.lease-detail-box .d-main .d-fr .company-box .com-meta:before {
  content: '';
  width: 25px;
  height: 1px;
  background-color: #98aacc;
  position: absolute;
  left: 26px;
  top: 50%;
}
.lease-detail-box .d-main .d-fr .company-box .com-meta:after {
  left: auto;
  right: 26px;
}
.lease-detail-box .d-main .d-fr .company-box .certificate {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 24px;
  padding: 0 10px;
}
.lease-detail-box .d-main .d-fr .company-box .certificate span {
  font-size: 12px;
  color: #666666;
}
.lease-detail-box .d-main .d-fr .company-box .btn-box {
  width: 100%;
  height: 40px;
  display: flex;
}
.lease-detail-box .d-main .d-fr .company-box .btn-box a {
  display: flex;
  min-width: 50%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.lease-detail-box .d-main .d-fr .company-box .btn-box a:first-of-type {
  color: #F40B0B;
  border-top: 1px #E2E2E2 solid;
}
.lease-detail-box .d-main .d-fr .company-box .btn-box a:nth-of-type(2) {
  background-color: #F40B0B;
  color: #FFFFFF;
}
.lease-detail-box .d-main .d-fr .company-box .btn-box a:nth-of-type(2) img {
  width: 16px;
  height: 16px;
}
.lease-detail-box .d-main .d-fr .company-box .btn-box a img {
  display: block;
  margin-right: 5px;
  width: 14px;
  height: 14px;
}
.lease-detail-box .d-main .d-fr .d-title {
  font-size: 16px;
  color: #333333;
  padding: 0  15px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #ededed;
  background-color: #fff;
}
.lease-detail-box .d-main .d-fr ul {
  background-color: #fff;
  padding-top: 12px;
}
.lease-detail-box .d-main .d-fr ul li {
  padding: 12px 15px;
  transition: all 0.5s;
  background: #fff;
  cursor: pointer;
}
.lease-detail-box .d-main .d-fr ul li:hover {
  background: #f1f1f1;
}
.lease-detail-box .d-main .d-fr ul li a {
  display: block;
  overflow: hidden;
}
.lease-detail-box .d-main .d-fr ul li a .i-avatar {
  width: 64px;
  height: 64px;
  background-color: #eee;
  background-size: cover;
  border-radius: 100%;
  float: left;
}
.lease-detail-box .d-main .d-fr ul li a .i-name {
  font-size: 14px;
  color: #666666;
  padding-left: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 64px;
  height: 64px;
}
.lease-detail-box .about-box {
  width: 968px;
  margin-bottom: 80px;
}
.lease-detail-box .about-box .a-title {
  padding: 80px 0 50px;
  overflow: hidden;
}
.lease-detail-box .about-box .a-title span {
  font-size: 24px;
  color: #333333;
  padding-right: 12px;
  float: left;
}
.lease-detail-box .about-box .a-title a {
  float: left;
  width: 68px;
  height: 20px;
  border-radius: 4px;
  font-size: 12px;
  color: #108ee9;
  border: 1px solid #108ee9;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  top: 9px;
}
.lease-detail-box .about-box .item {
  width: 232px;
  background: #fff;
  position: relative;
  top: 0;
  box-shadow: none;
  margin-bottom: 10px;
  margin-right: 10px;
  transition: all 0.5s;
  cursor: pointer;
  float: left;
}
.lease-detail-box .about-box .item .thumb {
  height: 154px;
  width: 100%;
  background-color: #ededed;
  background-size: cover;
}
.lease-detail-box .about-box .item .i-title {
  font-size: 16px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 26px 0;
  margin: 0 10px;
  border-bottom: 1px solid #ededed;
}
.lease-detail-box .about-box .item .meta {
  padding: 16px 10px;
  display: flex;
  overflow: hidden;
}
.lease-detail-box .about-box .item .meta .i-avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-color: #ededed;
  background-size: cover;
  border-radius: 100%;
  margin-right: 7px;
}
.lease-detail-box .about-box .item .meta .i-name {
  font-size: 12px;
  color: #666666;
  height: 32px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 60px;
}
.lease-detail-box .about-box .item .meta .i-price {
  font-size: 12px;
  color: #666666;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
}
.lease-detail-box .about-box .item .meta .i-price span {
  font-size: 18px;
  color: #108ee9;
  position: relative;
  top: 1px;
}
.lease-detail-box .about-box .item .meta .flex1 {
  flex: 1;
}
.lease-detail-box .about-box .item:hover {
  box-shadow: 0 5px 10px 0 #e3e3e3;
  top: -8px;
}
.lease-detail-box .no-data {
  text-align: center;
  padding: 20px 0;
  display: block;
  color: #999;
  font-size: 12px;
}
.contact-modal-detail {
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 16px;
}
.contact-modal-detail p:first-of-type {
  margin-bottom: 10px;
}

.lease-box {
  background: #f8fafe;
  overflow: hidden;
}
.lease-box .w1200 {
  width: 1200px;
  margin: 0 auto;
}
.lease-box .l-breadcrumb {
  padding: 23px 0;
}
.lease-box .filter-num {
  font-size: 14px;
  color: #999999;
  padding: 28px 0;
}
.lease-box .filter-num span {
  color: #108ee9;
}
.lease-box .list-box {
  margin-bottom: 50px;
}
.lease-box .list-box .list-left {
  width: 976px;
  float: left;
}
.lease-box .list-box .list-left .item {
  width: 224px;
  background: #fff;
  position: relative;
  top: 0;
  box-shadow: none;
  margin-bottom: 20px;
  margin-right: 20px;
  transition: top 0.5s;
  cursor: pointer;
  float: left;
}
.lease-box .list-box .list-left .item .thumb {
  height: 154px;
  width: 100%;
  background-color: #ededed;
  background-size: cover;
  background-position: center center;
}
.lease-box .list-box .list-left .item .i-title {
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 12px 0;
  margin: 0 14px;
  height: 45px;
  transition: color 0.5s;
}
.lease-box .list-box .list-left .item .i-title:hover {
  color: #f50000;
}
.lease-box .list-box .list-left .item .company-name-box {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0 14px;
}
.lease-box .list-box .list-left .item .company-name-box .company-name {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
  line-height: 12px;
  height: 12px;
}
.lease-box .list-box .list-left .item .company-name-box .address-box {
  color: #999;
  font-size: 12px;
  line-height: 12px;
  padding-left: 10px;
  height: 12px;
  white-space: nowrap;
}
.lease-box .list-box .list-left .item .meta {
  padding: 9px 14px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.lease-box .list-box .list-left .item .meta .contact-box {
  display: flex;
  align-items: center;
  color: #f50000;
  transition: color 0.5s;
}
.lease-box .list-box .list-left .item .meta .contact-box:hover {
  color: #c20101 !important;
}
.lease-box .list-box .list-left .item .meta .contact-box img {
  display: block;
  margin-right: 6px;
}
.lease-box .list-box .list-left .item .meta .contact-box span {
  font-size: 14px;
  line-height: 30px;
}
.lease-box .list-box .list-left .item .meta .i-price {
  font-size: 12px;
  color: #666666;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  font-weight: 800;
}
.lease-box .list-box .list-left .item .meta .i-price div {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.lease-box .list-box .list-left .item .meta .i-price span {
  font-size: 18px;
  color: #f50000;
  font-weight: 800;
}
.lease-box .list-box .list-left .item .meta .flex1 {
  flex: 1;
}
.lease-box .list-box .list-left .item:hover {
  box-shadow: 0 5px 10px 0 #e3e3e3;
  top: -4px;
}
.lease-box .list-box .list-right {
  width: 224px;
  float: right;
}
.lease-box .list-box .list-right .r-title {
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #ededed;
  height: 48px;
  line-height: 48px;
  background: #fff;
  padding: 0 14px;
}
.lease-box .list-box .list-right .i-list {
  padding: 24px  17px  0;
  margin-bottom: 20px;
  background: #fff;
}
.lease-box .list-box .list-right .i-list .i-item {
  background: #fff;
  cursor: pointer;
}
.lease-box .list-box .list-right .i-list .i-item .thumb {
  width: 190px;
  height: 140px;
  background-size: cover;
  background-position: center;
  transition: all 0.5s;
}
.lease-box .list-box .list-right .i-list .i-item .i-title {
  font-size: 14px;
  color: #666666;
  height: 55px;
  line-height: 55px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.5s;
}
.lease-box .list-box .list-right .i-list .i-item:hover .thumb {
  box-shadow: 1.4px 3.8px 8px 0 rgba(59, 59, 59, 0.18);
}
.lease-box .list-box .list-right .i-list .i-item:hover .i-title {
  color: #fc9153;
}
.lease-box .list-box .list-right ul.r-ul {
  margin-bottom: 14px;
}
.lease-box .list-box .list-right ul.r-ul li {
  padding: 12px 15px;
  transition: all 0.5s;
  background: #fff;
  cursor: pointer;
}
.lease-box .list-box .list-right ul.r-ul li:hover {
  background: #f1f1f1;
}
.lease-box .list-box .list-right ul.r-ul li a {
  display: block;
  overflow: hidden;
}
.lease-box .list-box .list-right ul.r-ul li a .i-avatar {
  width: 64px;
  height: 64px;
  background-color: #eee;
  background-size: cover;
  border-radius: 100%;
  background-position: center;
  float: left;
}
.lease-box .list-box .list-right ul.r-ul li a .i-name {
  font-size: 14px;
  color: #666666;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 64px;
  height: 64px;
}
.lease-box .list-box .list-right .new-list {
  background: #fff;
  padding: 24px  14px 0;
  overflow: hidden;
}
.lease-box .list-box .list-right .new-list .i-item {
  display: flex;
  margin-bottom: 24px;
  cursor: pointer;
}
.lease-box .list-box .list-right .new-list .i-item .i-date {
  text-align: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  background-color: #e2f1fc;
  font-size: 12px;
  color: #108ee9;
}
.lease-box .list-box .list-right .new-list .i-item .i-date span {
  font-size: 26px;
  display: block;
}
.lease-box .list-box .list-right .new-list .i-item .i-right {
  padding-left: 8px;
}
.lease-box .list-box .list-right .new-list .i-item .i-title {
  font-size: 12px;
  color: #333333;
  height: 32px;
  overflow: hidden;
}
.lease-box .list-box .list-right .new-list .i-item .tags {
  padding-top: 2px;
}
.lease-box .list-box .list-right .new-list .i-item .tags span {
  padding: 0 5px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  font-size: 12px;
  color: #999999;
  border: 1px solid #ededed;
}
.lease-box .pagination-box {
  padding: 50px 0 70px;
  text-align: center;
}
.lease-box .about-box {
  background: #fff;
  padding-top: 48px;
}
.lease-box .about-box .row {
  width: 1210px;
  margin: 0 auto;
  position: relative;
  left: 5px;
}
.lease-box .about-box .title {
  font-size: 18px;
  text-align: left;
  color: #333333;
  padding-top: 30px;
  padding-bottom: 30px;
}
.lease-box .about-box .about-list {
  padding-bottom: 37px;
}
.lease-box .about-box .about-list .item {
  width: 224px;
  background: #fff;
  position: relative;
  top: 0;
  box-shadow: none;
  margin-bottom: 20px;
  margin-right: 20px;
  transition: top 0.5s;
  cursor: pointer;
  float: left;
}
.lease-box .about-box .about-list .item .thumb {
  height: 154px;
  width: 100%;
  background-color: #ededed;
  background-size: cover;
  background-position: center center;
}
.lease-box .about-box .about-list .item .i-title {
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 12px 0;
  margin: 0 14px;
  height: 45px;
  transition: color 0.5s;
}
.lease-box .about-box .about-list .item .i-title:hover {
  color: #f50000;
}
.lease-box .about-box .about-list .item .company-name-box {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0 14px;
}
.lease-box .about-box .about-list .item .company-name-box .company-name {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
  line-height: 12px;
  height: 12px;
}
.lease-box .about-box .about-list .item .company-name-box .address-box {
  color: #999;
  font-size: 12px;
  line-height: 12px;
  padding-left: 10px;
  height: 12px;
  white-space: nowrap;
}
.lease-box .about-box .about-list .item .meta {
  padding: 9px 14px;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.lease-box .about-box .about-list .item .meta .contact-box {
  display: flex;
  align-items: center;
  color: #f50000;
  transition: color 0.5s;
}
.lease-box .about-box .about-list .item .meta .contact-box:hover {
  color: #c20101 !important;
}
.lease-box .about-box .about-list .item .meta .contact-box img {
  display: block;
  margin-right: 6px;
}
.lease-box .about-box .about-list .item .meta .contact-box span {
  font-size: 14px;
  line-height: 30px;
}
.lease-box .about-box .about-list .item .meta .i-price {
  font-size: 12px;
  color: #666666;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  font-weight: 800;
}
.lease-box .about-box .about-list .item .meta .i-price div {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.lease-box .about-box .about-list .item .meta .i-price span {
  font-size: 18px;
  color: #f50000;
  font-weight: 800;
}
.lease-box .about-box .about-list .item .meta .flex1 {
  flex: 1;
}
.lease-box .about-box .about-list .item:hover {
  box-shadow: 0 5px 10px 0 #e3e3e3;
  top: -4px;
}
.lease-box .about-box .about-list .item {
  border: 1px solid #ededed;
}

.filter-bars-box {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.filter-bars-box .ant-tabs {
  overflow: visible;
}
.filter-bars-box .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px;
}
.filter-bars-box .ant-tabs-nav .ant-tabs-tab-active {
  color: #333333;
}
.filter-bars-box .ant-tabs-ink-bar {
  height: 3px;
  background-color: #ff6d20;
}
.filter-bars-box .a-3d {
  position: absolute;
  left: 66%;
  top: 18px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  padding: 0 20px;
}
.filter-bars-box .filter-cats {
  margin-bottom: 13px;
}
.filter-bars-box .filter-cats ul li {
  height: 46px;
  border-bottom: 1px solid #f4f4f4;
  white-space: nowrap;
  overflow: hidden;
}
.filter-bars-box .filter-cats ul li.show {
  height: auto;
}
.filter-bars-box .filter-cats ul li .f-title {
  display: inline-block;
  width: 167px;
  text-align: center;
  border-right: 1px solid #f4f4f4;
  line-height: 46px;
  margin-right: 30px;
  float: left;
}
.filter-bars-box .filter-cats ul li .f-right {
  display: flex;
  white-space: initial;
  justify-content: flex-start;
  align-items: center;
  float: left;
  width: 880px;
  flex-wrap: wrap;
  padding: 13px 0 0 0;
  position: relative;
}
.filter-bars-box .filter-cats ul li a.item {
  display: inline-block;
  line-height: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #f1f5f7;
  padding: 0 12px;
  margin-right: 20px;
  font-size: 12px;
  color: #666666;
  margin-bottom: 10px;
}
.filter-bars-box .filter-cats ul li a.item.active {
  background-color: #fff6f1;
}
.filter-bars-box .filter-cats ul li .more-box {
  height: 46px;
  background: #f8fafe;
  display: none;
  justify-content: center;
  align-items: center;
  user-select: none;
  float: left;
  width: 123px;
}
.filter-bars-box .filter-cats ul li .more-box.show {
  display: flex;
}
.filter-bars-box .filter-cats ul li a.a-more {
  width: 72px;
  line-height: 22px;
  height: 22px;
  border-radius: 3px;
  background-color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  color: #666666;
  border: 1px solid #e0e0e0;
  user-select: none;
}
.filter-bars-box .filter-bars {
  background-color: #f2f4f5;
  padding: 6px 23px;
}
.filter-bars-box .filter-bars ul {
  float: left;
}
.filter-bars-box .filter-bars ul li {
  border: 1px solid #e6e6e6;
  font-size: 12px;
  text-align: center;
  color: #333333;
  line-height: 28px;
  min-width: 90px;
  background: #fff;
  display: inline-block;
}
.filter-bars-box .filter-bars ul li .ant-dropdown-btn {
  color: #333333;
  border: 0;
  width: auto;
}
.filter-bars-box .filter-bars ul li .ant-dropdown-btn span {
  font-size: 12px !important;
}
.filter-bars-box .filter-bars ul li .ant-calendar-picker .ant-input {
  border: 0;
}
.filter-bars-box .filter-bars ul li.address {
  margin-left: 20px;
  position: relative;
}
.filter-bars-box .filter-bars ul li.address .province-box {
  position: absolute;
  top: 40px;
  width: 350px;
  padding: 15px 12px;
  background: #fff;
  box-shadow: 1px 1px 3px 1px rgba(36, 36, 36, 0.24);
  -webkit-box-shadow: 1px 1px 3px 1px rgba(36, 36, 36, 0.24);
  left: 0;
  z-index: 10;
  overflow-y: auto;
  text-align: left;
  user-select: none;
  display: none;
}
.filter-bars-box .filter-bars ul li.address .province-box.show {
  display: block;
}
.filter-bars-box .filter-bars ul li.address .province-box .c-title {
  color: #333;
  font-size: 14px;
  text-align: left;
  line-height: 1.1;
  margin: 0 0 8px;
}
.filter-bars-box .filter-bars ul li.address .province-box .item {
  width: 20%;
  display: inline-block;
  text-align: center;
}
.filter-bars-box .filter-bars ul li.address .province-box .item span {
  display: block;
  padding: 5px 8px;
  color: #666;
  line-height: 1.1;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
  position: relative;
}
.filter-bars-box .filter-bars ul li.address .province-box .item .city-box {
  display: none;
  position: absolute;
  width: 100%;
  padding: 11px 9px;
  border: 1px solid #e3e3e3;
  text-align: left;
  background: #fff;
  left: 0;
  z-index: 1;
  margin-top: -1px;
}
.filter-bars-box .filter-bars ul li.address .province-box .item .city-box .s-c-item {
  display: inline-block;
  width: 20%;
  font-size: 12px;
  color: #999;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-bars-box .filter-bars ul li.address .province-box .item.active span {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  padding: 5px 8px 6px;
  color: #397ecd;
  z-index: 15;
}
.filter-bars-box .filter-bars ul li.address .province-box .item.active .city-box {
  display: block;
}
.filter-bars-box .filter-bars .filter-search {
  float: right;
  width: 262px;
  height: 28px;
  position: relative;
}
.filter-bars-box .filter-bars .filter-search input {
  width: 203px;
  border-radius: 3px 0 0 3px;
  background-color: #ffffff;
  height: 30px;
}
.filter-bars-box .filter-bars .filter-search button {
  width: 64px;
  height: 30px;
  background-color: #ff6d20;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 3px 3px  0;
}
.filter-bars-box .filter-bars .filter-search button:hover {
  background-color: #e0611e;
}
.filter-bars-box .filter-bars .filter-search button span {
  font-size: 12px !important;
}

#root {
  height: 100%;
}
#root > div,
#root > div > div {
  height: 100%;
}
.error {
  color: #fc5855;
}
.mb {
  margin-bottom: 16px;
}
.mt {
  margin-top: 35px;
}
.mb-s {
  margin-bottom: 20px;
}
.mb-g {
  margin-bottom: 30px;
}
.mb-lg {
  margin-bottom: 35px;
}
.t-yellow {
  color: #43c88f;
}
.ant-input-group-addon {
  border-radius: 0 !important;
  cursor: pointer;
  color: #fff !important;
  background: #397ecd !important;
}
.login-none {
  display: none;
}
.login-none.login-show {
  display: block;
}
.newLogin {
  padding: 60px 0 160px;
  height: 100%;
  min-width: 1200px;
  /*  background:#121417;*/
}
.newLogin .yan-hide {
  display: none;
}
.newLogin .yan-show {
  display: inline-block;
}
.newLogin .humi-yanzheng {
  width: 133px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0;
  background-color: #ff6d20;
  color: white;
  border-radius: 5px;
}
.newLogin .ant-input.input {
  padding: 17px;
  font-size: 16px;
  border-radius: 4px;
}
.newLogin .yanzheng {
  overflow: hidden;
}
.newLogin .input {
  height: 50px !important;
  color: #b2b2b2;
  background: #f8f8f8 !important;
  /*  border: 1px solid #e0e0e0;*/
}
.newLogin .input .ant-input {
  outline: none !important;
  background: #f8f8f8 !important;
  padding: 17px;
  font-size: 16px;
  border-radius: 4px;
}
.newLogin .ant-checkbox-inner {
  background-color: #f2f2f2;
}
.newLogin .ant-checkbox-checked .ant-checkbox-inner,
.newLogin .ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.newLogin .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.newLogin .ant-checkbox:hover .ant-checkbox-inner,
.newLogin .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ff6d20;
}
.newLogin .t-blue {
  cursor: pointer;
  color: #ff6d20;
}
.newLogin .t-blue > a {
  color: #ff6d20;
  transition: all 0.2s linear;
  cursor: pointer;
}
.newLogin .t-blue > a:hover {
  color: #ff6d20;
}
.newLogin .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #ff6d20;
}
.newLogin .login-btn-two {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  background: #ff6d20;
  color: #fff;
  margin-top: 45px;
  border-color: #ff6d20;
  transition: all 0.2s linear;
  cursor: pointer;
  border: 0;
  font-size: 16px;
}
.newLogin .login-btn-two:hover {
  background: #e0611e;
}
.newLogin .login-btn-two > i {
  display: inline-block;
  width: 30px;
}
.newLogin .login-top {
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #5774b8;
  z-index: 1;
}
.newLogin .login-top > div {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.newLogin .login-top > div > span {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin-left: 37px;
  line-height: 90px;
  vertical-align: top;
}
.newLogin .login-top > div > a:first-child > svg {
  width: 117px;
  margin-top: 21px;
}
.newLogin .login-top > div > a:last-child {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  transition: all 0.2s linear;
  cursor: pointer;
}
.newLogin .login-top > div > a:last-child:hover {
  color: #ff6d20;
}
.newLogin .login-main {
  height: 100%;
  position: relative;
}
.newLogin .login-main > div {
  width: 1200px;
  margin: auto;
  height: 100%;
  position: relative;
}
.newLogin .login-main > div > p {
  position: absolute;
  left: 0;
  width: 35%;
  top: 14%;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
}
.newLogin .login-main .login-ml {
  float: left;
  width: 270px;
}
.newLogin .login-main .login-mr {
  float: right;
  width: 310px;
}
.newLogin .login-main .login-bg {
  background: rgba(57, 126, 205, 0.5);
  width: 900px;
  height: 340px;
  position: fixed;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-left: -450px;
  margin-top: -260px;
  padding: 60px 40px;
}
.newLogin .login-main .login-bg h4 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 50px;
}
.newLogin .login-main .login-bg p {
  color: #fff;
}
.newLogin .login-main .login-bg p.za {
  margin-bottom: 30px;
}
.newLogin .login-main .login-bg .login-btn {
  width: 100px;
  height: 40px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
}
.newLogin .login-main .login-info {
  width: 460px;
  background: #fff;
  box-shadow: 2.5px 4.3px 10px 0 rgba(102, 102, 102, 0.08);
  position: fixed;
  position: absolute;
  top: 14%;
  right: 0;
  width: 430px;
  min-height: 490px;
  z-index: 2;
  padding: 41px 25px;
}
.newLogin .login-main .login-info .sa {
  position: relative;
  height: 50px;
}
.newLogin .login-main .login-info .fas {
  background: #397ecd;
  padding: 3px 5px ;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  width: 80px;
  text-align: center;
  font-size: 12px;
}
.newLogin .login-main .login-info .ans {
  position: absolute;
  display: block;
  outline: none;
  padding: 4px 7px;
  width: 100%;
  height: 40px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  appearance: none;
  background-image: none;
  padding-right: 80px;
  border: 1px solid #d9d9d9;
}
.newLogin .login-main .login-info .login-close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.newLogin .login-main .login-info h3 {
  font-size: 18px;
  color: #2b2b2b;
  padding-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 15px;
}
.newLogin .login-main .login-info h3 > a {
  color: #2b2b2b;
  float: right;
  margin-top: 5px;
  transition: all 0.2s linear;
}
.newLogin .login-main .login-info h3 > a:hover {
  color: #397ecd;
}
.newLogin .login-main .login-info.login-r {
  z-index: 1;
}
.newLogin .login-main .login-info.login-l {
  z-index: 1;
  display: none;
}
.newLogin .login-bottom {
  padding-top: 30px;
  background: #25282e;
  width: 100%;
  position: fixed;
  text-align: center;
  height: 160px;
  bottom: 0;
  left: 0;
  color: #fff;
}
.newLogin .login-bottom .gs {
  padding-top: 30px;
  color: #939292;
}
.newLogin .login-bottom a {
  padding: 0 30px;
  color: #c2c2c2;
}
.newLogin .login-bottom a:hover,
.newLogin .login-bottom a.on {
  color: #5774b8;
}
.regTkCon {
  height: 400px;
  overflow-y: auto;
}
#login-register {
  user-select: none;
  border-radius: 4px;
  /* .nc-toolbar{
    background-color: #f5f5f5;
    padding:0 8px;
  }
  .ant-tabs-tab{
    width:50%;
    text-align: center;
    margin-right:0;
    font-size: 20px;
    color:@font-1;
    padding:0px 20px 17px;
  }
  .ant-tabs-nav{
    width:100%;
  }
  .ant-tabs-bar{
    border-bottom-color:@assist;
    margin-bottom:0;
  }
  .ant-tabs-ink-bar{
    width:56px !important;
    margin-left:69px;
    height:3px;
    background-color: @assist;
  } */
}
#login-register #loginCode,
#login-register .nc-canvas,
#login-register .nc-canvas > div,
#login-register .nc-canvas-node,
#login-register .nc-container {
  width: 100% !important;
}
#login-register .ant-tabs-nav {
  margin-left: 80px;
}
#login-register .ant-tabs-nav .ant-tabs-tab {
  font-size: 18px;
  margin-right: 80px;
}
#login-register .ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
#login-register #account > p:first-child {
  text-align: right;
  line-height: 39px;
}
#login-register #account > p:first-child > a {
  color: #ff6d20;
  transition: all 0.2s linear;
  cursor: pointer;
}
#login-register #account > p:first-child > a:hover {
  color: #ff6d20;
}
#login-register #account .third-party-login {
  margin-top: 47px;
}
#login-register #account .third-party-login:after {
  content: '';
  display: block;
  clear: both;
}
#login-register #account .third-party-login > div {
  float: left;
  width: 33.33%;
  text-align: center;
}
#login-register #account .third-party-login > div > a {
  width: 31px;
  height: 31px;
  display: inline-block;
  border-radius: 50%;
  background-color: #becbd7;
  position: relative;
  transition: all 0.2s linear;
}
#login-register #account .third-party-login > div > a:hover {
  background-color: #3dd144;
}
#login-register #account .third-party-login > div > a > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#login-register #account .third-party-login > div:nth-child(2) > a {
  cursor: not-allowed;
}
#login-register #account .third-party-login > div:nth-child(2) > a:hover {
  background-color: #088fea;
}
#login-register #account .third-party-login > div:nth-child(3) > a {
  cursor: not-allowed;
}
#login-register #account .third-party-login > div:nth-child(3) > a:hover {
  background-color: #ef1b1b;
}
#login-register #mobile > p:first-child {
  text-align: right;
  line-height: 39px;
}
#login-register #mobile > p:first-child > a {
  color: #ff6d20;
  transition: all 0.2s linear;
  cursor: pointer;
}
#login-register #mobile > p:first-child > a:hover {
  color: #ff6d20;
}
#login-register #mobile .slide > div {
  border: 1px solid #d9d9d9;
  height: 40px;
  position: relative;
  padding-left: 59px;
  background-color: #e5f0fd;
  text-align: center;
  line-height: 40px;
  color: #999;
}
#login-register #mobile .slide > div > b {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #e5f0fd;
  color: #397ecd;
}
#login-register #mobile .slide > div > span {
  position: absolute;
  left: -1px;
  top: 0;
  width: 59px;
  background-color: white;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  height: 100%;
  cursor: pointer;
}
#login-register #mobile .slide > div > span > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/login/arrow.png') no-repeat;
  background-size: 100% 100%;
}
#login-register #mobile .verification-code {
  margin: 10px 0 30px;
}
#login-register #mobile .verification-code .ant-input {
  width: 238px;
  margin-right: 9px;
}
#login-register #mobile .verification-code > button {
  width: 133px;
  height: 50px;
  background-color: #ff6d20;
  border-radius: 4px;
  color: white;
  outline: none;
  border: 0;
  cursor: pointer;
  transition: all 0.2s linear;
}
#login-register #mobile .verification-code > button:hover {
  background-color: #e0611e;
}
#login-register .register {
  padding-top: 13px;
}
#login-register .register > div {
  margin-bottom: 11px;
}
#login-register .register #registerCode + div > input {
  width: 239px;
  vertical-align: bottom;
  margin-right: 8px;
}
#login-register .register #registerCode + div > button {
  width: 133px;
  height: 50px;
  padding: 0;
  background-color: #ff6d20;
  color: white;
}
#login-register .register #registerCode + div > button:hover {
  background-color: #e0611e;
  color: white;
}
#login-register .register #registerCode + div + div {
  margin-top: 10px 0 21px;
}
#loginCode .nc_scale span,
#registerCode .nc_scale span {
  height: 34px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.bigBox {
  background-color: #f8f8f8;
  padding-top: 60px;
}
.bigBox .publicTi {
  margin-bottom: 25px;
}
.bigBox .publicTi h1 {
  font-size: 36px;
  color: #fe6d20;
}
.bigBox .publicTi h2 {
  font-size: 24px;
  color: #333333;
}
.bigBox .logoviBanner {
  height: 600px;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/packagingDesign/banner.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 60px;
}
.bigBox .logoviBanner .activeSub {
  width: 1250px;
  margin: 0px auto 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
}
.bigBox .logoviBanner .activeSub .activeSub-poosi {
  position: absolute;
  left: 233px;
  bottom: 100px;
  width: 220px;
  height: 40px;
  box-shadow: 0px 8px 8px rgba(0, 11, 65, 0.14);
}
.bigBox .subModelnav {
  width: 100%;
  height: 64px;
  background-color: #fff;
  position: relative;
}
.bigBox .subModelnav .subModelnavCon {
  width: 1200px;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bigBox .subModelnav .subModelnavCon .subModeltit {
  display: inline-block;
  width: 140px;
  height: 100%;
  line-height: 64px;
  text-align: center;
  color: #666666;
  cursor: pointer;
}
.bigBox .subModelnav .subModelnavCon .subModeltit:hover {
  background-color: #fff6f1;
  color: #fe6d20;
}
.bigBox .boutiquecase {
  width: 1200px;
  margin: 75px auto;
  position: relative;
}
.bigBox .boutiquecase .albumhead {
  width: 100%;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.bigBox .boutiquecase .albumhead .albumheadl {
  width: 50%;
}
.bigBox .boutiquecase .albumhead .albumheadr {
  height: 50px;
  padding-top: 5px;
}
.bigBox .boutiquecase .albumcon {
  width: 100%;
  background-color: #fff;
}
.bigBox .boutiquecase .albumcon .albumconl {
  width: 222px;
  display: inline-block;
  vertical-align: top;
  padding: 45px 0px 60px 0px;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconls {
  display: block;
  font-size: 16px;
  color: #333333;
  margin-bottom: 36px;
  padding-left: 53px;
  cursor: pointer;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconls .listIcon {
  display: none;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconll {
  display: block;
  font-size: 16px;
  color: #333333;
  margin-bottom: 36px;
  padding-left: 53px;
  cursor: pointer;
  color: #fe6d20;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconll .listIcon {
  display: none;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconll .listIcon {
  display: inline-block;
  vertical-align: middle;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconls:last-child {
  margin-bottom: 0px;
}
.bigBox .boutiquecase .albumcon .albumconl .albumconll:last-child {
  margin-bottom: 0px;
}
.bigBox .boutiquecase .albumcon .albumconr {
  width: 978px;
  display: inline-block;
  vertical-align: top;
}
.bigBox .boutiquecase .albumcon .albumconr img {
  height: 240px;
  width: 320px;
  margin-right: 5px;
}
.bigBox .logoserver {
  width: 1200px;
  margin: 80px auto 0px;
}
.bigBox .logoserverimg {
  width: 100%;
  height: 348px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/licheng.png') no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 38px;
}
.bigBox .nosatisfaction {
  width: 1200px;
  height: 120px;
  margin: 0px auto 79px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/packagingDesign/satisfa.png') no-repeat;
  background-position: center;
  background-size: contain;
  padding-top: 39px;
}
.bigBox .freedesign {
  width: 1200px;
  margin: auto;
}
.bigBox .freedesign h1 {
  font-size: 30px;
  color: #333333;
}
.bigBox .freedesign h2 {
  font-size: 16px;
  color: #666666;
}
.bigBox .freedesign img {
  height: 281px;
  width: 1200px;
  margin-top: 35px;
}
.bigBox .periodMoudel {
  width: 100%;
  height: 667px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/packagingDesign/period.png');
  background-position: center;
  background-size: cover;
  margin-top: 60px;
  padding-top: 461px;
}
.bigBox .acheduleMou {
  padding-top: 77px;
  background-color: #fff;
  text-align: center;
  width: 1200px;
  margin: -100px auto 0px;
  padding-bottom: 50px;
}
.bigBox .acheduleMou span {
  display: block;
  font-size: 14px;
  color: #333333;
}
.bigBox .acheduleMou span:nth-of-type(1) {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 13px;
}
.bigBox .acheduleMou span:nth-of-type(2) {
  line-height: 14px;
  margin-bottom: 50px;
}
.bigBox .acheduleMou span:nth-of-type(3) {
  font-size: 24px;
  color: #3c3e63;
  line-height: 24px;
  margin-bottom: 23px;
}
.bigBox .acheduleMou span:nth-of-type(4) {
  color: #3c3e63;
}
.bigBox .acheduleMou span:nth-of-type(5) {
  color: #3c3e63;
  margin-bottom: 66px;
}
.bigBox .acheduleMou img {
  width: 959px;
  height: 266px;
}
.bigBox .flowMoudel {
  width: 1200px;
  margin: 66px auto 80px;
}
.bigBox .flowMoudel img {
  width: 1200px;
  height: 394px;
}
.bigBox .logoserbus {
  width: 1200px;
  margin: 0px auto 100px;
  position: relative;
}
.bigBox .logoserbus .busList {
  width: 100%;
}
.bigBox .logoserbus .busList .box {
  display: block;
  float: left;
  width: 226px;
  height: 288px;
  margin-right: 13px;
  margin-bottom: 18px;
  box-sizing: border-box;
  padding: 28px 18px 23px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.bigBox .logoserbus .busList .box .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.bigBox .logoserbus .busList .box .imgBox img {
  width: 100%;
  height: 100%;
}
.bigBox .logoserbus .busList .box p {
  width: 168px;
  height: 14px;
  margin: 20px auto 13px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigBox .logoserbus .busList .box .logo {
  position: relative;
  width: 100%;
  height: 15px;
  box-sizing: border-box;
  padding-left: 68px;
}
.bigBox .logoserbus .busList .box .logo span {
  position: absolute;
  top: -3px;
  left: 55px;
  color: #00d58c;
}
.bigBox .logoserbus .busList .box .logo img {
  margin-left: 10px;
}
.bigBox .logoserbus .busList .box .desc {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.bigBox .logoserbus .busList .box .price {
  box-sizing: border-box;
  font-size: 12px;
  color: #666666;
}
.bigBox .logoserbus .busList .box .price span:nth-child(1) {
  float: left;
  padding-top: 2px;
  font-size: 12px;
  color: #666666;
}
.bigBox .logoserbus .busList .box .price span:nth-child(2) {
  float: left;
  width: 124px;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  color: #fc9153;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigBox .logoserbus .busList .box .line {
  width: 190px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.bigBox .logoserbus .busList .box .tag span {
  display: inline-block;
  width: 60px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 6px;
  background: #f1f5f7;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigBox .logoserbus .busList .box .tag span:last-child {
  margin-right: 0;
}
.bigBox .botcontinute {
  width: 100%;
  height: 247px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/144.png') no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: -23px;
  padding-top: 145px;
  padding-left: 594px;
}
.logomatermodelstyle .ant-modal-close {
  color: rgba(255, 255, 255, 0.43);
}
.logomatermodelstyle .ant-modal-body {
  padding: 0px;
  height: auto;
}

.humiInbetweeningBox {
  width: 100%;
}
.humiInbetweeningBox .hi_bannerBox {
  width: 100%;
  height: 711px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/inbetweening/banner.png") 50% 50% / cover no-repeat;
}
.humiInbetweeningBox .hi_bodyBox {
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/w-compic/inbetweening/bg.png") 50% 50% / cover no-repeat;
}
.humiInbetweeningBox .hi_bodyBox .hi_body {
  width: 1200px;
  margin: 0 auto;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail {
  margin-top: 82px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_box {
  margin-bottom: 60px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_box:last-child {
  margin-bottom: 0;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_imgBox,
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_img {
  float: left;
  display: block;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_imgBox {
  position: relative;
  width: 260px;
  height: 320px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_imgBox .btn {
  display: block;
  position: absolute;
  bottom: 33px;
  left: 50%;
  font-size: 14px;
  margin-left: -58.5px;
  width: 117px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #fff;
  border-radius: 4px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_img {
  margin-left: 10px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_server .hi_serverDetail .hi_img:hover {
  transform: scale(1.1);
  margin-top: -5px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_team {
  box-sizing: border-box;
  padding-top: 56px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_flow {
  box-sizing: border-box;
  padding: 33px 0 70px;
}
.humiInbetweeningBox .hi_bodyBox .hi_body .hi_flow img:nth-child(2) {
  display: block;
  margin: 75px auto 0;
}

.layout .content {
  min-width: 1200px;
}
.logomatermodelstyle .ant-modal-close {
  color: rgba(255, 255, 255, 0.43);
}
.logomatermodelstyle .ant-modal-body {
  padding: 0px;
  height: auto;
}

.Eng-newsContentBox {
  padding-top: 60px;
  width: 100%;
}
.Eng-newsContentBox p {
  max-width: 722px !important;
}
.Eng-newsContentBox .banner {
  width: 100%;
  height: 380px;
}
.Eng-newsContentBox .banner img {
  width: 100%;
  height: 380px;
}
.Eng-newsContentBox .wrap {
  margin: 58px 0 50px 0 !important;
}
.Eng-newsContentBox .left {
  background: #fff;
  padding: 15px 10px;
}
.Eng-newsContentBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.Eng-newsContentBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.Eng-newsContentBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.Eng-newsContentBox .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.Eng-newsContentBox .right {
  margin-left: 15px;
}
.Eng-newsContentBox .conttais {
  font-size: 14px;
  line-height: 30px;
  width: 722px;
  word-break: break-all;
}
.Eng-newsContentBox #jieshao {
  padding-left: 15px;
}
.Eng-newsContentBox .Eng-contwrap {
  float: left;
  width: 802px !important;
  background: #fff;
  padding: 20px 40px 100px 40px;
}
.Eng-newsContentBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.Eng-newsContentBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}
.Eng-newsContentBox .right {
  float: left;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
  margin-top: 58px;
  margin-bottom: 50px;
}
.Eng-newsContentBox .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.Eng-newsContentBox .right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.Eng-newsContentBox .right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  font-size: 16px;
  cursor: pointer;
}
.Eng-newsContentBox .right .content .contentItem .left-line {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.Eng-newsContentBox .right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
}
.Eng-newsContentBox .right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.Eng-newsContentBox .right .content .active .middle,
.Eng-newsContentBox .right .content .active .newRight {
  color: #3366ff;
}
.Eng-newsContentBox .right .content .active .left-line {
  background: #3366ff;
}

#medical-container .clear {
  clear: both;
}
#medical-container .fl {
  float: left;
}
#medical-container .fr {
  float: right;
}
#medical-container .medical-topBanner {
  width: 100%;
  height: 520px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/0728-hanzx-medical/banner.png") no-repeat center;
  background-size: cover;
  padding-left: 18%;
}
#medical-container .medical-topBanner .tit-one {
  font-size: 46px;
  font-weight: 400;
  line-height: 65px;
  color: #ffffff;
  padding-top: 160px;
}
#medical-container .medical-topBanner .tit-two {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #f9f9f9;
  opacity: 0.7;
  padding-top: 16px;
}
#medical-container .medical-topBanner a {
  display: block;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #ffffff;
  margin-top: 60px;
}
#medical-container .medical-painSpot {
  width: 100%;
  height: 978px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
#medical-container .medical-painSpot .medical-painSpotInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
  position: relative;
}
#medical-container .medical-painSpot .medical-painSpotInner .price {
  position: absolute;
  top: 27px;
  right: 0;
  width: 259px;
  height: 163px;
  padding: 100px 0 0 161px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/price.png") no-repeat center;
}
#medical-container .medical-painSpot .medical-painSpotInner .price .register {
  display: block;
  width: 72px;
  height: 34px;
  border: 1px solid #3366ff;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
}
#medical-container .medical-painSpot .medical-painSpotInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 12px;
}
#medical-container .medical-painSpot .medical-painSpotInner .title2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  margin-bottom: 41px;
}
#medical-container .medical-painSpot .medical-painSpotInner .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 22px;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent {
  overflow: hidden;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .medical-contentLeft {
  float: left;
  width: 840px;
  height: 473px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/0728-hanzx-medical/%E5%85%A8%E6%99%AF.png') no-repeat center;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .medical-contentLeft .tit {
  height: 38px;
  line-height: 38px;
  padding-left: 14px;
  letter-spacing: 2px;
  background-color: #E5E5E5;
  font-weight: 400;
  color: #333;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .medical-contentLeft .tit-other {
  float: left;
  width: 38px;
  height: 94px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #333333;
  letter-spacing: 4px;
  background-color: #E5E5E5;
  text-align: center;
  padding-top: 6px;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight {
  float: right;
  width: 312px;
  height: 473px;
  margin-right: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .head {
  overflow: hidden;
  margin-bottom: 18px;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .head .title {
  float: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .infoBanner {
  width: 100%;
  height: 104px;
  padding: 84px 0 0 0;
  margin-bottom: 26px;
  cursor: pointer;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .infoBanner .zixun-tit {
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  line-height: 26px;
  color: #ffffff;
  height: 26px;
  background: rgba(0, 0, 0, 0.7);
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .messageBox .boxItem {
  overflow: hidden;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .select {
  float: left;
  width: 16px;
  height: 16px;
  background: #3366ff;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .unSelect {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
#medical-container .medical-painSpot .medical-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .des {
  float: left;
  width: 253px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 16px;
  position: relative;
  top: -2px;
  cursor: pointer;
}
#medical-container .medical-painSpot .medical-painSpotInner .contentBottom {
  width: 1200px;
  height: 200px;
  line-height: 34px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 56px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%9B%BE.png') no-repeat center;
}
#medical-container .medical-painSpot .medical-painSpotInner .contentBottom .tiyan {
  cursor: pointer;
  width: 118px;
  height: 34px;
  background-color: #3366FF;
  color: #fff;
  margin-top: 140px;
  margin-left: 91px;
}
#medical-container .medical-painSpot .medical-painSpotInner .contentBottom .liji-search {
  cursor: pointer;
  width: 118px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
  margin-top: 140px;
  margin-left: 20px;
}
#medical-container .medical-solution {
  width: 100%;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  padding-bottom: 80px;
}
#medical-container .medical-solution .medical-solutionInner {
  width: 1200px;
  padding: 59px 0 0 0;
  margin: 0 auto;
}
#medical-container .medical-solution .medical-solutionInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
#medical-container .medical-solution .medical-solutionInner .btnGroup .group {
  float: left;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
#medical-container .medical-solution .medical-solutionInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
#medical-container .medical-solution .medical-solutionInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
#medical-container .medical-solution .medical-solutionInner .ant-tabs-nav .ant-tabs-tab-active {
  color: #3366ff !important;
}
#medical-container .medical-solution .medical-solutionInner .ant-tabs-ink-bar {
  background-color: #3366ff !important;
}
#medical-container .medical-solution .medical-solutionInner .ant-tabs-bar {
  margin-bottom: 40px !important;
}
#medical-container .medical-solution .medical-solutionInner .tabSTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #3366FF;
  position: relative;
  top: -7px;
  left: 7px;
}
#medical-container .medical-solution .medical-solutionInner .tabTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  position: relative;
  top: -7px;
  left: 12px;
}
#medical-container .medical-solution .medical-solutionInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 41px;
}
#medical-container .medical-solution .medical-solutionInner .tabContent {
  overflow: hidden;
}
#medical-container .medical-solution .medical-solutionInner .tabContent .contentLeft {
  float: left;
  width: 840px;
  background: #ffffff;
}
#medical-container .medical-solution .medical-solutionInner .tabContent .contentLeft img {
  width: 838px;
}
#medical-container .medical-solution .medical-solutionInner .tabContent .contentRight {
  float: right;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 31px 22px 0;
}
#medical-container .medical-solution .medical-solutionInner .tabContent .contentRight .title {
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #333333;
  margin-bottom: 8px;
}
#medical-container .medical-solution .medical-solutionInner .tabContent .contentRight .des {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-bottom: 20px;
}
#medical-container .medical-solution .medical-solutionInner .tabContent .contentRight .online {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3366ff;
  display: inline-block;
  margin-bottom: 28px;
}
#medical-container .medical-resource {
  width: 100%;
  height: 772px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
#medical-container .medical-resource .medical-resourceInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
}
#medical-container .medical-resource .medical-resourceInner .title {
  font-size: 32px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 34px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent {
  overflow: hidden;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft {
  float: left;
  width: 840px;
  height: 496px;
  overflow: hidden;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftL {
  float: left;
  width: 280px;
  height: 496px;
  padding: 61px 0 0 40px;
  border: 1px dashed #000;
  cursor: pointer;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftL .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 8px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftL .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 74px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftL .more {
  display: block;
  width: 120px;
  height: 34px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
  cursor: pointer;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftL .bg-search {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
  margin-top: 37px;
  display: block;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftR {
  float: left;
  width: 560px;
  height: 496px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem {
  float: left;
  width: 280px;
  height: 248px;
  text-align: center;
  padding-top: 93px;
  border: 1px dashed #000;
  cursor: pointer;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 9px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fcfcfc;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight {
  float: right;
  width: 312px;
  height: 496px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 19px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .rightContent .contentItem {
  width: 100%;
  height: 62px;
  overflow: hidden;
  margin-bottom: 19px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .rightContent .contentItem .left {
  float: left;
  margin-right: 18px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .rightContent .contentItem .right {
  float: left;
  width: 140px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .title {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  margin-bottom: 6px;
}
#medical-container .medical-resource .medical-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .more {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #3366ff;
  cursor: pointer;
}
#medical-container .medical-resource .medical-resourceInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
#medical-container .medical-resource .medical-resourceInner .btnGroup .group {
  display: inline-block;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
#medical-container .medical-resource .medical-resourceInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
#medical-container .medical-resource .medical-resourceInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
#medical-container .medical-service {
  height: 448px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/service.png") no-repeat center;
  background-size: 100% 100%;
}
#medical-container .medical-service .medical-serviceInnner {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding-top: 48px;
}
#medical-container .medical-service .medical-serviceInnner .head {
  overflow: hidden;
}
#medical-container .medical-service .medical-serviceInnner .head .title {
  float: left;
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 41px;
}
#medical-container .medical-service .medical-serviceInnner .head .ask {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent {
  overflow: hidden;
  height: 282px;
  padding-top: 32px;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent .contentItem {
  float: left;
  width: 240px;
  text-align: center;
  padding: 0 10px;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent .contentItem:hover {
  height: 240px;
  position: relative;
  top: -20px;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent .contentItem:hover .ask {
  display: inline-block;
  margin-top: 20px;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent .contentItem .title {
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  color: #ffffff;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent .contentItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  height: 40px;
}
#medical-container .medical-service .medical-serviceInnner .serviceContent .contentItem .ask {
  display: none;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
#medical-container .medical-app-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
#medical-container .medical-app-bgc .app {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
#medical-container .medical-app-bgc .app .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: 143.5px;
  line-height: 45px;
  color: #333333;
  padding-top: 58px;
  padding-bottom: 41px;
}
#medical-container .medical-app-bgc .app .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  margin-top: -90px;
}
#medical-container .medical-app-bgc .app .bottom-box {
  width: 300px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
#medical-container .medical-app-bgc .app .bottom-box:hover {
  border: 1px solid #3366FF;
}
#medical-container .medical-app-bgc .app .bottom-box .bottom-pic {
  width: 56px;
  margin-top: 34px;
  margin-left: 29px;
}
#medical-container .medical-app-bgc .app .bottom-box .txt-one {
  color: #111111;
  margin-top: 41px;
  margin-left: 29px;
  cursor: pointer;
}
#medical-container .medical-app-bgc .app .bottom-box .txt-one a {
  font-size: 20px;
  font-weight: 400;
  color: #111111;
}
#medical-container .medical-app-bgc .app .bottom-box .txt-two {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #747474;
  margin-top: 4px;
  margin-left: 29px;
  cursor: pointer;
}
#medical-container .medical-app-bgc .app .bottom-box .txt-two a,
#medical-container .medical-app-bgc .app .bottom-box .txt-two a:hover {
  color: #111111;
}
#medical-container .medical-app-bgc .app .bottom-box .txt-line {
  width: 30px;
  height: 0px;
  border: 1px solid #707070;
  margin-left: 29px;
  margin-top: 23px;
  display: inline-block;
}
#medical-container .medical-app-bgc .app .bottom-box .txt-jt {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 16px;
  color: #ff9100;
  margin-top: 22px;
  margin-left: 29px;
}
#medical-container .medical-bottom .common-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 58px;
  padding-bottom: 41px;
}
#medical-container .medical-bottom .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  display: inline-block;
}
#medical-container .medical-bottom .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
}
#medical-container .medical-bottom .medical-service-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
#medical-container .medical-bottom .medical-service-bgc .service {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box {
  width: 240px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box:hover {
  border: 1px solid #3366FF;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box:hover .txt-one {
  color: #3366FF;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box:hover .txt-two {
  color: #3366FF;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box:hover .txt-jt {
  border: 1px solid #3366FF;
  border-radius: 4px;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box .bottom-pic {
  width: 70px;
  margin-top: 60px;
  margin-left: 33px;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box .txt-one {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 33px;
  color: #333333;
  margin-top: 62px;
  margin-left: 33px;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box .txt-two {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  margin-left: 33px;
}
#medical-container .medical-bottom .medical-service-bgc .service .bottom-box .txt-jt {
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  margin-top: -36px;
  margin-right: 25px;
}
#medical-container .medical-bottom .medical-analysis-bgc {
  width: 100%;
  height: 472px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis {
  width: 1200px;
  margin: 0 auto;
  height: 472px;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box {
  width: 240px;
  height: 221px;
  border: 1px solid #E5E5E5;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box:hover {
  height: 300px;
  margin-top: -29px;
  border: 1px solid #E5E5E5;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box:hover .bottom-txt {
  padding-right: 10px;
  text-overflow: inherit;
  overflow: visible;
  white-space: pre-line;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box:hover .bottom-zx {
  width: 94px;
  height: 34px;
  line-height: 34px;
  margin-left: 16px;
  margin-top: 18px;
  display: block;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box .bottom-pic {
  margin: 10px 10px;
  width: 220px;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box .bottom-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-top: 6px;
  margin-left: 16px;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box .bottom-txt {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #666666;
  margin-top: 6px;
  margin-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#medical-container .medical-bottom .medical-analysis-bgc .analysis .bottom-box .bottom-zx {
  display: none;
}
#medical-container .medical-bottom .medical-case-bgc {
  width: 100%;
  height: 700px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
#medical-container .medical-bottom .medical-case-bgc .case {
  width: 1200px;
  margin: 0 auto;
  height: 604px;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom {
  height: 492px;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom .bottom-pic {
  width: 240px;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom .bottom-box {
  width: 350px;
  height: 492px;
  padding: 39px 0 0 30px;
  border: 1px solid #E5E5E5;
  position: relative;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom .bottom-box .bottom-tit {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 33px;
  color: #333333;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom .bottom-box .bottom-line {
  width: 36px;
  height: 4px;
  background: #3366ff;
  margin-top: 8px;
  margin-bottom: 24px;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom .bottom-box .bottom-txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  padding-right: 30px;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-bottom .bottom-box .ask-zixun {
  color: #3366FF;
  position: absolute;
  bottom: 27px;
}
#medical-container .medical-bottom .medical-case-bgc .case .case-other {
  margin-left: 20px;
}
#medical-container .medical-bottom .medical-partner-bgc {
  width: 100%;
  height: 567px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
#medical-container .medical-bottom .medical-partner-bgc .partner {
  width: 1201px;
  margin: 0 auto;
}
#medical-container .medical-bottom .medical-partner-bgc .partner .partner-buttom .pic:hover .pic-a {
  display: block;
  width: 240px;
  height: 118px;
}
#medical-container .medical-bottom .medical-partner-bgc .partner .partner-buttom .pic:hover .pic-b {
  display: none;
}
#medical-container .medical-bottom .medical-partner-bgc .partner .partner-buttom img {
  width: 240px;
  height: 118px;
}
#medical-container .medical-bottom .medical-partner-bgc .partner .partner-buttom .pic-b {
  display: block;
}
#medical-container .medical-bottom .medical-partner-bgc .partner .partner-buttom .pic-a {
  display: none;
}

.Eng-industryListBox {
  padding-top: 60px;
}
.Eng-industryListBox .eng-banner {
  width: 100%;
  height: 380px;
}
.Eng-industryListBox .eng-banner img {
  width: 100%;
  height: 380px;
}
.Eng-industryListBox .eng-wrap {
  margin: 0 auto 50px;
  padding-top: 58px;
  overflow: hidden;
}
.Eng-industryListBox .eng-wrap .eng-left {
  float: left;
  width: 840px;
}
.Eng-industryListBox .eng-wrap .eng-left .leftBox {
  overflow: hidden;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox {
  float: left;
  width: 50%;
  height: 325px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .newsImg {
  width: 400px;
  height: 230px;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .rowTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
  margin: 17px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .foot {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #707070;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .foot .time {
  float: left;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .foot .source {
  float: right;
}
.Eng-industryListBox .eng-wrap .eng-left .pagesCon {
  text-align: center;
  margin: 30px 0;
}
.Eng-industryListBox .eng-wrap .eng-right {
  float: right;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.Eng-industryListBox .eng-wrap .eng-right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.Eng-industryListBox .eng-wrap .eng-right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  cursor: pointer;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem .newLeft {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.Eng-industryListBox .eng-wrap .eng-right .content .active .middle,
.Eng-industryListBox .eng-wrap .eng-right .content .active .newRight {
  color: #3366ff;
}
.Eng-industryListBox .eng-wrap .eng-right .content .active .newLeft {
  background: #3366ff;
}

.CmdCon {
  padding-top: 60px;
  padding-bottom: 174px;
}
.CmdCon .CmdcBanner {
  width: 100%;
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/megagame/cellectbanner.png') no-repeat;
  background-position: center 0;
  background-size: cover;
}
.CmdCon .CmdDetail {
  margin: 48px auto 0px;
  width: 1200px;
}
.CmdCon .CmdDetail .CmdLeft {
  display: inline-block;
  vertical-align: top;
}
.CmdCon .CmdDetail .CmdLeft .CmdlLeft {
  display: inline-block;
  vertical-align: top;
  margin-right: 23px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlLeft .CmdlTime {
  height: 83px;
  width: 68px;
  background-color: #ffffff;
  border: 0.5px #e2112e solid;
}
.CmdCon .CmdDetail .CmdLeft .CmdlLeft .CmdlTime .CmdltTop {
  padding-top: 10px;
  text-align: center;
  color: #e2112e;
  height: 52px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlLeft .CmdlTime .CmdltTop p {
  font-size: 16px;
  line-height: 18px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlLeft .CmdlTime .CmdltTop span {
  font-size: 14px;
  line-height: 16px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlLeft .CmdlTime .CmdltBot {
  height: 30px;
  text-align: center;
  padding-top: 8px;
  background-color: #e2112e;
  color: #ffffff;
  font-size: 12px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight {
  display: inline-block;
  vertical-align: top;
  width: 745px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrTop {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 10px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrTop h2 {
  font-size: 24px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 17px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrTop > span {
  display: flex;
  height: 15px;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  color: #333333;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrTop > span span {
  line-height: 14px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter {
  padding-top: 22px;
  margin-bottom: 40px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter > span {
  font-size: 16px;
  color: #333333;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcCon {
  margin-top: 15px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcContri {
  margin-top: 57px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcContri .CmdlrccSpan {
  font-size: 18px;
  color: #333333;
  display: block;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcContri p {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcContri p a {
  color: #e2112e;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcContri p span {
  color: #e50012;
}
.CmdCon .CmdDetail .CmdLeft .CmdlRight .CmdlrCenter .CmdlrcContri p span img {
  width: 11px;
  height: 7px;
}
.CmdCon .CmdDetail .CmdRight {
  display: inline-block;
  vertical-align: top;
  width: 294px;
  margin-left: 70px;
}
.CmdCon .CmdDetail .CmdRight .CmdrTop {
  height: 67px;
  border-bottom: 1px #e3e3e3 solid;
  font-size: 18px;
  color: #333333;
  margin-bottom: 35px;
  padding-top: 30px;
}
.CmdCon .CmdDetail .CmdRight .CmdrList .CmdrSingle {
  margin-bottom: 19px;
}
.CmdCon .CmdDetail .CmdRight .CmdrList .CmdrSingle a {
  color: #333333;
}
.CmdCon .CmdDetail .CmdRight .CmdrList .CmdrSingle .CmdrTime {
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  border: 0.5px #e2112e solid;
  height: 46px;
  width: 45px;
}
.CmdCon .CmdDetail .CmdRight .CmdrList .CmdrSingle .CmdrTime p {
  height: 24px;
  display: block;
  color: #e2112e;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.CmdCon .CmdDetail .CmdRight .CmdrList .CmdrSingle .CmdrTime span {
  height: 22px;
  display: block;
  background-color: #e2112e;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
  text-align: center;
}
.CmdCon .CmdDetail .CmdRight .CmdrList .CmdrSingle .CmdrTitle {
  display: inline-block;
  vertical-align: top;
  width: 238px;
  height: 46px;
  margin-left: 10px;
  line-height: 20px;
}
.CmdCon .subProductionOut {
  width: 1200px;
  margin: auto;
}
.CmdCon .subProductionOut .subProduction {
  margin-left: 91px;
}
.CmdCon .subProductionOut .subProduction .signformSingle {
  margin-top: 28px;
  margin-right: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  cursor: pointer;
}
.CmdCon .subProductionOut .subProduction .signformSingle .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
  padding-top: 10px;
}
.CmdCon .subProductionOut .subProduction .signformSingle .spanTitle span {
  color: #e50012;
}
.CmdCon .subProductionOut .subProduction .signformSingle .ant-select-selection--single {
  height: 40px;
}
.CmdCon .subProductionOut .subProduction .signformSingle .ant-select-selection__rendered {
  line-height: 40px;
}
.CmdCon .subProductionOut .subProduction .signformSingle .clearfix {
  display: inline-block;
}
.CmdCon .subProductionOut .subProduction .signformSingle .clearfix .uploadStyle {
  height: 220px;
  width: 220px;
  padding-top: 60px;
}
.CmdCon .subProductionOut .subProduction .signformSingle .clearfix .uploadStyle .ant-upload-text {
  width: 174px;
  margin: auto;
  line-height: 20px;
  margin-top: 15px;
  font-size: 14px;
  color: #666666;
  text-align: center;
}
.CmdCon .subProductionOut .subProduction .signformSingle .clearfix .ant-upload-list-picture-card .ant-upload-list-item {
  padding: 0px;
  height: 220px;
  width: 220px;
}
.CmdCon .subProductionOut .subProduction .signformSingle .clearfix .ant-upload.ant-upload-select-picture-card {
  height: 220px;
  width: 220px;
  background-color: #ffffff;
}
.CmdCon .subProductionOut .subProduction .signformSingle .clearfix .ant-upload.ant-upload-select-picture-card span {
  padding: 0px;
}
.CmdCon .subProductionOut .subProduction .signformSingleb {
  margin-top: 28px;
  margin-right: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.CmdCon .subProductionOut .subProduction .signformSingleb .spanTitle {
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
  padding-top: 10px;
}
.CmdCon .subProductionOut .subProduction .signformSingleb .spanTitle span {
  color: #e50012;
}
.CmdCon .subProductionOut .subProduction .signformSingleb div {
  display: inline-block;
  vertical-align: top;
}
.CmdCon .subProductionOut .subProduction .signformSingleb div span {
  height: 40px;
  width: 96px;
  background-color: #e2112e;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.CmdCon .subProductionOut .subProduction .promptMessage {
  margin-left: 87px;
  margin-top: 25px;
  font-size: 14px;
  color: #999999;
  display: block;
}
.CmdCon .subProductionOuts {
  display: none;
}
#megagameDetailCodes .nc_scale span {
  height: 34px;
}

.megagameNewFeature {
  padding-top: 60px;
  background-color: #07236c;
}
.megagameNewFeature .featureComBox {
  width: 100%;
  min-width: 1400px;
}
.megagameNewFeature .featureComBox .newBanner {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/newBanner.jpg") 50% 50% / cover no-repeat;
  height: 484px;
}
.megagameNewFeature .featureComBox .newBannerCon {
  margin: 0 auto;
}
.megagameNewFeature .featureComBox .newBannerCon .innerTitle {
  width: 1200px;
  height: 70px;
  border-radius: 6px;
  background-color: #0f3eb4;
  margin: 0 auto 50px;
  position: relative;
}
.megagameNewFeature .featureComBox .newBannerCon .innerTitle .newBannerInner {
  position: absolute;
  top: -200px;
  left: 170px;
  margin: 0 auto;
  color: #fefefe;
}
.megagameNewFeature .featureComBox .newBannerCon .innerTitle .newBannerInner p:first-child {
  margin-bottom: 60px;
}
.megagameNewFeature .featureComBox .newBannerCon .innerTitle .newBannerInner p:first-child span {
  display: inline-block;
  width: 32px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.17);
  line-height: 34px;
  text-align: center;
  font-size: 25px;
  letter-spacing: 2.5px;
  position: relative;
  top: 4px;
}
.megagameNewFeature .featureComBox .newBannerCon .innerTitle .newBannerInner p:last-child {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background-color: #f38032;
  letter-spacing: 0.7px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  cursor: pointer;
}
.megagameNewFeature .featureComBox .newBannerCon .innerTitle .newBannerInner p:last-child:hover {
  background-color: #e26b1b;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper {
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper .ant-anchor .ant-anchor-ink {
  height: 0;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link {
  float: left;
  padding: 0;
  height: 70px;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link:last-child span {
  border-right: 0!important;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link-title {
  height: 100%;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link-title p {
  height: 100%;
  width: 240px;
  display: inline-block;
  text-align: center;
}
.megagameNewFeature .featureComBox .newBannerCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link-title p span {
  margin-top: 24px;
  height: 22px;
  width: 100%;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 18px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_title {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des {
  width: 100%;
  overflow: hidden;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des .ComBoxContent1_des_left {
  width: 784px;
  float: left;
  padding-right: 90px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des .ComBoxContent1_des_left p:first-child {
  margin: 10px 0 30px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des .ComBoxContent1_des_left p:first-child span {
  display: inline-block;
  padding: 0 14px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  line-height: 22px ;
  height: 22px;
  margin-right: 10px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des .ComBoxContent1_des_left p {
  line-height: 1.71;
  color: #ffffff;
  margin-bottom: 30px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des .ComBoxContent1_des_left p:last-child {
  font-size: 16px;
  color: #f38032;
  cursor: pointer;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent1 .ComBoxContent1_des .ComBoxContent1_des_right {
  width: 416px;
  float: left;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 {
  height: 361px;
  background-color: #d5e8f3;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 360px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 .ComBoxContent2_des {
  width: 757px;
  height: 40px;
  margin: 30px auto 40px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 .ComBoxContent2_items {
  width: 1200px;
  height: 452px;
  border-radius: 6px;
  background-color: #133791;
  margin: 0 auto;
  padding: 50px 51px 0;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 .ComBoxContent2_items .ComBoxContent2_item_box {
  overflow: hidden;
  margin-bottom: 16px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 .ComBoxContent2_items .ComBoxContent2_item_box .ComBoxContent2_item {
  width: 350px;
  height: 136px;
  margin-right: 24px;
  margin-bottom: 24px;
  float: left;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 .ComBoxContent2_items .ComBoxContent2_item_box .ComBoxContent2_item:nth-child(3n) {
  margin-right: 0px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent2 .ComBoxContent2_items .setClick {
  width: 128px;
  font-size: 16px;
  color: #f38032;
  margin: 0 auto;
  cursor: pointer;
  text-decoration: underline;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 {
  text-align: center;
  margin: 0 auto;
  width: 1200px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 .ComBoxContent3_items {
  width: 1200px;
  height: 277px;
  margin-top: 60px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 .ComBoxContent3_items .ComBoxContent3_item {
  width: 288px;
  height: 277px;
  border-radius: 6px;
  background-color: #133791;
  margin-right: 16px;
  float: left;
  padding: 40px 18px 31px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 .ComBoxContent3_items .ComBoxContent3_item p:first-child {
  height: 48px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 .ComBoxContent3_items .ComBoxContent3_item:last-child {
  margin-right: 0;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 .ComBoxContent3_items .ComBoxContent3_item .ComBoxContent3_item_title {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  margin: 20px 0 14px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent3 .ComBoxContent3_items .ComBoxContent3_item .ComBoxContent3_item_des {
  color: #fff;
  line-height: 1.71;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 {
  width: 1200px;
  margin: 50px auto 40px;
  text-align: center;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items {
  width: 100%;
  height: 472px;
  border-radius: 6px;
  background-color: #d5e8f3;
  margin-top: 40px;
  padding: 30px 0;
  text-align: left;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ant-col-12 {
  padding-left: 40px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner {
  width: 100%;
  overflow: hidden;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner .innerBox_item {
  width: 50%;
  border-right: 1px solid rgba(10, 41, 121, 0.41);
  float: left;
  padding: 0 30px 0 46px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner .innerBox_item:last-child {
  border-right: 0;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner .innerBox_item .innerBox_item_inner {
  margin-bottom: 20px;
  overflow: hidden;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner .innerBox_item .innerBox_item_inner:last-child {
  margin-bottom: 0;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner .innerBox_item .innerBox_item_inner p {
  float: left;
  margin-right: 10px;
  line-height: 1.71;
  color: #0a2979;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .ComBoxContent4_items .ComBoxContent4_item_inner .innerBox_item .innerBox_item_inner p:last-child {
  margin-right: 0;
  width: 500px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .partWarn {
  text-align: right;
  padding-right: 150px;
  font-size: 12px;
  color: #0a2979;
  margin: 10px 0 50px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .partBtn {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background-color: #f38032;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #ffffff;
  margin: 0 auto;
  cursor: pointer;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent4 .partBtn:hover {
  background-color: #e26b1b;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent5 {
  text-align: center;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent5 .ComBoxContent5_items {
  width: 100%;
  margin-top: 50px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 {
  margin: 59px auto 0;
  text-align: center;
  width: 100%;
  height: 628px;
  background-color: #011c64;
  padding-top: 64px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items {
  width: 1200px;
  margin: 60px auto 0;
  height: 411px;
  border-radius: 6px;
  background-color: #d5e8f3;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left {
  width: 383px;
  height: 411px;
  background-color: #133791;
  padding: 42px 46px;
  text-align: left;
  color: #ffffff;
  float: left;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .items_left_title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .items_left_ranges {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .items_left_ranges .items_left_range {
  padding: 0 16px;
  height: 22px;
  margin-right: 10px;
  float: left;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 10px ;
  line-height: 22px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .items_left_ranges .items_left_range:nth-child(3n) {
  margin-right: 0;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .items_left_des {
  font-size: 12px;
  line-height: 1.58;
  color: #fbfbfb;
  width: 276px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .partBtn {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background-color: #f38032;
  line-height: 40px;
  letter-spacing: 0.7px;
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_left .partBtn:hover {
  background-color: #e26b1b;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_right {
  width: 817px;
  height: 100%;
  padding: 42px 46px;
  float: left;
  text-align: left;
  color: #0a2979;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_right p:nth-child(1),
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_right p:nth-child(4) {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_right p:nth-child(2) {
  font-weight: 500;
}
.megagameNewFeature .featureComBox .newBannerCon .ComBoxContent6 .ComBoxContent6_items .ComBoxContent6_items_right p:nth-child(3) {
  font-size: 12px;
  margin-bottom: 40px;
}
.megagameNewFeature .newSlider {
  display: none;
  width: 120px;
  height: 318px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/megagame/newSlider.png") no-repeat center center;
  background-size: 100% 100%;
  position: fixed;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
}
.megagameNewFeature .newSlider .partBtn {
  line-height: 40px;
  margin-bottom: 21px;
  height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.megagameNewFeature .newSlider .newSliderCon {
  width: 100%;
  margin-bottom: 25px;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper {
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link-active p {
  border-radius: 16px;
  background-color: #ffd7c4;
  color: #ea5604;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-ink-ball.visible {
  display: none;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-ink {
  height: 0;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link {
  padding: 0;
  height: 32px;
  margin-bottom: 8px;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link-title {
  height: 100%;
  color: #fff;
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link-title p {
  height: 32px;
  width: 100px;
  line-height: 32px;
  font-size: 16px;
  margin: 0 auto 10px;
  border-bottom: 1px solid rgba(243, 151, 90, 0.67);
}
.megagameNewFeature .newSlider .newSliderCon .ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link-title .active {
  height: 32px;
  width: 100px;
  border-radius: 16px;
  background-color: #ffd7c4;
  color: #ea5604;
}
.megagameNewFeature .newSlider .top {
  margin: 0 auto;
  width: 88px;
  height: 30px;
  cursor: pointer;
}
.standardContent {
  padding: 10px 40px 0;
  color: #666;
}
.standardContent p {
  line-height: 1.71;
}
.standardContent p:first-child {
  font-size: 20px;
  color: #333;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}
.standardContent p:nth-child(10) {
  margin-bottom: 50px;
}
.standardContent p:nth-child(11) {
  width: 180px;
  height: 32px;
  border-radius: 18px;
  background-color: #f38032;
  line-height: 32px;
  margin: 0 auto 20px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.standardContent p:nth-child(11):hover {
  background-color: #e26b1b;
}

.megagameGlance {
  padding: 0 60px;
  line-height: 2.1;
}
.megagameGlance .showAllTitle {
  font-size: 20px;
  color: #333;
  text-align: center;
  line-height: 40px;
  margin-top: 16px;
  font-weight: bold;
}
.megagameGlance .commonPart {
  color: #666;
  margin-bottom: 30px;
}
.megagameGlance .commonPart .commonSmallTitle {
  font-size: 16px;
}
.megagameGlance .sureBtn {
  width: 180PX;
  height: 40px;
  border-radius: 18px;
  background-color: #f38032;
  line-height: 40px;
  margin: 0 auto 20px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.megagameGlance .sureBtn:hover {
  background-color: #e26b1b;
}

#CommonHeaderBox {
  width: 100%;
  height: 151px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
#CommonHeaderBox .headerBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  color: #333;
}
#CommonHeaderBox .headerBox .header {
  width: 1160px;
  margin: 0 auto;
}
#CommonHeaderBox .headerBox .header .left,
#CommonHeaderBox .headerBox .header .center {
  float: left;
}
#CommonHeaderBox .headerBox .header .left .logo,
#CommonHeaderBox .headerBox .header .left .line,
#CommonHeaderBox .headerBox .header .left .logoName {
  float: left;
}
#CommonHeaderBox .headerBox .header .left .logo {
  width: 80px;
  height: 32px;
}
#CommonHeaderBox .headerBox .header .left .logo img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
#CommonHeaderBox .headerBox .header .left .line {
  width: 2px;
  height: 29px;
  margin: 15px 20px 0 21px;
  background: #999;
}
#CommonHeaderBox .headerBox .header .left .logoName {
  font-size: 18px;
  color: #333;
  letter-spacing: 1px;
}
#CommonHeaderBox .headerBox .header .center {
  height: 60px;
  margin-left: 160px;
}
#CommonHeaderBox .headerBox .header .center li {
  position: relative;
  float: left;
}
#CommonHeaderBox .headerBox .header .center li .box {
  z-index: 999;
  display: none;
  position: absolute;
  top: 60px;
  left: -10px;
  width: 84px;
  height: 128px;
  background: #000;
}
#CommonHeaderBox .headerBox .header .center li .box li {
  width: 100%;
  height: 32px;
  line-height: 32px;
}
#CommonHeaderBox .headerBox .header .center li .box li a {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
}
#CommonHeaderBox .headerBox .header .center li .box li a:hover {
  color: #E21331;
}
#CommonHeaderBox .headerBox .header .center li a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-right: 32px;
  transition: all 0.1s linear;
}
#CommonHeaderBox .headerBox .header .center li a span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #333;
  letter-spacing: 1px;
  transition: all ease-out 0.3s;
}
#CommonHeaderBox .headerBox .header .center li a span::after {
  position: absolute;
  content: attr(data-title);
  color: #E21331;
  left: 0;
  transform: translateY(100%);
  width: 100%;
}
#CommonHeaderBox .headerBox .header .center li:hover .childNav {
  line-height: 58px;
  border-bottom: 2px solid #E21331;
}
#CommonHeaderBox .headerBox .header .center li:hover span {
  transform: translateY(-100%);
}
#CommonHeaderBox .headerBox .header .center li:hover .icon {
  margin-bottom: 3px;
  transform: rotateX(180deg);
  color: #E21331 !important;
}
#CommonHeaderBox .headerBox .header .right {
  float: right;
}
#CommonHeaderBox .headerBox .header .right a:nth-child(1) {
  font-size: 14px;
  color: #333;
  letter-spacing: 1px;
}
#CommonHeaderBox .headerBox .header .right a:nth-child(2) {
  display: inline-block;
  width: 120px;
  height: 33px;
  line-height: 33px;
  margin-left: 20px;
  background: #E21331;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
}
#CommonHeaderBox .bannerBox {
  overflow: hidden;
  width: 100%;
  height: 91px;
}
#CommonHeaderBox .bannerBox .ant-carousel {
  width: 100%;
  height: 90px;
}
#CommonHeaderBox .bannerBox .ant-carousel .slick-slide {
  width: 100%;
  height: 91px;
}

.commonNavBox {
  width: 1160px;
  height: 121px;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
}
.commonNavBox .top,
.commonNavBox .bot {
  width: 100%;
  font-size: 18px;
  letter-spacing: 2px;
  box-sizing: border-box;
  padding-left: 20px;
}
.commonNavBox .top {
  height: 58px;
  line-height: 58px;
  color: #999;
  border-bottom: 1px solid #E2E2E2;
}
.commonNavBox .top span {
  color: #333;
  line-height: 58px;
  font-size: 18px;
  letter-spacing: 2px;
  margin-left: 8px;
}
.commonNavBox .bot {
  position: relative;
  color: #333;
  line-height: 58px;
}
.commonNavBox .bot .line {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  width: 5px;
  height: 20px;
  background: #e21331;
}

.returnTopBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #000000;
}
.returnTopBox .top {
  color: #fff;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
}
.returnTopBox .top img {
  margin-right: 5px;
}

.fixed-humimeaga {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 20;
}
.fixed-humimeaga a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.fixed-humimeaga a:hover {
  background-color: #e2112e;
  border-color: transparent !important;
}
.fixed-humimeaga a:hover > span {
  opacity: 1;
}
.fixed-humimeaga a .a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.fixed-humimeaga a span,
.fixed-humimeaga a p {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.fixed-humimeaga a p {
  opacity: 1;
}
.fixed-humimeaga a:nth-child(1) {
  background: #e2112e;
}
.fixed-humimeaga a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.fixed-humimeaga a:nth-child(3) {
  position: relative;
}
.fixed-humimeaga a:nth-child(3) .codeBox {
  display: none;
  width: 120px;
  height: 120px;
  position: absolute;
  left: -122px;
  top: 50%;
  transform: translateY(-50%);
}
.fixed-humimeaga a:nth-child(3) .codeBox img {
  width: 100%;
  height: 100%;
}
.fixed-humimeaga a:nth-child(3):hover .codeBox {
  display: block;
}

.megagameCaseBox {
  width: 100%;
  background: #f8f8f8;
}
.megagameCaseBox .megagameCase {
  width: 1170px;
  margin: 151px auto 0;
  box-sizing: border-box;
  padding: 30px 0 120px;
}
.megagameCaseBox .megagameCase .caseBox {
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
}
.megagameCaseBox .megagameCase .caseBox .box:nth-child(5n) {
  margin-right: 0;
}
.megagameCaseBox .megagameCase .caseBox .box {
  overflow: hidden;
  position: relative;
  display: block;
  width: 218px;
  margin: 0 8px 16px;
  background: #fff;
}
.megagameCaseBox .megagameCase .caseBox .box:hover {
  margin-top: -5px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  box-shadow: 0px 6px 12px 0 rgba(216, 216, 216, 0.5);
}
.megagameCaseBox .megagameCase .caseBox .box .tag {
  position: absolute;
  top: 10px;
  right: 10px;
}
.megagameCaseBox .megagameCase .caseBox .box .top {
  width: 100%;
}
.megagameCaseBox .megagameCase .caseBox .box .top img {
  border-radius: 4px 4px 0px 0px;
}
.megagameCaseBox .megagameCase .caseBox .box .bot {
  width: 100%;
  height: 124px;
  box-sizing: border-box;
  padding: 11px 22px 11px 16px;
  border-radius: 0px 0px 4px 4px;
}
.megagameCaseBox .megagameCase .caseBox .box .bot .title {
  width: 189px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 22px;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.megagameCaseBox .megagameCase .caseBox .box .bot .desc {
  margin-top: 8px;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  letter-spacing: 1px;
}
.megagameCaseBox .megagameCase .caseBox .box .bot .numBox {
  margin-top: 9px;
  box-sizing: border-box;
  padding-top: 10px;
  border-top: 1px solid #E7E7E7;
}
.megagameCaseBox .megagameCase .caseBox .box .bot .numBox .num {
  float: left;
}
.megagameCaseBox .megagameCase .caseBox .box .bot .numBox .num span {
  margin-left: 5px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  letter-spacing: 1px;
}
.megagameCaseBox .megagameCase .caseBox .box .bot .numBox .num:last-child {
  margin-left: 24px;
}
.megagameCaseBox .megagameCase .more {
  margin-top: 30px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}

.CommonHeaderBox {
  width: 100%;
  height: 151px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.CommonHeaderBox .headerBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  color: #333;
}
.CommonHeaderBox .headerBox .header {
  width: 1160px;
  margin: 0 auto;
}
.CommonHeaderBox .headerBox .header .left,
.CommonHeaderBox .headerBox .header .center {
  float: left;
}
.CommonHeaderBox .headerBox .header .left .logo,
.CommonHeaderBox .headerBox .header .left .line,
.CommonHeaderBox .headerBox .header .left .logoName {
  float: left;
}
.CommonHeaderBox .headerBox .header .left .logo {
  width: 80px;
  height: 32px;
}
.CommonHeaderBox .headerBox .header .left .logo img {
  width: 100%;
  height: 100%;
}
.CommonHeaderBox .headerBox .header .left .line {
  width: 2px;
  height: 29px;
  margin: 15px 20px 0 21px;
  background: #999;
}
.CommonHeaderBox .headerBox .header .left .logoName {
  font-size: 18px;
  color: #333;
  letter-spacing: 1px;
}
.CommonHeaderBox .headerBox .header .center {
  height: 60px;
  margin-left: 160px;
}
.CommonHeaderBox .headerBox .header .center li {
  position: relative;
  float: left;
}
.CommonHeaderBox .headerBox .header .center li .box {
  z-index: 999;
  display: none;
  position: absolute;
  top: 60px;
  left: -10px;
  width: 84px;
  height: 128px;
  background: #000;
}
.CommonHeaderBox .headerBox .header .center li .box li {
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.CommonHeaderBox .headerBox .header .center li .box li a {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
}
.CommonHeaderBox .headerBox .header .center li .box li a:hover {
  color: #E21331;
}
.CommonHeaderBox .headerBox .header .center li a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-right: 32px;
  transition: all 0.1s linear;
}
.CommonHeaderBox .headerBox .header .center li a span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #333;
  letter-spacing: 1px;
  transition: all ease-out 0.3s;
}
.CommonHeaderBox .headerBox .header .center li a span::after {
  position: absolute;
  content: attr(data-title);
  color: #E21331;
  left: 0;
  transform: translateY(100%);
  width: 100%;
}
.CommonHeaderBox .headerBox .header .center li:hover .childNav {
  line-height: 58px;
  border-bottom: 2px solid #E21331;
}
.CommonHeaderBox .headerBox .header .center li:hover span {
  transform: translateY(-100%);
}
.CommonHeaderBox .headerBox .header .center li:hover .icon {
  margin-bottom: 3px;
  transform: rotateX(180deg);
  color: #E21331 !important;
}
.CommonHeaderBox .headerBox .header .right {
  float: right;
}
.CommonHeaderBox .headerBox .header .right a:nth-child(1) {
  font-size: 14px;
  color: #333;
  letter-spacing: 1px;
}
.CommonHeaderBox .headerBox .header .right a:nth-child(2) {
  display: inline-block;
  width: 120px;
  height: 33px;
  line-height: 33px;
  margin-left: 20px;
  background: #E21331;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
}
.CommonHeaderBox .bannerBox {
  overflow: hidden;
  width: 100%;
  height: 91px;
}
.CommonHeaderBox .bannerBox .ant-carousel {
  width: 100%;
  height: 90px;
}
.CommonHeaderBox .bannerBox .ant-carousel .slick-slide {
  width: 100%;
  height: 91px;
}

.HumiMegagameList {
  width: 100%;
  background: #f8f8f8;
}
.HumiMegagameList .contentBox {
  width: 100%;
  margin-top: 151px;
  box-sizing: border-box;
  padding: 20px 0 60px;
}
.HumiMegagameList .contentBox .content {
  width: 1160px;
  margin: 0 auto;
}
.HumiMegagameList .contentBox .content .recoMega {
  box-sizing: border-box;
  padding: 20px 0;
}
.HumiMegagameList .contentBox .content .recoMega .box {
  position: relative;
  float: left;
  width: 554px;
  height: 417px;
  background: #fff;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
}
.HumiMegagameList .contentBox .content .recoMega .box .tag {
  position: absolute;
  top: 20px;
  right: 20px;
}
.HumiMegagameList .contentBox .content .recoMega .box .imgBox {
  width: 100%;
  height: 317px;
}
.HumiMegagameList .contentBox .content .recoMega .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 23px 18px 26px 20px;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left {
  float: left;
  width: 325px;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .num {
  max-width: 324px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .numBox {
  margin-top: 5px;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .numBox p {
  font-size: 12px;
  color: #333;
  line-height: 17px;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .numBox p span {
  line-height: 17px;
  font-size: 12px;
  color: #E21331;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .numBox p:nth-child(1) {
  float: left;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .numBox p:nth-child(2) {
  float: right;
  margin-right: 16px;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .left .numBox p:nth-child(2) span {
  margin-left: 5px;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .right {
  float: right;
  display: block;
  width: 170px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 28px;
  border: 1px solid #E21331;
  color: #E21331;
}
.HumiMegagameList .contentBox .content .recoMega .box .descBox .right:hover {
  background: #E21331;
  color: #fff;
}
.HumiMegagameList .contentBox .content .recoMega .box:nth-child(2) {
  float: right;
}
.HumiMegagameList .contentBox .content .classNav {
  width: 100%;
  height: 58px;
  line-height: 58px;
  background: #fff;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
}
.HumiMegagameList .contentBox .content .classNav .navName {
  float: left;
  position: relative;
  width: 140px;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 18px;
  color: #333;
  letter-spacing: 1px;
}
.HumiMegagameList .contentBox .content .classNav .navName .line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 20px;
  margin-top: -10px;
  background: #e21331;
}
.HumiMegagameList .contentBox .content .classNav .navDetail {
  float: left;
}
.HumiMegagameList .contentBox .content .classNav .navDetail li {
  float: left;
  margin-right: 52px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  letter-spacing: 1px;
  cursor: pointer;
}
.HumiMegagameList .contentBox .content .classNav .navDetail li:nth-child(1) {
  margin-right: 46px;
}
.HumiMegagameList .contentBox .content .classNav .navDetail li:last-child {
  margin-right: 0;
}
.HumiMegagameList .contentBox .content .classNav .navDetail .active {
  color: #E21331;
}
.HumiMegagameList .contentBox .content .classDetail {
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
}
.HumiMegagameList .contentBox .content .classDetail .box {
  float: left;
  display: block;
  width: 282px;
  height: 260px;
  background: #fff;
  border: 1px solid #dcdcdc;
  margin: 0 10px 10px 0;
}
.HumiMegagameList .contentBox .content .classDetail .box .imgBox {
  width: 100%;
  height: 180px;
}
.HumiMegagameList .contentBox .content .classDetail .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiMegagameList .contentBox .content .classDetail .box .bot {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 13px 14px;
}
.HumiMegagameList .contentBox .content .classDetail .box .bot p {
  width: 254px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiMegagameList .contentBox .content .classDetail .box .bot .see {
  margin-top: 8px;
}
.HumiMegagameList .contentBox .content .classDetail .box .bot .see span {
  margin-left: 6px;
  font-size: 12px;
  color: #999;
  letter-spacing: 1px;
}
.HumiMegagameList .contentBox .content .classDetail .box:nth-child(4n) {
  margin-right: 0;
}
.HumiMegagameList .contentBox .content .pages {
  margin-top: 30px;
}

.megagameNewBox {
  width: 100%;
  background: #f8f8f8;
}
.megagameNewBox .megagameNew {
  width: 1160px;
  margin: 151px auto 0;
  box-sizing: border-box;
  padding: 20px 0 57px;
}
.megagameNewBox .megagameNew .newBox {
  width: 100%;
  height: 410px;
  margin: 20px 0;
  background: #fff;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
}
.megagameNewBox .megagameNew .newBox .left {
  float: left;
  width: 580px;
  height: 410px;
}
.megagameNewBox .megagameNew .newBox .left img {
  width: 100%;
  height: 100%;
}
.megagameNewBox .megagameNew .newBox .right {
  float: left;
  width: 580px;
  box-sizing: border-box;
  padding: 40px 50px 43px 42px;
}
.megagameNewBox .megagameNew .newBox .right .box {
  display: block;
  width: 485px;
  height: 79px;
  box-sizing: border-box;
  padding: 16px 0 14px;
  border-bottom: 1px solid rgba(153, 153, 153, 0.1);
}
.megagameNewBox .megagameNew .newBox .right .box .title {
  width: 426px;
  height: 22px;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.megagameNewBox .megagameNew .newBox .right .box .descBox {
  margin-top: 10px;
}
.megagameNewBox .megagameNew .newBox .right .box .descBox p {
  font-size: 12px;
  color: #999;
  line-height: 17px;
  letter-spacing: 1px;
}
.megagameNewBox .megagameNew .newBox .right .box .descBox p:nth-child(1) {
  float: left;
}
.megagameNewBox .megagameNew .newBox .right .box .descBox p:nth-child(2) {
  float: right;
}
.megagameNewBox .megagameNew .listBox {
  width: 100%;
  background: #fff;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
}
.megagameNewBox .megagameNew .listBox .classNav {
  width: 100%;
  height: 58px;
  line-height: 58px;
  background: #fff;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 2px solid rgba(153, 153, 153, 0.1);
}
.megagameNewBox .megagameNew .listBox .classNav .navName {
  float: left;
  position: relative;
  width: 140px;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 18px;
  color: #333;
  letter-spacing: 1px;
}
.megagameNewBox .megagameNew .listBox .classNav .navName .line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 20px;
  margin-top: -10px;
  background: #e21331;
}
.megagameNewBox .megagameNew .listBox .classNav .navDetail {
  float: left;
}
.megagameNewBox .megagameNew .listBox .classNav .navDetail li {
  float: left;
  margin-right: 52px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  letter-spacing: 1px;
  cursor: pointer;
}
.megagameNewBox .megagameNew .listBox .classNav .navDetail li:nth-child(1) {
  margin-right: 46px;
}
.megagameNewBox .megagameNew .listBox .classNav .navDetail li:last-child {
  margin-right: 0;
}
.megagameNewBox .megagameNew .listBox .classNav .navDetail .active {
  color: #E21331;
}
.megagameNewBox .megagameNew .listBox .classNavDetail {
  width: 100%;
  box-sizing: border-box;
  padding: 2px 29px 32px 22px;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box {
  display: block;
  width: 100%;
  height: 160px;
  box-sizing: border-box;
  padding: 18px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.1);
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box .left {
  float: left;
  width: 220px;
  height: 124px;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box .left img {
  width: 100%;
  height: 100%;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box .right {
  float: left;
  width: 630px;
  margin-left: 14px;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box .right p:nth-child(1) {
  margin-bottom: 9px;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  letter-spacing: 1px;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box .right p:nth-child(2),
.megagameNewBox .megagameNew .listBox .classNavDetail .box .right p:nth-child(3) {
  font-size: 12px;
  color: #999;
  line-height: 17px;
  letter-spacing: 1px;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box .right p:nth-child(3) {
  margin-top: 60px;
}
.megagameNewBox .megagameNew .listBox .classNavDetail .box:last-child {
  border-bottom: none;
}
.megagameNewBox .megagameNew .listBox .pages {
  width: 100%;
  box-sizing: border-box;
  padding: 2px 29px 32px 22px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0px;
}
.clear {
  zoom: 1;
}
.enterpriseTit {
  height: 60px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
  background-color: #ffffff;
}
.enterpriseTit .enterpriseLe {
  height: 20px;
  width: 5px;
  background-color: #E21331;
  margin-right: 15px;
}
.enterpriseTit .TitleSpan {
  font-size: 18px;
  color: #333333;
}
.partOut {
  padding-top: 171px;
  background-color: #F8F8F8;
}
.partOut .partTop {
  width: 1160px;
  margin: auto;
  background-color: #ffffff;
  position: relative;
  -moz-box-shadow: -2px 2px 19px #E2E2E2;
  -webkit-box-shadow: -2px 2px 19px #E2E2E2;
  box-shadow: -2px 2px 19px #E2E2E2;
}
.partOut .partTop .partTadress {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  font-size: 18px;
  border-bottom: 1px #E2E2E2 solid;
}
.partOut .partTop .partTadress span:first-child {
  color: #999999;
}
.partOut .partTop .partTadress span:last-child {
  color: #333333;
}
.partOut .partTop .partTab {
  width: 1160px;
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.partOut .partTop .partTab .partTabCon {
  width: 289px;
  height: 100px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.partOut .partTop .partTab .partTabCon .partTabConc {
  width: 100%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid #E2E2E2;
}
.partOut .partTop .partTab .partTabCon .partTabConc img {
  vertical-align: middle;
}
.partOut .partTop .partTab .partTabCon .partTabConc span {
  font-size: 18px;
  color: #999999;
  vertical-align: middle;
}
.partOut .partTop .partTab .partTabConT {
  width: 289px;
  height: 100px;
  display: inline-block;
  position: relative;
  border-bottom: 4px solid #E21331;
  cursor: pointer;
}
.partOut .partTop .partTab .partTabConT .partTabConc {
  width: 100%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid #E2E2E2;
}
.partOut .partTop .partTab .partTabConT .partTabConc img {
  vertical-align: middle;
}
.partOut .partTop .partTab .partTabConT .partTabConc span {
  font-size: 18px;
  color: #333333;
  vertical-align: middle;
}
.partOut .partTop .partTab .partTabCon:last-child .partTabConc {
  border-right: 0px;
}
.partOut .partTop .partTab .partTabCon:after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.partOut .partTop .partClass {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
}
.partOut .partTop .partClass .classNum {
  height: 60px;
  width: 1000px;
  display: inline-block;
  margin-left: 22px;
  position: relative;
}
.partOut .partTop .partClass .classNum span {
  display: inline-block;
  height: 100%;
  margin-right: 45px;
  font-size: 14px;
  cursor: pointer;
}
.partOut .partCon {
  width: 1160px;
  margin: auto;
  position: relative;
  padding-top: 20px;
}
.partOut .returnTop {
  width: 100%;
  height: 60px;
  background-color: #000000;
  font-size: 16px;
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.enterpriseCom {
  width: 100%;
  position: relative;
  -moz-box-shadow: -2px 2px 19px #E2E2E2;
  -webkit-box-shadow: -2px 2px 19px #E2E2E2;
  box-shadow: -2px 2px 19px #E2E2E2;
  margin-bottom: 20px;
}
.enterpriseCom .chanye {
  margin-bottom: 20px;
}
.enterpriseCom .enterpriseList {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #ffffff;
}
.enterpriseCom .enterpriseList .enterpriseSin {
  height: 150px;
  width: 232px;
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  position: relative;
  background-position: center !important;
  background-size: 60% 60% !important;
  background-repeat: no-repeat !important;
}
.enterpriseCom .enterpriseList .enterpriseSin .enetrDis {
  height: 40px;
  width: 100%;
  position: absolute;
  font-size: 14px;
  color: #ffffff;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 40px;
  opacity: 0;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  /* Firefox 4 */
  -webkit-transition: opacity 1s;
  /* Safari 和 Chrome */
  -o-transition: opacity 1s;
}
.enterpriseCom .enterpriseList .enterpriseSin:hover .enetrDis {
  opacity: 1;
}
.enterpriseCom .enterpriseList .enterpriseSin:nth-child(5n+5) {
  border-right: 0px solid #E2E2E2;
}
.fallListCom {
  width: 100%;
  margin-bottom: 20px;
  column-count: 5;
  column-gap: 0;
}
.fallListCom .fallList {
  width: 218px;
  background-color: #ffffff;
  margin-right: 15px;
  margin-bottom: 15px;
  break-inside: avoid;
  box-sizing: border-box;
}
.fallListCom .fallList .fallListTit {
  display: block;
  font-size: 16px;
  color: #333333;
  padding: 10px 0px 10px 15px;
  line-height: 16px;
}
.fallListCom .fallList .botTag {
  display: block;
  font-size: 12px;
  color: #666666;
  padding: 0px 0px 8px 15px;
  line-height: 12px;
}
.fallListCom .fallList:nth-child(5n+5) {
  margin-right: 0px;
}
.falllistfix {
  width: 100%;
  -moz-box-shadow: -2px 2px 19px #E2E2E2;
  -webkit-box-shadow: -2px 2px 19px #E2E2E2;
  box-shadow: -2px 2px 19px #E2E2E2;
  margin-bottom: 20px;
}
.falllistfix .falllistfixList {
  width: 100%;
  height: auto;
  column-count: 5;
  column-gap: 0;
}
.falllistfix .falllistfixList .falllistfixSin {
  width: 230px;
  position: relative;
  display: inline-block;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  break-inside: avoid;
  box-sizing: border-box;
}
.falllistfix .falllistfixList .falllistfixSin span:first-child {
  font-size: 16px;
  color: #333333;
  display: block;
  padding-left: 15px;
}
.falllistfix .falllistfixList .falllistfixSin span:nth-child(2) {
  font-size: 12px;
  color: #666666;
  display: block;
  padding-left: 15px;
}
.falllistfix .falllistfixList .falllistfixSin div {
  width: 100%;
  text-align: center;
}
.more-sba {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  margin-bottom: 110px;
}

@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
.defend-family {
  font-family: "Zidingyi";
}
#clouddata {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  background-color: #000;
}
#clouddata .fl {
  float: left;
}
#clouddata .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#clouddata .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#clouddata .industryDataHead {
  border-bottom: 1px solid #252525;
  width: 100%;
  height: 115px;
  position: relative;
  text-align: center;
  margin-bottom: 19px;
}
#clouddata .industryDataHead .timeBox {
  position: absolute;
  right: 150px;
  bottom: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #07b3ec;
  letter-spacing: 2px;
}
#clouddata .industryDataHead .industryDataHeadTitle {
  position: absolute;
  left: 50%;
  top: 18px;
  margin-left: -198px;
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  line-height: 33px;
  letter-spacing: 4px;
  cursor: pointer;
}
#clouddata .industryDataHead .toHomeButton {
  position: absolute;
  left: 55px;
  bottom: 19px;
  cursor: pointer;
}
#clouddata .industryDataHead .toHomeButton img {
  vertical-align: middle;
}
#clouddata .industryDataHead .toHomeButton span {
  font-size: 18px;
  vertical-align: middle;
  font-weight: 800;
  color: #07b3ec;
  line-height: 32px;
  letter-spacing: 2px;
  margin-left: 10px;
}
#clouddata .clouddataContent {
  margin: 0 auto;
  width: 1878px;
  overflow: hidden;
}
#clouddata .clouddataContent .clouddataLeft {
  float: left;
  width: 542px;
  margin-right: 20px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart1 {
  width: 100%;
  height: 272px;
  border: 1px solid #252525;
  margin-bottom: 20px;
  padding-top: 12px;
  position: relative;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart1 .add {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #90a1e9;
  line-height: 17px;
  position: absolute;
  top: 35px;
  right: 50px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 {
  width: 100%;
  height: 486px;
  border: 1px solid #252525;
  padding-top: 12px;
  position: relative;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .sum {
  font-size: 42px;
  font-weight: 400;
  margin-left: 40px;
  color: #ffffff;
  line-height: 62px;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px #bfc1ff;
  margin-right: 45px;
  text-align: right;
  height: 62px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 img {
  width: 505px;
  display: block;
  margin: 0 auto;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .sum-cot {
  width: 80px;
  height: 28px !important;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 0px 0px 20px #bfc1ff;
  position: absolute;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .sum-cot .txt {
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  color: #07b3ec;
  letter-spacing: 1px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .cot-one {
  top: 190px;
  left: 30px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .cot-two {
  top: 130px;
  left: 130px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .cot-three {
  top: 80px;
  left: 232px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .cot-four {
  top: 135px;
  right: 127px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .cot-five {
  top: 195px;
  right: 26px;
}
#clouddata .clouddataContent .clouddataLeft .cloudLeftPart2 .cot-six {
  bottom: 135px;
  left: 232px;
}
#clouddata .clouddataContent .clouddataMiddle {
  float: left;
  width: 754px;
  margin-right: 20px;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart1 {
  width: 100%;
  height: 152px;
  border: 1px solid #252525;
  margin-bottom: 20px;
  padding-top: 12px;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart1 .count {
  font-size: 68px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 72px;
  letter-spacing: 7px;
  text-shadow: 0 0 20px #548bfc;
  margin-top: 15px;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart2 {
  width: 100%;
  height: 240px;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart2 .centercount {
  float: left;
  width: 367px;
  height: 100px;
  border: 1px solid #252525;
  margin-bottom: 20px;
  padding-top: 12px;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart2 .centercount:nth-child(2n-1) {
  margin-right: 20px;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart2 .centercount .shuzi {
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 52px;
  letter-spacing: 3px;
  text-shadow: 0 0 20px #bfc1ff;
}
#clouddata .clouddataContent .clouddataMiddle .cloudMiddlePart3 {
  width: 100%;
  height: 367PX;
  border: 1px solid #252525;
  padding-top: 12px;
}
#clouddata .clouddataContent .clouddataRight {
  float: left;
  width: 542px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart1 {
  width: 100%;
  height: 272px;
  border: 1px solid #252525;
  margin-bottom: 20px;
  padding-top: 12px;
  position: relative;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart1 .shebei {
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  color: #90a1e9;
  line-height: 17px;
  letter-spacing: 0px;
  position: absolute;
  right: 62px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart1 .near {
  font-size: 14px;
  font-weight: 400;
  color: #90a1e9;
  line-height: 17px;
  letter-spacing: 0px;
  position: absolute;
  margin-left: 40%;
  bottom: 28px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 {
  width: 100%;
  height: 486px;
  border: 1px solid #252525;
  padding-top: 12px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany {
  display: block;
  height: 40px;
  padding-left: 24px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany:nth-child(2) {
  margin-top: 30px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany:nth-child(2) .ranking {
  background: linear-gradient(0deg, #323544, #575f88, #7b89cc, #9fc3ec, #b9d5f4 62%, #d2e6fc) !important;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany:nth-child(3) .ranking {
  background: linear-gradient(0deg, #323544, #575f88, #7b89cc, #9fc3ec, #b9d5f4 62%, #d2e6fc) !important;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany:nth-child(4) .ranking {
  background: linear-gradient(0deg, #323544, #575f88, #7b89cc, #9fc3ec, #b9d5f4 62%, #d2e6fc) !important;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany .ranking {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  text-align: center;
  background: #588ad9;
  margin-right: 9px;
  margin-top: 7px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany .company {
  width: 227px;
  height: 30px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #90a1e9;
  line-height: 30px;
  letter-spacing: 0px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany .bg {
  width: 150px;
  height: 10px;
  margin-top: 10px;
  margin-left: 12px;
  background: linear-gradient(90deg, #0d61ff, #99e6ff);
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany .time {
  font-size: 16px;
  font-weight: 400;
  color: #90a1e9;
  line-height: 30px;
  margin-left: 15px;
  letter-spacing: 0px;
  text-align: right;
  width: 70px;
}
#clouddata .clouddataContent .clouddataRight .cloudRightPart2 .topCompany .time span {
  font-size: 16px;
}
#clouddata .cloudBottom {
  margin: 20px auto 0;
  width: 1878px;
  overflow: hidden;
}
#clouddata .cloudBottom .aggregate {
  width: 296px;
  height: 120px;
  border: 1px solid #252525;
  margin-right: 20px;
}
#clouddata .cloudBottom .aggregate:nth-child(6) {
  margin-right: 0;
}
#clouddata .cloudBottom .aggregate .count {
  font-size: 38px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  line-height: 72px;
  letter-spacing: 4px;
  opacity: 1;
  text-shadow: 0px 0px 20px #bfc1ff;
}
#clouddata .cloudBottom .aggregate .count .myCount {
  font-size: 38px;
}
#clouddata .cloudBottom .aggregate .txt {
  opacity: 1;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  color: #07b3ec;
  line-height: 33px;
  letter-spacing: 1px;
}

.topMt .clear {
  clear: both;
}
.topMt .Mt-topBanner {
  width: 100%;
  height: 520px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/banner-mou.jpg") no-repeat center;
  background-size: 100% 100%;
  padding-left: 18%;
}
.topMt .Mt-topBanner .tit-one {
  font-size: 46px;
  font-weight: 400;
  line-height: 65px;
  color: #ffffff;
  padding-top: 160px;
}
.topMt .Mt-topBanner .tit-two {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #f9f9f9;
  opacity: 0.7;
  padding-top: 16px;
}
.topMt .Mt-topBanner a {
  display: block;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  color: #ffffff;
  margin-top: 60px;
}
.topMt .mt-painSpot {
  width: 100%;
  height: 978px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topMt .mt-painSpot .mt-painSpotInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px ;
  position: relative;
}
.topMt .mt-painSpot .mt-painSpotInner .price {
  position: absolute;
  top: 27px;
  right: 0;
  width: 259px;
  height: 163px;
  padding: 100px 0 0 161px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/price.png") no-repeat center;
}
.topMt .mt-painSpot .mt-painSpotInner .price .register {
  display: block;
  width: 72px;
  height: 34px;
  border: 1px solid #3366ff;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 12px;
}
.topMt .mt-painSpot .mt-painSpotInner .title2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  margin-bottom: 41px;
}
.topMt .mt-painSpot .mt-painSpotInner .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 22px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent {
  overflow: hidden;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft {
  float: left;
  width: 840px;
  height: 473px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20759_wps%E5%9B%BE%E7%89%87.png') no-repeat center;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-one {
  position: absolute;
  top: 61px;
  left: 26px;
  width: 153px;
  height: 184px;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-one:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-one:hover .tit {
  background-color: #3366FF;
  color: #fff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-one .material {
  margin-top: 10px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-one .material .cot {
  margin-left: 14px;
  line-height: 25px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-two {
  position: absolute;
  width: 247px;
  height: 94px;
  top: 22px;
  left: 305px;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-two:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-two:hover .tit-other {
  background-color: #3366FF;
  color: #fff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-two .gongye {
  margin-top: 15px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-two .gongye .cot {
  margin-left: 13px;
  float: left;
  line-height: 24px;
  margin-right: 17px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-three {
  position: absolute;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  width: 174px;
  height: 184px;
  top: 39px;
  right: 30px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-three:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-three:hover .tit {
  background-color: #3366FF;
  color: #fff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-three .spare {
  margin-top: 10px;
  margin-left: 14px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-three .spare .cot {
  float: left;
  margin-right: 20px;
  line-height: 25px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-three .spare .cot:nth-child(9) {
  margin-right: 35px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-four {
  position: absolute;
  border: 1px solid #e5e5e5;
  width: 153px;
  height: 153px;
  cursor: pointer;
  right: 41px;
  bottom: 55px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-four:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-four:hover .tit {
  background-color: #3366FF;
  color: #fff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-four .bot {
  margin-top: 10px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-four .bot .cot {
  margin-left: 14px;
  line-height: 25px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-five {
  position: absolute;
  border: 1px solid #e5e5e5;
  width: 247px;
  height: 94px;
  right: 250px;
  bottom: 16px;
  cursor: pointer;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-five:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-five:hover .tit-other {
  background-color: #3366FF;
  color: #fff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-five .design {
  margin-top: 15px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-five .design .cot {
  margin-left: 13px;
  float: left;
  line-height: 24px;
  margin-right: 17px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-five .design .cot:nth-child(2n) {
  margin-right: 0;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-six {
  position: absolute;
  border: 1px solid #e5e5e5;
  width: 153px;
  height: 106px;
  left: 26px;
  bottom: 43px;
  cursor: pointer;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-six:hover {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-six:hover .tit {
  background-color: #3366FF;
  color: #fff;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-six .cen {
  margin-top: 10px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .introduce-six .cen .cot {
  margin-left: 14px;
  line-height: 25px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .tit {
  height: 38px;
  line-height: 38px;
  padding-left: 14px;
  font-style: 16px;
  letter-spacing: 2px;
  background-color: #E5E5E5;
  font-weight: 400;
  color: #333;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .mt-contentLeft .tit-other {
  float: left;
  width: 38px;
  height: 94px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #333333;
  letter-spacing: 4px;
  background-color: #E5E5E5;
  text-align: center;
  padding-top: 6px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight {
  float: right;
  width: 312px;
  height: 473px;
  margin-right: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .head {
  overflow: hidden;
  margin-bottom: 18px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .head .title {
  float: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .head .more {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  cursor: pointer;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .infoBanner {
  width: 100%;
  height: 104px;
  padding: 84px 0 0 0;
  margin-bottom: 26px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .infoBanner .zixun-tit {
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  line-height: 26px;
  color: #ffffff;
  height: 26px;
  background: rgba(0, 0, 0, 0.7);
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .messageBox .boxItem {
  overflow: hidden;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .select {
  float: left;
  width: 16px;
  height: 16px;
  background: #3366ff;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .unSelect {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentRight .messageBox .boxItem .des {
  float: left;
  width: 253px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 16px;
  position: relative;
  top: -2px;
  cursor: pointer;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentBottom {
  width: 1200px;
  height: 200px;
  line-height: 34px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 56px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E5%9B%BE.png') no-repeat center;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentBottom .tiyan {
  cursor: pointer;
  width: 118px;
  height: 34px;
  background-color: #3366FF;
  color: #fff;
  margin-top: 140px;
  margin-left: 91px;
}
.topMt .mt-painSpot .mt-painSpotInner .painSpotContent .contentBottom .liji-search {
  cursor: pointer;
  width: 118px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
  margin-top: 140px;
  margin-left: 20px;
}
.topMt .mt-solution {
  width: 100%;
  height: 778px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topMt .mt-solution .mt-solutionInner {
  width: 1200px;
  height: 100%;
  padding: 59px 0 0 0;
  margin: 0 auto;
}
.topMt .mt-solution .mt-solutionInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.topMt .mt-solution .mt-solutionInner .btnGroup .group {
  float: left;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.topMt .mt-solution .mt-solutionInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.topMt .mt-solution .mt-solutionInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-solution .mt-solutionInner .ant-tabs-nav .ant-tabs-tab-active {
  color: #3366ff !important;
}
.topMt .mt-solution .mt-solutionInner .ant-tabs-ink-bar {
  background-color: #3366ff !important;
}
.topMt .mt-solution .mt-solutionInner .ant-tabs-bar {
  margin-bottom: 40px !important;
}
.topMt .mt-solution .mt-solutionInner .tabSTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #3366FF;
  position: relative;
  top: -7px;
  left: 7px;
}
.topMt .mt-solution .mt-solutionInner .tabTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  position: relative;
  top: -7px;
  left: 12px;
}
.topMt .mt-solution .mt-solutionInner .title1 {
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #333333;
  margin-bottom: 41px;
}
.topMt .mt-solution .mt-solutionInner .tabContent {
  overflow: hidden;
}
.topMt .mt-solution .mt-solutionInner .tabContent .contentLeft {
  float: left;
  width: 840px;
  height: 418px;
  background: #ffffff;
}
.topMt .mt-solution .mt-solutionInner .tabContent .contentLeft img {
  width: 838px;
  height: 416px;
}
.topMt .mt-solution .mt-solutionInner .tabContent .contentRight {
  float: right;
  width: 312px;
  height: 418px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 31px 22px 0;
}
.topMt .mt-solution .mt-solutionInner .tabContent .contentRight .title {
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #333333;
  margin-bottom: 8px;
}
.topMt .mt-solution .mt-solutionInner .tabContent .contentRight .des {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-bottom: 20px;
}
.topMt .mt-solution .mt-solutionInner .tabContent .contentRight .online {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3366ff;
}
.topMt .mt-resource {
  width: 100%;
  height: 772px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.topMt .mt-resource .mt-resourceInner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 58px;
}
.topMt .mt-resource .mt-resourceInner .title {
  font-size: 32px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 34px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent {
  overflow: hidden;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft {
  float: left;
  width: 840px;
  height: 496px;
  overflow: hidden;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftL {
  float: left;
  width: 280px;
  height: 496px;
  padding: 61px 0 0 40px;
  border: 1px dashed #000;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .title {
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 8px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 74px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .more {
  display: block;
  width: 120px;
  height: 34px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
  cursor: pointer;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftL .bg-search {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #ffffff;
  margin-top: 37px;
  display: block;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftR {
  float: left;
  width: 560px;
  height: 496px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem {
  float: left;
  width: 280px;
  height: 248px;
  text-align: center;
  padding-top: 93px;
  border: 1px dashed #000;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
  color: #ffffff;
  margin-bottom: 9px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentLeft .contentLeftR .LeftRItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fcfcfc;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight {
  float: right;
  width: 312px;
  height: 496px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 19px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem {
  width: 100%;
  height: 62px;
  overflow: hidden;
  margin-bottom: 19px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .left {
  float: left;
  margin-right: 18px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .right {
  float: left;
  width: 140px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .title {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  margin-bottom: 6px;
}
.topMt .mt-resource .mt-resourceInner .resourceContent .contentRight .rightContent .contentItem .right .more {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #3366ff;
  cursor: pointer;
}
.topMt .mt-resource .mt-resourceInner .btnGroup {
  margin-top: 40px;
  overflow: hidden;
}
.topMt .mt-resource .mt-resourceInner .btnGroup .group {
  display: inline-block;
  margin-right: 12px;
  width: 168px;
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}
.topMt .mt-resource .mt-resourceInner .btnGroup .group1 {
  background: #3366ff;
  color: #ffffff;
}
.topMt .mt-resource .mt-resourceInner .btnGroup .group2 {
  border: 1px solid #3366ff;
  color: #3366ff;
}
.topMt .mt-service {
  height: 448px ;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/service.png") no-repeat center;
  background-size: 100% 100%;
}
.topMt .mt-service .mt-serviceInnner {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding-top: 48px;
}
.topMt .mt-service .mt-serviceInnner .head {
  overflow: hidden;
}
.topMt .mt-service .mt-serviceInnner .head .title {
  float: left;
  font-size: 32px;
  font-weight: 800;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 41px;
}
.topMt .mt-service .mt-serviceInnner .head .ask {
  float: right;
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
}
.topMt .mt-service .mt-serviceInnner .serviceContent {
  overflow: hidden;
  height: 282px;
  padding-top: 32px;
}
.topMt .mt-service .mt-serviceInnner .serviceContent .contentItem {
  float: left;
  width: 240px;
  text-align: center;
  padding: 0 10px;
}
.topMt .mt-service .mt-serviceInnner .serviceContent .contentItem:hover {
  height: 240px;
  position: relative;
  top: -20px;
}
.topMt .mt-service .mt-serviceInnner .serviceContent .contentItem:hover .ask {
  display: inline-block;
  margin-top: 20px;
}
.topMt .mt-service .mt-serviceInnner .serviceContent .contentItem .title {
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  color: #ffffff;
}
.topMt .mt-service .mt-serviceInnner .serviceContent .contentItem .des {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  height: 40px;
}
.topMt .mt-service .mt-serviceInnner .serviceContent .contentItem .ask {
  display: none;
  width: 140px;
  height: 42px;
  background: #3366ff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  clear: both;
}
.bottomMt .top-txt {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: 143.5px;
  line-height: 45px;
  color: #333333;
  padding-top: 58px;
  padding-bottom: 41px;
}
.bottomMt .top-en {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #3366ff;
  margin-top: -90px;
}
.bottomMt .mt-service-bgc {
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomMt .mt-service-bgc .service {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
}
.bottomMt .mt-service-bgc .service .bottom-box {
  width: 240px;
  height: 300px;
  border: 1px solid #E5E5E5;
}
.bottomMt .mt-service-bgc .service .bottom-box:hover {
  border: 1px solid #3366FF;
}
.bottomMt .mt-service-bgc .service .bottom-box:hover .txt-one {
  color: #3366FF;
}
.bottomMt .mt-service-bgc .service .bottom-box:hover .txt-two {
  color: #3366FF;
}
.bottomMt .mt-service-bgc .service .bottom-box:hover .txt-jt {
  border: 1px solid #3366FF;
  border-radius: 4px;
}
.bottomMt .mt-service-bgc .service .bottom-box .bottom-pic {
  width: 70px;
  margin-top: 60px;
  margin-left: 33px;
}
.bottomMt .mt-service-bgc .service .bottom-box .txt-one {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 33px;
  color: #333333;
  margin-top: 62px;
  margin-left: 33px;
}
.bottomMt .mt-service-bgc .service .bottom-box .txt-two {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  margin-left: 33px;
}
.bottomMt .mt-service-bgc .service .bottom-box .txt-jt {
  border: 2px solid #E5E5E5;
  border-radius: 4px;
  margin-top: -36px;
  margin-right: 25px;
}
.bottomMt .mt-analysis-bgc {
  width: 100%;
  height: 472px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomMt .mt-analysis-bgc .analysis {
  width: 1200px;
  margin: 0 auto;
  height: 472px;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box {
  width: 240px;
  height: 221px;
  border: 1px solid #E5E5E5;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box:hover {
  height: 300px;
  margin-top: -29px;
  border: 1px solid #E5E5E5;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box:hover .bottom-txt {
  padding-right: 10px;
  text-overflow: inherit;
  overflow: visible;
  white-space: pre-line;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box:hover .bottom-zx {
  width: 94px;
  height: 34px;
  line-height: 34px;
  margin-left: 16px;
  margin-top: 18px;
  display: block;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366FF;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box .bottom-pic {
  margin: 10px 10px ;
  width: 220px;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box .bottom-tit {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-top: 6px;
  margin-left: 16px;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box .bottom-txt {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #666666;
  margin-top: 6px;
  margin-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottomMt .mt-analysis-bgc .analysis .bottom-box .bottom-zx {
  display: none;
}
.bottomMt .mt-case-bgc {
  width: 100%;
  height: 604px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  opacity: 1;
}
.bottomMt .mt-case-bgc .case {
  width: 1200px;
  margin: 0 auto;
  height: 604px;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-pic {
  width: 240px;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-box {
  width: 350px;
  height: 400px;
  padding: 39px 30px 0 30px;
  border: 1px solid #E5E5E5;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-box .bottom-tit {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 33px;
  color: #333333;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-box .bottom-line {
  width: 36px;
  height: 4px;
  background: #3366ff;
  margin-top: 8px;
  margin-bottom: 24px;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-box .bottom-txt {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-box .ask-zixun {
  display: block;
  margin-top: 19px;
  width: 94px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3366FF;
  border: 1px solid #3366ff;
}
.bottomMt .mt-case-bgc .case .case-bottom .bottom-box .ask-zixun:hover {
  background-color: #3366FF;
  color: #fff;
}
.bottomMt .mt-case-bgc .case .case-other {
  margin-left: 20px;
}
.bottomMt .mt-partner-bgc {
  width: 100%;
  height: 567px;
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}
.bottomMt .mt-partner-bgc .partner {
  width: 1201px;
  margin: 0 auto;
}
.bottomMt .mt-partner-bgc .partner .partner-buttom .pic:hover .pic-a {
  display: block;
  width: 240px;
  height: 118px;
}
.bottomMt .mt-partner-bgc .partner .partner-buttom .pic:hover .pic-b {
  display: none;
}
.bottomMt .mt-partner-bgc .partner .partner-buttom img {
  width: 240px;
  height: 118px;
}
.bottomMt .mt-partner-bgc .partner .partner-buttom .pic-b {
  display: block;
}
.bottomMt .mt-partner-bgc .partner .partner-buttom .pic-a {
  display: none;
}

@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
.defend-family {
  font-family: "Zidingyi";
}
#industryDataBox {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  background-color: #000;
}
#industryDataBox .industryDataHead {
  border-bottom: 1px solid #252525;
  width: 100%;
  height: 115px;
  position: relative;
  text-align: center;
  margin-bottom: 19px;
}
#industryDataBox .industryDataHead .timeBox {
  position: absolute;
  right: 150px;
  bottom: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #07b3ec;
  letter-spacing: 2px;
}
#industryDataBox .industryDataHead .industryDataHeadTitle {
  position: absolute;
  left: 50%;
  top: 18px;
  margin-left: -198px;
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  line-height: 33px;
  letter-spacing: 4px;
  cursor: pointer;
}
#industryDataBox .industryDataContent {
  margin: 0 auto;
  width: 1878px;
  overflow: hidden;
}
#industryDataBox .industryDataContent .industryDataContentL {
  float: left;
  width: 360px;
  margin-right: 20px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 {
  width: 100%;
  height: 330px;
  border: 1px solid #252525;
  padding-top: 11px;
  position: relative;
  margin-bottom: 20px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .bingDes {
  text-align: center;
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #ffffff;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .bingDes .quan {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  margin-right: 12px;
  position: relative;
  top: 2px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .bingDes .name {
  font-weight: 400;
  margin-right: 14px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart1 .bingDes .percent {
  font-weight: 800;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 {
  padding-top: 11px;
  width: 100%;
  height: 238px;
  border: 1px solid #252525;
  margin-bottom: 21px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .part2Count {
  padding-left: 26px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
  margin-top: 20px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .part2Content {
  padding-left: 21px;
  width: 100%;
  height: 36px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .desContent {
  padding-left: 19px;
  margin-top: 20px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .desContent .desContentTitle {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  color: #07b3ec;
  letter-spacing: 2px;
  margin-right: 27px;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart2 .desContent .count {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart3 {
  padding-top: 11px;
  width: 100%;
  height: 310px;
  border: 1px solid #252525;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart3 .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart3 .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#industryDataBox .industryDataContent .industryDataContentL .contentLeftPart3 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentM {
  float: left;
  width: 1115px;
  margin-right: 23px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart1 {
  overflow: hidden;
  margin-bottom: 19px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart1 .part1Item {
  float: left;
  width: 262px;
  height: 126px;
  border: 1px solid #252525;
  margin-right: 22px;
  padding-top: 9px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart1 .part1Item .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart1 .part1Item .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart1 .part1Item .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart1 .part1Item:nth-child(4) {
  margin-right: 0;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 {
  height: 774px;
  border: 1px solid #252525 !important;
  width: 100%;
  z-index: -1;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container {
  width: 1113px;
  height: 770px;
  background: url("https://360humi-public-obs.360humi.com/sch/big-screen/chongqingmap_car1.png") no-repeat center center;
  z-index: 2;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .shangyunBox {
  position: absolute;
  right: 50px;
  bottom: 283px;
  width: 107px;
  text-align: center;
  cursor: pointer;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .shangyunBox .shangyun {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 2px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .chanyeBox {
  position: absolute;
  right: 45px;
  bottom: 41px;
  width: 107px;
  text-align: center;
  cursor: pointer;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .chanyeBox .chanye {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 2px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .legend {
  position: relative;
  left: 90px;
  top: 82px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .legend .legend_text {
  display: block;
  font-size: 19px;
  font-weight: 800;
  text-align: left;
  color: #07b3ec;
  line-height: 33px;
  letter-spacing: 2px;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .legend .legend_text:nth-child(1):before {
  content: "";
  display: inline-block;
  margin-right: 17px;
  width: 14px;
  height: 14px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  background: #090081;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .legend .legend_text:nth-child(2):before {
  content: "";
  display: inline-block;
  margin-right: 17px;
  width: 14px;
  height: 14px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  background: #1890ff;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .legend .legend_text:nth-child(3):before {
  content: "";
  display: inline-block;
  margin-right: 17px;
  width: 14px;
  height: 14px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  background: #1337af;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point,
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point::before,
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point::after {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: '';
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point {
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point .desBox {
  background: url("https://360humi-public-obs.360humi.com/sch/big-screen/map-des1.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -142px;
  left: -116px;
  width: 240px;
  height: 142px;
  padding: 25px 14px 0 23px;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point .active3 {
  display: none;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point::before {
  animation: scale 2s infinite;
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point::after {
  animation: scale2 2s infinite;
}
@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes scale2 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point,
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point::before,
#industryDataBox .industryDataContent .industryDataContentM .contentMPart2 #container .point::after {
  /* 设置颜色 */
  background-color: rgba(24, 144, 255, 0.7);
}
#industryDataBox .industryDataContent .industryDataContentR {
  float: left;
  width: 360px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart1 {
  width: 100%;
  height: 400px;
  border: 1px solid #252525;
  margin-bottom: 20px;
  padding-top: 11px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart1 .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart1 .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart1 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart1 .smallTitle {
  font-size: 16px;
  font-weight: 400;
  color: #07b3ec;
  letter-spacing: 2px;
  padding-left: 19px;
  margin-top: 35px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart1 .bigTitleNew {
  font-size: 16px;
  font-weight: 800;
  padding-left: 19px;
  color: #07b3ec;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 {
  width: 100%;
  height: 500px;
  border: 1px solid #252525;
  padding-top: 11px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox {
  margin-top: 40px;
  overflow: hidden;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem {
  padding-left: 25px;
  margin-bottom: 14px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .itemNum {
  display: inline-block;
  margin-right: 32px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #588ad9;
  line-height: 16px;
  text-align: center;
  font-size: 9px;
  font-weight: 800;
  color: #0f112b;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .active1 {
  background: linear-gradient(0deg, #323544, #575f88, #7b89cc, #9fc3ec, #b9d5f4 62%, #d2e6fc);
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .itemName,
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .itemCount {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #90a1e9;
  width: 180px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .itemName .count,
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .itemCount .count {
  font-size: 18px;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .itemCount {
  width: auto;
}
#industryDataBox .industryDataContent .industryDataContentR .contentRightPart2 .part2ContentBox .part2ContentBoxItem .active2 {
  color: #fff;
}
.myTitleStyle .commonTitle {
  font-size: 18px;
  font-weight: 800;
  color: #C5962F;
  line-height: 33px;
  letter-spacing: 2px;
  padding-left: 18px;
  position: relative;
}
.myTitleStyle .commonTitle .line {
  position: absolute;
  width: 6px;
  height: 17px;
  background: #c5962f;
  top: 9px;
  left: 0;
}
.myTitleStyle .commonTitle .itemCount {
  text-align: center;
  margin-top: 22px;
  font-size: 41px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 4px;
  text-shadow: 0px 0px 20px 0px #bfc1ff;
}
#tagbox {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 250px;
  background: transparent;
}
#tagbox a {
  position: absolute;
  padding: 3px 6px;
  font-family: Microsoft YaHei;
  color: #fff;
  TOP: 0px;
  font-weight: bold;
  text-decoration: none;
  left: 0px;
}
#tagbox .blue {
  color: #5c41cc;
}
#tagbox .red {
  color: #1890ff;
}
#tagbox .yellow {
  color: #a8a8ff;
}
#tagbox .defend {
  color: #b8a7ff;
}

.rechargeAccount {
  width: 1200px;
  margin: 130px auto;
  background: #fff;
  padding: 70px;
}
.rechargeAccount h2 {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  line-height: 31px;
  margin-left: -70px;
}
.rechargeAccount h2:before {
  margin-right: 60px;
  content: "";
  width: 10px;
  height: 31px;
  background: #2e5bff;
  display: inline-block;
}
.rechargeAccount .account-info {
  margin-top: 40px;
}
.rechargeAccount .btm-btn {
  margin-top: 60px;
  text-align: center;
}
.rechargeAccount-add {
  width: 1200px;
  margin: 130px auto;
  background: #fff;
  padding: 70px;
}
.rechargeAccount-add h2 {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  line-height: 31px;
  margin-left: -70px;
}
.rechargeAccount-add h2:before {
  margin-right: 60px;
  content: "";
  width: 10px;
  height: 31px;
  background: #2e5bff;
  display: inline-block;
}
.rechargeAccount-add .account-add-form {
  margin-top: 46px;
}
.rechargeAccount-add .account-add-form .ant-form-item {
  padding-top: 30px;
}
.rechargeAccount-add .account-add-form .ant-form-item .ant-form-item-label {
  text-align: left;
}
.rechargeAccount-add .account-add-form .ant-form-item .ant-form-item-label label {
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
}
.rechargeAccount-add .account-add-form .ant-row {
  width: 50%;
}
.rechargeAccount-add .account-add-form .change-type {
  display: flex;
  flex-wrap: wrap;
}
.rechargeAccount-add .account-add-form .change-type .account-name {
  width: 50%;
}
.rechargeAccount-add .account-add-form .change-type .account-name .ant-row {
  width: 100% !important;
}
.rechargeAccount-add .account-add-form .change-type .account-name .comment {
  width: 290px;
  margin-left: 155px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.rechargeAccount-add .account-add-form .ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 52px;
}
.rechargeAccount-add .account-add-form .ant-select-selection {
  width: 289px;
}
.rechargeAccount-add .account-add-form .ant-select-selection .ant-select-selection__placeholder {
  z-index: 5;
  line-height: 22px;
  height: 40px;
}
.rechargeAccount-add .account-add-form .ant-input-disabled {
  background: #f5f7fc !important;
}
.rechargeAccount-add .account-add-form .ant-input {
  width: 290px;
  height: 52px !important;
  font-size: 14px;
  border: 1px solid rgba(61, 73, 79, 0.5);
}
.rechargeAccount-add .add-btn {
  text-align: center;
  margin: 100px 0;
}
.rechargeAccount-add .add-btn .ant-btn-primary {
  color: #fff;
  background-color: #2458FF;
  border-color: #2458FF;
}
.rechargeAccount-add .add-btn .ant-btn-primary:hover {
  color: #fff;
  background-color: #2458FF;
  border-color: #2458FF;
}
.rechargeAccount-add .ant-radio-button-wrapper-checked {
  background: #2458ff;
  border: 0 !important;
  color: #fff;
}
.rechargeAccount-add .ant-radio-button-wrapper-checked:hover {
  color: #fff !important;
}
.rechargeAccount-add .ant-radio-button-wrapper {
  width: 136px;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 21px !important;
  text-align: center;
  box-shadow: 0 0 0 0;
  border: 1px solid rgba(61, 73, 79, 0.9) !important;
}
.rechargeAccount-add .ant-radio-button-wrapper:not(:first-child):before {
  width: 0;
}
.rechargeAccount-add .ant-radio-button-wrapper:hover {
  color: #000;
}
.rechargeAccount-add .ant-radio-button-wrapper span {
  font-size: 16px;
  font-weight: bold;
}
.rechargeAccount-detail {
  width: 1200px;
  margin: 130px auto;
  background: #fff;
  padding: 70px;
}
.rechargeAccount-detail h2 {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  line-height: 31px;
  margin-left: -70px;
}
.rechargeAccount-detail h2:before {
  margin-right: 60px;
  content: "";
  width: 10px;
  height: 31px;
  background: #2e5bff;
  display: inline-block;
}
.rechargeAccount-detail h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  color: #00218d;
  letter-spacing: 0;
  padding-top: 55px;
}
.rechargeAccount-detail .top-warp {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
.rechargeAccount-detail .top-warp .r2 {
  width: 50%;
}
.rechargeAccount-detail .r2 .left {
  text-align: left;
}
.rechargeAccount-detail .right .bank-card-block {
  height: 100px !important;
  display: flex;
}
.rechargeAccount-detail .right .bank-card-block .bank-card {
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
}
.rechargeAccount-detail .warn {
  margin-top: 40px;
  display: flex;
}
.rechargeAccount-detail .warn .ts {
  width: 50px;
  padding: 6px;
  text-align: center;
  background: #81D3F8;
  color: #fff;
  border-top-left-radius: 4px ;
  border-bottom-left-radius: 4px ;
}
.rechargeAccount-detail .warn .new-info {
  width: 100%;
  padding: 6px;
  background: #EBF5FF;
  color: #000000;
}
.rechargeAccount-detail .warn .new-info span {
  font-size: 16px;
  color: red;
}
.rechargeAccount-detail .warn .new-info a {
  color: #2E5BFF;
}
.rechargeAccount-detail .warn-2 {
  margin-top: 100px;
  margin-bottom: 30px;
  color: #000000;
}
.rechargeAccount-detail .warn-2 a {
  color: #2E5BFF;
}
.r2 {
  display: flex;
  justify-content: flex-start;
  padding: 35px  0;
}
.r2 .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.r2 .mt {
  margin-top: -24px;
}
.r2 .column {
  flex-direction: column;
  justify-content: space-around;
}
.r2 .left {
  width: 122px;
  min-width: 122px;
  text-align: right;
  padding-right: 16px;
}
.r2 .left .label {
  font-size: 16px;
  color: #444444;
  font-weight: bold;
}
.r2 .right .bank-card-block {
  width: 310px;
  height: 146px;
  border: 1px solid #b5bbd6;
  padding: 15px 16px;
  margin-left: 24px;
  margin-top: 24px;
  cursor: pointer;
}
.r2 .right .bank-card-block .card-type {
  text-align: right;
  padding-right: 5px;
}
.r2 .right .bank-card-block .bank-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e6f0;
  height: 50px;
}
.r2 .right .bank-card-block .bank-card img {
  display: block;
  width: 185px;
  max-height: 40px;
}
.r2 .right .bank-card-block .bank-card span {
  font-size: 12px;
  color: #000000;
}
.r2 .right .bank-card-block .exera {
  padding-top: 14px;
  text-align: center;
}
.r2 .right .bank-card-block .exera a {
  color: #2e5bff;
}
.r2 .right .bank-card-block span {
  color: #000000;
}
.r2 .right .over {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.recharge-btn {
  width: 176px;
  height: 51px !important;
  border: 1px solid #aaaaaa !important;
}
.recharge-btn span {
  font-size: 16px;
  font-weight: bold;
}
.cz-modal .ant-modal-content {
  border-radius: 20px;
}
.cz-modal .ant-modal-content .ant-modal-body {
  padding: 32px;
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .block {
  padding: 36px;
  position: relative;
}
.cz-modal .ant-modal-content .ant-modal-body .block .close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
}
.cz-modal .ant-modal-content .ant-modal-body .text {
  line-height: 22px;
  color: #000000;
  padding: 40px 0 30px;
}
.cz-modal .ant-modal-content .ant-modal-body .prompt {
  font-size: 12px;
  color: #5a5a5a;
  padding-bottom: 30px;
}
.cz-modal .ant-modal-content .ant-modal-body .f20 {
  font-size: 20px;
  font-weight: bold;
}
.cz-modal .ant-modal-content .ant-modal-body .btn {
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn {
  width: 137px;
  height: 42px;
  border: 1px solid #aaaaaa;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn span {
  font-size: 16px;
  font-weight: bold;
}

.wallet-box {
  background: #f8f8f8;
  overflow: hidden;
  padding-top: 60px;
}
.wallet-box a {
  color: #108ee9;
}
.wallet-box .top-loading {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wallet-box .top-loading .ant-spin-dot i {
  background-color: #fff;
}
.wallet-box .top-box {
  width: 100%;
  height: 260px;
  background: #2b6ae5 url(/_next/static/media/top_bg.adc66267.png) no-repeat center center / cover;
}
.wallet-box .top-box .row {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 46px 0;
}
.wallet-box .top-box .row .change {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 30px;
}
.wallet-box .top-box .row .change .avatar {
  margin: auto;
}
.wallet-box .top-box .row .change .ant-btn {
  margin-top: 30px;
  border-radius: 15px;
  box-shadow: 0 3px 18px 0 rgb(1 42 13.22222222%);
  background-color: #7fa0f0;
  font-size: 14px;
  color: #ffffff;
  border: 0;
}
.wallet-box .top-box .row .avatar {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 100%;
  margin-right: 30px;
}
.wallet-box .top-box .row .info {
  flex: 1;
}
.wallet-box .top-box .row .info .name {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  padding: 4px 0;
}
.wallet-box .top-box .row .info .number {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.4px;
  text-align: justify;
  color: #ffffff;
  padding: 6px 0;
}
.wallet-box .top-box .row .info .icon-box img {
  vertical-align: middle;
  margin-right: 15px;
}
.wallet-box .top-box .row .right .text {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.wallet-box .top-box .row .right .text img {
  vertical-align: middle;
  margin-left: 12px;
}
.wallet-box .top-box .row .right .money {
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
}
.wallet-box .top-box .btn-box {
  border-top: 1px solid #4787ff;
  padding-top: 14px;
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.wallet-box .top-box .btn-box .item {
  width: 33.3%;
  text-align: center;
  border-right: 1px dashed #4787ff;
}
.wallet-box .top-box .btn-box .item:last-of-type {
  border: 0;
}
.wallet-box .top-box .btn-box button {
  width: 100px;
  border-radius: 15px;
  box-shadow: 0 3px 18px 0 rgba(1, 42, 119, 0.09);
  background-color: #7fa0f0;
  font-size: 14px;
  color: #ffffff;
  border: 0;
}
.wallet-box .top-box .btn-box button:disabled {
  opacity: 0.5;
}
.wallet-box .top-box .no-data {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: #ffffff;
  flex-direction: column;
  width: 100%;
}
.wallet-box .top-box .no-data > div {
  font-size: 28px;
  display: block;
  margin-bottom: 20px;
}
.wallet-box .top-box .no-data a {
  color: #6afaff;
  font-size: 28px;
}
.wallet-box .top-box .no-data button {
  font-size: 14px;
}
.wallet-box .top-box .no-data .ant-btn {
  margin-top: 30px;
  border-radius: 15px;
  box-shadow: 0 3px 18px 0 rgb(1 42 13.22222222%);
  background-color: #7fa0f0;
  font-size: 14px;
  color: #ffffff;
  border: 0;
}
.wallet-box .top-box .hide {
  display: none;
}
.wallet-box .r1 {
  height: 84px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
}
.wallet-box .r1 a {
  font-size: 16px;
  color: #333333;
  margin-left: 68px;
}
.wallet-box .r1 a.gray {
  color: #999;
  cursor: not-allowed;
}
.wallet-box .list-box {
  padding: 26px 18px;
  background: #fff;
  width: 1200px;
  margin: 0 auto 70px;
  text-align: center;
}
.wallet-box .list-box table {
  width: 100%;
}
.wallet-box .list-box table thead th {
  font-size: 14px;
  color: #333333;
  height: 44px;
  background-color: #c2ddf8;
  font-weight: 500;
  text-align: center;
}
.wallet-box .list-box table td {
  text-align: center;
}
.wallet-box .list-box .ant-spin-nested-loading > div > .ant-spin {
  left: 0;
}
.cz-modal .ant-modal-content {
  border-radius: 20px;
}
.cz-modal .ant-modal-content .ant-modal-body {
  padding: 32px;
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .block {
  padding: 36px;
  position: relative;
}
.cz-modal .ant-modal-content .ant-modal-body .block .close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
}
.cz-modal .ant-modal-content .ant-modal-body .text {
  line-height: 22px;
  color: #000000;
  padding: 40px 0 30px;
}
.cz-modal .ant-modal-content .ant-modal-body .btn {
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn {
  width: 137px;
  height: 42px;
  border: 1px solid #aaaaaa;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn span {
  font-size: 16px;
  font-weight: bold;
}
.search-box {
  display: flex;
  margin-bottom: 30px;
}
.search-box .item {
  margin-right: 76px;
  display: flex;
  align-items: center;
}
.search-box .item .label {
  white-space: nowrap;
}
.search-box .item:last-of-type {
  margin-right: 0;
}
.search-box .item.month-select {
  margin-right: 0;
}
.search-box .item.month-select a {
  font-size: 14px;
  color: #333333;
  margin-right: 25px;
  white-space: nowrap;
}
.search-box .item.month-select a.active {
  color: #108ee9;
}
.search-box .item .ant-btn {
  margin: 0 10px;
}
.search-box .item .btn-sub {
  background-color: #169bd5;
  color: #fff;
}

.w-bg {
  background: #f8f8f8;
  padding-top: 60px;
}
.noSpin::-webkit-outer-spin-button,
.noSpin::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.noSpin[type='number'] {
  -moz-appearance: textfield;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.w-model .r1,
.withdraw-box .r1 {
  height: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.w-model .r1 h4,
.withdraw-box .r1 h4 {
  font-size: 18px;
  color: #333333;
}
.w-model .r1 a,
.withdraw-box .r1 a {
  font-size: 16px;
  font-weight: 500;
  color: #108ee9;
}
.w-model .r2,
.withdraw-box .r2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px  0;
}
.w-model .r2 .red,
.withdraw-box .r2 .red {
  color: red;
  padding-right: 5px;
}
.w-model .r2 .left,
.withdraw-box .r2 .left {
  width: 248px;
  min-width: 248px;
  text-align: right;
  padding-right: 16px;
}
.w-model .r2 .left span.label,
.withdraw-box .r2 .left span.label {
  font-size: 14px;
  color: #333333;
}
.w-model .r2 .right .tab-title,
.withdraw-box .r2 .right .tab-title {
  width: 124px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #dedede;
  background-color: #fff;
  margin-right: 24px;
}
.w-model .r2 .right .tab-title:hover,
.withdraw-box .r2 .right .tab-title:hover {
  color: #108ee9;
}
.w-model .r2 .right .tab-title.active,
.withdraw-box .r2 .right .tab-title.active {
  background-color: #108ee9;
  color: #fff;
}
.w-model .r2 .right .over,
.withdraw-box .r2 .right .over {
  font-size: 20px;
  color: #108ee9;
}
.w-model .r2 .right .unit,
.withdraw-box .r2 .right .unit {
  font-size: 14px;
  color: #666666;
}
.w-model .r2 .right .bank-card,
.withdraw-box .r2 .right .bank-card {
  width: 290px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #f8f8f8;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  padding-right: 30px;
}
.w-model .r2 .right .bank-card img,
.withdraw-box .r2 .right .bank-card img {
  display: block;
  height: 30px;
}
.w-model .r2 .right .bank-card span,
.withdraw-box .r2 .right .bank-card span {
  font-size: 14px;
  color: #999999;
}
.w-model .r2 .right .bank-card:before,
.withdraw-box .r2 .right .bank-card:before {
  content: '';
  width: 30px;
  height: 31px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/withdraw/icon-selected.png") no-repeat center / cover;
  position: absolute;
  right: 0;
  top: 0;
}
.w-model .r2 .right .input-over,
.withdraw-box .r2 .right .input-over {
  width: 290px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #ffffff;
  margin-right: 16px;
}
.w-model .r2 .right .input-over::-webkit-outer-spin-button,
.withdraw-box .r2 .right .input-over::-webkit-outer-spin-button,
.w-model .r2 .right .input-over::-webkit-inner-spin-button,
.withdraw-box .r2 .right .input-over::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.w-model .r2 .right .input-over[type='number'],
.withdraw-box .r2 .right .input-over[type='number'] {
  -moz-appearance: textfield;
}
.w-model .r2 .right .radio-lable,
.withdraw-box .r2 .right .radio-lable {
  font-size: 14px;
  color: #333333;
}
.w-model .r2 .right .radio-p,
.withdraw-box .r2 .right .radio-p {
  font-size: 14px;
  color: #999999;
  padding-bottom: 15px;
  padding-top: 5px;
}
.w-model .r2 .right .radio-p em,
.withdraw-box .r2 .right .radio-p em {
  color: #108ee9;
}
.w-model .r2 .right .tarea,
.withdraw-box .r2 .right .tarea {
  width: 479px;
  height: 126px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #ffffff;
}
.w-model .r2 .right .input-code,
.withdraw-box .r2 .right .input-code {
  width: 160px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #ffffff;
  margin-right: 19px;
}
.w-model .r2 .right .input-code::-webkit-outer-spin-button,
.withdraw-box .r2 .right .input-code::-webkit-outer-spin-button,
.w-model .r2 .right .input-code::-webkit-inner-spin-button,
.withdraw-box .r2 .right .input-code::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.w-model .r2 .right .input-code[type='number'],
.withdraw-box .r2 .right .input-code[type='number'] {
  -moz-appearance: textfield;
}
.w-model .r2 .right .btn-get-code,
.withdraw-box .r2 .right .btn-get-code {
  width: 110px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #108ee9;
  background-color: #fff;
  font-size: 14px;
  color: #108ee9;
}
.w-model .r2 .right .btn-get-code[disabled],
.withdraw-box .r2 .right .btn-get-code[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.w-model .r2 .right .btn-submit,
.withdraw-box .r2 .right .btn-submit {
  width: 290px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  font-size: 14px;
  color: #ffffff;
}
.w-model .r2 .right .btn-get-pwd,
.withdraw-box .r2 .right .btn-get-pwd {
  padding-left: 20px;
  color: #108ee9;
}
.w-model .r2 .select-money,
.withdraw-box .r2 .select-money {
  text-align: right;
  padding-right: 50px;
  flex: 1;
}
.w-model .r2 .select-money em,
.withdraw-box .r2 .select-money em {
  font-size: 20px;
  color: #108ee9;
}
.w-model .r2 .select-money em.red,
.withdraw-box .r2 .select-money em.red {
  color: red;
}
.w-model .r2 .has-error input,
.withdraw-box .r2 .has-error input {
  border: 1px solid red !important;
}
.w-model .pwd-box,
.withdraw-box .pwd-box {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}
.w-model .pwd-box:focus,
.withdraw-box .pwd-box:focus {
  outline: none;
}
.w-model .pwd-box span,
.withdraw-box .pwd-box span {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  margin: 4px;
  position: relative;
}
.w-model .pwd-box span.active,
.withdraw-box .pwd-box span.active {
  border: 1px solid #4388f6;
}
.w-model .pwd-box span.has:after,
.withdraw-box .pwd-box span.has:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  margin-left: -3px;
  background: #000;
}
.w-model .ant-table-thead > tr > th,
.withdraw-box .ant-table-thead > tr > th {
  background: #c2ddf8;
}
.w-model .btn-submit-list,
.withdraw-box .btn-submit-list {
  width: 290px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  font-size: 14px;
  color: #ffffff;
  margin: 15px auto;
  display: block;
}
.w-model .bank-icon,
.withdraw-box .bank-icon {
  display: flex;
  color: #333;
  font-size: 14px;
}
.w-model .bank-icon img,
.withdraw-box .bank-icon img {
  margin-right: 8px;
  align-items: center;
}
.withdraw-box {
  width: 1200px;
  margin: 40px auto;
  background: #fff;
  padding: 0 17px 40px 17px;
}
.withdraw-box.hide {
  display: none;
}
.w-model .r2 .left {
  width: 130px;
  min-width: 130px;
}
.w-model .ant-modal-header {
  padding: 0;
}
.w-model .ant-modal-title > div {
  padding: 13px 16px;
}
.withdraw-result {
  text-align: center;
  padding: 88px 20px 64px;
  width: 1200px;
  margin: 40px auto;
  background: #fff;
  position: relative;
}
.withdraw-result .icon {
  display: block;
  margin: 0 auto;
}
.withdraw-result h2 {
  font-size: 24px;
  color: #333333;
  padding: 60px 0;
}
.withdraw-result .info {
  font-size: 14px;
  color: #333333;
}
.withdraw-result .info em {
  color: #108ee9;
}
.withdraw-result > p {
  font-size: 14px;
  color: #999999;
  padding-top: 10px;
}
.withdraw-result .btn-box2,
.withdraw-result .btn-box {
  width: 400px;
  margin: 50px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.withdraw-result .btn-box2 button,
.withdraw-result .btn-box button {
  width: 160px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #108ee9;
  background-color: #fff;
  color: #108ee9;
}
.withdraw-result .btn-box2 button.active,
.withdraw-result .btn-box button.active {
  background-color: #108ee9;
  color: #fff;
}
.withdraw-result .btn-box2 {
  justify-content: center;
}
.withdraw-result .withdraw-loading {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.withdraw-result .withdraw-loading.hide {
  display: none;
}
.withdraw-result.hide {
  display: none;
}

.Mt-newsContentBox {
  padding-top: 60px;
  width: 100%;
}
.Mt-newsContentBox p {
  max-width: 722px !important;
}
.Mt-newsContentBox .banner {
  width: 100%;
  height: 380px;
}
.Mt-newsContentBox .banner img {
  width: 100%;
  height: 380px;
}
.Mt-newsContentBox .wrap {
  margin: 58px 0 50px 0 !important;
}
.Mt-newsContentBox .left {
  background: #fff;
  padding: 15px 10px;
}
.Mt-newsContentBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.Mt-newsContentBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.Mt-newsContentBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.Mt-newsContentBox .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.Mt-newsContentBox .right {
  margin-left: 15px;
}
.Mt-newsContentBox .conttais {
  font-size: 14px;
  line-height: 30px;
  width: 722px;
  word-break: break-all;
}
.Mt-newsContentBox #jieshao {
  padding-left: 15px;
}
.Mt-newsContentBox .mt-contwrap {
  float: left;
  width: 802px !important;
  background: #fff;
  padding: 20px 40px 100px 40px;
}
.Mt-newsContentBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.Mt-newsContentBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}
.Mt-newsContentBox .right {
  float: left;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
  margin-top: 58px;
  margin-bottom: 50px;
}
.Mt-newsContentBox .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.Mt-newsContentBox .right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.Mt-newsContentBox .right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  font-size: 16px;
  cursor: pointer;
}
.Mt-newsContentBox .right .content .contentItem .left-line {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.Mt-newsContentBox .right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
}
.Mt-newsContentBox .right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.Mt-newsContentBox .right .content .active .middle,
.Mt-newsContentBox .right .content .active .newRight {
  color: #3366ff;
}
.Mt-newsContentBox .right .content .active .left-line {
  background: #3366ff;
}

.newsContentBox {
  padding-top: 60px;
  width: 100%;
}
.newsContentBox p {
  max-width: 722px !important;
}
.newsContentBox .banner {
  width: 100%;
  height: 380px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/banner1.png") no-repeat center;
  background-size: 100% 100%;
}
.newsContentBox .wrap {
  margin: 58px 0 50px 0 !important;
}
.newsContentBox .left {
  background: #fff;
  padding: 15px 10px;
}
.newsContentBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.newsContentBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.newsContentBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.newsContentBox .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.newsContentBox .right {
  margin-left: 15px;
}
.newsContentBox .conttais {
  font-size: 14px;
  line-height: 30px;
  width: 722px;
  word-break: break-all;
}
.newsContentBox #jieshao {
  padding-left: 15px;
}
.newsContentBox .contwrap {
  float: left;
  width: 802px !important;
  background: #fff;
  padding: 20px 40px 100px 40px;
}
.newsContentBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.newsContentBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}
.newsContentBox .right {
  float: left;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
  margin-top: 58px;
  margin-bottom: 50px;
}
.newsContentBox .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.newsContentBox .right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.newsContentBox .right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  font-size: 16px;
  cursor: pointer;
}
.newsContentBox .right .content .contentItem .left-line {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.newsContentBox .right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
}
.newsContentBox .right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.newsContentBox .right .content .active .middle,
.newsContentBox .right .content .active .newRight {
  color: #3366ff;
}
.newsContentBox .right .content .active .left-line {
  background: #3366ff;
}

.Eng-newsContentBox {
  padding-top: 60px;
  width: 100%;
}
.Eng-newsContentBox p {
  max-width: 722px !important;
}
.Eng-newsContentBox .banner {
  width: 100%;
  height: 380px;
}
.Eng-newsContentBox .banner img {
  width: 100%;
  height: 380px;
}
.Eng-newsContentBox .wrap {
  margin: 58px 0 50px 0 !important;
}
.Eng-newsContentBox .left {
  background: #fff;
  padding: 15px 10px;
}
.Eng-newsContentBox .wrap .title {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}
.Eng-newsContentBox .wrap .title .time {
  font-size: 12px;
  color: #ddd;
  padding-bottom: 10px;
}
.Eng-newsContentBox .rowTitle {
  font-size: 16px;
  padding: 10px 0;
}
.Eng-newsContentBox .row {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.Eng-newsContentBox .right {
  margin-left: 15px;
}
.Eng-newsContentBox .conttais {
  font-size: 14px;
  line-height: 30px;
  width: 722px;
  word-break: break-all;
}
.Eng-newsContentBox #jieshao {
  padding-left: 15px;
}
.Eng-newsContentBox .Eng-contwrap {
  float: left;
  width: 802px !important;
  background: #fff;
  padding: 20px 40px 100px 40px;
}
.Eng-newsContentBox .contTitle {
  font-weight: bold;
  font-size: 18px;
}
.Eng-newsContentBox .newsImg {
  width: 250px;
  height: 150px;
  display: block;
}
.Eng-newsContentBox .right {
  float: left;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
  margin-top: 58px;
  margin-bottom: 50px;
}
.Eng-newsContentBox .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.Eng-newsContentBox .right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.Eng-newsContentBox .right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  font-size: 16px;
  cursor: pointer;
}
.Eng-newsContentBox .right .content .contentItem .left-line {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.Eng-newsContentBox .right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
}
.Eng-newsContentBox .right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.Eng-newsContentBox .right .content .active .middle,
.Eng-newsContentBox .right .content .active .newRight {
  color: #3366ff;
}
.Eng-newsContentBox .right .content .active .left-line {
  background: #3366ff;
}

.Eng-industryListBox {
  padding-top: 60px;
}
.Eng-industryListBox .eng-banner {
  width: 100%;
  height: 380px;
}
.Eng-industryListBox .eng-banner img {
  width: 100%;
  height: 380px;
}
.Eng-industryListBox .eng-wrap {
  margin: 0 auto 50px;
  padding-top: 58px;
  overflow: hidden;
}
.Eng-industryListBox .eng-wrap .eng-left {
  float: left;
  width: 840px;
}
.Eng-industryListBox .eng-wrap .eng-left .leftBox {
  overflow: hidden;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox {
  float: left;
  width: 50%;
  height: 325px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .newsImg {
  width: 400px;
  height: 230px;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .rowTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
  margin: 17px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .foot {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #707070;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .foot .time {
  float: left;
}
.Eng-industryListBox .eng-wrap .eng-left .itemBox .foot .source {
  float: right;
}
.Eng-industryListBox .eng-wrap .eng-left .pagesCon {
  text-align: center;
  margin: 30px 0;
}
.Eng-industryListBox .eng-wrap .eng-right {
  float: right;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.Eng-industryListBox .eng-wrap .eng-right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.Eng-industryListBox .eng-wrap .eng-right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  cursor: pointer;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem .newLeft {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Eng-industryListBox .eng-wrap .eng-right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.Eng-industryListBox .eng-wrap .eng-right .content .active .middle,
.Eng-industryListBox .eng-wrap .eng-right .content .active .newRight {
  color: #3366ff;
}
.Eng-industryListBox .eng-wrap .eng-right .content .active .newLeft {
  background: #3366ff;
}

.Mt-industryListBox {
  padding-top: 60px;
}
.Mt-industryListBox .mt-banner {
  width: 100%;
  height: 380px;
}
.Mt-industryListBox .mt-banner img {
  width: 100%;
  height: 380px;
}
.Mt-industryListBox .mt-wrap {
  margin: 0 auto 50px;
  padding-top: 58px;
  overflow: hidden;
}
.Mt-industryListBox .mt-wrap .mt-left {
  float: left;
  width: 840px;
}
.Mt-industryListBox .mt-wrap .mt-left .leftBox {
  overflow: hidden;
}
.Mt-industryListBox .mt-wrap .mt-left .itemBox {
  float: left;
  width: 50%;
  height: 325px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.Mt-industryListBox .mt-wrap .mt-left .itemBox .newsImg {
  width: 400px;
  height: 230px;
}
.Mt-industryListBox .mt-wrap .mt-left .itemBox .rowTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
  margin: 17px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Mt-industryListBox .mt-wrap .mt-left .itemBox .foot {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #707070;
}
.Mt-industryListBox .mt-wrap .mt-left .itemBox .foot .time {
  float: left;
}
.Mt-industryListBox .mt-wrap .mt-left .itemBox .foot .source {
  float: right;
}
.Mt-industryListBox .mt-wrap .mt-left .pagesCon {
  text-align: center;
  margin: 30px 0;
}
.Mt-industryListBox .mt-wrap .mt-right {
  float: right;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.Mt-industryListBox .mt-wrap .mt-right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.Mt-industryListBox .mt-wrap .mt-right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.Mt-industryListBox .mt-wrap .mt-right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  cursor: pointer;
}
.Mt-industryListBox .mt-wrap .mt-right .content .contentItem .newLeft {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.Mt-industryListBox .mt-wrap .mt-right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Mt-industryListBox .mt-wrap .mt-right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.Mt-industryListBox .mt-wrap .mt-right .content .active .middle,
.Mt-industryListBox .mt-wrap .mt-right .content .active .newRight {
  color: #3366ff;
}
.Mt-industryListBox .mt-wrap .mt-right .content .active .newLeft {
  background: #3366ff;
}

.examineProduct {
  width: 100%;
  padding-top: 60px;
  box-sizing: border-box;
  padding-bottom: 60px;
  background: #eef2f8;
}
.examineProduct .topBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 0;
}
.examineProduct .topBox .titleBox {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #666666;
}
.examineProduct .topBox .companyContent {
  width: 100%;
}
.examineProduct .topBox .companyContent .left {
  float: left;
  width: 140px;
  height: 84px;
}
.examineProduct .topBox .companyContent .left img {
  width: 100%;
  height: 100%;
}
.examineProduct .topBox .companyContent .right {
  float: right;
  width: 1030px;
}
.examineProduct .topBox .companyContent .right .top {
  width: 100%;
}
.examineProduct .topBox .companyContent .right .top .companyName {
  float: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
}
.examineProduct .topBox .companyContent .right .top .img {
  float: right;
}
.examineProduct .topBox .companyContent .right .top .img img,
.examineProduct .topBox .companyContent .right .top .img p {
  float: left;
}
.examineProduct .topBox .companyContent .right .top .img p {
  margin-left: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  color: #999999;
}
.examineProduct .topBox .companyContent .right .bot {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  text-align: justify;
  color: #666666;
}
.examineProduct .navBox {
  width: 100%;
  background: #fff;
}
.examineProduct .navBox .top {
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-bottom: 1px solid #e3e3e3;
}
.examineProduct .navBox .top ul {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 422px;
}
.examineProduct .navBox .top ul li {
  float: left;
  margin-right: 81px;
  font-size: 16px;
  font-weight: 900;
  color: #333333;
  cursor: pointer;
}
.examineProduct .navBox .top ul li:last-child {
  margin-right: 0;
}
.examineProduct .navBox .top ul .active {
  line-height: 55px;
  border-bottom: 3px solid #fe6d20;
}
.examineProduct .navBox .bot {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 16px 0 30px;
}
.examineProduct .navBox .bot .chooseClass {
  width: 100%;
  height: auto;
  line-height: 48px;
  border: 1px solid #e3e3e3;
}
.examineProduct .navBox .bot .chooseClass .title,
.examineProduct .navBox .bot .chooseClass .classDetail {
  float: left;
}
.examineProduct .navBox .bot .chooseClass .title {
  width: 167px;
  text-align: center;
}
.examineProduct .navBox .bot .chooseClass .classDetail {
  width: 1000px;
  height: auto;
  box-sizing: border-box;
  padding: 13px 0 13px 29px;
  border-left: 1px solid #e3e3e3;
}
.examineProduct .navBox .bot .chooseClass .classDetail li {
  float: left;
  box-sizing: border-box;
  padding: 0 12px;
  max-width: 108px;
  height: 22px;
  line-height: 22px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: #f1f5f7;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineProduct .navBox .bot .chooseClass .classDetail .active {
  background-color: #fff6f1;
}
.examineProduct .navBox .bot .chooseClass .classDetail .tag {
  width: 72px;
  text-align: center;
  background: #fff;
  border: 1px solid #e3e3e3;
}
.examineProduct .navBox .bot .searchBox {
  width: 100%;
  height: 40px;
  margin-top: 26px;
  box-sizing: border-box;
  padding: 6px 21px;
  background-color: #f2f4f5;
}
.examineProduct .navBox .bot .searchBox .ant-input {
  border-radius: 0;
}
.examineProduct .navBox .bot .searchBox .ant-btn {
  border-radius: 0;
}
.examineProduct .detailBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 0 0;
}
.examineProduct .detailBox .box {
  float: left;
  width: 224px;
  height: 284px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  cursor: pointer;
}
.examineProduct .detailBox .box .top {
  width: 100%;
  height: 154px;
}
.examineProduct .detailBox .box .top img {
  width: 100%;
  height: 100%;
}
.examineProduct .detailBox .box .bot {
  width: 100%;
  box-sizing: border-box;
  padding: 21px 10px 22px;
}
.examineProduct .detailBox .box .bot .num .price {
  float: left;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33;
  color: #fc9153;
}
.examineProduct .detailBox .box .bot .num .price .unit {
  font-size: 12px;
  line-height: 2;
  color: #666666;
}
.examineProduct .detailBox .box .bot .num .contact {
  float: right;
  padding-top: 4px;
}
.examineProduct .detailBox .box .bot .num .contact img,
.examineProduct .detailBox .box .bot .num .contact a {
  float: left;
}
.examineProduct .detailBox .box .bot .num .contact a {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #fc9153;
}
.examineProduct .detailBox .box .bot .line {
  width: 204px;
  height: 1px;
  margin: 16px 0;
  background-color: #ededed;
}
.examineProduct .detailBox .box .bot .desc {
  width: 204px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineProduct .detailBox .box .bot .company {
  width: 204px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineProduct .detailBox .box:nth-child(5n) {
  margin-right: 0;
}
.examineProduct .pagination {
  width: 1200px;
  margin: 52px auto 0;
}

.industryListBox {
  padding-top: 60px;
}
.industryListBox .banner {
  width: 100%;
  height: 380px;
  background: url("https://360humi-public-obs.360humi.com/sch/machine/banner1.png") no-repeat center;
  background-size: 100% 100%;
}
.industryListBox .wrap {
  margin: 0 auto 50px;
  padding-top: 58px;
  overflow: hidden;
}
.industryListBox .wrap .left {
  float: left;
  width: 840px;
}
.industryListBox .wrap .left .leftBox {
  overflow: hidden;
}
.industryListBox .wrap .left .itemBox {
  float: left;
  width: 50%;
  height: 325px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.industryListBox .wrap .left .itemBox .newsImg {
  width: 400px;
  height: 230px;
}
.industryListBox .wrap .left .itemBox .rowTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
  margin: 17px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.industryListBox .wrap .left .itemBox .foot {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #707070;
}
.industryListBox .wrap .left .itemBox .foot .time {
  float: left;
}
.industryListBox .wrap .left .itemBox .foot .source {
  float: right;
}
.industryListBox .wrap .left .pagesCon {
  text-align: center;
  margin: 30px 0;
}
.industryListBox .wrap .right {
  float: right;
  width: 312px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px 16px 0;
}
.industryListBox .wrap .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  margin-bottom: 19px;
}
.industryListBox .wrap .right .line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.industryListBox .wrap .right .content .contentItem {
  overflow: hidden;
  margin-bottom: 23px;
  cursor: pointer;
}
.industryListBox .wrap .right .content .contentItem .newLeft {
  float: left;
  width: 3px;
  height: 18px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.industryListBox .wrap .right .content .contentItem .middle {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.industryListBox .wrap .right .content .contentItem .newRight {
  float: right;
  color: #333333;
}
.industryListBox .wrap .right .content .active .middle,
.industryListBox .wrap .right .content .active .newRight {
  color: #3366ff;
}
.industryListBox .wrap .right .content .active .newLeft {
  background: #3366ff;
}

#homeBox {
  overflow: hidden;
}
#homeBox .navitem1 {
  padding: 0 0.18rem !important;
}
#homeBox .common-hover-transition {
  transition: all ease-in-out 0.7s;
}
#homeBox .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
#homeBox .clear {
  clear: both;
}
#homeBox .fl {
  float: left;
}
#homeBox .fr {
  float: right;
}
#homeBox .btn-active {
  background: #3366ff !important;
  color: #ffffff !important;
}
#homeBox .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
}
#homeBox .swiper-container-father,
#homeBox .swiper-container-son {
  position: relative;
  height: 100%;
  width: 100%;
}
#homeBox .swiper-container-father .search-content,
#homeBox .swiper-container-son .search-content {
  position: absolute;
  left: 2.7rem;
  width: 7rem;
  top: 2.51rem;
}
#homeBox .swiper-container-father .search-content .banner1-title,
#homeBox .swiper-container-son .search-content .banner1-title {
  font-size: 0.5rem;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
}
#homeBox .swiper-container-father .search-content .banner1-subtitle,
#homeBox .swiper-container-son .search-content .banner1-subtitle {
  margin-top: 0.23rem;
  opacity: 0.6;
  font-size: 0.18rem;
  font-weight: 500;
  color: #ffffff;
}
#homeBox .swiper-container-father .search-content .search-box,
#homeBox .swiper-container-son .search-content .search-box {
  margin: 0.62rem 0 1.68rem;
  width: 6rem;
  position: relative;
  transition: all ease-in-out 0.3s;
}
#homeBox .swiper-container-father .search-content .search-box #postDemand,
#homeBox .swiper-container-son .search-content .search-box #postDemand {
  height: 0.56rem;
  line-height: 0.56rem;
  margin-top: 0.8rem;
  text-align: center;
  width: 1.48rem;
  font-size: 0.16rem;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  background: #3366ff;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
#homeBox .swiper-container-father .search-content .search-box #postDemand:hover,
#homeBox .swiper-container-son .search-content .search-box #postDemand:hover {
  color: #ffffff;
  background: #1B4FEB;
}
#homeBox .swiper-container-father .search-content .search-box .postDemandIcon,
#homeBox .swiper-container-son .search-content .search-box .postDemandIcon {
  width: 0.2rem;
  height: 0.16rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
#homeBox .swiper-container-father .search-content .search-box .postDemandIcon:hover,
#homeBox .swiper-container-son .search-content .search-box .postDemandIcon:hover {
  color: #ffffff;
}
#homeBox .swiper-container-father .search-content .search-box #swiper-pagination-son,
#homeBox .swiper-container-son .search-content .search-box #swiper-pagination-son {
  position: absolute;
  left: 0;
  top: 2.88rem;
  width: auto;
  z-index: 1;
}
#homeBox .swiper-container-father .search-content .search-box #swiper-pagination-son .swiper-pagination-bullet,
#homeBox .swiper-container-son .search-content .search-box #swiper-pagination-son .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.08rem;
  border-radius: 0;
  background: #3c3d48;
  margin: 0;
  position: relative;
  opacity: 0.6;
  transition: all ease-in-out 0.3s;
  margin-right: 0.2rem;
}
#homeBox .swiper-container-father .search-content .search-box #swiper-pagination-son .swiper-pagination-bullet:hover,
#homeBox .swiper-container-son .search-content .search-box #swiper-pagination-son .swiper-pagination-bullet:hover {
  opacity: 1;
}
#homeBox .swiper-container-father .search-content .search-box #swiper-pagination-son .swiper-pagination-bullet.swiper-pagination-bullet-active,
#homeBox .swiper-container-son .search-content .search-box #swiper-pagination-son .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.6rem;
  height: 0.08rem;
  border-radius: 0;
  background: #3366ff;
  margin: 0;
  position: relative;
  opacity: 1;
  margin-right: 0.2rem;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content:hover .ant-input-group-addon,
#homeBox .swiper-container-son .search-content .search-box .search-box-content:hover .ant-input-group-addon {
  background: #1b4feb !important;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content:hover .search_input,
#homeBox .swiper-container-son .search-content .search-box .search-box-content:hover .search_input {
  background: #404040 !important;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_input,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_input {
  height: 0.64rem;
  background: #313131;
  border: 1px solid transparent;
  padding-left: 0.22rem;
  opacity: 0.6;
  font-size: 0.16rem;
  font-weight: 500;
  color: #ffffff;
  border-radius: 0;
  transition: all ease-in-out 0.3s;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_input .search_icon img,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_input .search_icon img {
  width: 0.3rem;
  height: 0.3rem;
  background: #ffffff;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_input:focus,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_input:focus {
  border-color: rgba(51, 102, 255, 0.6);
  outline: 0;
  box-shadow: 0 0 2px 0 rgba(51, 102, 255, 0.1) !important;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .ant-input-group-addon,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .ant-input-group-addon {
  cursor: pointer;
  width: 1.08rem;
  height: 0.64rem;
  background: #3366ff !important;
  border: 1px solid transparent;
  border-radius: 0;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .select_box,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .select_box {
  text-align: left;
  border-radius: 0;
  opacity: 1;
  color: #313131;
  width: 6rem;
  position: relative;
  z-index: 2;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .select_box .select_item,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .select_box .select_item {
  cursor: pointer;
  background: #fff;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-left: 0.22rem;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .select_box .select_item:hover,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .select_box .select_item:hover {
  background: #3366ff;
  color: #ffffff;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_hot,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_hot {
  position: absolute;
  top: 0.6rem;
  left: 0;
  margin-top: 0.2rem;
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_hot span,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_hot span {
  padding-right: 0.2rem;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_hot span a,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_hot span a {
  color: #ffffff;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_hot span:first-child,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_hot span:first-child {
  color: #ffffff;
}
#homeBox .swiper-container-father .search-content .search-box .search-box-content .search_hot .hot_img,
#homeBox .swiper-container-son .search-content .search-box .search-box-content .search_hot .hot_img {
  padding-right: 0.24rem;
  margin-left: -0.1rem;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/smartSearchComp/hot.png") no-repeat;
}
#homeBox .swiper-container-father .material-content,
#homeBox .swiper-container-son .material-content {
  width: 10rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 0;
}
@keyframes bannerMove2 {
  0% {
    transform: translate(0, 10px);
  }
  25% {
    transform: translate(0, -10px);
  }
  50% {
    transform: translate(0, 10px);
  }
  75% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 10px);
  }
}
#homeBox .swiper-container-father .material-content .bannerImg2,
#homeBox .swiper-container-son .material-content .bannerImg2 {
  width: 10rem;
  height: 10rem;
  cursor: pointer;
  animation: bannerMove2 8s cubic-bezier(0.56, 0, 0.48, 1) infinite;
}
#homeBox .swiper-container-father .banner-bg,
#homeBox .swiper-container-son .banner-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
#homeBox .swiper-container {
  height: 100%;
  width: 100%;
}
#homeBox .swiper-container .swiper-slide {
  margin: 0 auto;
}
#homeBox #bigContent1 {
  padding-top: 0.64rem;
}
#homeBox .fadeInUp3_1 {
  transform: translateY(-0.6rem);
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s 0.6s;
  opacity: 1 !important;
  top: 0.67rem;
}
#homeBox .fadeInUp3_2 {
  transform: translateY(-0.6rem);
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s 0.8s;
  opacity: 1 !important;
}
#homeBox .fadeInUp4_1 {
  transform: translateY(-0.45rem);
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.66s 0.3s;
  opacity: 1 !important;
}
#homeBox .fadeInUp4_2 {
  transform: translateY(-0.45rem);
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.66s 0.8s;
  opacity: 1 !important;
}
#homeBox .swiper-slide-father {
  display: flex;
  align-items: center;
  font-size: 0.21rem;
  background-color: #17181A;
  text-align: left !important;
  box-sizing: border-box !important;
}
#homeBox .swiper-slide-father .main-product {
  max-width: 19.2rem;
  padding-top: 0.64rem;
  padding-left: 0.9rem;
}
#homeBox .swiper-slide-father .main-product .title {
  font-size: 0.32rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .main-product .subtitle {
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
}
#homeBox .swiper-slide-father .main-product .contents {
  margin-top: 1.27rem;
  position: relative;
  padding-left: 0.66rem;
}
#homeBox .swiper-slide-father .main-product .contents .content {
  width: 2.42rem;
  height: 2.7rem;
  margin-right: 1rem;
  margin-bottom: 0.71rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  opacity: 0;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti {
  width: 2.42rem;
  height: 2.7rem;
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/03%E5%BF%BD%E7%B1%B3%E6%A0%B8%E5%BF%83%E4%BA%A7%E5%93%81/%E5%BD%A2%E7%8A%B61.png");
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.33s;
  background-size: cover;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti:hover {
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/03%E5%BF%BD%E7%B1%B3%E6%A0%B8%E5%BF%83%E4%BA%A7%E5%93%81/%E7%BB%84%2035.png");
  transform: translateY(-0.2rem);
}
#homeBox .swiper-slide-father .main-product .contents .content .muti:hover .iconimg {
  opacity: 1;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti:hover .arrow {
  transform: translateY(-0.3rem);
  opacity: 1;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti .title {
  font-size: 0.2rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 0.29rem;
  margin-bottom: 0.19rem;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti .subtitle {
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti .iconimg {
  margin-top: 0.61rem;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 0.6;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#homeBox .swiper-slide-father .main-product .contents .content .muti .arrow {
  margin-top: 0.44rem;
  width: 0.29rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.33s;
}
#homeBox .swiper-slide-father .service-trading {
  max-width: 19.2rem;
  padding-left: 0.9rem;
  padding-top: 0.64rem;
}
#homeBox .swiper-slide-father .service-trading .title {
  font-size: 0.32rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .subtitle {
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents {
  margin-top: 0.43rem;
}
#homeBox .swiper-slide-father .service-trading .contents .part1,
#homeBox .swiper-slide-father .service-trading .contents .part2 {
  position: relative;
  top: 0.45rem;
  opacity: 0;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-ink-bar {
  height: 0.04rem !important;
  background: #0765f5;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active .img,
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active .icon-content {
  opacity: 1 !important;
  color: #3366FF !important;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  margin-bottom: 0.16rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:hover span .img,
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:hover span .icon-content {
  opacity: 1;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab span {
  font-size: 0.16rem;
  font-weight: 500;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab span .img,
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab span .icon-content {
  color: #ffffff;
  opacity: 0.6;
  transition: opacity ease-in 0.3s;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab span .img {
  margin-right: 0.11rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content {
  display: flex;
  justify-content: space-between;
  position: relative;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .logoImg1,
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .logoImg2,
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .logoImg3 {
  width: 6rem;
  height: 6rem;
  margin-top: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .logoImg1 {
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/04%20%E5%BF%BD%E7%B1%B3%E5%B7%A5%E4%B8%9A%E6%9C%8D%E5%8A%A1%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0/%E5%9B%BE%E4%B8%80.png");
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .logoImg2 {
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/04%20%E5%BF%BD%E7%B1%B3%E5%B7%A5%E4%B8%9A%E6%9C%8D%E5%8A%A1%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0/%E5%9B%BE%E4%BA%8C.png");
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .logoImg3 {
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/04%20%E5%BF%BD%E7%B1%B3%E5%B7%A5%E4%B8%9A%E6%9C%8D%E5%8A%A1%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0/%E5%9B%BE%E4%B8%89.png");
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product {
  width: 6.29rem;
  margin-top: 0.8rem;
  margin-right: 0.65rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .title {
  font-size: 0.2rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns {
  margin-top: 0.39rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns .btn {
  text-align: center;
  display: inline-block;
  padding: 0.1rem 0.18rem;
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.6);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  margin-right: 0.2rem;
  transition: all ease-in-out 0.33s;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns .btn:nth-last-child(1) {
  margin-right: 0;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns .btn:hover {
  color: #ffffff;
  background: #3366ff;
  border: 1px solid transparent;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns-more {
  margin-top: 0.5rem;
  opacity: 0.7;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  transition: all ease-in-out 0.33s;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns-more:hover {
  color: #3366FF !important;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .btns-more .more {
  font-size: 0.14rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists {
  margin-top: 0.4rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list {
  position: relative;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item {
  height: 0.57rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item .product-content-list-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #17181A;
  transition: all ease-in-out 0.33s;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item .product-content-list-wrap:hover {
  background-color: #26272a !important;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item .product-content-list-wrap .product-list-icon {
  margin-right: 0.07rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item .product-content-list-wrap .product-list-title {
  width: 2.92rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item .product-content-list-wrap .product-list-days {
  font-size: 0.14rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .product .productLists .product-content-list .product-content-list-item .product-content-list-wrap .product-list-btn {
  margin-right: 0.2rem;
  font-size: 0.14rem;
  font-weight: 400;
  text-align: left;
  color: #3366ff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case {
  width: 4.52rem;
  margin-top: 0.8rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .title {
  font-size: 0.2rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns {
  margin-top: 0.39rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns .btn {
  text-align: center;
  display: inline-block;
  padding: 0.1rem 0.18rem;
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.6);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  margin-right: 0.2rem;
  transition: all ease-in-out 0.33s;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns .btn:nth-last-child(1) {
  margin-right: 0;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns .btn:hover {
  color: #ffffff;
  background: #3366ff;
  border: 1px solid transparent;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns-more {
  margin-top: 0.5rem;
  opacity: 0.7;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  transition: all ease-in-out 0.33s;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns-more:hover {
  color: #3366FF !important;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .btns-more .more {
  font-size: 0.14rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists {
  margin-top: 0.59rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list {
  position: relative;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item {
  float: left;
  margin-right: 0.21rem;
  position: relative;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item:nth-child(2n) {
  margin-right: 0;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item:hover .case-item-div {
  overflow: hidden;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item:hover .case-item-div .case-item-image {
  transform: scale(1.1);
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item:hover .case-item-name {
  color: #3366FF;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item .case-item-div {
  position: relative;
  overflow: hidden;
  height: 1.46rem;
  width: 2.15rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item .case-item-div .case-item-image {
  transition: all 0.33s ease-in-out;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 1.46rem;
  width: 100%;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .case .caseLists .case-content-list .case-content-list-item .case-item-name {
  margin-top: 0.2rem;
  margin-bottom: 0.31rem;
  opacity: 0.85;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.33s ease-in-out;
  width: 2.15rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new {
  margin-top: 0.8rem;
  margin-right: 0.65rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .title {
  font-size: 0.2rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .btns-more {
  margin-top: 0.04rem;
  opacity: 0.7;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  transition: all ease-in-out 0.33s;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .btns-more:hover {
  color: #3366FF !important;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .btns-more .more {
  font-size: 0.14rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists {
  margin-top: 0.59rem;
  display: flex;
  justify-content: space-between;
  width: 6.16rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists .ids-content-list-item {
  float: left;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists .ids-content-list-item:hover .ids-item-div .ids-item-image {
  opacity: 1;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists .ids-content-list-item:hover .ids-item-name {
  color: #3366FF;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists .ids-content-list-item .ids-item-div {
  height: 0.9rem;
  width: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists .ids-content-list-item .ids-item-div .ids-item-image {
  height: 0.33rem;
  opacity: 0.6;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 0.33s ease-in-out;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .idsLists .ids-content-list-item .ids-item-name {
  text-align: center;
  margin-top: 0.2rem;
  margin-bottom: 0.41rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.33s ease-in-out;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .brandLists {
  margin-top: 0.59rem;
  width: 6.16rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .brandLists .brand-content-list-item {
  float: left;
  cursor: pointer;
  width: 1.88rem;
  margin-right: 0.26rem;
  margin-bottom: 0.2rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .brandLists .brand-content-list-item:nth-child(3n) {
  margin-right: 0;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .brandLists .brand-content-list-item:hover .brand-item-div .brand-item-image {
  opacity: 1;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .brandLists .brand-content-list-item .brand-item-div {
  width: 1.88rem;
  height: 0.79rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .brandLists .brand-content-list-item .brand-item-div .brand-item-image {
  opacity: 0.6;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 0.33s ease-in-out;
  width: 100%;
  height: 100%;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .industry_new .margin40 {
  margin-top: 0.4rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase {
  margin-top: 0.8rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .title {
  font-size: 0.2rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists {
  margin-top: 0.59rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list {
  position: relative;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item {
  margin-bottom: 0.21rem;
  position: relative;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item:hover .purchase-item-div {
  overflow: hidden;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item:hover .purchase-item-div .purchase-item-image {
  transform: scale(1.1);
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item:hover .purchase-item-div .arrow1 {
  transform: translate(0.36rem, 0px);
  opacity: 1 !important;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item .purchase-item-div {
  position: relative;
  overflow: hidden;
  width: 4.51rem;
  height: 1.09rem;
  background: #202022;
  border: 1px solid #2d2d2e;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item .purchase-item-div .purchase-item-image {
  transition: all 0.4s ease-in-out;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item .purchase-item-div .purchase-item-name {
  position: absolute;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item .purchase-item-div .purchase-item-name .arrow1-name {
  font-size: 0.16rem;
  font-weight: 500;
  color: #ffffff;
  vertical-align: middle;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .purchase .purchaseLists .purchase-content-list .purchase-content-list-item .purchase-item-div .purchase-item-name .arrow1 {
  position: relative;
  right: 0.3rem;
  width: 0.29rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
  opacity: 0;
  transition: all ease-in-out 0.4s;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm {
  margin-top: 0.8rem;
  margin-right: 0.37rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .title {
  font-size: 0.2rem;
  font-weight: 700;
  color: #ffffff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists {
  margin-top: 0.59rem;
  width: 4.8rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists .dm-content-list-item {
  margin-right: 0.51rem;
  float: left;
  cursor: pointer;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists .dm-content-list-item.active .dm-item-name {
  color: #3366FF;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists .dm-content-list-item:hover .dm-item-name {
  color: #3366FF;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists .dm-content-list-item .dm-item-div {
  height: 0.8rem;
  width: 0.8rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists .dm-content-list-item .dm-item-div .dm-item-image {
  height: 0.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmLists .dm-content-list-item .dm-item-name {
  text-align: center;
  margin-top: 0.2rem;
  margin-bottom: 0.41rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .douhao {
  width: 0.44rem;
  height: 0.35rem;
  margin-top: 0.18rem;
  background: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/04%20%E5%BF%BD%E7%B1%B3%E5%B7%A5%E4%B8%9A%E6%9C%8D%E5%8A%A1%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0/%E2%80%9C.png") no-repeat center center;
  background-size: cover;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .dmcontent {
  width: 5.2rem;
  height: 0.46rem;
  opacity: 0.7;
  font-size: 0.18rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.3rem;
  margin-top: 0.24rem;
  margin-bottom: 0.41rem;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .dm .btn {
  width: 1.16rem;
  text-align: center;
  padding: 0.12rem 0.24rem;
  font-size: 0.14rem;
  color: #ffffff;
  cursor: pointer;
  background: #3366ff;
}
#homeBox .swiper-slide-father .service-trading .contents .ant-tabs-content .phone img {
  margin-top: 1.15rem;
  height: 5.14rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0;
}
#homeBox .banner1-slide {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.83rem;
  height: 0.13rem;
  font-size: 0.13rem;
  font-weight: 500;
  color: #ffffff;
  z-index: 3;
}
@keyframes mymovefirst {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
#homeBox .banner1-slide .banner1-img-slide {
  height: 0.26rem;
  opacity: 0.8;
  animation: mymovefirst 1.5s ease-in-out infinite;
}
#homeBox .banner1-slide .mouse-content {
  opacity: 0.6;
  font-size: 0.13rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 0.18rem;
}
#homeBox #swiper-pagination-father .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.3rem;
  display: block;
  border-radius: 0;
  opacity: 1;
  background: none;
  margin: 0;
}
#homeBox #swiper-pagination-father .swiper-pagination-bullet:before {
  content: "";
  display: inline-block;
  position: relative;
  bottom: 0.04rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 0.03rem;
  background-color: white;
  opacity: 0.6;
}
#homeBox .swiper-container-vertical > .swiper-pagination-bullets {
  right: 0.4rem !important;
}
#homeBox #swiper-pagination-father .swiper-pagination-bullet-active {
  background: none;
}
#homeBox #swiper-pagination-father .swiper-pagination-bullet-active:before {
  content: "";
  display: inline-block;
  position: relative;
  bottom: 0;
  left: 0;
  border: 0.03rem solid #ffffff;
  border-radius: 50%;
  background-color: black;
  opacity: 1;
  width: 0.06rem;
  height: 0.06rem;
  box-sizing: unset;
}

#homeBox .fl {
  float: left;
}
#homeBox .clear {
  clear: both;
  height: 0;
}
#homeBox .publicBox {
  margin: 0 auto;
  width: 17.4rem;
}
#homeBox .publicBox .public-tit {
  font-size: 0.32rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  text-align-last: left;
}
#homeBox .publicBox .public-en {
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-align-last: left;
}
#homeBox .internet-en {
  height: 100%;
  margin: 1.99rem 0.22rem 0 0.9rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  writing-mode: tb-rl;
  text-align: left;
}
#homeBox .internet-tit {
  height: 100%;
  margin-top: 1.99rem;
  font-size: 0.32rem;
  font-weight: 700;
  color: #ffffff;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  writing-mode: tb-rl;
  text-align: left;
}
#homeBox #about-us {
  padding-top: 0.64rem;
}
#homeBox #about-us .partner {
  margin-top: 0.8rem;
  box-sizing: border-box;
  width: 14.4rem;
  margin-left: 1.5rem;
  position: relative;
  margin-bottom: 1.07rem;
}
#homeBox #about-us .partner .swiper-container {
  width: 13.32rem;
  height: 0.5rem;
  position: initial;
}
#homeBox #about-us .partner .swiper-container .swiper-wrapper .swiper-slide {
  width: 2.238rem !important;
}
#homeBox #about-us .partner .swiper-container .swiper-wrapper .pic {
  display: inline-block;
  height: 0.5rem;
  width: 2.05rem;
  line-height: 0.5rem;
  opacity: 0.6;
  transition: all ease-in-out 0.33s;
}
#homeBox #about-us .partner .swiper-container .swiper-wrapper .pic:hover {
  opacity: 1;
}
#homeBox #about-us .partner .swiper-container .swiper-wrapper .sort-line {
  margin-top: 0.15rem;
  width: 1px;
  height: 0.24rem;
  background: rgba(255, 255, 255, 0.1);
}
#homeBox #about-us .partner .swiper-container .swiper-partner-btn {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-size: 0.08rem 0.15rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease-in-out 0.33s;
  opacity: 0.8;
}
#homeBox #about-us .partner .swiper-container .swiper-partner-btn:hover {
  background-color: #3366ff;
  opacity: 1;
}
#homeBox #about-us .line {
  margin-left: 1.5rem;
  width: 14.4rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}
#homeBox #about-us .business {
  height: 3.3rem;
  margin-left: 1.5rem;
}
#homeBox #about-us .business .leftbox {
  margin-top: 1.17rem;
  width: 3.84rem;
}
#homeBox #about-us .business .leftbox .more {
  transition: all ease-in-out 0.33s;
}
#homeBox #about-us .business .leftbox .more:hover {
  color: #ffffff;
}
#homeBox #about-us .business .leftbox .buttom-icon {
  margin-left: 0.19rem;
}
#homeBox #about-us .business .leftbox .txt {
  font-size: 0.14rem;
  font-weight: 400;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  margin: 0.19rem;
  cursor: pointer;
}
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem {
  position: relative;
  float: left;
  margin-right: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -1.6rem;
  left: -0.5rem;
  transition: all cubic-bezier(0.56, 0, 0.44, 1) 0.5s;
}
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem .weixin {
  color: #fff;
}
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem .weibo,
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem .shouji {
  color: #D1D1D1;
}
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem:hover {
  background: rgba(255, 255, 255, 0.08);
}
#homeBox #about-us .business .leftbox .lianxiBox .lianxiItem:hover img {
  opacity: 1;
  visibility: visible;
}
#homeBox #about-us .business .about-title {
  font-size: 0.14rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.32rem;
}
#homeBox #about-us .business .about-txt {
  font-size: 0.13rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.1rem;
  cursor: pointer;
}
#homeBox #about-us .business .about-txt:hover {
  color: #ffffff;
}
#homeBox #about-us .business .product {
  margin-top: 0.72rem;
  margin-right: 1.2rem;
}
#homeBox #about-us .business .company {
  margin-top: 0.72rem;
  margin-right: 1.47rem;
}
#homeBox #about-us .business .share {
  margin-top: 0.72rem;
  margin-right: 1.65rem;
}
#homeBox #about-us .business .cloud {
  margin-top: 0.72rem;
  margin-right: 1.39rem;
}
#homeBox #about-us .business .industrial {
  margin-top: 0.72rem;
  margin-right: 1.08rem;
}
#homeBox #about-us .business .aboutHumi {
  margin-top: 0.72rem;
}
#homeBox #about-us .callme {
  margin-left: 1.5rem;
}
#homeBox #about-us .callme .callLeft {
  font-size: 0.13rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
#homeBox #about-us .callme .callLeft .lefttxt {
  margin-bottom: 0.21rem;
}
#homeBox #about-us .callme .callLeft .left0ne {
  margin-top: 0.31rem;
}
#homeBox #about-us .callme .callLeft a {
  color: rgba(255, 255, 255, 0.6);
}
#homeBox #about-us .callme .callRight .friengLink {
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0.31rem 0.38rem 0 2rem;
}
#homeBox #about-us .callme .callRight .linkItem {
  margin-top: 0.31rem;
  width: 7.3rem;
}
#homeBox #about-us .callme .callRight .linkItem .itemContent {
  font-size: 0.13rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.4rem;
  margin-bottom: 0.2rem;
  transition: all ease-in-out 0.33s;
  cursor: pointer;
}
#homeBox #about-us .callme .callRight .linkItem .itemContent:hover {
  opacity: 1;
  color: #3366FF;
}
#homeBox #humi-news {
  padding-top: 0.64rem;
}
#homeBox #humi-news .news-tab {
  width: 12.6rem;
  margin-top: 0.43rem;
  position: relative;
  float: left;
}
#homeBox #humi-news .news-tab .new-tit {
  text-align: left;
  float: left;
  cursor: pointer;
  height: 0.4rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.4rem;
  padding: 0 0.16rem;
  margin-right: 0.2rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#homeBox #humi-news .news-tab .new-tit:hover {
  background: #0480F4;
  opacity: 1;
}
#homeBox #humi-news .news-tab .new-act {
  background: #0480F4;
  opacity: 1;
}
#homeBox #humi-news .news-tab .more {
  position: absolute;
  right: 0;
  display: block;
  width: 0.88rem;
  height: 0.4rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.4rem;
  text-align: center;
  cursor: pointer;
}
#homeBox #humi-news .news-tab .more:hover {
  opacity: 1;
  color: #3366FF;
}
#homeBox #humi-news .newsLeftbox {
  width: 6.2rem;
  height: 6.2rem;
  background: #2c2c30;
  margin-right: 0.56rem;
  margin-top: 0.64rem;
}
#homeBox #humi-news .newsLeftbox .newsTime {
  margin: 0.44rem 0 0.33rem 0.5rem;
  text-align: left;
  font-size: 0.3rem;
  font-weight: 400;
  color: #ffffff;
}
#homeBox #humi-news .newsLeftbox .newsTit {
  text-align: left;
  margin-left: 0.5rem;
  font-size: 0.2rem;
  font-weight: 700;
  color: #ffffff;
  width: 5.23rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#homeBox #humi-news .newsLeftbox .newsTxt {
  text-align: left;
  margin: 0.2rem 0.55rem 0.34rem 0.5rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#homeBox #humi-news .newsLeftbox .imgHover {
  width: 5.23rem;
  height: 2.89rem;
  margin-left: 0.5rem;
  overflow: hidden;
  position: relative;
}
#homeBox #humi-news .newsLeftbox .imgHover .newsPic {
  width: 5.23rem;
  height: 2.89rem;
  transition: all ease-in-out 0.33s;
}
#homeBox #humi-news .newsLeftbox .imgHover .newsPic:hover {
  transition: all cubic-bezier(0.56, 0, 0.44, 1) 0.33s;
  transform: scale(1.1);
  background-color: #2c2c2c;
}
#homeBox #humi-news .newsLeftbox .newsMore {
  text-align: left;
  margin-top: 0.32rem;
  margin-left: 0.5rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  transition: all ease-in-out 0.33s;
  cursor: pointer;
}
#homeBox #humi-news .newsLeftbox .newsHover .newsMore {
  text-align: left;
  margin-top: 0.32rem;
  margin-left: 0.5rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  transition: all ease-in-out 0.33s;
}
#homeBox #humi-news .newsLeftbox .newsHover:hover .newsMore {
  color: #3366FF;
  opacity: 1;
}
#homeBox #humi-news .newsRightbox {
  margin-top: 0.64rem;
}
#homeBox #humi-news .newsRightbox .newBoxs {
  position: relative;
  margin-right: 0.6rem;
  width: 6.2rem;
  height: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: all ease-in-out 0.33s;
}
#homeBox #humi-news .newsRightbox .newBoxs:nth-child(3) {
  border-bottom: none;
}
#homeBox #humi-news .newsRightbox .newBoxs:hover {
  background-color: #2c2c2c;
}
#homeBox #humi-news .newsRightbox .newBoxs .new-tit {
  text-align: left;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  padding-top: 0.5rem;
  margin-bottom: 0.3rem;
  margin-left: 0.1rem;
}
#homeBox #humi-news .newsRightbox .newBoxs .new-tit .dot {
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  margin-right: 0.08rem;
}
#homeBox #humi-news .newsRightbox .newBoxs .new-txt {
  text-align: left;
  width: 4.6rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-left: 0.3rem;
}
#homeBox #humi-news .newsRightbox .newBoxs .line {
  position: absolute;
  width: 1px;
  height: 0.41rem;
  background: rgba(255, 255, 255, 0.1);
  top: 1rem;
  right: 1rem;
}
#homeBox #humi-news .newsRightbox .newBoxs .new-time {
  position: absolute;
  font-size: 0.18rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  top: 0.49rem;
  right: 0.2rem;
}
#homeBox #humi-news .newsRightbox .newBoxs .new-more {
  position: absolute;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  line-height: 0.24rem;
  top: 1.1rem;
  right: 0.1rem;
  cursor: pointer;
  transition: all ease-in-out 0.33s;
}
#homeBox #humi-news .newsRightbox .newBoxs .new-more:hover {
  color: #3366FF;
  opacity: 1;
}
#homeBox #humi-news .sloganBox {
  margin-top: 0.24rem;
}
#homeBox #humi-news .sloganBox .sloganPicBox {
  width: 3.84rem;
  height: 1.99rem;
  overflow: hidden;
}
#homeBox #humi-news .sloganBox .sloganPicBox .sloganPic {
  width: 3.84rem;
  height: 1.99rem;
  transition: all ease-in-out 0.33s;
}
#homeBox #humi-news .sloganBox .sloganPicBox .sloganPic:hover {
  transform: scale(1.15);
}
#homeBox #humi-news .sloganBox .sloganTit {
  width: 3.84rem;
  height: 0.76rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
  font-size: 0.16rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.76rem;
  padding-left: 0.21rem;
  margin-top: -0.05rem;
  margin-bottom: 0.4rem;
  transition: all ease-in-out 0.33s;
}
#homeBox #humi-news .sloganItem:hover .sloganTit {
  color: #3366FF;
  opacity: 1;
}
#homeBox .gardenBox {
  position: relative;
  padding-top: 0.64rem;
}
#homeBox .gardenBox .garden-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 9.6rem;
  height: 100%;
  margin-top: 0.64rem;
}
#homeBox .gardenBox #humi-garden .garden-introduce {
  width: 7.8rem;
  font-size: 0.16rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 0.3rem;
}
#homeBox .gardenBox #humi-garden .garden-one {
  margin-top: 1rem;
  text-indent: 0.36rem;
}
#homeBox .gardenBox #humi-garden .garden-two {
  margin-top: 0.36rem;
  margin-bottom: 0.7rem;
  text-indent: 0.3rem;
}
#homeBox .gardenBox #humi-garden .ant-tabs {
  width: 7.8rem !important;
}
#homeBox .gardenBox #humi-garden .ant-tabs-tab {
  color: #fefefe !important;
  opacity: 0.6 !important;
  height: 0.55rem !important;
  transition: all ease-in-out 0.33s;
}
#homeBox .gardenBox #humi-garden .ant-tabs-tab:hover {
  color: #fefefe !important;
}
#homeBox .gardenBox #humi-garden .ant-tabs-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#homeBox .gardenBox #humi-garden .ant-tabs-tab-active {
  color: #fefefe !important;
  opacity: 1 !important;
}
#homeBox .gardenBox #humi-garden .ant-tabs-nav .ant-tabs-tab {
  font-size: 0.18rem !important;
}
#homeBox .gardenBox #humi-garden .ant-tabs-ink-bar {
  background: #fff;
  height: 0.04rem !important;
}
#homeBox .gardenBox #humi-garden .gardenContent {
  margin-right: 0.2rem;
}
#homeBox .gardenBox #humi-garden .gardenContent:nth-child(4) {
  margin-right: 0;
}
#homeBox .gardenBox #humi-garden .gardenContent:hover .cot-pic {
  transform: scale(1.1);
}
#homeBox .gardenBox #humi-garden .gardenContent:hover .cot-area {
  color: #3366FF;
  opacity: 1;
}
#homeBox .gardenBox #humi-garden .gardenContent .cot-box {
  width: 1.8rem;
  height: 1.2rem;
  overflow: hidden;
  margin-top: 0.6rem;
}
#homeBox .gardenBox #humi-garden .pic {
  opacity: 1;
}
#homeBox .gardenBox #humi-garden .cot-pic {
  display: block;
  width: 1.8rem;
  height: 1.2rem;
  transition: all ease-in-out 0.33s;
}
#homeBox .gardenBox #humi-garden .cot-area {
  width: 1.8rem;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #fefefe;
  transition: all ease-in-out 0.33s;
}
#homeBox .internetBox {
  padding-top: 0.64rem;
}
#homeBox .internetBox .yunxi {
  position: absolute;
  top: 0.27rem;
  left: 0.34rem;
  width: 1rem;
  height: 0.36rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.16rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 0.36rem;
}
#homeBox .internetBox .rightBox {
  height: 100%;
  width: 8rem;
}
#homeBox .internetBox .rightBox .internetRight {
  overflow: hidden;
  height: 50%;
  width: 50%;
  position: relative;
}
#homeBox .internetBox .rightBox .internetRight .internet-bg {
  display: block;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.66s;
  cursor: pointer;
}
#homeBox .internetBox .rightBox .internetRight .internet-bg:hover {
  transform: scale(1.15);
}
#homeBox .internetBox .rightBox .internetRight .internetRight-tit {
  position: absolute;
  left: 0.34rem;
  bottom: 0.99rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
#homeBox .internetBox .rightBox .internetRight .internetRight-txt {
  position: absolute;
  left: 0.34rem;
  bottom: 0.46rem;
  width: 3.36rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.21rem;
}
#homeBox .internetBox .leftBox {
  width: 8rem;
  height: 100%;
  margin-left: 1.35rem;
  position: relative;
  overflow: hidden;
}
#homeBox .internetBox .leftBox .yunxi-bg {
  width: 8rem;
  height: 100%;
  transition: all ease-in-out 0.66s;
  cursor: pointer;
}
#homeBox .internetBox .leftBox .yunxi-bg:hover {
  transform: scale(1.15);
}
#homeBox .internetBox .leftBox .jiexi {
  position: absolute;
  left: 0.34rem;
  bottom: 1.36rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
#homeBox .internetBox .leftBox .yuxi-detail {
  position: absolute;
  left: 0.34rem;
  bottom: 0.58rem;
  width: 7.27rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.21rem;
}

#homeBox .intelligentListBox {
  position: relative;
  padding-top: 0.64rem;
}
#homeBox .intelligentListBox .intelligent-des {
  position: absolute;
  left: 0.89rem;
  bottom: 1.92rem;
  width: 1.68rem;
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  text-align: justify;
  text-justify: inter-word;
}
#homeBox .intelligentListBox .freeAsk {
  position: absolute;
  left: 0.89rem;
  bottom: 0.86rem;
  width: 1.8rem;
  height: 0.43rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 0.43rem;
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
#homeBox .intelligentListBox .freeAsk:hover {
  opacity: 1;
  background-color: #3366FF;
}
#homeBox .intelligentListBox #swiper-container111 {
  height: 100%;
  width: 16rem;
  margin-left: 1.65rem;
  color: #fff;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-partner-btn {
  width: 0.6rem;
  height: 0.6rem;
  background-size: 0.2rem 0.25rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease-in-out 0.33s;
  opacity: 0.8;
  margin-right: 0.38rem;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-partner-btn:hover {
  background-color: #3366ff;
  opacity: 1;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide {
  width: 3.6rem !important;
  height: 100%;
  background: #3366ff;
  position: relative;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .line {
  position: absolute;
  width: 100%;
  height: 0.04rem;
  background: #3366ff;
  z-index: 3;
  opacity: 0;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .title {
  position: absolute;
  bottom: 2.02rem;
  left: 0.27rem;
  font-size: 0.24rem;
  font-weight: 700;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .des {
  position: absolute;
  left: 0.27rem;
  bottom: 1.28rem;
  right: 0.4rem;
  opacity: 0.8;
  font-size: 0.14rem;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .more1 {
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
  position: absolute;
  left: 0.27rem;
  bottom: 0.48rem;
  opacity: 0;
  z-index: 2;
  display: block;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .more1 a {
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.14rem;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .bgimg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .zhezhao {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.6rem;
  height: 100%;
  opacity: 0.5;
  background: #000000;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .icon {
  width: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.5rem;
  margin-left: 1.3rem;
  height: 1rem;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .icon img {
  width: 0.37rem;
  height: 0.37rem;
  display: inline-block;
  margin-top: 0.31rem;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide .innerTitle {
  opacity: 1;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.3rem;
  width: 100%;
  font-size: 0.2rem;
  font-weight: 500;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide:hover .line {
  opacity: 1;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide:hover .bgimg {
  transform: scale(0.95);
  bottom: 2.57rem;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide:hover .zhezhao {
  opacity: 0;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide:hover .icon {
  opacity: 0;
  margin-top: -1.8rem;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide:hover .innerTitle {
  opacity: 0;
  margin-top: -0.6rem;
}
#homeBox .intelligentListBox #swiper-container111 .swiper-slide:hover .more1 {
  opacity: 1;
}
#homeBox .mySlider {
  width: 0.54rem;
  height: 2.03rem;
  position: fixed;
  top: 70%;
  right: 0.2rem;
  z-index: 3;
}
#homeBox .mySlider .upToolsBox {
  width: 0.54rem;
  height: 0.54rem;
  background: #18181C;
  text-align: center;
  margin-bottom: 0.11rem;
  border: 1px solid #292a2d;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeBox .mySlider .upToolsBox img {
  width: 0.28rem;
  opacity: 0.8;
}
#homeBox .mySlider .upToolsBox .toolShowBox {
  display: none;
  position: absolute;
  width: 2.77rem;
  left: -2.78rem;
  top: -0.7rem;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner {
  width: 2.66rem;
  background: #17181a;
  border: 1px solid #292a2d;
  padding: 0.23rem 0.23rem 0 0.23rem;
  color: #fff;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem {
  overflow: hidden;
  margin-bottom: 0.26rem;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem:hover {
  opacity: 1;
  color: #3366ff;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem .shujuBox {
  float: left;
  width: 0.23rem;
  margin-right: 0.11rem;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem .shujuBox img {
  opacity: 0.8;
  width: 0.28rem;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem .innerItemContent {
  float: left;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem .innerItemContent .innerItemContentUp {
  opacity: 0.8;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
}
#homeBox .mySlider .upToolsBox .toolShowBox .inner .innerItem .innerItemContent .innerItemContentDown {
  opacity: 0.4;
  font-size: 0.12rem;
  font-weight: 500;
  text-align: left;
}
#homeBox .mySlider .upToolsBox:hover {
  background: linear-gradient(#3a6afa 0%, #0156fe 100%);
}
#homeBox .mySlider .upToolsBox:hover img {
  opacity: 1 !important;
}
#homeBox .mySlider .upToolsBox:hover .toolShowBox {
  display: block;
}
#homeBox .mySlider .lianxiUsBox {
  width: 0.54rem;
  height: 1.38rem;
  background: #3366ff;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#homeBox .mySlider .lianxiUsBox:hover .lianxiUsShow {
  display: block;
  opacity: 1 !important;
}
#homeBox .mySlider .lianxiUsBox:hover .aboutUs {
  opacity: 1 !important;
}
#homeBox .mySlider .lianxiUsBox:hover img {
  opacity: 1 !important;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow {
  display: none;
  position: absolute;
  width: 2.77rem;
  left: -2.78rem;
  top: 0;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner {
  width: 2.66rem;
  background: #17181a;
  border: 1px solid #292a2d;
  padding: 0.23rem 0.23rem 0 0.23rem;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem {
  overflow: hidden;
  margin-bottom: 0.2rem;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem .linkUsBox {
  float: left;
  width: 0.23rem;
  margin-right: 0.14rem;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem .linkUsBox img {
  opacity: 0.8;
  width: 0.28rem;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem .linkUsItemContent {
  float: left;
  color: #fff;
  width: 1.8rem;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem .linkUsItemContent .linkUsContentUp {
  opacity: 0.8;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem .linkUsItemContent .linkUsContentDown {
  opacity: 0.4;
  font-size: 0.12rem;
  font-weight: 500;
  text-align: left;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsItem:nth-child(1) .linkUsContentDown {
  color: #3366ff;
  font-size: 0.14rem;
  opacity: 1;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsListBtn {
  cursor: pointer;
}
#homeBox .mySlider .lianxiUsBox .lianxiUsShow .inner .linkUsListBtn .linkUsContentUp:hover {
  color: #3366ff;
  opacity: 1;
}
#homeBox .mySlider .lianxiUsBox img {
  width: 0.28rem;
  opacity: 0.8;
}
#homeBox .mySlider .lianxiUsBox .aboutUs {
  width: 100%;
  padding: 0 0.15rem;
  text-align: center;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.8;
  line-height: 0.14rem;
}

@keyframes modal-show {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes modal-hidden {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-22px);
  }
}
.panel-container #map-container {
  position: relative;
}
.panel-container #map-container #dynamic-map {
  height: 7rem;
  width: 10rem;
}
.panel-container #map-container #clock {
  position: absolute;
  left: 0;
  top: 0.9rem;
  height: 0.2rem;
  opacity: 0.8;
  font-size: 0.16rem;
  line-height: 0.2rem;
  font-family: DIN Regular, DIN Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel-container #map-container #clock .clock-icon {
  margin-right: 0.1rem;
}
.panel-container #map-container .base-modal {
  position: absolute;
  width: 2.28rem;
  height: 0.54rem;
  opacity: 0.9;
  background: #202022;
  border-radius: 0.27rem;
  display: flex;
  align-items: center;
}
.panel-container #map-container .base-modal .icon-img {
  width: 0.33rem;
  height: 0.33rem;
  margin-left: 0.09rem;
  border-radius: 0.33rem;
  overflow: hidden;
}
.panel-container #map-container .base-modal .content {
  margin-left: 0.15rem;
}
.panel-container #map-container .base-modal .content .content-line {
  height: 0.2rem;
  line-height: 0.2rem;
  width: 1.55rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.9;
  font-size: 0.13rem;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
}
.panel-container #map-container .base-modal .content .cases-line {
  display: flex;
  justify-content: space-between;
}
.panel-container #map-container .base-modal .content .cases-name {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.13rem;
}
.panel-container #map-container .base-modal .content .content-price {
  width: 40%;
  color: #FFC600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.13rem;
}
.panel-container #map-container .demand-modal {
  border: 2px solid #ffa414;
}
.panel-container #map-container .cases-modal {
  border: 2px solid #3366ff;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateX(0.22rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-show {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateX(-0.22rem);
  }
}
#homeBox .panel-container {
  margin-top: 1rem;
  margin-left: 0.9rem;
  overflow: hidden;
  width: 100%;
}
#homeBox .panel-container .common-title {
  height: 0.2rem;
  font-size: 0.2rem;
  line-height: 0.2rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0.2rem;
}
#homeBox .panel-container .dm-container {
  height: 8rem;
  width: 8rem;
  float: left;
}
#homeBox .panel-container .dm-container .dm-data {
  position: relative;
  top: -1.5rem;
}
#homeBox .panel-container .dm-container .dm-data .dm-details {
  height: 1.1rem;
  width: 8.2rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#homeBox .panel-container .dm-container .dm-data .dm-details .swiper-dm-data {
  height: 100%;
}
#homeBox .panel-container .dm-container .dm-data .dm-details .swiper-dm-data .dm-data-content {
  display: flex;
  justify-content: left;
  align-items: center;
}
#homeBox .panel-container .dm-container .dm-data .dm-details .swiper-dm-data .dm-data-content .dm-data-item {
  width: 50%;
  min-height: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  padding-left: 0.5rem;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#homeBox .panel-container .dm-container .dm-data .dm-details .swiper-dm-data .dm-data-content .dm-data-item:before {
  content: "";
  border-radius: 0.08rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0.2rem;
  transform: translateY(-50%);
  width: 0.08rem;
  height: 0.08rem;
  background: #3366ff;
}
#homeBox .panel-container .info-container {
  float: right;
  margin-right: 1rem;
}
#homeBox .panel-container .info-container .number-content .number-details {
  width: 7rem;
  height: 2.3rem;
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/01%E9%A6%96%E9%A1%B5/bg-map-data.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 0.3rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
#homeBox .panel-container .info-container .number-content .number-details .data-on-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 33.3%;
}
#homeBox .panel-container .info-container .number-content .number-details .data-on-item .data-on-number .number-amount {
  height: 0.4rem;
  font-size: 0.4rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  text-shadow: #725bff 0 0 0.1rem;
}
#homeBox .panel-container .info-container .number-content .number-details .data-on-item .data-on-number .number-unit {
  width: 0.14rem;
  height: 0.14rem;
  opacity: 0.6;
  font-size: 0.14rem;
  line-height: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
}
#homeBox .panel-container .info-container .number-content .number-details .data-on-item .data-on-title {
  height: 0.14rem;
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
}
#homeBox .panel-container .info-container .services-content .services-list {
  position: relative;
  height: 3.9rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group {
  position: absolute;
  top: 0;
  left: 0;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item {
  width: 7rem;
  height: 0.56rem;
  transition: left cubic-bezier(0.42, 0, 0.58, 1) 0.5s;
  opacity: 0;
  display: flex;
  align-items: center;
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/02%20%E5%BF%BD%E7%B1%B3%E5%AE%9E%E6%97%B6%E7%9C%8B%E6%9D%BF/%E7%AC%AC%E4%B8%89%E5%90%8D.png");
  margin-bottom: 0.2rem;
  z-index: 2;
  position: relative;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item:hover {
  left: -0.22rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item .services-img {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 0.34rem;
  margin-right: 0.2rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item .common-font {
  height: 0.2rem;
  color: #ffffff;
  line-height: 0.2rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item .services-no {
  height: 0.2rem;
  color: #ffffff;
  line-height: 0.2rem;
  font-size: 0.18rem;
  font-weight: 700;
  font-style: italic;
  padding-left: 0.2rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item .services-name {
  height: 0.34rem !important;
  line-height: 0.34rem !important;
  height: 0.2rem;
  color: #ffffff;
  line-height: 0.2rem;
  width: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.14rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-left: 0.67rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item .services-money {
  height: 0.2rem;
  color: #ffffff;
  line-height: 0.2rem;
  background-image: url("https://360humi-public-obs.360humi.com/sch/index/%E5%BF%BD%E7%B1%B3%E4%B8%BB%E7%AB%99%E5%88%87%E5%9B%BEV3.0/01%E9%A6%96%E9%A1%B5/bg-map-service.png");
  background-size: contain;
  height: 0.27rem;
  width: 0.88rem;
  line-height: 0.27rem;
  text-align: center;
  margin-left: 0.3rem;
  opacity: 0.8;
  font-size: 0.14rem;
  font-weight: 500;
  padding-left: 0.12rem;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .services-item-active {
  z-index: 4;
  animation: fade-in cubic-bezier(0.42, 0, 0.58, 1) 0.5s forwards;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .delay-0 {
  animation-delay: 0s;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .delay-1 {
  animation-delay: 0.1s;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .delay-2 {
  animation-delay: 0.2s;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .delay-3 {
  animation-delay: 0.3s;
}
#homeBox .panel-container .info-container .services-content .services-list .services-group .delay-4 {
  animation-delay: 0.4s;
}
#homeBox .panel-container .info-container .pagination-content {
  display: flex;
  justify-content: left;
  align-items: center;
}
#homeBox .panel-container .info-container .pagination-content .pagination-item {
  width: 0.32rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 0.32rem;
  text-align: center;
  margin-right: 0.2rem;
  color: #ffffff;
  cursor: pointer;
}
#homeBox .panel-container .info-container .pagination-content .pagination-item-active {
  background: #3366ff;
}

.authPageBox {
  background: #fff;
  padding: 30px;
  margin-top: 10px !important;
  padding-top: 60px;
}
.authPageBox .authPageTitle {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #333;
  line-height: 1.1;
  margin: 30px 0;
}
.authPageBox .tips {
  font-size: 16px;
  line-height: 1.1;
  margin: 0 0 30px 0;
  min-height: 17px;
  text-align: center;
}
.authPageBox .tips span {
  color: #108EE9;
}
.authPageBox .authPageContent {
  padding: 0 120px;
}
.authPageBox .authPageContent .ant-col-12 > div {
  background: #ccc;
  padding: 35px 0;
  text-align: center;
}
.authPageBox .authPageContent .ant-col-12 > div a {
  width: 200px;
  padding: 15px 0;
  background: #8f8f8f;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  cursor: default;
}
.authPageBox .authPageContent .ant-col-12 > div .iconfont {
  font-size: 120px;
}
.authPageBox .authPageContent .ant-col-12 > div .icon-1 {
  color: #2ebf60;
}
.authPageBox .authPageContent .ant-col-12 > div .icon-2 {
  color: #397ecd;
}
.authPageBox .enableBtn {
  background: #397ecd !important;
  cursor: pointer !important;
}

.d-auth-upload-box {
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auth-upload-box img {
  display: block;
  width: 100%;
}
.d-auth-upload-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auth-upload-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box {
  padding-top: 60px;
}
.d-auto-box .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.d-auto-box .auto1200 {
  width: 1200px;
  margin: 0 auto;
}
.d-auto-box .d-nav {
  background: #3377c4;
  position: relative;
  height: 60px;
}
.d-auto-box .d-nav .item {
  width: 220px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  text-align: center;
  padding: 0;
  font-size: 14px;
  color: #fff;
  background: #1258a6;
}
.d-auto-box .d-main {
  margin-top: 20px;
  padding: 45px 20px;
  background: #fff;
  position: relative;
}
.d-auto-box .d-main .auth-loading {
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.d-auto-box .d-main .steps {
  padding: 0  100px 78px;
}
.d-auto-box .d-main .steps .ant-steps-step {
  position: relative;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.d-auto-box .d-main .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.d-auto-box .d-main .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.d-auto-box .d-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.d-auto-box .d-main .con .step_1 {
  padding-top: 50px;
}
.d-auto-box .d-main .con .step_1 .s-left {
  float: left;
  border-right: 1px solid #e3e3e3;
  padding-right: 58px;
}
.d-auto-box .d-main .con .step_1 .s-left .row {
  padding-bottom: 50px;
  display: flex;
}
.d-auto-box .d-main .con .step_1 .s-left .row:last-of-type {
  padding-bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-left .row .text {
  font-size: 14px;
  color: #333333;
  padding-right: 18px;
  padding-top: 45px;
}
.d-auto-box .d-main .con .step_1 .s-left .row .text .red {
  color: #ff5757;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box {
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box img {
  display: block;
  width: 100%;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auto-box .d-main .con .step_1 .s-left .row .img-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-righ {
  float: left;
  padding-top: 25px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row {
  padding-bottom: 70px;
  display: flex;
  align-items: flex-start;
}
.d-auto-box .d-main .con .step_1 .s-righ .row:last-of-type {
  padding-bottom: 0;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .title {
  font-size: 14px;
  color: #3377c4;
  padding-left: 26px;
  padding-right: 20px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .example-img {
  display: block;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .text-box {
  padding-left: 40px;
}
.d-auto-box .d-main .con .step_1 .s-righ .row .text-box ul li {
  font-size: 12px;
  color: #666666;
  padding-bottom: 8px;
}
.d-auto-box .d-main .con .number-box {
  padding-top: 60px;
}
.d-auto-box .d-main .con .number-box label {
  display: inline-block;
  width: 106px;
  font-size: 14px;
  color: #333333;
}
.d-auto-box .d-main .con .number-box .input {
  width: 400px;
  height: 34px;
}
.d-auto-box .d-main .step_2 {
  padding: 50px 0;
}
.d-auto-box .d-main .step_2 .row {
  color: #666666;
  padding-bottom: 30px;
}
.d-auto-box .d-main .step_2 .row label {
  display: inline-block;
  width: 40%;
  padding-right: 30px;
  color: #333;
  font-size: 16px;
  text-align: right;
}
.d-auto-box .d-main .step_2 .row span {
  font-size: 16px;
}
.d-auto-box .d-main .step_2 .tips-msg {
  width: 423px;
  margin: auto;
  padding-top: 50px;
}
.d-auto-box .d-main .step_3 {
  padding: 50px 0;
}
.d-auto-box .d-main .step_3 .row {
  width: 300px;
  margin: 0 auto 30px;
}
.d-auto-box .d-main .step_3 .row .input {
  width: 100%;
  height: 40px;
}
.d-auto-box .d-main .step_3 .row .ant-select-search__field {
  border: solid 1px #e3e3e3;
  width: 260px;
  height: 40px !important;
  float: left;
}
.d-auto-box .d-main .step_3 .row .input-code {
  width: 200px;
  height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
}
.d-auto-box .d-main .step_3 .row .btn {
  width: 100px;
  height: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.d-auto-box .d-main .step_4 .row {
  padding: 90px 0 40px;
}
.d-auto-box .d-main .step_4 .success .icon {
  display: block;
  margin: 0 auto 30px;
}
.d-auto-box .d-main .step_4 .success .title {
  font-size: 24px;
  color: #33c485;
  text-align: center;
}
.d-auto-box .d-main .step_4 .error {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-auto-box .d-main .step_4 .error .title {
  font-size: 18px;
  font-weight: 900;
  color: #ff3636;
  padding-left: 15px;
}
.d-auto-box .d-main .step_4 p.err-msg {
  padding-top: 60px;
  font-size: 14px;
  color: #ff3636;
  text-align: center;
}
.d-auto-box .d-main .step_4 .sub-loading {
  text-align: center;
  padding: 50px 0;
  font-size: 16px;
}
.d-auto-box .d-main .step_0 .row {
  overflow: hidden;
  padding-bottom: 35px;
  position: relative;
}
.d-auto-box .d-main .step_0 .row .tips {
  position: absolute;
  left: 154px;
  top: 50px;
  font-size: 12px;
  color: #fe6d20;
}
.d-auto-box .d-main .step_0 .row .fl {
  float: left;
}
.d-auto-box .d-main .step_0 .row label {
  font-size: 14px;
  color: #333333;
  margin-right: 15px;
  float: left;
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: right;
}
.d-auto-box .d-main .step_0 .row label em {
  color: #ff3636;
}
.d-auto-box .d-main .step_0 .row .input {
  width: 260px;
  height: 40px;
  float: left;
}
.d-auto-box .d-main .step_0 .row .ant-spin-nested-loading {
  width: 242px;
  float: left;
}
.d-auto-box .d-main .step_0 .row .upload-box {
  float: left;
  width: 242px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
}
.d-auto-box .d-main .step_0 .row .upload-box img {
  display: block;
  width: 100%;
}
.d-auto-box .d-main .step_0 .row .upload-box .cardInputFile {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.d-auto-box .d-main .step_0 .row .upload-box div {
  height: 30px;
  width: 100%;
  background-color: #108ee9;
  font-size: 14px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.d-auto-box .d-main .step_0 .row .text-box {
  float: left;
  padding-left: 50px;
}
.d-auto-box .d-main .step_0 .row .text-box .title {
  font-size: 14px;
  color: #108ee9;
}
.d-auto-box .d-main .step_0 .row .text-box a {
  color: #108ee9;
}
.d-auto-box .d-main .step_0 .row .text-box ul li {
  font-size: 12px;
  color: #333333;
  padding-top: 10px;
}
.d-auto-box .d-main .btn-box {
  width: 700px;
  margin: 0 auto 60px;
  padding-top: 80px;
}
.d-auto-box .d-main .btn-box a {
  color: #108ee9;
}
.d-auto-box .d-main .btn-box .btn-next {
  border-color: #108ee9;
}
.d-auto-box .d-main .btn-box .row {
  display: flex;
  justify-content: space-around;
}
.d-auto-box .d-main .btn-box .pact-box {
  padding-bottom: 15px;
  text-align: center;
  user-select: none;
}
.d-auto-box .d-main .btn-box button {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
}
.d-auto-box .d-main .btn-box button.btn-prev {
  background: #fff;
  color: #108ee9;
}
.d-auto-box .ant-select-auto-complete.ant-select .ant-input {
  height: 40px !important;
}
.d-auto-box .ant-select-selection__placeholder,
.d-auto-box .ant-select-search__field__placeholder {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.pact-content {
  height: 500px;
  overflow-y: auto;
}

.litMony {
  color: #ffa800;
  font-size: 15px;
}
.orderComfirmBox {
  padding: 90px 0 0 0;
}
.orderComfirmBox .orderMessage {
  padding: 28px 30px;
  background: #fff;
  margin: 0 0 30px 0;
}
.orderComfirmBox .orderMessage .orderMesLeft {
  padding: 0 54px 0 0;
  border-right: 1px solid #ededed;
}
.orderComfirmBox .orderMessage .orderMesLeft > p:first-child {
  padding: 0 0 24px 11px;
  color: #333;
  font-size: 18px;
  border-bottom: 1px solid #ededed;
  line-height: 1.1;
}
.orderComfirmBox .orderMessage .orderMesLeft .messageDes,
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes {
  padding: 40px 0 40px 11px;
  border-bottom: 1px solid #ededed;
}
.orderComfirmBox .orderMessage .orderMesLeft .messageDes .addMargin,
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes .addMargin {
  margin: 0 0 10px 0;
}
.orderComfirmBox .orderMessage .orderMesLeft .messageDes > p:first-child,
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes > p:first-child {
  color: #333;
  font-size: 16px;
  line-height: 1.1;
  margin: 0 0 14px 0;
}
.orderComfirmBox .orderMessage .orderMesLeft .messageDes .ant-row,
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes .ant-row {
  vertical-align: bottom;
}
.orderComfirmBox .orderMessage .orderMesLeft .messageDes .ant-col-12,
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes .ant-col-12 {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  display: inline-block;
  float: none;
}
.orderComfirmBox .orderMessage .orderMesLeft .messageDes .ant-col-12 .money,
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes .ant-col-12 .money {
  color: #ffa800;
  font-size: 36px;
}
.orderComfirmBox .orderMessage .orderMesLeft .sellerMes {
  border: none;
}
.orderComfirmBox .orderMessage .kfImg {
  padding: 55px 0 0 0;
  text-align: center;
}
.orderComfirmBox .orderMessage .kfImg a {
  color: #fff;
}
.orderComfirmBox .orderMessage .kfImg img {
  display: block;
  margin: 0 auto;
}
.orderComfirmBox .orderMessage .kfImg button {
  padding: 11px 0;
  color: #fff;
  font-size: 14px;
  width: 150px;
  display: inline-block;
  border: none;
  background: #397ecd;
  border-radius: 0;
  margin: 30px 0 0 0;
  cursor: pointer;
  transition: all 0.3s;
}
.orderComfirmBox .orderMessage .kfImg button:hover {
  background-color: #5193de;
}
.orderComfirmBox .moreMessage {
  padding: 28px 30px;
  background: #fff;
}
.orderComfirmBox .moreMessage > p:first-child {
  padding: 0 0 25px 12px;
  border-bottom: 1px solid #ededed;
  margin: 0 0 30px 0;
  color: #333;
  font-size: 18px;
  line-height: 1.1;
}
.orderComfirmBox .moreMessage > p:first-child small {
  color: #999;
  font-size: 14px;
}
.orderComfirmBox .moreMessage .mesEnterBox {
  padding: 0 0 0 12px;
  margin: 0 0 26px 0;
}
.orderComfirmBox .moreMessage .mesEnterBox:last-child {
  margin: 0;
}
.orderComfirmBox .moreMessage .mesEnterBox span {
  color: #666;
  font-size: 14px;
  margin: 0 18px 0 0;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
}
.orderComfirmBox .moreMessage .mesEnterBox input,
.orderComfirmBox .moreMessage .mesEnterBox textarea {
  height: 32px;
  width: 730px;
  border: 1px solid #d8d8d8;
  padding: 0 15px;
  outline: none;
}
.orderComfirmBox .moreMessage .mesEnterBox textarea {
  height: 158px;
  resize: none;
  padding: 10px 15px;
}
.orderComfirmBox .TCPBox {
  margin: 40px 0 0 0;
  line-height: 1.1;
}
.orderComfirmBox .TCPBox i {
  font-style: normal;
  color: #397ecd;
  font-size: 14px;
  cursor: pointer;
}
.orderComfirmBox .submitBtnBox {
  margin: 20px 0 100px 0;
  text-align: center;
}
.orderComfirmBox .submitBtnBox button {
  width: 220px;
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  background: #397ecd;
  padding: 10px 0;
  border: none;
  border-radius: 0;
  outline: none;
  transition: all 0.3s;
  cursor: pointer;
}
.orderComfirmBox .submitBtnBox button:hover {
  background: #5193de;
}
.xieyiBoxScroll {
  max-height: 400px;
  overflow: auto;
}

.leftClass {
  color: #666;
  font-size: 14px;
}
.lineDiv {
  height: 1px;
  background-color: #838B8B;
  margin-top: 15px;
  margin-bottom: 25px;
}
.clickTag {
  border: none;
  background-color: #108ee9;
  color: #ffffff;
  font-size: 13px;
  height: 26px;
  width: 230px;
  line-height: 26px;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 5px;
  margin-right: 10px;
}
.classifyOut .bigTop {
  padding-left: 41px;
}
.classifyOut .bigTop > span {
  color: #666;
  font-size: 14px;
}
.classifyOut .bigTop .selectDiv {
  margin-bottom: 50px;
}
.classifyOut .bigTop .classTag {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.classifyOut .bigTop .classTag > span {
  color: #666;
  font-size: 14px;
  display: block;
  width: 70px;
}
.classifyOut .bigTop .classTag .tagBox {
  width: 960px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.classifyOut .bigTop .classTag .tagBox .singleTag {
  height: 26px;
  width: 230px;
  line-height: 26px;
  text-align: left;
  padding-left: 5px;
  border: 1px #CCCCCC solid;
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.classifyOut .bigTop .classTag .tagBox .singleTag:hover {
  color: #108ee9;
  border: 1px #108ee9 solid;
}
.classifyOut .bigTop .otherClass {
  display: block;
  margin-left: 70px;
  margin-bottom: 20px;
  cursor: pointer;
}
.classifyOut .bigTop .otherClass span {
  color: #108ee9;
}
.classifyOut .bigTop .alreadyClass {
  display: flex;
  flex-direction: row;
}
.classifyOut .bigTop .alreadyClass > span {
  color: #666;
  font-size: 14px;
}
.classifyOut .bigTop .alreadyClass .alreadyTag {
  width: 960px;
  padding-bottom: 150px;
}
.classifyOut .bigTop .alreadyClass .alreadyTag .singleaTag {
  border: none;
  background-color: #108ee9;
  color: #ffffff;
  font-size: 13px;
  height: 26px;
  width: 230px;
  line-height: 26px;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 5px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.classifyOut .bigTop .alreadyClass .alreadyTag .singleaTag .failIcon {
  position: absolute;
  font-size: 16px;
  top: 5px;
  right: -8px;
  display: block;
  color: #ADADAD;
  background-color: #ffffff;
  border-radius: 15px;
}
.classifyOut .bigBot {
  text-align: right;
  padding-bottom: 30px;
  border-bottom: 1px #D3D3D3 solid;
  margin-bottom: 20px;
}
.classifyOut .bigBot .serSpan {
  font-size: 14px;
  color: #666;
}
.classifyOut .bigBot .allPrice {
  font-size: 14px;
  color: #666;
}
.classifyOut .bigBot .allPrice > span {
  font-size: 30px;
  color: #000;
}

.liebiao .bidService {
  position: relative;
  width: 750px;
  min-height: 186px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 19px 8px 0;
  border: 1px solid #e3e3e3;
}
.liebiao .bidService .ant-col-3 {
  padding-left: 5px;
}
.liebiao .bidService .bidService_btn {
  padding-right: 20px;
}
.liebiao .bidService .bidService_btn .bsb_box {
  margin: 25px 0 10px;
  width: 200px;
  height: 40px;
}
.liebiao .bidService .bidservice_line {
  width: 732px;
  height: 1px;
  margin: 33px 0 10px;
  background: #e3e3e3;
}
.liebiao .bidService .bidservice_content {
  width: 100%;
  padding-right: 18px;
}
.liebiao .bidService .bidservice_content .bsc_left {
  float: left;
}
.liebiao .bidService .bidservice_content .bsc_right {
  float: right;
  color: #5774b8;
}
.liebiao .bidService .bidService_category {
  margin-top: 10px;
}
.liebiao .bidService .imgLi {
  position: absolute;
  right: 0;
  top: 0;
}
.liebiao .bidService .pp-t {
  padding-top: 30px;
}
.liebiao .bidService .cha {
  padding: 10px 0;
}
.liebiao .bidService .tDate {
  padding-right: 30px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f1f1;
}
.liebiao .bidService .fangan {
  padding: 0 5px;
}
.liebiao .bidService .noneDiv {
  display: none;
}
.liebiao .bidService .bBtns {
  width: 80px;
  display: inline-block;
  color: #fe6d20;
  border: 1px solid #fe6d20;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  margin: 0 15px 0 0;
}
.liebiao .bidService .selBtn {
  border: solid 1px #e3e3e3;
  color: #999;
}
.liebiao .bidService .pr {
  border-right: 1px solid #f1f1f1;
}
.liebiao .bidService .shu {
  width: 78px;
}
.liebiao .bidService .btns {
  display: inline-block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #999;
  font-size: 12px;
  margin-right: 15px;
  background-color: #f0f2f5;
}
.liebiao .bidService h5 {
  font-size: 16px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.liebiao .bidService .iconImg {
  margin-right: 15px;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0;
  width: 70px;
}
.liebiao .bidService .iconImg i {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
}
.liebiao .bidService .icon {
  margin-right: 15px;
  vertical-align: middle;
  display: inline-block;
  padding-top: 5px;
  width: 20px;
}
.liebiao .bidService img {
  max-width: 100%;
}
.liebiao .bidService .bidPanCon p {
  line-height: 25px;
  overflow: hidden;
  transition: all 0.3s;
}

@font-face {
  font-family: "Zidingyi1";
  src: url(/_next/static/media/DIN-Bold.20720c3a.otf);
}
@font-face {
  font-family: "numStyle";
  src: url(/_next/static/media/DINPro-Medium.48a3635c.otf);
}
#part-build {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/big-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#part-build .part-build-head {
  padding-top: 18px;
  width: 100%;
  height: 100px;
  position: relative;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/head-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#part-build .part-build-head img {
  position: absolute;
  left: 38px;
  top: 26px;
}
#part-build .part-build-head .timeBox {
  position: absolute;
  right: 36px;
  top: 34px;
  font-weight: 400;
  font-family: "Zidingyi1", "Zidingyi2";
  color: #bcc7ff;
  letter-spacing: 2px;
}
#part-build .part-build-head .timeBox .left-time,
#part-build .part-build-head .timeBox .right-time {
  font-size: 20px;
}
#part-build .part-build-head .timeBox .right-time {
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
#part-build .part-build-head .part-build-head-title {
  width: 501px;
  height: 63px;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/title-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#part-build .part-build-box {
  margin: 24px auto 0;
  width: 1848px;
  height: 918px;
  overflow: hidden;
  position: relative;
}
#part-build .part-build-box .box-content-left {
  float: left;
  width: 486px;
  height: 918px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#part-build .part-build-box .box-content-left .box-content-left-part {
  padding: 15px 38px;
  width: 100%;
  height: 290px;
  background: url(https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/left-part-bg.png) no-repeat center center;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item #echarts-sex-man {
  position: relative;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item #echarts-sex-man:after {
  position: absolute;
  content: "";
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/task/part-build/icon-man.png");
  height: 29px;
  width: 29px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item #echarts-sex-woman {
  position: relative;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item #echarts-sex-woman:after {
  position: absolute;
  content: "";
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/task/part-build/icon-woman.png");
  height: 29px;
  width: 29px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item .part-content-item-percent {
  margin-bottom: 10px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item .part-content-item-des {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 42px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item .part-content-item-des .jiegou-count {
  font-size: 24px;
  margin: 0 4px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content .part-content-item .part-content-item-des .quan {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #707070;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content2 {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content2 .box-content-right-part-item {
  margin-bottom: 30px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content3 {
  padding-top: 20px;
  overflow: hidden;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content3 .part-content3-left {
  width: 180px;
  float: left;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content3 .part-content3-left .edu-item {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 10px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content3 .part-content3-left .edu-item .edu-item-count {
  font-size: 32px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0px 0px 8px 0px #bfc1ff;
  line-height: 36px;
}
#part-build .part-build-box .box-content-left .box-content-left-part .box-content-left-part-content3 .part-content3-right {
  float: left;
}
#part-build .part-build-box .box-content-middle {
  float: left;
  width: 832px;
  margin-right: 20px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part1 {
  width: 100%;
  height: 478px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/video-bg.png") no-repeat center center;
  padding: 23px 9px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part1 .home-video {
  width: 100%;
  height: 100%;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part2 {
  padding-top: 16px;
  overflow: hidden;
  width: 100%;
  height: 126px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/dangjian-bg-down.png") no-repeat center bottom;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part2 .box-content-middle-part2-item {
  width: 33%;
  padding-left: 60px;
  overflow: hidden;
  float: left;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part2 .box-content-middle-part2-item .item-img {
  float: left;
  margin-right: 18px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part2 .box-content-middle-part2-item .item-content {
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #c1bfff;
  padding-top: 16px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part2 .box-content-middle-part2-item .item-content .item-content-count {
  font-size: 38px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0px 0px 10px 0px #bfc1ff;
  line-height: 26px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 {
  margin-top: 24px;
  width: 100%;
  height: 290px;
  padding: 15px 38px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/sanhui-bg-item.png") no-repeat center center;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box {
  padding: 36px 0 0 94px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box .dangyuan {
  overflow: hidden;
  margin-bottom: 23px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box .dangyuan .dangyuan-item {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 38px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box .dangyuan .dangyuan-item:last-child {
  margin-right: 0;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box .sanhui-other .other-item {
  overflow: hidden;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box .sanhui-other .other-item .dangyuan-item {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 38px;
  margin-bottom: 23px;
}
#part-build .part-build-box .box-content-middle .box-content-middle-part3 .dangyuan-box .sanhui-other .other-item .dangyuan-item:last-child {
  margin-right: 0;
}
#part-build .part-build-box .box-content-right {
  float: left;
  width: 486px;
  height: 918px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#part-build .part-build-box .box-content-right .box-content-right-part {
  padding: 15px 38px;
  width: 100%;
  height: 290px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/right-bg.png") no-repeat center center;
  position: relative;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member {
  position: relative;
  padding-top: 10px;
  margin-left: -30px;
  display: flex;
  justify-content: space-between;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member .map {
  width: 300px;
  height: 225px;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member .info {
  font-size: 12px;
  color: #d6d5ff;
  margin-right: 10px;
  height: 230px;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member .info i {
  margin: 0 15px;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member .info b {
  font-size: 14px;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member .info .swiper-container {
  height: 230px;
}
#part-build .part-build-box .box-content-right .box-content-right-part .box-content-right-part-member .info .swiper-container-free-mode > .swiper-wrapper {
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
#part-build .part-build-box .box-content-right .last-bg {
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%85%9A%E5%BB%BA%E5%A4%A7%E5%B1%8F/dangfei.png");
}
#part-build .part-build-box .box-content-right .last-bg .free-box {
  overflow: hidden;
  padding: 63px 0 0 46px;
}
#part-build .part-build-box .box-content-right .last-bg .free-box .free-box-item {
  float: left;
  width: 16px;
  height: 120px;
  margin-right: 14px;
}
#part-build .part-build-box .box-content-right .last-bg .free-box .free-box-item .juxingNo {
  position: relative;
  top: 107px;
}
#part-build .part-build-box .box-content-right-part-content {
  overflow: hidden;
  position: relative;
  padding: 20px 0 0 26px;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item {
  position: relative;
  float: left;
  width: 78px;
  margin-right: 225px;
  margin-bottom: 18px;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item .count-box {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item .count-box .count-des {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0px 0px 8px 0px #bfc1ff;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item .item-grade {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item .item-percent {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item:nth-child(2n) {
  margin-right: 0;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item:nth-child(2-n) {
  margin-bottom: 0;
}
#part-build .part-build-box .box-content-right-part-content .box-content-right-part-item .quan {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid #707070;
  border-radius: 50%;
  left: -17px;
  top: 52px;
}
#part-build .part-build-box .box-content-right-part-content .echarts-box {
  height: 200px;
  width: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
}
.myCommonFontSize {
  font-family: numStyle;
  font-size: 32px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 0 8px #bfc1ff;
}
.part-build-common-title {
  font-size: 20px;
  font-weight: 700;
  color: #d6d5ff;
  letter-spacing: 1px;
}

.reset-pass {
  padding-top: 60px;
}
.reset-pass .logo {
  background-color: #fff;
}
.reset-pass-box {
  padding: 60px 0;
  background-color: #f8f8f8;
}
.reset-pass-box .r1 {
  height: 184px;
  display: flex;
  padding: 50px 75px;
  flex-direction: column;
  background: #fff;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
.reset-pass-box .r1 .title {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
}
.reset-pass-box .r1 p {
  font-size: 14px;
  color: #333333;
}
.reset-pass-box .r2 {
  height: 150px;
  display: flex;
  padding: 0 75px;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin: 18px auto 0 auto;
  width: 1200px;
}
.reset-pass-box .r2 span {
  font-size: 18px;
  color: #333333;
}
.reset-pass-box .r2 .btn {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
}
.pass-loading {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pass-loading.hide {
  display: none;
}

.botOutss {
  padding-bottom: 80px;
}
.botTitleOne {
  height: 86px;
  width: 641px;
  display: block;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 63px;
}
.botTitleOneContent {
  width: 1200px;
  height: 627px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/25@3x.png');
  background-size: 100% 100%;
  margin: auto;
  padding-top: 52px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap ;
}
.botTitleOneContent .singleBlock {
  width: 399px;
  text-align: center;
}
.botTitleOneContent .singleBlock .CompanyRegairImg {
  width: 240px;
  height: 106px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/34@3x.png');
  background-size: 100% 100%;
  color: #ffffff;
  text-align: center;
  margin: auto;
  padding-top: 40px;
  margin-bottom: 20px;
}
.botTitleOneContent .singleBlock .CompanyRegairImg:hover {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/hover1.png');
}
.botTitleOneContent .singleBlock .CompanyRegairImg h3 {
  color: #ffffff;
}
.botTitleOneContent .singleBlock .CompanyRegairImg span {
  font-size: 14px;
}
.botTitleOneContent .singleBlock .priceMony {
  color: #ffdb27;
  font-size: 16px;
}
.botTitleOneContent .singleBlock .priceMony span {
  font-weight: 600;
  font-size: 30px;
  color: #ffdb27;
}
.botTitleOneContent .singleBlock .noeMony {
  font-size: 14px;
  color: #abc5ff;
  text-decoration: line-through;
}
.botTitleOneContent .singleBlock .botBut {
  height: 66px;
  width: 146px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/btnStyle.png');
  background-size: 100% 100%;
  color: #ffffff;
  padding-top: 43px;
  margin: auto;
  cursor: pointer;
}
.botTitleOneContent .singleBlock .botBut:hover {
  height: 66px;
  width: 146px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/hover@3x.png');
  background-size: 100% 100%;
  color: #ffffff;
  padding-top: 43px;
  margin: auto;
}
.indutryImg {
  height: 86px;
  width: 641px;
  display: block;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 63px;
}
.indutryContent {
  width: 1200px;
  height: 400px;
  margin: auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/recom2.png') no-repeat;
  background-size: 100% 102px;
  background-position: center 100%;
  display: flex;
  flex-direction: row;
}
.indutryContent .indutryLeft {
  width: 696px;
  margin-right: 30px;
  margin-top: 20px;
  margin-left: 81px;
}
.indutryContent .indutryLeft .indutryConSingle {
  width: 696px;
  height: 100px;
  margin-bottom: 25px;
  background-color: #7e31dd;
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  flex-direction: row;
}
.indutryContent .indutryLeft .indutryConSingle .induSingleLeft {
  height: 80px;
  width: 120px;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.indutryContent .indutryLeft .indutryConSingle .induSingleRight {
  width: 522px;
}
.indutryContent .indutryLeft .indutryConSingle .induSingleRight .singleTitle {
  font-size: 16px;
  color: #ffffff;
}
.indutryContent .indutryLeft .indutryConSingle .induSingleRight .singleContent {
  font-size: 14px;
  color: #bbd0ff;
  margin-top: 15px;
}
.indutryContent .indutryLeft .indutryConSingle .induSingleRight .singleContent .lookAll {
  font-size: 14px;
  color: #ffffff;
}
.indutryContent .indutryRight {
  height: 370px;
  width: 322px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/44@3x.png');
  background-size: 100% 100%;
  padding: 35px 20px 30px 20px;
  text-align: center;
}
.indutryContent .indutryRight .companyGuide {
  font-size: 24px;
  color: #333333;
}
.indutryContent .indutryRight .compass {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap ;
}
.indutryContent .indutryRight .compass .compassSingle {
  width: 140px;
  height: 60px;
  line-height: 62px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  border-top: 1px #e3e3e3 solid;
  border-right: 1px #e3e3e3 solid;
}
.indutryContent .indutryRight .compass .compassSingle a {
  font-size: 16px;
  color: #333333;
}
.indutryContent .indutryRight .compass .compassSingle span:hover {
  color: #e60012;
}
.indutryContent .indutryRight .compass .compassSingle:nth-child(even) {
  border-right: none;
}
.indutryContent .indutryRight .compass .compassSingle:nth-child(-n+2) {
  border-top: none;
}
.indutryContent .indutryRight .compassBotBut {
  height: 46px;
  width: 280px;
  border-radius: 23px;
  background-color: #aa3cd7;
  margin: auto;
  margin-top: 28px;
  font-size: 16px;
  color: #ffffff;
}
.indutryContent .indutryRight .compassBotBut a {
  font-size: 16px;
  color: #ffffff;
}
.indutryContent .indutryRight .compassBotBut a span {
  width: 50%;
  height: 22px;
  display: inline-block;
  margin-top: 13px;
}
.indutryContent .indutryRight .compassBotBut a .compassSpan1 {
  border-right: 1px #ffffff solid;
}
.botImgLast {
  height: 86px;
  width: 641px;
  display: block;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 63px;
}
.divImgLsat {
  width: 1100px;
  height: 240px;
  display: flex;
  flex-direction: row;
  margin: auto;
}
.divImgLsat a {
  margin-right: 25px;
}
.divImgLsat a img {
  width: 350px;
  height: 240px;
}
.divImgLsat a:last-child {
  margin-right: 0px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.pc {
  width: 100%;
}
.phoneIndexBox {
  display: none;
}
.patentActiveBox {
  width: 100%;
}
.patentActiveBox .patentBannerBox {
  width: 100%;
  height: 777px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/banner.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.patentActiveBox .bodyBox {
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/body.jpg") no-repeat center center;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox {
  position: relative;
  width: 100%;
  height: 174px;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase {
  position: absolute;
  top: -87px;
  left: 0;
  right: 0;
  width: 1120px;
  height: 174px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase img {
  width: 100%;
  height: 100%;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase .btn1,
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase .btn2 {
  position: absolute;
  top: 77px;
  width: 153px;
  height: 67px;
  box-sizing: border-box;
  padding-top: 44px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/btnStyle.png");
  color: #fff;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase .btn1:hover,
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase .btn2:hover {
  color: #ffdb27;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase .btn1 {
  left: 476px;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .oneMoneyPurchase .btn2 {
  left: 816px;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .fontBox {
  position: absolute;
  top: 105px;
  left: 50%;
  margin-left: -404px;
  width: 808px;
  height: 39px;
  color: #bc4ddc;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .fontBox p:nth-child(1) span:nth-child(1) {
  margin-right: 100px;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .fontBox p:nth-child(2) {
  margin-left: 113px;
}
.patentActiveBox .bodyBox .oneMoneyPurchaseBox .fontBox p:nth-child(2) span:nth-child(1) {
  margin-right: 38px;
}
.patentActiveBox .bodyBox .recommendBox {
  width: 100%;
}
.patentActiveBox .bodyBox .recommendBox .recommend {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px 0 0;
}
.patentActiveBox .bodyBox .recommendBox .recommend .titleImg {
  width: 641px;
  height: 86px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .recommendBox .recommend .titleImg img {
  width: 100%;
  height: 100%;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox {
  position: relative;
  width: 973px;
  height: 245px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 114px 0 82px;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox {
  position: absolute;
  bottom: -50px;
  width: 973px;
  height: 245px;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .leftBox,
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox {
  float: left;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .leftBox {
  width: 299px;
  height: 245px;
  margin-right: 44px;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .leftBox img {
  width: 100%;
  height: 100%;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox {
  width: 434px;
  margin-top: 20px;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .title {
  font-size: 22px;
  height: 22px;
  color: #fff;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .desc {
  width: 434px;
  margin: 18px 0 15px;
  font-size: 14px;
  color: #abc5ff;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .centerBox .price,
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .centerBox .curPrice {
  float: left;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .centerBox .price {
  margin-right: 20px;
  color: #fff;
  text-shadow: 0 0 10px rgba(209, 51, 86, 0.5);
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .centerBox .price span {
  font-size: 36px;
  color: #fefefe;
  text-shadow: 0 0 10px rgba(209, 51, 86, 0.5);
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .centerBox .curPrice {
  padding-top: 20px;
  text-decoration: line-through;
  font-size: 14px;
  color: #abc5ff;
  text-shadow: 0 0 10px rgba(209, 51, 86, 0.5);
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .bottomBox div {
  float: left;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .bottomBox div:nth-child(1) {
  width: 172px;
  height: 77px;
  padding-top: 45px;
  font-size: 17px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/btnStyle1.png");
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .bottomBox div:nth-child(1):hover {
  color: #ffdb27;
}
.patentActiveBox .bodyBox .recommendBox .recommend .contentBox .topBox .rightBox .bottomBox div:nth-child(2) {
  padding-top: 50px;
  font-size: 14px;
  color: #ffd9f8;
}
.patentActiveBox .bodyBox .recommendBox .recommend .botBox {
  width: 973px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .protectBox {
  width: 100%;
  margin-top: 80px;
}
.patentActiveBox .bodyBox .protectBox .protect {
  width: 1201px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .protectBox .protect .protectTitleImg {
  width: 641px;
  height: 86px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .protectBox .protect .protectTitleImg img {
  width: 100%;
  height: 100%;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox {
  position: relative;
  width: 1201px;
  height: 627px;
  margin: 63px auto 0;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/protect1.png");
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box {
  position: absolute;
  width: 240px;
  height: 285px;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .title {
  width: 240px;
  height: 106px;
  box-sizing: border-box;
  padding-top: 35px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/titleStyle.png");
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .title p:nth-child(1) {
  font-size: 18px;
  color: #fff;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .title p:nth-child(2) {
  font-size: 14px;
  color: #fff;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .price {
  color: #ffdb27;
  text-align: center;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .price span {
  font-size: 26px;
  font-weight: 600;
  color: #ffdb27;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .curPrice {
  text-align: center;
  text-decoration: line-through;
  font-size: 14px;
  color: #abc5ff;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .btn {
  margin: 30px auto 0;
  width: 146px;
  height: 66px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/btnStyle.png");
  background-size: 100% 100%;
  padding-top: 38px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box .btn:hover {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/hover2.png");
  background-size: 100% 100%;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:hover .title {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/hover1.png");
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(1) {
  top: 52px;
  left: 95px;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(2) {
  top: 52px;
  left: 470px;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(3) {
  top: 52px;
  left: 860px;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(4) {
  bottom: 0;
  left: 95px;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(5) {
  width: 352px;
  bottom: 0;
  left: 420px;
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(5) .title {
  width: 352px;
  height: 106px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/titleStyle1.png");
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(5):hover .title {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/hover3.png");
}
.patentActiveBox .bodyBox .protectBox .protect .protectContentBox .box:nth-child(6) {
  bottom: 0;
  left: 860px;
}
.patentActiveBox .bodyBox .registerBox {
  width: 100%;
  margin-top: 80px;
}
.patentActiveBox .bodyBox .registerBox .register {
  width: 1200px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .registerBox .registerTitleImg {
  width: 641px;
  height: 86px;
  margin: 0 auto;
}
.patentActiveBox .bodyBox .registerBox .registerTitleImg img {
  width: 100%;
  height: 100%;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox {
  overflow: hidden;
  width: 1200px;
  height: 396px;
  margin-top: 50px;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box {
  float: left;
  margin: 0 24px 30px 0;
  width: 384px;
  height: 183px;
  box-sizing: border-box;
  padding: 41px 34px 27px 33px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/register1.png");
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .title,
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .subtitle {
  color: #fff;
  text-align: center;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .title {
  font-size: 18px;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .subtitle {
  font-size: 14px;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .botBox .leftBox {
  float: left;
  margin: 15px 0 0 20px;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .botBox .leftBox .price {
  color: #ffdb27;
  text-align: center;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .botBox .leftBox .price span {
  font-weight: 600;
  font-size: 26px;
  color: #ffdb27;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .botBox .leftBox .curPrice {
  text-align: center;
  text-decoration: line-through;
  font-size: 14px;
  color: #abc5ff;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .botBox .rightBox {
  float: right;
  width: 146px;
  height: 66px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/btnStyle.png");
  background-size: 100% 100%;
  padding-top: 38px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box .botBox .rightBox:hover {
  height: 66px;
  width: 146px;
  margin: 0 auto;
  background-size: 100% 100%;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/hover2.png");
}
.patentActiveBox .bodyBox .registerBox .registerContentBox .box:nth-child(3),
.patentActiveBox .bodyBox .registerBox .registerContentBox .box:nth-child(6) {
  margin-right: 0;
}
/* @media screen and (max-width: 1500px) {
    html{
        font-size:100px;
    }
    .patentActiveBox{
		width:100%;
		.patentBannerBox{
			width:100%;
			height:730px;
			img{
				width:100%;
				height:100%;
			}
		}
	}
} */
@media screen and (max-width: 996px) {
  html {
    font-size: 100px;
  }
  .pc {
    display: none;
  }
  .phoneIndexBox {
    display: block;
    width: 100%;
  }
}

.phoneActiveComBot {
  width: 100%;
}
.phoneActiveComBot .registerTitle {
  margin-top: 70px;
  width: 3.21rem;
  height: 0.5rem;
  display: block;
  margin: auto;
  margin-bottom: 34px;
}
.phoneActiveComBot .showList {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap ;
  margin-bottom: 34px;
  position: relative;
}
.phoneActiveComBot .showList .showListSingle {
  width: 44%;
  height: 1.5rem;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/moblie42@3x.png');
  background-size: 100% 100%;
  padding-top: 0.17px;
  text-align: center;
  margin-left: 4%;
  margin-bottom: 30px;
}
.phoneActiveComBot .showList .showListSingle .phoneTopTile {
  margin-top: 0.14rem;
  font-size: 14px;
  color: #ffffff;
}
.phoneActiveComBot .showList .showListSingle span {
  font-size: 10px;
  color: #ffffff;
}
.phoneActiveComBot .showList .showListSingle .phonePrice {
  font-size: 10px;
  color: #ffdb27;
}
.phoneActiveComBot .showList .showListSingle .phonePrice span {
  font-size: 18px;
  color: #ffdb27;
}
.phoneActiveComBot .showList .showListSingle .phoneOrigal {
  font-size: 10px;
  color: #abc5ff;
  text-decoration: line-through;
  margin-bottom: 10px;
}
.phoneActiveComBot .showList .showListSingle .phoneSingleBot {
  padding-top: 9px;
  margin: auto;
  width: 0.9rem;
  height: 0.26rem;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone2886@3x.png');
  background-size: 100% 100%;
  font-size: 12px;
  color: #ffffff;
}
.phoneActiveComBot .serverTitle {
  width: 3.21rem;
  height: 0.5rem;
  display: block;
  margin: auto;
  margin-bottom: 34px;
}
.phoneActiveComBot .phoneServerList {
  height: 4.55rem;
  width: 3.46rem;
  margin: auto;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone25@3x.png');
  background-size: 100% 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap ;
  padding: 0.15rem 0.2rem 0rem 0.2rem;
  margin-bottom: 37px;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle {
  width: 1.52rem;
  height: 1.43rem;
  color: #ffffff;
  text-align: center;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phoneTopSerImg {
  width: 1.4rem;
  height: 0.59rem;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone34@3x.png');
  background-size: 100% 100%;
  margin: auto;
  padding-top: 0.15rem;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phoneTopSerImg .phoneSerT {
  font-size: 13px;
  color: #ffffff;
  display: block;
  margin: auto;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phoneTopSerImg span {
  font-size: 9px;
  display: block;
  margin: auto;
  color: #ffffff;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phonePriseSer {
  font-size: 0.1rem;
  color: #ffdb27;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phonePriseSer span {
  font-size: 0.18rem;
  color: #ffdb27;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phoneNowMony {
  font-size: 0.1rem;
  color: #abc5ff;
  text-decoration: line-through;
  margin-bottom: 6px;
}
.phoneActiveComBot .phoneServerList .phoneServerSingle .phoneServerBut {
  width: 0.9rem;
  height: 0.26rem;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone2886@3x.png');
  background-size: 100% 100%;
  margin: auto;
  padding-top: 8px;
  font-size: 12px;
  color: #ffffff;
}
.phoneActiveComBot .phoneLike {
  width: 3.21rem;
  height: 0.5rem;
  display: block;
  margin: auto;
  margin-bottom: 34px;
}
.phoneActiveComBot .phoneLikeContent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-bottom: 120px;
}
.phoneActiveComBot .phoneLikeContent img {
  height: 1.2rem;
  width: 1.65rem;
}
.phoneActiveComBot .lastBotDiv {
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  background: -webkit-linear-gradient(top, #e55bcd, #a035ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #e55bcd, #a035ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #e55bcd, #a035ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #e55bcd, #a035ff);
  /* 标准的语法 */
}
.phoneActiveComBot .lastBotDiv div {
  position: relative;
  display: flex;
  flex: 1;
  line-height: 50px;
  font-size: 14px;
  color: #ffffff;
  justify-content: center;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.phoneActiveComBot .lastBotDiv div a {
  font-size: 14px;
  color: #ffffff;
}
.phoneActiveComBot .lastBotDiv div .botFreeDiv {
  width: 0.53rem;
  height: 0.54rem;
  position: absolute;
  margin-left: -0.265rem;
  left: 50%;
  top: -0.4rem;
}
.phoneActiveComBot .lastBotDiv div .botFreeDiv img {
  height: 100%;
  width: 100%;
}

.phonePatentBox {
  background: #4318a7;
  width: 100%;
  position: relative;
}
.phonePatentBox .phoneHeaderBox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.44rem;
  background: #fff;
  box-shadow: 0 0.03rem 0.04rem 0.015rem rgba(19, 78, 90, 0.1);
  z-index: 99;
}
.phonePatentBox .phoneHeaderBox .logoBox {
  float: left;
  width: 0.62rem;
  height: 0.3rem;
  margin: 0.1rem;
}
.phonePatentBox .phoneHeaderBox .logoBox .comlogo {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneHeaderBox .telImageBox {
  float: right;
  width: 0.2rem;
  height: 0.2rem;
  margin: 0.12rem 0.12rem 0.12rem 0;
}
.phonePatentBox .phoneHeaderBox .telImageBox img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneBannerBox {
  width: 100%;
  height: 2.94rem;
  margin-top: 0.44rem;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone1.png") no-repeat;
  background-size: 100% 100%;
}
.phonePatentBox .phoneOneMoneyBox {
  position: relative;
  width: 100%;
  height: 2rem;
  box-sizing: border-box;
  padding: 0 0.15rem 0 0.14rem;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney {
  position: absolute;
  top: -0.15rem;
  margin: 0 auto;
  width: 95%;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box {
  position: relative;
  float: left;
  margin-right: 0.16rem;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box .phoneBtn {
  position: absolute;
  left: 50%;
  margin-left: -0.45rem;
  bottom: -0.1rem;
  width: 0.9rem;
  height: 0.26rem;
  line-height: 0.26rem;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone5.png") no-repeat;
  background-size: cover;
  color: #ffdb27;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box:nth-child(1) {
  width: 22%;
  height: 1.78rem;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone2.png") no-repeat;
  background-size: 100% 100%;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box:nth-child(1) img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box:nth-child(2) {
  width: 33%;
  height: 1.65rem;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone3.png") no-repeat;
  background-size: 100% 100%;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box:nth-child(2) img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box:nth-child(3) {
  width: 33%;
  height: 1.65rem;
  margin-right: 0;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone4.png") no-repeat;
  background-size: 100% 100%;
}
.phonePatentBox .phoneOneMoneyBox .phoneOneMoney .box:nth-child(3) img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneFontBox {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.15rem;
}
.phonePatentBox .phoneFontBox .phoneLeft {
  float: left;
  font-size: 9px;
  color: #ce4ddc;
  width: 28%;
}
.phonePatentBox .phoneFontBox .phoneRight {
  float: left;
  width: 72%;
}
.phonePatentBox .phoneFontBox .phoneRight p {
  font-size: 9px;
  color: #ce4ddc;
}
.phonePatentBox .phoneRecommondBox {
  width: 100%;
  margin-top: 0.36rem;
}
.phonePatentBox .phoneRecommondBox .titleBox {
  width: 3.21rem;
  height: 0.52rem;
  margin: 0 auto;
}
.phonePatentBox .phoneRecommondBox .titleBox img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneRecommondBox .titleImg {
  width: 3.25rem;
  height: 0.43rem;
  margin: 0 auto;
}
.phonePatentBox .phoneRecommondBox .titleImg img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneRecommondBox .contentBox {
  position: relative;
  width: 3.45rem;
  height: 1.3rem;
  margin: 0 auto;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox {
  position: absolute;
  bottom: -0.2rem;
  width: 100%;
  height: 1.3rem;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .leftBox,
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox {
  float: left;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .leftBox {
  width: 1.58rem;
  height: 1.3rem;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .leftBox img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox {
  width: 1.87rem;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .title {
  font-size: 14px;
  color: #fff;
  margin-left: 0.15rem;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .desc {
  width: 1.72rem;
  margin: 0.07rem 0 0.1rem;
  font-size: 10px;
  color: #abc5ff;
  margin-left: 0.15rem;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .centerBox {
  margin-left: 0.15rem;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .centerBox .price,
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .centerBox .curPrice {
  float: left;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .centerBox .price {
  margin-right: 0.09rem;
  color: #fff;
  text-shadow: 0 0 0.05rem rgba(209, 51, 86, 0.5);
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .centerBox .price span {
  font-size: 24px;
  color: #fefefe;
  text-shadow: 0 0 0.05rem rgba(209, 51, 86, 0.5);
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .centerBox .curPrice {
  padding-top: 0.1rem;
  text-decoration: line-through;
  font-size: 11px;
  color: #abc5ff;
  text-shadow: 0 0 10px rgba(209, 51, 86, 0.5);
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .bottomBox div {
  float: left;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .bottomBox div:nth-child(1) {
  width: 0.85rem;
  height: 0.26rem;
  line-height: 0.27rem;
  font-size: 11px;
  text-align: center;
  color: #fff;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone5.png") no-repeat;
  background-size: cover;
}
.phonePatentBox .phoneRecommondBox .contentBox .topBox .rightBox .bottomBox div:nth-child(2) {
  padding-top: 0.08rem;
  font-size: 10px;
  color: #ffd9f8;
}
.phonePatentBox .phoneRecommondBox .botBox {
  width: 3.45rem;
  margin: 0 auto;
}
.phonePatentBox .phoneRecommondBox .botBox img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneRecommondBoxs {
  width: 100%;
  margin-top: 0.37rem;
  margin-bottom: 0.37rem;
}
.phonePatentBox .phoneRecommondBoxs .titleBox {
  width: 3.21rem;
  height: 0.52rem;
  margin: 0 auto 0.325rem;
}
.phonePatentBox .phoneRecommondBoxs .titleBox img {
  width: 100%;
  height: 100%;
}
.phonePatentBox .phoneRecommondBoxs .contentBox {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.15rem 0 0.145rem;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content {
  position: relative;
  width: 3.455rem;
  height: 4.55rem;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/moblie25@3x.png") no-repeat;
  background-size: cover;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .titleBoxs {
  width: 1.4rem;
  height: 0.59rem;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone10.png") no-repeat;
  background-size: cover;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .titleBoxs p {
  text-align: center;
  color: #fff;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .titleBoxs p:nth-child(1) {
  padding-top: 0.16rem;
  font-size: 10px;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .titleBoxs p:nth-child(2) {
  font-size: 7px;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .price {
  margin-top: 0.05rem;
  font-size: 8px;
  color: #ffdb27;
  text-align: center;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .price span {
  font-size: 14px;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .subprice {
  text-align: center;
  margin-bottom: 0.08rem;
  text-decoration: line-through;
  color: #abc5ff;
  font-size: 9px;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box .btn {
  width: 0.9rem;
  height: 0.26rem;
  margin: 0 auto;
  padding-top: 0.08rem;
  font-size: 11px;
  text-align: center;
  color: #fff;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patentActive/phone5.png") no-repeat;
  background-size: cover;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box:nth-child(1) {
  top: 0.17rem;
  left: 0.28rem;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box:nth-child(2) {
  top: 0.17rem;
  left: 1.9rem;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box:nth-child(3) {
  top: 1.6rem;
  left: 0.28rem;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box:nth-child(4) {
  top: 1.6rem;
  left: 1.9rem;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box:nth-child(5) {
  top: 3.1rem;
  left: 0.28rem;
}
.phonePatentBox .phoneRecommondBoxs .contentBox .content .box:nth-child(6) {
  top: 3.1rem;
  left: 1.9rem;
}

.patentDetail {
  padding-top: 60px;
  width: 100%;
  background: #f8fafc;
  overflow: hidden;
}
.patentDetail .orderContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.patentDetail .orderContainer .orderModal {
  position: relative;
  width: 470px;
  height: 575px;
  background: #fff;
}
.patentDetail .orderContainer .orderModal img {
  position: absolute;
  right: 20px;
  top: 22px;
}
.patentDetail .orderContainer .orderModal p:nth-of-type(1) {
  margin-top: 40px;
  font-size: 22px;
  line-height: 1.27;
  letter-spacing: 1.1px;
  text-align: center;
  color: #000000;
}
.patentDetail .orderContainer .orderModal div:nth-child(3) {
  margin-top: 25px;
}
.patentDetail .orderContainer .orderModal div:nth-child(3) span:nth-of-type(1) {
  padding-left: 65px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentDetail .orderContainer .orderModal div:nth-child(3) span:nth-of-type(2) {
  padding-left: 25px;
  font-size: 14px;
  line-height: 2;
  color: #666666;
}
.patentDetail .orderContainer .orderModal div:nth-child(4) {
  margin-top: 15px;
}
.patentDetail .orderContainer .orderModal div:nth-child(4) span:nth-of-type(1) {
  padding-left: 65px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentDetail .orderContainer .orderModal div:nth-child(4) span:nth-of-type(2) {
  padding-left: 24px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #f38400;
}
.patentDetail .orderContainer .orderModal div:nth-child(4) span:nth-of-type(3) {
  margin-top: -11px;
  font-size: 30px;
  color: #f38400;
}
.patentDetail .orderContainer .orderModal div:nth-child(4) span:nth-of-type(4) {
  font-size: 14px;
  color: #666;
}
.patentDetail .orderContainer .orderModal div:nth-child(6) {
  margin-bottom: 15px;
}
.patentDetail .orderContainer .orderModal div:nth-child(6) span {
  padding-left: 51px;
  margin-top: 51px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentDetail .orderContainer .orderModal div:nth-child(6) input {
  margin-top: 20px;
  height: 36px;
  width: 339px;
  margin-left: 15px;
  padding-left: 21px;
}
.patentDetail .orderContainer .orderModal div:nth-child(7) {
  margin-left: 23%;
}
.patentDetail .orderContainer .orderModal div:nth-child(7) div div:nth-child(3) {
  margin-top: 0;
}
.patentDetail .orderContainer .orderModal div:nth-child(7) div div:nth-child(3) span:nth-of-type(1) {
  padding-left: 0;
}
.patentDetail .orderContainer .orderModal div:nth-child(8) span:nth-of-type(1) {
  margin-top: 52px;
  padding-left: 51px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentDetail .orderContainer .orderModal div:nth-child(8) input {
  margin-top: 20px;
  height: 36px;
  width: 230px;
  margin-left: 15px;
  padding-left: 21px;
}
.patentDetail .orderContainer .orderModal div:nth-child(8) span:nth-of-type(2) {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  height: 36px;
  width: 97px;
  background-color: #397ecd;
  font-size: 14px;
  line-height: 36px;
  letter-spacing: 0.7px;
  color: #fff;
}
.patentDetail .orderContainer .orderModal div:nth-child(9) span:nth-of-type(1) {
  font-size: 14px;
  margin-left: 63px;
  margin-top: 41px;
  color: #333;
  line-height: 2;
  letter-spacing: 0.7px;
}
.patentDetail .orderContainer .orderModal div:nth-child(9) input {
  height: 36px;
  width: 336px;
  margin-left: 19px;
  margin-top: 20px;
  padding-left: 21px;
}
.patentDetail .orderContainer .orderModal p:nth-of-type(2) {
  width: 356px;
  height: 46px;
  background-color: #397ecd;
  margin: 20px 0 0 50px;
  text-align: center;
  line-height: 46px;
  letter-spacing: 0.7px;
  color: #ffffff;
  font-size: 14px;
}
.patentDetail .detail-top {
  width: 100%;
  height: 580px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/banner1.png") no-repeat center;
  position: relative;
}
.patentDetail .detail-top .detail-topBox {
  width: 1200px;
  height: 440px;
  margin: 0 auto;
  padding-top: 175px;
}
.patentDetail .detail-top .detail-topBox .top-left {
  float: left;
  width: 854px;
  height: 436px;
  margin-right: 1%;
  box-sizing: border-box;
  padding: 38px 45px;
  background: #fff;
  box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.patentDetail .detail-top .detail-topBox .top-left .left-title {
  width: 764px;
  font-size: 24px;
  color: #333;
  font-weight: 900;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patentDetail .detail-top .detail-topBox .top-left .left-des {
  width: 809px;
  height: 38px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.patentDetail .detail-top .detail-topBox .top-left .left-des p {
  font-size: 14px;
  color: #666;
  width: 740px;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul {
  width: 809px;
  height: 120px;
  border-bottom: 1px solid #eee;
  margin-top: 24px;
  overflow: hidden;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul .ul-left {
  float: left;
  width: 180px;
  margin-right: 140px;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul .ul-left span {
  font-size: 14px;
  color: #999;
  display: block;
  margin-bottom: 16px;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul .ul-left span i {
  color: #333;
  font-style: normal;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul .ul-right {
  float: left;
  width: 180px;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul .ul-right span {
  font-size: 14px;
  color: #999;
  display: block;
  margin-bottom: 16px;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul .ul-right span i {
  color: #333;
  font-style: normal;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul ul {
  width: 700px;
  overflow: hidden;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul ul li {
  list-style-type: disc;
  float: left;
  font-size: 14px;
  color: #999;
  margin-right: 140px;
}
.patentDetail .detail-top .detail-topBox .top-left .left-ul ul li i {
  color: #333;
  font-style: normal;
}
.patentDetail .detail-top .detail-topBox .top-left .left-price {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}
.patentDetail .detail-top .detail-topBox .top-left .left-price span {
  font-size: 30px;
  color: #ff6900;
}
.patentDetail .detail-top .detail-topBox .top-left .left-price span i {
  font-style: normal;
  font-size: 14px;
  color: #ff6900;
}
.patentDetail .detail-top .detail-topBox .top-left .left-btn {
  width: 260px;
  height: 47px;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background: #397ecd;
  text-align: center;
  line-height: 47px;
  margin-top: 12px;
  cursor: pointer;
}
.patentDetail .detail-top .detail-topBox .top-left .left-btn:hover {
  background-color: #628eff;
}
.patentDetail .detail-top .detail-topBox .top-right {
  float: left;
  width: 327px;
  height: 436px;
  background: #fff;
  box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.patentDetail .detail-top .detail-topBox .top-right .right-title {
  margin: 40px 0 14px 40px;
  font-size: 24px;
  color: #333;
}
.patentDetail .detail-top .detail-topBox .top-right .right-des {
  margin-left: 40px;
  font-size: 14px;
  color: #666;
}
.patentDetail .detail-top .detail-topBox .top-right .right-input1 {
  width: 250px;
  height: 36px;
  border: 1px solid #f1f1f1;
  padding-left: 9px;
  margin: 30px 0 26px 40px;
}
.patentDetail .detail-top .detail-topBox .top-right .right-input2 {
  width: 250px;
  height: 36px;
  border: 1px solid #f1f1f1;
  padding-left: 9px;
  margin: 0 0 26px 40px;
}
.patentDetail .detail-top .detail-topBox .top-right .right-btn {
  width: 248px;
  height: 60px;
  border-bottom: 1px solid #eee;
  margin-left: 40px;
}
.patentDetail .detail-top .detail-topBox .top-right .right-btn span {
  width: 100%;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  background: #397ecd;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.patentDetail .detail-top .detail-topBox .top-right .right-btn span:hover {
  background-color: #628eff;
}
.patentDetail .detail-top .detail-topBox .top-right .right-bottom {
  width: 250px;
  margin: 18px auto 0;
}
.patentDetail .detail-top .detail-topBox .top-right .right-bottom .bottom-title {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.patentDetail .detail-top .detail-topBox .top-right .right-bottom ul {
  width: 210px;
  overflow: hidden;
  margin-left: 30px;
  margin-top: 14px;
  padding-left: 20px;
}
.patentDetail .detail-top .detail-topBox .top-right .right-bottom ul li {
  list-style-type: disc;
  float: left;
  margin-right: 64px;
  font-size: 12px;
  color: #666;
}
.patentDetail .detail-top .detail-topBox .top-right .right-bottom ul li:nth-child(2n+2) {
  margin-right: 0;
}
.patentDetail .detail-center {
  width: 1200px;
  background: #fff;
  margin: 80px auto 0;
  overflow: hidden;
}
.patentDetail .detail-center .center-intro {
  margin: 38px 0 23px 36px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  border-left: 3px solid #397ecd;
  padding-left: 10px;
}
.patentDetail .detail-center .intro {
  margin-left: 36px;
  margin-bottom: 60px;
  width: 1130px;
  font-size: 14px;
  color: #666;
  line-height: 1.86;
}
.patentDetail .detail-center .center-inter {
  margin: 0 0 24px 36px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  border-left: 3px solid #397ecd;
  padding-left: 10px;
}
.patentDetail .detail-center .center-table {
  width: 1123px;
  margin: 0 auto 60px;
  border: 1px solid #f1f1f1;
}
.patentDetail .detail-center .center-table .table-top {
  width: 100%;
  height: 60px;
  background: #eaf4ff;
}
.patentDetail .detail-center .center-table .table-top span {
  display: inline-block;
  height: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.patentDetail .detail-center .center-table .table-bottom {
  height: 96px;
}
.patentDetail .detail-center .center-table .table-bottom span {
  display: inline-block;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patentDetail .detail-center .center-buy {
  margin: 0 0 24px 36px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  border-left: 3px solid #397ecd;
  padding-left: 10px;
}
.patentDetail .detail-center .center-ul {
  margin-left: 36px;
  margin-bottom: 60px;
  overflow: hidden;
}
.patentDetail .detail-center .center-ul .center-li {
  float: left;
  width: 140px;
  margin-right: 28px;
}
.patentDetail .detail-center .center-ul .center-li:last-child {
  margin-right: 0;
}
.patentDetail .detail-center .center-ul .center-li .li-img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  margin: 0 auto 30px;
}
.patentDetail .detail-center .center-ul .center-li .img-right {
  display: block;
  margin-top: 42px;
}
.patentDetail .detail-center .center-ul .center-li .li-title {
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-bottom: 18px;
}
.patentDetail .detail-center .center-ul .center-li .li-des {
  font-size: 14px;
  color: #999;
  text-align: center;
}
.patentDetail .detail-center .center-ul .li-right {
  width: 50px;
}
.patentDetail .detail-center .center-home {
  margin: 0 0 24px 36px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  border-left: 3px solid #397ecd;
  padding-left: 10px;
}
.patentDetail .detail-center .home {
  margin-left: 36px;
  margin-bottom: 50px;
  overflow: hidden;
}
.patentDetail .detail-center .home .home-left {
  float: left;
  width: 480px;
  height: 240px;
  border: 1px solid #f1f1f1;
}
.patentDetail .detail-center .home .home-left .left-top {
  width: 100%;
  height: 60px;
  background: #eaf4ff;
}
.patentDetail .detail-center .home .home-left .left-top p {
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #333;
}
.patentDetail .detail-center .home .home-left .left-center {
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #f1f1f1;
}
.patentDetail .detail-center .home .home-left .left-center span {
  display: inline-block;
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 54px;
}
.patentDetail .detail-center .home .home-left .left-bottom {
  width: 100%;
  height: 124px;
  overflow: hidden;
}
.patentDetail .detail-center .home .home-left .left-bottom .bottom-left {
  float: left;
  width: 50%;
  height: 100%;
  text-align: center;
}
.patentDetail .detail-center .home .home-left .left-bottom .bottom-left .left-p {
  font-size: 14px;
  color: #666;
  width: 124px;
  margin: 29px auto 0;
}
.patentDetail .detail-center .home .home-left .left-bottom .bottom-left .left-p1 {
  font-size: 14px;
  color: #666;
  width: 124px;
  margin: 50px auto 0;
}
.patentDetail .detail-center .home .home-center {
  width: 298px;
  height: 240px;
  float: left;
  margin-left: 22px;
  border: 1px solid #f1f1f1;
}
.patentDetail .detail-center .home .home-center .center-top {
  width: 100%;
  height: 60px;
  background: #eaf4ff;
  line-height: 60px;
}
.patentDetail .detail-center .home .home-center .center-top p {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.patentDetail .detail-center .home .home-center .center-bottom {
  width: 100%;
  height: 180px;
}
.patentDetail .detail-center .home .home-center .center-bottom p {
  width: 97px;
  margin: 70px auto 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.patentDetail .detail-center .home .home-right {
  width: 298px;
  height: 240px;
  float: left;
  margin-left: 22px;
  border: 1px solid #f1f1f1;
}
.patentDetail .detail-center .home .home-right .right-top {
  width: 100%;
  height: 60px;
  background: #eaf4ff;
  line-height: 60px;
}
.patentDetail .detail-center .home .home-right .right-top p {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.patentDetail .detail-center .home .home-right .right-bottom {
  width: 100%;
  height: 180px;
}
.patentDetail .detail-center .home .home-right .right-bottom p {
  width: 97px;
  margin: 55px auto 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.patentDetail .detail-center .center-safe {
  margin: 0 0 0 36px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  border-left: 3px solid #397ecd;
  padding-left: 10px;
}
.patentDetail .detail-center .safe-ul {
  overflow: hidden;
  margin-left: 36px;
  margin-bottom: 86px;
}
.patentDetail .detail-center .safe-ul .safe-li {
  float: left;
  width: 169px;
  margin-right: 69px;
}
.patentDetail .detail-center .safe-ul .safe-li:last-child {
  margin-right: 0;
}
.patentDetail .detail-center .safe-ul .safe-li img {
  display: block;
  margin: 0 auto 30px;
}
.patentDetail .detail-center .safe-ul .safe-li .li-title {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
.patentDetail .detail-center .safe-ul .safe-li .li-des {
  font-size: 12px;
  color: #999;
  line-height: 1.5;
  text-align: center;
}
.patentDetail .detail-bottom {
  width: 1200px;
  margin: 60px auto 100px;
  overflow: hidden;
}
.patentDetail .detail-bottom .bottom-title {
  margin-bottom: 28px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
}
.patentDetail .detail-bottom ul {
  width: 100%;
  margin-top: 30px;
  overflow: hidden;
}
.patentDetail .detail-bottom ul li {
  float: left;
  width: 282px;
  height: 360px;
  margin-right: 24px;
  margin-bottom: 24px;
}
.patentDetail .detail-bottom ul li:nth-child(4n+4) {
  margin-right: 0;
}
.patentDetail .detail-bottom ul li .hot-card {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.patentDetail .detail-bottom ul li .hot-card .card-bg-1 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/type-1.png") no-repeat center;
}
.patentDetail .detail-bottom ul li .hot-card .card-bg-2 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/type-2.png") no-repeat center;
}
.patentDetail .detail-bottom ul li .hot-card .card-bg-3 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/type-3.png") no-repeat center;
}
.patentDetail .detail-bottom ul li .hot-card .card-content {
  width: 100%;
  height: 260px;
  overflow: hidden;
  background: #feffff;
}
.patentDetail .detail-bottom ul li .hot-card .card-content .card-title {
  margin-top: 40px;
  margin-bottom: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.patentDetail .detail-bottom ul li .hot-card .card-content .card-des {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-bottom: 14px;
}
.patentDetail .detail-bottom ul li .hot-card .card-content .card-btn {
  width: 150px;
  height: 38px;
  display: block;
  text-align: center;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  background: #397ecd;
  cursor: pointer;
  margin: 26px auto;
}
.patentDetail .detail-bottom ul li .hot-card .card-content .card-btn:hover {
  background-color: #628eff;
}
#patentDetailCode .nc_scale span {
  height: 34px;
}

.patent {
  padding-top: 60px;
  background: #fff;
}
.patent #buy {
  background: #397ecd;
  border: none;
}
.patent #buy:hover {
  background-color: #628eff;
}
.patent #buys {
  background: #397ecd;
  border: none;
}
.patent #buys:hover {
  background-color: #628eff;
}
.patent .searchBox {
  width: 300px;
  margin: 0 auto;
  color: #666666;
  font-size: 14px;
}
.patent .orderContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.patent .orderContainer .orderModal {
  position: relative;
  width: 470px;
  height: 575px;
  background: #fff;
}
.patent .orderContainer .orderModal img {
  position: absolute;
  right: 20px;
  top: 22px;
}
.patent .orderContainer .orderModal p:nth-of-type(1) {
  margin-top: 40px;
  font-size: 22px;
  line-height: 1.27;
  letter-spacing: 1.1px;
  text-align: center;
  color: #000000;
}
.patent .orderContainer .orderModal div:nth-child(3) {
  margin-top: 25px;
}
.patent .orderContainer .orderModal div:nth-child(3) span:nth-of-type(1) {
  padding-left: 65px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .orderContainer .orderModal div:nth-child(3) span:nth-of-type(2) {
  padding-left: 25px;
  font-size: 14px;
  line-height: 2;
  color: #666666;
}
.patent .orderContainer .orderModal div:nth-child(4) {
  margin-top: 15px;
}
.patent .orderContainer .orderModal div:nth-child(4) span:nth-of-type(1) {
  padding-left: 65px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .orderContainer .orderModal div:nth-child(4) span:nth-of-type(2) {
  padding-left: 24px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #f38400;
}
.patent .orderContainer .orderModal div:nth-child(4) span:nth-of-type(3) {
  margin-top: -11px;
  font-size: 30px;
  color: #f38400;
}
.patent .orderContainer .orderModal div:nth-child(4) span:nth-of-type(4) {
  font-size: 14px;
  color: #666;
}
.patent .orderContainer .orderModal div:nth-child(6) {
  margin-bottom: 15px;
}
.patent .orderContainer .orderModal div:nth-child(6) span {
  padding-left: 51px;
  margin-top: 51px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .orderContainer .orderModal div:nth-child(6) input {
  margin-top: 20px;
  height: 36px;
  width: 339px;
  margin-left: 15px;
  padding-left: 21px;
}
.patent .orderContainer .orderModal div:nth-child(7) {
  margin-left: 23%;
}
.patent .orderContainer .orderModal div:nth-child(7) div div:nth-child(3) {
  margin-top: 0;
}
.patent .orderContainer .orderModal div:nth-child(7) div div:nth-child(3) span:nth-of-type(1) {
  padding-left: 0;
}
.patent .orderContainer .orderModal div:nth-child(8) span:nth-of-type(1) {
  margin-top: 52px;
  padding-left: 51px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .orderContainer .orderModal div:nth-child(8) input {
  margin-top: 20px;
  height: 36px;
  width: 230px;
  margin-left: 15px;
  padding-left: 21px;
}
.patent .orderContainer .orderModal div:nth-child(8) span:nth-of-type(2) {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  height: 36px;
  width: 97px;
  background-color: #397ecd;
  font-size: 14px;
  line-height: 36px;
  letter-spacing: 0.7px;
  color: #fff;
}
.patent .orderContainer .orderModal div:nth-child(9) span:nth-of-type(1) {
  font-size: 14px;
  margin-left: 63px;
  margin-top: 41px;
  color: #333;
  line-height: 2;
  letter-spacing: 0.7px;
}
.patent .orderContainer .orderModal div:nth-child(9) input {
  height: 36px;
  width: 336px;
  margin-left: 19px;
  margin-top: 20px;
  padding-left: 21px;
}
.patent .orderContainer .orderModal p:nth-of-type(2) {
  width: 356px;
  height: 46px;
  background-color: #397ecd;
  margin: 20px 0 0 50px;
  text-align: center;
  line-height: 46px;
  letter-spacing: 0.7px;
  color: #ffffff;
  font-size: 14px;
}
.patent .modalContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.patent .modalContainer .modal {
  position: relative;
  width: 450px;
  height: 415px;
  background: #fff;
}
.patent .modalContainer .modal img {
  position: absolute;
  right: 20px;
  top: 22px;
}
.patent .modalContainer .modal p:nth-of-type(1) {
  margin-top: 40px;
  font-size: 22px;
  line-height: 1.27;
  letter-spacing: 1.1px;
  text-align: center;
  color: #000000;
}
.patent .modalContainer .modal div:nth-of-type(1) {
  margin-top: 48px;
}
.patent .modalContainer .modal div:nth-of-type(1) span {
  padding-left: 55px;
  height: 36px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .modalContainer .modal div:nth-of-type(1) input {
  padding-left: 21px;
  margin-left: 14px;
  height: 36px;
  width: 280px;
}
.patent .modalContainer .modal div:nth-of-type(2) {
  margin-top: 30px;
}
.patent .modalContainer .modal div:nth-of-type(2) span {
  padding-left: 68px;
  height: 36px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .modalContainer .modal div:nth-of-type(2) input {
  padding-left: 21px;
  margin-left: 14px;
  height: 36px;
  width: 280px;
}
.patent .modalContainer .modal div:nth-of-type(3) {
  margin-top: 30px;
}
.patent .modalContainer .modal div:nth-of-type(3) span {
  padding-left: 83px;
  height: 36px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patent .modalContainer .modal div:nth-of-type(3) input {
  padding-left: 21px;
  margin-left: 14px;
  height: 36px;
  width: 280px;
}
.patent .modalContainer .modal p:nth-of-type(2) {
  margin: 38px 0 0 50px;
  height: 46px;
  width: 356px;
  background-color: #397ecd;
  line-height: 46px;
  text-align: center;
  color: #fff;
}
.patent .patent-banner {
  width: 100%;
  height: 580px;
  margin-bottom: 30px;
  overflow: hidden;
}
.patent .patent-banner .banner-img {
  height: 580px;
  position: relative;
  overflow: hidden;
}
.patent .patent-banner .banner-img .banner-content {
  position: absolute;
  left: 18.5%;
  top: 200px;
}
.patent .patent-banner .banner-img .banner-content .content-title {
  position: relative;
  font-size: 24px;
  color: #fff;
  margin-bottom: 40px;
}
.patent .patent-banner .banner-img .banner-content .content-title .upImage {
  position: absolute;
  top: 8px;
  margin: 0;
  display: inline-block;
  width: 118px;
  height: 30px;
  border: none;
}
.patent .patent-banner .banner-img .banner-content .content-title span {
  display: inline-block;
  border: 1px solid #17cb87;
  border-radius: 16px;
  padding: 3px 10px;
  font-size: 14px;
  color: #17cb87;
  margin-left: 19px;
}
.patent .patent-banner .banner-img .banner-content .content-des {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}
.patent .patent-banner .banner-img .banner-content .content-des .des-type {
  display: inline-block;
  padding: 8px 10px;
  background: #f0f2f5;
  font-size: 12px;
  color: #666;
  margin-left: 19px;
}
.patent .patent-banner .banner-img .banner-content .content-des .des-price {
  height: 24px;
  line-height: 24px;
  font-size: 30px;
  color: #f38400;
}
.patent .patent-banner .banner-img .banner-content .content-des .des-price i {
  font-size: 14px;
  font-style: normal;
}
.patent .patent-banner .banner-img .banner-content .content-desPrice {
  margin-bottom: 50px;
}
.patent .patent-banner .banner-img .banner-content .content-btn {
  display: inline-block;
  width: 200px;
  height: 46px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  margin-right: 30px;
  text-align: center;
  line-height: 46px;
}
.patent .patent-banner .banner-img .banner-content .content-btn:hover {
  background-color: #628eff;
  border: none;
}
.patent .patent-search {
  width: 1200px;
  height: 160px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(162, 162, 162, 0.15);
  margin: 0 auto 64px;
  overflow: hidden;
}
.patent .patent-search .search-input {
  width: 1000px;
  height: 50px;
  margin: 48px auto 0;
}
.patent .patent-search .search-input .input {
  width: 820px;
  height: 100%;
  border: 1px solid #ededed;
  float: left;
  overflow: hidden;
}
.patent .patent-search .search-input .input .input-icon {
  font-size: 24px;
  margin: 14px 10px 0 10px;
  float: left;
}
.patent .patent-search .search-input .input input {
  width: 83%;
  height: 100%;
  border: none;
  float: left;
  outline: none;
}
.patent .patent-search .search-input .btn {
  width: 180px;
  height: 100%;
  background: #397ecd;
  color: #fefefe;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  float: right;
  cursor: pointer;
}
.patent .patent-search .search-input .btn:hover {
  background-color: #628eff;
}
.patent .patent-search ul {
  margin: 10px auto;
  overflow: hidden;
}
.patent .patent-search ul li {
  float: left;
  font-size: 14px;
  color: #666;
  margin-left: 5px;
}
.patent .patent-list {
  width: 1200px;
  height: 244px;
  overflow: hidden;
  margin: 0 auto 85px;
}
.patent .patent-list ul {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.patent .patent-list ul li {
  width: 278px;
  height: 244px;
  float: left;
  margin-right: 28px;
  background: #f8fafc;
  position: relative;
  cursor: pointer;
}
.patent .patent-list ul li:last-child {
  margin-right: 0;
}
.patent .patent-list ul li .list-icon {
  width: 61px;
  height: 60px;
  margin: 34px auto;
  display: block;
}
.patent .patent-list ul li .list-title {
  font-size: 18px;
  color: #333;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.patent .patent-list ul li .list-hot {
  position: absolute;
  right: 35px;
  bottom: 96px;
}
.patent .patent-list ul li .list-des {
  font-size: 14px;
  color: #666;
  text-align: center;
  width: 214px;
  margin: 0 auto;
}
.patent .patent-list ul li:hover {
  background: #c3d7ef;
}
.patent .patent-list ul li:hover .list-title {
  color: #0e5eba;
}
.patent .patent-hot {
  width: 100%;
  background: #f8fafc;
  padding-bottom: 64px;
  overflow: hidden;
}
.patent .patent-hot .hot {
  width: 1200px;
  margin: 0 auto;
}
.patent .patent-hot .hot .hot-title {
  font-size: 30px;
  color: #333;
  font-weight: 900;
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: center;
}
.patent .patent-hot .hot .hot-tab {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ccc;
}
.patent .patent-hot .hot .hot-tab .tab {
  display: inline-block;
  width: 170px;
  height: 100%;
  text-align: center;
  line-height: 90px;
  font-size: 16px;
  color: #333;
  margin: 0 56px;
  cursor: pointer;
}
.patent .patent-hot .hot .hot-tab .tab-click {
  color: #397ecd;
  border-bottom: 2px solid #397ecd;
}
.patent .patent-hot .hot ul {
  width: 100%;
  margin-top: 35px;
}
.patent .patent-hot .hot ul li {
  float: left;
  width: 282px;
  height: 360px;
  margin-right: 24px;
  margin-bottom: 24px;
}
.patent .patent-hot .hot ul li:nth-child(4n+4) {
  margin-right: 0;
}
.patent .patent-hot .hot ul li .hot-card {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.patent .patent-hot .hot ul li .hot-card:hover {
  box-shadow: 0 8px 16px rgba(31, 31, 31, 0.1);
  top: -10px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.patent .patent-hot .hot ul li .hot-card .card-bg-1 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/type-1.png") no-repeat center;
}
.patent .patent-hot .hot ul li .hot-card .card-bg-2 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/type-2.png") no-repeat center;
}
.patent .patent-hot .hot ul li .hot-card .card-bg-3 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/patent/type-3.png") no-repeat center;
}
.patent .patent-hot .hot ul li .hot-card .card-content {
  width: 100%;
  height: 260px;
  overflow: hidden;
  background: #feffff;
}
.patent .patent-hot .hot ul li .hot-card .card-content .card-title {
  margin-top: 40px;
  margin-bottom: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patent .patent-hot .hot ul li .hot-card .card-content .card-des {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-bottom: 14px;
}
.patent .patent-hot .hot ul li .hot-card .card-content .card-btn {
  display: inline;
  width: 150px;
  height: 38px;
  display: block;
  text-align: center;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  background: #397ecd;
  cursor: pointer;
  margin: 26px auto;
}
.patent .patent-hot .hot ul li .hot-card .card-content .card-btn:hover {
  background-color: #628eff;
}
.patent .patent-use {
  width: 1200px;
  margin: 0 auto 90px;
  overflow: hidden;
}
.patent .patent-use .use-title {
  font-size: 30px;
  color: #333;
  font-weight: 900;
  text-align: center;
  margin-top: 86px;
  margin-bottom: 59px;
}
.patent .patent-use ul {
  width: 100%;
  height: 440px;
  overflow: hidden;
}
.patent .patent-use ul li {
  float: left;
  height: 100%;
  cursor: pointer;
}
.patent .patent-use ul li .use-bar {
  width: 166px;
  height: 100%;
}
.patent .patent-use ul li .use-bar .bar-num {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-top: 160px;
  margin-left: 60px;
  margin-bottom: 80px;
}
.patent .patent-use ul li .use-bar .bar-title {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.patent .patent-use ul li .use-content {
  width: 370px;
  height: 100%;
  background: #f8fafc;
  overflow: hidden;
}
.patent .patent-use ul li .use-content .content-num {
  font-size: 36px;
  color: #333;
  font-weight: 900;
  margin-top: 80px;
  margin-left: 32px;
  margin-bottom: 27px;
  display: inline-block;
}
.patent .patent-use ul li .use-content .content-title {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  margin-left: 32px;
}
.patent .patent-use ul li .use-content hr {
  border-bottom: 2px solid #333;
  width: 40px;
  margin-left: 32px;
  margin-bottom: 79px;
}
.patent .patent-use ul li .use-content .content-des {
  margin-left: 32px;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  padding-right: 32px;
}
.patent .patent-use ul li .use-content .content-li {
  font-size: 14px;
  color: #999;
  margin-left: 32px;
}
.patent .patent-use ul li .choose-li {
  display: none;
}
.patent .patent-buy {
  width: 100%;
  height: 532px;
  background: #2d3b59;
  overflow: hidden;
}
.patent .patent-buy .buy-title {
  font-size: 30px;
  color: #fff;
  font-weight: 900;
  margin-top: 79px;
  margin-bottom: 60px;
  text-align: center ;
}
.patent .patent-buy ul {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.patent .patent-buy ul li {
  float: left;
  width: 126px;
  height: 273px;
  margin-right: 44px;
}
.patent .patent-buy ul li:last-child {
  margin-right: 0;
}
.patent .patent-buy ul li img {
  width: 100%;
}
.patent .patent-buy ul li .buy-top {
  font-size: 16px;
  color: #c4d4f6;
  margin-top: 24px;
  text-align: center;
}
.patent .patent-buy ul li .buy-bottom {
  font-size: 14px;
  color: #7f96c5;
  text-align: center;
  margin-top: 15px;
}
.patent .patent-new {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.patent .patent-new .new-title {
  font-size: 30px;
  color: #333;
  font-weight: 900;
  margin-top: 79px;
  margin-bottom: 59px;
  text-align: center;
}
.patent .patent-new .new-content {
  width: 100%;
  height: 341px;
  overflow: hidden;
  box-shadow: 0px 0px 16px 0px rgba(162, 162, 162, 0.15);
  margin-left: 5px;
  margin-bottom: 75px;
}
.patent .patent-new .new-content .content-left {
  float: left;
  width: 390px;
  height: 100%;
  overflow: hidden;
}
.patent .patent-new .new-content .content-left ul {
  width: 342px;
  margin: 26px auto;
  overflow: hidden;
}
.patent .patent-new .new-content .content-left ul li {
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 8px;
  cursor: pointer;
}
.patent .patent-new .new-content .content-left ul li .bottom-title {
  line-height: 16px;
  font-size: 16px;
}
.patent .patent-new .new-content .content-left ul li .left-title {
  margin-bottom: 12px;
}
.patent .patent-new .new-content .content-left ul li .left-title .title-left {
  display: inline-block;
  width: 76px;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  font-weight: 900;
  color: #b2b2b2;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  box-sizing: border-box;
  margin-right: 5px;
}
.patent .patent-new .new-content .content-left ul li .left-title .title-right {
  display: inline-block;
  line-height: 15px;
  font-size: 15px;
  color: #b2b2b2;
  border-left: 1px solid #ccc;
}
.patent .patent-new .new-content .content-left ul li .left-des {
  font-size: 16px;
  color: #333;
}
.patent .patent-new .new-content .content-center {
  width: 520px;
  height: 341px;
  float: left;
}
.patent .patent-new .new-content .content-center img {
  width: 100%;
  height: 100%;
}
.patent .patent-new .new-content .content-right {
  width: 283px;
  height: 341px;
  float: left;
  background: #2d3b59;
}
.patent .patent-new .new-content .content-right .right-title {
  font-size: 18px;
  color: #fff;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 28px;
  padding-right: 30px;
}
.patent .patent-new .new-content .content-right .right-des {
  font-size: 14px;
  color: #dfdfdf;
  margin-left: 30px;
  padding-right: 30px;
}
.patent .patent-new .new-content .content-right .right-bottom {
  width: 220px;
  margin: 22px auto;
  border-top: 1px dotted rgba(255, 255, 255, 0.3);
  padding-top: 20px;
  text-align: right;
  font-size: 14px;
  color: #e0e0e0;
}
#patentCode .nc_scale span {
  height: 34px;
}

#pay-state-page {
  padding-top: 60px;
  background: #fff;
}
#pay-state-page .state-container {
  height: 520px;
  position: relative;
  margin-bottom: 40px;
}
#pay-state-page .state-container .status-box {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#pay-state-page .state-container .status-box .pay-info {
  padding-bottom: 50px;
}
#pay-state-page .state-container .status-box .pay-info p {
  margin-bottom: 15px;
  font-size: 16px;
}
#pay-state-page .state-container .status-box .pay-info p span {
  color: #cac52f;
  font-size: 16px;
}
#pay-state-page .state-container .status-box .pay-info p strong {
  color: #000;
  font-size: 16px;
}
#pay-state-page .state-container .status {
  padding-bottom: 40px;
}
#pay-state-page .state-container .status > i {
  display: inline-block;
  width: 86px;
  height: 85px;
  vertical-align: middle;
  margin-right: 39px;
}
#pay-state-page .state-container .status > strong {
  color: #666;
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
}
#pay-state-page .state-container .status > p {
  color: #ec6616;
  font-size: 16px;
  margin-top: 47px;
  text-align: center;
}
#pay-state-page .state-container .status > .success {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/pay/success.png') no-repeat;
  background-size: 100% 100%;
}
#pay-state-page .state-container .status > .error {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/pay/error.png') no-repeat;
  background-size: 100% 100%;
}
#pay-state-page .state-container > .button-group {
  position: absolute;
  left: 50%;
  bottom: 72px;
  transform: translateX(-50%);
  text-align: center;
}
#pay-state-page .state-container > .button-group > button {
  width: 200px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  font-size: 14px;
  background-color: #108ee9;
  color: #fafafa;
  margin-right: 40px;
  outline: none;
  border: 1px solid transparent;
  transition: all 0.3s linear;
  cursor: pointer;
}
#pay-state-page .state-container > .button-group > button:hover {
  background-color: white;
  color: #108ee9;
  border-color: #108ee9;
}
#pay-state-page .state-container > .button-group > button:first-child {
  border: 1px solid #108ee9;
  background-color: #fff;
  color: #108ee9;
}
#pay-state-page .state-container > .button-group > button:first-child:hover {
  background-color: #108ee9;
  color: #fff;
}

.full-page-loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.full-page-loading > i {
  position: absolute;
  font-size: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #1890ff;
}

#pay-way {
  background-color: #f8f8f8;
  padding-top: 60px;
}
#pay-way .container {
  width: 1200px;
  margin: auto;
  padding: 30px 0;
}
#pay-way .order-info {
  min-height: 200px;
  background-color: white;
  padding: 20px 50px 0 20px;
  color: #333;
  margin-bottom: 18px;
}
#pay-way .order-info > h4 {
  font-size: 18px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 12px;
}
#pay-way .order-info > div {
  position: relative;
  padding: 10px 0;
}
#pay-way .order-info > div > p {
  font-size: 14px;
  line-height: 40px;
}
#pay-way .order-info > div > p:last-child {
  position: absolute;
  right: 135px;
  top: 50%;
  transform: translateY(-50%);
}
#pay-way .order-info > div > p:last-child > span {
  font-size: 24px;
  color: #333;
}
#pay-way .order-info > div > p:last-child > span:last-child {
  font-size: 30px;
  color: #cac52f;
  vertical-align: sub;
}
#pay-way .pay-way-container {
  min-height: 300px;
  background-color: white;
  padding: 20px 50px 40px 20px;
}
#pay-way .pay-way-container > h4 {
  font-size: 18px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
#pay-way .pay-way-container .block_warps {
  display: flex;
}
#pay-way .pay-way-container .block_warps .block_warp {
  position: relative;
  user-select: none;
}
#pay-way .pay-way-container .block_warps .block_warp:hover > .hover-bg {
  opacity: 1;
}
#pay-way .pay-way-container .block_warps .block_warp > .hover-bg {
  opacity: 0;
}
#pay-way .pay-way-container .block_warps .block_warp > .block {
  width: 210px;
  height: 64px;
  border-radius: 4px;
  border: solid 1px #e3e3e3;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 50px;
  cursor: pointer;
  transition: all 0.3s linear;
  padding-left: 92px;
  position: absolute;
  left: 29px;
  top: 24px;
}
#pay-way .pay-way-container .block_warps .block_warp > .block > .icon {
  position: absolute;
  left: 30px;
  top: 32px;
  transform: translateY(-50%);
  width: 43px;
  height: 42px;
}
#pay-way .pay-way-container .block_warps .block_warp > .block > span {
  line-height: 64px;
  vertical-align: top;
  display: inline-block;
}
#pay-way .pay-way-container .block_warps .block_warp > .block.disable {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}
#pay-way .pay-way-content {
  margin-top: 40px;
}
#pay-way .pay-way-content .offline {
  border-radius: 4px;
  border: solid 1px #e3e3e3;
  background-color: #fafafa;
  padding: 21px 33px;
}
#pay-way .pay-way-content .offline > p {
  font-size: 14px;
  color: #333;
  line-height: 14px;
  margin-bottom: 26px;
}
#pay-way .pay-way-content .offline > p:last-child {
  margin-bottom: 0;
}
#pay-way .pay-way-content .offline-tip {
  margin-top: 12px;
  color: #cdc945;
}
#pay-way .pay-way-content .offline-tip > i {
  margin-right: 10px;
}
#pay-way .pay-way-content .balance > .forms {
  display: inline-block;
  position: relative;
}
#pay-way .pay-way-content .balance > .forms:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#pay-way .pay-way-content .balance > .forms > input {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 0;
}
#pay-way .pay-way-content .balance > .forgetPwd {
  margin-left: 20px;
}
#pay-way .pay-way-content .balance > p {
  margin: 20px 0;
}
#pay-way .pay-way-content .balance > p > strong {
  color: #cac52f;
}
#pay-way .pay-way-content .balance > p > strong > span {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 500;
}
#pay-way .pay-way-content .balance > .confirm {
  width: 200px;
  height: 40px;
}
#pay-way .pay-way-content .no-account {
  color: #cdc945;
}
#pay-way .pay-way-content .no-account > a {
  margin: 0 5px;
}
#pay-way .tips {
  text-align: center;
  margin-bottom: 1em;
}
#pay-way .tips > strong {
  color: #108ee9;
}
#pay-way .tips {
  text-align: center;
  margin-bottom: 1em;
}
#pay-way .tips > strong {
  color: #108ee9;
}
#pay-way .pay-wechat-alipay {
  width: 580px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 90px 0;
}
#pay-way .pay-wechat-alipay > div h2 {
  font-size: 16px;
  font-weight: 900;
  color: #333333;
  margin-bottom: 12px;
}
#pay-way .pay-wechat-alipay > div p {
  font-size: 16px;
  color: #ff6d20;
  margin-bottom: 0;
}
#pay-way .pay-wechat-alipay .generate-qrcode {
  width: 200px;
  height: 40px;
  border-radius: 20px;
}
.pay-modal {
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  padding: 30px 0 10px;
  min-height: 500px;
}
.pay-modal .p-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.pay-modal .p-title span {
  font-size: 24px;
  font-weight: 900;
  text-align: left;
  color: #333333;
}
.pay-modal .p-title .icon {
  padding-right: 16px;
  display: block;
}
.pay-modal .p-money {
  font-size: 22px;
  color: #333333;
  margin-bottom: 30px;
}
.pay-modal .p-money span {
  color: #cac52f;
  font-size: 22px;
}
.pay-modal .p-qrcode {
  border: 1px solid #ddd;
  width: 228px;
  height: 228px;
  margin: 0 auto;
  position: relative;
}
.pay-modal .p-qrcode .qrcode {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.pay-modal .p-qrcode span {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
}
.pay-modal .p-timer {
  font-size: 16px;
  color: #333333;
  padding-top: 20px;
}
.pay-modal .p-timer span {
  font-size: 16px;
  color: #ff6d20;
}
.pay-modal .p-right .thumb {
  display: block;
  margin: 0 auto;
}
.pay-modal .p-btn {
  text-align: center;
  margin-top: 15px;
}
.pay-modal .p-btn .get-new-qrcode {
  width: 200px;
  height: 40px;
  border-radius: 20px;
}
.cz-modal .ant-modal-content {
  border-radius: 20px;
}
.cz-modal .ant-modal-content .ant-modal-body {
  padding: 32px;
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .block {
  padding-top: 30px;
  position: relative;
}
.cz-modal .ant-modal-content .ant-modal-body .block .close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
}
.cz-modal .ant-modal-content .ant-modal-body .text {
  color: #000000;
  line-height: 22px;
  padding: 42px 0;
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .btn {
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn {
  width: 142px;
  height: 51px;
  border: 1px solid #aaaaaa;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn span {
  font-size: 16px;
  font-weight: bold;
}

.payDetail {
  background-color: #f5f5f6;
}
.payDetail .loading {
  transition: all 0.2s linear;
}
.payDetail .logo {
  background-color: #fff;
}
.payDetail .payDetailPanel {
  margin: 20px 0;
  background-color: white;
  padding: 0 30px;
}
.payDetail .payDetailPanel .payDetailTil {
  padding: 30px 20px 15px 20px;
  border-bottom: 1px solid #f2f2f2;
  overflow: hidden;
}
.payDetail .payDetailPanel .payDetailTil p {
  font-size: 18px;
  color: #333;
  display: inline-block;
}
.payDetail .payDetailPanel .payDetailTil .payTilRight {
  font-size: 14px;
  float: right;
  line-height: 24px;
  color: #333;
  font-weight: 500;
}
.payDetail .payDetailPanel .payDetailInfo {
  padding: 22px 20px;
  overflow: hidden;
}
.payDetail .payDetailPanel .payDetailInfo .payInfoLeft {
  width: 60%;
  float: left;
}
.payDetail .payDetailPanel .payDetailInfo .payInfoLeft p {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.payDetail .payDetailPanel .payDetailInfo .payInfoLeft span {
  font-size: 14px;
  color: #666;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.payDetail .payDetailPanel .payDetailInfo .payInfoRight {
  width: 40%;
  float: right;
  text-align: right;
  margin-top: 20px;
}
.payDetail .payDetailPanel .payDetailInfo .payInfoRight p {
  font-size: 18px;
  color: #333;
  line-height: 47px;
}
.payDetail .payDetailPanel .payDetailInfo .payInfoRight p > span {
  color: #cac52f;
  font-size: 30px;
  vertical-align: sub;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoNum {
  display: inline-block;
  margin-right: 50px;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoNum p {
  font-size: 14px;
  color: #333;
  line-height: 40px;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoNum p span {
  font-size: 18px;
  color: #333;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoNum p .payInfoBig,
.payDetail .payDetailPanel .payInfoBottom .payInfoNum p .payType {
  font-size: 30px;
  color: #cac52f;
  vertical-align: sub;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoBtnGroup {
  display: inline-block;
  text-align: right;
  float: right;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoBtnGroup a {
  width: 200px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #108ee9;
  transition: all 0.2s linear;
}
.payDetail .payDetailPanel .payInfoBottom .payInfoBtnGroup a:hover {
  opacity: 0.8;
}
.payDetail .w12 > .payDetailPanel:first-child {
  height: 200px;
}
.payDetail .w12 > .payDetailPanel:nth-child(2) {
  padding: 27px 20px;
  height: 300px;
}
.payDetail .w12 > .payDetailPanel:nth-child(2) > .payDetailInfo {
  text-align: left;
}
.payDetail .pay-tips {
  color: #666;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.payDetail .pay-tips > span {
  color: #397ecd;
}

.payDetail-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.payDetail-loading > div {
  position: absolute;
  padding: 30px 60px;
  background-color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.payDetail-loading > div > i {
  color: #3c7ecc;
  font-size: 40px;
  vertical-align: middle;
}
.payDetail-loading > div > p {
  vertical-align: middle;
  margin-left: 22px;
  display: inline-block;
  font-size: 16px;
}
.payDetail-loading > div > p > span {
  color: #3c7ecc;
  font-size: 16px;
}

.HumiPayment {
  padding-top: 60px;
  width: 100%;
}
.HumiPayment .ant-modal-body {
  height: 450px;
  box-shadow: 0px 3px 27px 0 rgba(217, 217, 217, 0.66);
  background-color: #ffffff;
}
.HumiPayment .ant-modal-body p:nth-child(1) {
  margin: 30px 0 16px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  letter-spacing: 0.9px;
  text-align: center;
  color: #040100;
}
.HumiPayment .ant-modal-body p:nth-child(2) {
  width: 330px;
  height: 1px;
  margin: 0 auto 22px;
  background: #eee;
}
.HumiPayment .ant-modal-body p:nth-child(3),
.HumiPayment .ant-modal-body p:nth-child(4),
.HumiPayment .ant-modal-body p:nth-child(5) {
  margin-bottom: 10px;
  margin-left: 18px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.7px;
  color: #040100;
}
.HumiPayment .ant-modal-body #bankCode {
  width: 333px;
  margin: 0 auto;
}
.HumiPayment .ant-modal-body .btn {
  width: 333px;
  height: 45px;
  line-height: 45px;
  margin: 15px auto 0;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 16px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #ffffff;
}
.HumiPayment .bannerBox {
  width: 100%;
  height: 380px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiAbout/banner.png') 50% 50% / cover no-repeat;
}
.HumiPayment .contentBox {
  width: 100%;
  box-sizing: border-box;
  padding: 4px 0 31px;
  background: #f8fafe;
}
.HumiPayment .contentBox .content {
  width: 1200px;
  height: 915px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 40px 0 59px;
  background: #fff;
  box-shadow: 0px 3px 27px 0 rgba(217, 217, 217, 0.66);
}
.HumiPayment .contentBox .content .box {
  width: 100%;
  height: 186px;
  box-sizing: border-box;
  padding: 48px 0 25px;
  border-bottom: 1px solid #eee;
}
.HumiPayment .contentBox .content .box .leftBox {
  float: left;
  width: 187px;
  height: 87px;
  margin-right: 64px;
}
.HumiPayment .contentBox .content .box .leftBox img {
  width: 100%;
  height: 100%;
}
.HumiPayment .contentBox .content .box .rightBox {
  float: left;
}
.HumiPayment .contentBox .content .box .rightBox p:nth-child(1) {
  line-height: 18px;
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.9px;
  color: #040100;
}
.HumiPayment .contentBox .content .box .rightBox p:nth-child(2) {
  width: 323px;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.7px;
  color: #040100;
}
.HumiPayment .contentBox .content .box:nth-child(2) {
  height: 205px;
  height: 190px;
  padding: 37px 0;
}
.HumiPayment .contentBox .content .box:nth-child(2) .leftBox {
  margin-top: 22px;
}
.HumiPayment .contentBox .content .box:nth-child(2) .rightBox .bankcontent .bankbox {
  width: 355px;
  float: left;
}
.HumiPayment .contentBox .content .box:nth-child(2) .rightBox .bankcontent .bankbox p {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 15px;
  letter-spacing: 0.7px;
  color: #040100;
}
.HumiPayment .contentBox .content .box:nth-child(2) .rightBox .bankcontent .bankbox .btn {
  width: 135px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-top: 40px;
  border-radius: 4px;
  background-color: #fe6d20;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #ffffff;
}
.HumiPayment .contentBox .content .box:nth-child(2) .rightBox .bankcontent .bankbox .btn img {
  margin-right: 10px;
  vertical-align: middle;
}
.HumiPayment .contentBox .content .box:nth-child(1) {
  height: 160px;
  padding: 48px 0 25px;
}
.HumiPayment .contentBox .content .box:last-child {
  border: none;
}

#pdf-iframe {
  border: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#pdf-loading {
  position: fixed;
  left: 50%;
  top: 50%;
}

.policy .policy-first {
  width: 100%;
  background: #ffffff;
  height: 490px;
  clear: both;
}
.policy .bg-one {
  width: 1200px;
  margin: 0 auto;
}
.policy .bg-one .policy-top {
  padding-top: 60px;
  float: left;
  width: 724px;
  height: 430px;
}
.policy .bg-one .policy-top .zc-tit {
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  color: #333333;
  margin-top: 35px;
  margin-bottom: 20px;
}
.policy .bg-one .policy-top .zc-ask {
  padding-left: 21px;
  padding-top: 17px;
  border: 1px solid #e1e1e1;
  outline: none;
}
.policy .bg-one .policy-top .zc-hot {
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #333333;
  margin-top: 24px;
  margin-bottom: 17px;
}
.policy .bg-one .policy-top .zc-choose {
  width: 800px;
}
.policy .bg-one .policy-top .zc-choose .zc-chose {
  margin-top: 21px;
}
.policy .bg-one .policy-top .zx-shen {
  width: 140px;
  height: 42px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
  background: #ff0000;
  margin-top: 33px;
  line-height: 42px;
  text-align: center;
}
.policy .bg-one .pol-rig {
  float: left;
  width: 400px;
  height: 308px;
  margin-top: 143px;
  margin-left: 65px;
}
.policy .bg-one .pol-rig .ant-carousel .slick-slide {
  padding-left: 20px;
  padding-top: 60px;
  height: 308px;
  line-height: 160px;
  overflow: hidden;
}
.policy .bg-one .pol-rig .car-txt {
  cursor: pointer;
  width: 293px;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  color: #ffffff;
}
.policy .bg-one .pol-rig .pol-img {
  width: 440px;
  height: 308px;
}
.policy .bg-one .pol-rig .car-box {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E6%94%BF%E7%AD%96%E5%B9%BF%E5%91%8A%E4%BD%8D1.png');
}
.policy .bg-one .pol-rig .pol-box {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E6%94%BF%E7%AD%96%E5%B9%BF%E5%91%8A%E4%BD%8D.png');
}
.policy .bg-two {
  padding-top: 30px;
  padding-bottom: 15px;
  width: 1200px;
  margin: 0 auto;
}
.policy .bg-two .policy-cot {
  width: 1200px;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}
.policy .bg-two .policy-cot .box {
  width: 100%;
  height: 39px;
  line-height: 39px;
}
.policy .bg-two .policy-cot .box .left,
.policy .bg-two .policy-cot .box .right {
  float: left;
}
.policy .bg-two .policy-cot .box .left {
  width: 80px;
  box-sizing: border-box;
  padding-left: 23px;
  font-weight: 800;
  font-size: 14px;
}
.policy .bg-two .policy-cot .box .right {
  width: 1055px;
  box-sizing: border-box;
  padding: 8px 0 10px 31px;
}
.policy .bg-two .policy-cot .box .right li,
.policy .bg-two .policy-cot .box .right a {
  float: left;
  width: 72px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 8px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: #F8F8F8;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.policy .bg-two .policy-cot .box .right li:hover,
.policy .bg-two .policy-cot .box .right a:hover {
  cursor: pointer;
}
.policy .bg-two .policy-cot .box:nth-child(3) {
  height: auto;
}
.policy .bg-two .policy-cot .box:nth-child(3) .right {
  width: 1080px;
}
.policy .bg-two .policy-cot .box:nth-child(2) .right li:nth-child(n+2) {
  width: 120px;
}
.policy .bg-two .policy-cot .box:last-child {
  border-bottom: none;
}
.policy .bg-two .policy-cot .tag {
  background-color: #fff !important;
}
.policy .bg-two .policy-cot .smallBga {
  color: #ff0000 !important;
  background: rgba(255, 0, 0, 0.1) !important;
}
.policy .bg-two .policy-cot .active {
  color: #ff0000 !important;
  background: rgba(255, 0, 0, 0.1) !important;
}
.policy .bg-three {
  padding-top: 31px;
  padding-bottom: 61px;
  position: relative;
  min-height: 1100px;
  margin-top: -10px;
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
}
.policy .bg-three .pagesCon {
  text-align: center;
  padding-bottom: 30px;
}
.policy .bg-three .policy-project {
  width: 866px;
  background-color: #fff;
  padding-left: 23px;
  padding-right: 23px;
}
.policy .bg-three .policy-project .title {
  font-size: 18px;
  font-weight: 500;
  height: 62px;
  line-height: 62px;
  color: #333333;
  margin-bottom: 19px;
}
.policy .bg-three .policy-project .line {
  width: 822px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 19px;
}
.policy .bg-three .policy-project .project-tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #333333;
  margin-bottom: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.policy .bg-three .policy-project .project-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #666666;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /*要显示的行数*/
  -webkit-box-orient: vertical;
}
.policy .bg-three .policy-project .policy-ind {
  margin-top: 10px;
  padding-bottom: 52px;
}
.policy .bg-three .policy-project .zc-public {
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #999999;
  margin-right: 29px;
  padding-left: 24px;
}
.policy .bg-three .policy-project .zc-public:nth-child(1) {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20691.png") no-repeat;
  background-position: 3px 2.5px;
}
.policy .bg-three .policy-project .zc-public:nth-child(2) {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20692.png") no-repeat;
  background-position: 3px 2.5px;
}
.policy .bg-three .policy-project .zc-public:nth-child(3) {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20717.png") no-repeat;
  background-position: 3px 2.5px;
}
.policy .bg-three .hot-policy {
  background-color: #fff;
  width: 312px;
  height: 420px;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
}
.policy .bg-three .hot-policy .right-tit {
  height: 62px;
  line-height: 62px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  padding-left: 16px;
}
.policy .bg-three .hot-policy .hot-line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 18px;
}
.policy .bg-three .hot-policy .messageBox {
  margin-left: 16px;
}
.policy .bg-three .hot-policy .messageBox .boxItem {
  overflow: hidden;
}
.policy .bg-three .hot-policy .messageBox .boxItem .select {
  float: left;
  width: 16px;
  height: 16px;
  background: rgba(255, 0, 0, 0.1);
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #FF0000;
  text-align: center;
}
.policy .bg-three .hot-policy .messageBox .boxItem .unSelect {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.policy .bg-three .hot-policy .messageBox .boxItem .des {
  float: left;
  width: 253px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 16px;
  position: relative;
  top: -2px;
  cursor: pointer;
}
.policy .bg-three .hot-zhengce {
  position: absolute;
  right: 0;
  top: 30px;
}
.policy .bg-three .newCapital {
  position: absolute;
  right: 0;
  top: 470px;
}
.business-pop-policy {
  width: 418px !important;
}
.business-pop-policy .policy-tan {
  width: 378px !important;
  height: 312px;
  background-color: #fff;
  padding-left: 28px;
  margin-right: 0 !important;
}
.business-pop-policy .policy-tan .tit-tijiao {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #333333;
  padding-top: 23px;
  margin-bottom: 20px;
}
.business-pop-policy .policy-tan .tel .ant-input {
  height: 40px !important;
  margin-bottom: 20px;
}
.business-pop-policy .policy-tan .tel .ant-input:nth-child(3) {
  width: 236px;
}
.business-pop-policy .policy-tan .tel .tel-verification {
  padding: 10px 13px;
  border-radius: 5px;
  text-align: center;
  margin-left: 14px;
  border: 1px solid #ff0000;
  height: 40px;
  width: 98px;
}
.business-pop-policy .policy-tan .tel .tel-submit {
  width: 340px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  background: #ff0000;
  color: #ffffff;
  margin-top: 20px;
}
.ant-col-8 {
  margin-top: 10px;
}
.big-policy .ant-modal-content {
  margin-top: 130px !important;
}

.policy-detail {
  padding-top: 60px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  min-height: 635px;
}
.policy-detail .policy-left {
  width: 866px;
}
.policy-detail .policy-left .tel-verification {
  padding: 10px 13px;
  border-radius: 5px;
  text-align: center;
  margin-left: 14px;
  border: 1px solid #ff0000;
  height: 40px;
  width: 98px;
}
.policy-detail .policy-left .left-tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 8px;
}
.policy-detail .policy-left .left-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #999999;
}
.policy-detail .policy-left .policy-cot {
  margin-top: 30px;
  background: #fff;
  margin-bottom: 65px;
  padding: 0 21px 65px 23px;
}
.policy-detail .policy-left .policy-cot img {
  max-width: 700px ;
  max-height: 800px ;
}
.policy-detail .policy-left .policy-cot .policy-tit {
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
  color: #333333;
  padding: 27px 0 18px 0;
}
.policy-detail .policy-left .policy-cot .policy-ind {
  height: 20px;
}
.policy-detail .policy-left .policy-cot .line {
  margin-bottom: 34px;
  margin-top: 35px;
  width: 822px;
  height: 1px;
  background-color: #E5E5E5;
}
.policy-detail .policy-left .policy-cot .zc-public {
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #999999;
  margin-right: 29px;
  padding-left: 24px;
}
.policy-detail .policy-left .policy-cot .zc-public:nth-child(1) {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20691.png") no-repeat;
  background-position: 3px 2.5px;
}
.policy-detail .policy-left .policy-cot .zc-public:nth-child(2) {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20725.png") no-repeat;
  background-position: 3px 2.5px;
}
.policy-detail .policy-left .policy-cot .zc-public:nth-child(3) {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20706.png") no-repeat;
  background-position: 3px 2.5px;
}
.policy-detail .policy-left .policy-cot .share {
  float: left;
  margin-left: 292px;
  padding-right: 28px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dxy-1224/%E7%BB%84%20708.png") no-repeat;
  background-position: center right;
}
.policy-detail .policy-left .policy-cot .zc-content {
  font-size: 14px;
  line-height: 30px;
  width: 822px;
  word-break: break-all;
}
.policy-detail .policy-left .policy-cot .zc-bot {
  height: 42px;
}
.policy-detail .policy-left .policy-cot .shenbao {
  width: 140px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #ff0000;
  float: left;
  margin-left: 250px;
  margin-top: 50px;
  margin-bottom: 58px;
  cursor: pointer;
}
.policy-detail .policy-left .policy-cot .jiedu {
  display: block;
  width: 140px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #ff0000;
  border: 1px solid #ff0000;
  float: left;
  margin-left: 40px;
  margin-top: 50px;
  margin-bottom: 58px;
  cursor: pointer;
}
.policy-detail .policy-right {
  background-color: #fff;
  width: 312px;
  height: 420px;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  position: absolute;
  right: 0;
  top: 180px;
}
.policy-detail .policy-right .right-tit {
  height: 62px;
  line-height: 62px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  padding-left: 16px;
}
.policy-detail .policy-right .hot-line {
  width: 280px;
  height: 1px;
  background: #e5e5e5;
  margin-bottom: 18px;
}
.policy-detail .policy-right .messageBox {
  margin-left: 16px;
}
.policy-detail .policy-right .messageBox .boxItem {
  overflow: hidden;
}
.policy-detail .policy-right .messageBox .boxItem .select {
  float: left;
  width: 16px;
  height: 16px;
  background: rgba(255, 0, 0, 0.1);
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #FF0000;
  text-align: center;
}
.policy-detail .policy-right .messageBox .boxItem .unSelect {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.policy-detail .policy-right .messageBox .boxItem .des {
  float: left;
  width: 253px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 16px;
  position: relative;
  top: -2px;
  cursor: pointer;
}

#poverty-detail {
  padding-top: 60px;
  background-color: white;
  padding-bottom: 80px;
}
#poverty-detail .poverty-bread-crumb .poverty-bread-crumb-item {
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC Regular, PingFangSC Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 16px;
}
#poverty-detail .poverty-bread-crumb .bold {
  font-weight: 600;
}
#poverty-detail .w12 {
  width: 1200px;
  margin: 0 auto;
}
#poverty-detail .common-title {
  height: 30px;
  font-size: 30px;
  font-family: PingFangSC Medium, PingFangSC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #111111;
  line-height: 30px;
  letter-spacing: 1px;
  position: relative;
  margin-bottom: 20px;
}
#poverty-detail .common-title:before {
  content: "";
  width: 6px;
  height: 28px;
  background: #0043ee;
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}
#poverty-detail .common-base-font {
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 26px;
}
#poverty-detail .poverty-main .line {
  height: 2px;
  opacity: 0.4;
  background: #e5e5e5;
  margin-bottom: 68px;
}
#poverty-detail .poverty-main .name {
  height: 48px;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  color: #333333;
  line-height: 48px;
  margin: 20px auto 50px;
}
#poverty-detail .poverty-main .poverty-content {
  width: 1080px;
  margin: 0 auto;
}
#poverty-detail .poverty-main .poverty-content .info {
  position: relative;
}
#poverty-detail .poverty-main .poverty-content .info .des {
  width: 560px;
  margin-bottom: 20px;
}
#poverty-detail .poverty-main .poverty-content .info .head-img {
  width: 460px;
  position: absolute;
  right: 0;
  top: 50%;
  max-height: 100%;
  transform: translateY(-50%);
}
#poverty-detail .poverty-main .poverty-content .info .labels {
  width: 560px;
}
#poverty-detail .poverty-main .poverty-content .info .labels .label {
  width: 192px;
  height: 63px;
  background: #e8eeff;
  border-radius: 6px;
  box-shadow: 10px 10px 20px #c7cee0;
  display: inline-block;
  margin-right: 32px;
  margin-bottom: 32px;
  font-size: 16px;
  font-family: PingFangSC Medium, PingFangSC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #333333;
  line-height: 63px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item {
  margin-bottom: 50px;
  overflow: hidden;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container {
  width: 560px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container .dot-line {
  width: 44px;
  height: 6px;
  background: #0043ee;
  margin-bottom: 30px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container .title {
  height: 24px;
  font-size: 24px;
  font-family: PingFangSC Medium, PingFangSC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #111111;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 32px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container .contact-container {
  margin-top: 20px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container .contact-container .common-contact {
  position: relative;
  padding-left: 25px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container .contact-container .common-contact:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  content: "";
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200813-poverty2/icon-contact.png");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
#poverty-detail .poverty-main .poverty-content .products .list .item .info-container .contact-container .mobile:before {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200813-poverty2/icon-mobile.png");
}
#poverty-detail .poverty-main .poverty-content .products .list .item .product-img {
  width: 460px;
}
#poverty-detail .poverty-main .file {
  height: 18px;
  width: 200px;
  font-size: 16px;
  font-family: PingFangSC Regular, PingFangSC Regular-Regular;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
  color: #ff3333;
  line-height: 18px;
  letter-spacing: 1px;
  margin: 0 auto;
  cursor: pointer;
}

#poverty-head .poverty-top {
  width: 100%;
  height: 490px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/poverty/banner.png") no-repeat;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#poverty-head .poverty-top .title {
  font-size: 47px;
  font-weight: 800;
  text-align: left;
  color: #0043ee;
}
#poverty-head .poverty-top .subhead {
  font-size: 20px;
  font-weight: 800;
  text-align: left;
  color: #3e4042;
  margin: 30px 0 40px;
}

.poverty-mes {
  background: white;
}
.poverty-mes .content-container {
  width: 1200px;
  margin: 0 auto;
}
.poverty-mes .content-container .poverty-bread-crumb .poverty-bread-crumb-item {
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC Regular, PingFangSC Regular-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 16px;
}
.poverty-mes .content-container .poverty-bread-crumb .bold {
  font-weight: 600;
}
.poverty-mes .content-container .common-container {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.poverty-mes .content-container .mes-container {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
.poverty-mes .content-container .mes-container img {
  max-width: 100%;
  margin-bottom: 139px;
}
.poverty-mes .content-container .erp-container {
  margin-bottom: 139px;
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.poverty-mes .content-container .erp-container .erp-img {
  width: 772px;
}
.poverty-mes .content-container .erp-container .erp-box {
  width: 235px;
  height: 632px;
  background: #ebedef;
  border-radius: 26px;
  padding: 78px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.poverty-mes .content-container .erp-container .erp-box .box-item {
  width: 100%;
  height: 30px;
  font-size: 30px;
  font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold;
  font-weight: 700;
  text-align: center;
  color: #595757;
  line-height: 30px;
}
.poverty-mes .content-container .erp-container .erp-box .box-item-title {
  color: #d87f44;
}
.poverty-mes .content-container .machine-container {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
.poverty-mes .content-container .machine-container .machine-title {
  height: 42px;
  font-size: 42px;
  font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
  font-weight: Normal;
  text-align: center;
  color: #0773b6;
  line-height: 42px;
  margin-bottom: 60px;
}
.poverty-mes .content-container .machine-container #img-mdc {
  width: 896px;
  margin-bottom: 40px;
}
.poverty-mes .content-container .machine-container #img-dnc {
  width: 1135px;
  margin-bottom: 40px;
}
.poverty-mes .content-container .machine-container .machine-box {
  width: 100%;
  opacity: 0.8;
  background: #4484bd;
  border-radius: 22px 22px 22px 22px;
  padding: 40px;
  font-size: 30px;
  font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold;
  text-align: left;
  color: #ffffff;
  line-height: 50px;
  margin-bottom: 110px;
}
.poverty-mes .content-container .machine-container .box-2 {
  background: #7295CD;
}

#poverty {
  padding-top: 60px;
}
#poverty .w12 {
  width: 1200px;
  margin: 0 auto;
}
#poverty .fl {
  float: left;
}
#poverty .free-label {
  height: 23px;
  background: #ffffff;
  border: 1px solid #FF8B5D;
  font-size: 14px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  text-align: center;
  color: #FF8B5D;
  line-height: 21px;
  padding: 0 5px;
  display: inline-block;
}
#poverty .custom-label {
  height: 35px;
  background: #ffffff;
  border: 1px solid #FD582C;
  font-size: 20px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 300;
  text-align: center;
  color: #FD582C;
  line-height: 33px;
  width: 120px;
  display: inline-block;
}
#poverty #partone {
  clear: both;
  height: 0;
  margin-top: 150px;
}
#poverty .pubtit {
  font-size: 36px;
  color: #2a2b2f;
  letter-spacing: 3px;
  padding-top: 27px;
  margin-bottom: 15px;
}
#poverty .pubtxt {
  font-size: 20px;
  font-weight: 500;
  color: #708197;
  letter-spacing: 2px;
}
#poverty .poverty-top {
  width: 100%;
  height: 1065px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/poverty/banner.png") no-repeat;
}
#poverty .poverty-top .title {
  font-size: 47px;
  font-weight: 800;
  text-align: left;
  color: #0043ee;
  padding-top: 220px;
}
#poverty .poverty-top .subhead {
  font-size: 20px;
  font-weight: 800;
  text-align: left;
  color: #3e4042;
  margin: 30px 0 40px;
}
#poverty .poverty-top .apply {
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #0043EE;
  text-align: center;
  margin-bottom: 100px;
  cursor: pointer;
}
#poverty .poverty-top .apply:hover {
  background-color: #2562FF;
}
#poverty .poverty-top .shouBox {
  width: 520px;
  margin-top: 80px;
}
#poverty .poverty-top .shouBox .show {
  width: 260px;
  height: 80px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
#poverty .poverty-top .shouBox .show img {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 25px;
  left: 26px;
}
#poverty .poverty-top .shouBox .show .block {
  display: none;
}
#poverty .poverty-top .shouBox .show .none {
  display: block;
}
#poverty .poverty-top .shouBox .show .tit {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  position: absolute;
  left: 77px;
  top: 24px;
}
#poverty .poverty-top .shouBox .show .txt {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #999999;
  position: absolute;
  bottom: 16px;
  left: 77px;
}
#poverty .poverty-top .shouBox .showbg {
  z-index: 2;
  box-shadow: 10px 10px 20px #c7cee0;
  background-color: #0043EE;
}
#poverty .poverty-top .shouBox .showbg .tit {
  color: #fff !important;
}
#poverty .poverty-top .shouBox .showbg .txt {
  color: #fff !important;
}
#poverty .part-top {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200813-poverty2/bg-common.png");
  background-size: cover;
}
#poverty .part-top .backdrop {
  width: 100%;
  height: 365px;
  position: relative;
}
#poverty .part-top .backdrop .active-info {
  height: 100%;
  background: #ffffff;
  border-radius: 16px;
  position: relative;
  top: -150px;
  padding: 29px;
}
#poverty .part-top .backdrop .active-info .backdrop-img {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 47px;
  z-index: 2;
  width: 455px;
  background: #eeeeee;
  border-radius: 16px;
}
#poverty .part-top .backdrop .active-info .tit {
  height: 29px;
  font-size: 30px;
  font-family: PingFangSC Semibold, PingFangSC Semibold-Semibold;
  font-weight: 600;
  text-align: left;
  color: #333333;
  margin-top: 50px;
  line-height: 37px;
  position: relative;
}
#poverty .part-top .backdrop .active-info .tit:before {
  content: '';
  position: absolute;
  left: 0;
  top: -20px;
  width: 58px;
  height: 3px;
  background: #0043ee;
}
#poverty .part-top .backdrop .active-info .context {
  margin-top: 50px;
  text-indent: 2rem;
  width: 597px;
  height: 101px;
  font-size: 16px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  letter-spacing: 1px;
}
#poverty .part-top .region {
  width: 100%;
  height: 800px;
  overflow: hidden;
  position: relative;
}
#poverty .part-top .region .regionBox {
  margin-top: 35px;
  float: left;
  background: linear-gradient(37deg, #1C5CFF, #4782F8);
  height: 512px;
  box-shadow: 10px 10px 20px #c7cee0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-radius: 8px 0 0 8px;
}
#poverty .part-top .region .regionBox .state-region {
  position: relative;
  width: 360px;
  height: 90px;
  display: flex;
  align-items: center;
  margin: 5px 0 5px 5px;
  border-radius: 8px 0 0 8px;
}
#poverty .part-top .region .regionBox .state-region img {
  position: absolute;
  right: 30px;
  margin: auto;
  top: 0;
  bottom: 0;
}
#poverty .part-top .region .regionBox .state-region .state-num {
  font-size: 52px;
  font-weight: 700;
  color: #FFFFFF;
  margin-left: 20px;
  display: inline-block;
}
#poverty .part-top .region .regionBox .state-region .tit-container {
  margin-left: 7px;
  display: inline-block;
}
#poverty .part-top .region .regionBox .state-region .state-tit {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
}
#poverty .part-top .region .regionBox .state-region .state-txt {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
}
#poverty .part-top .region .regionBox .region-line {
  z-index: 2;
  background: rgba(255, 255, 255, 0.3);
  width: 360px;
}
#poverty .part-top .region .regionContent {
  margin-top: 35px;
  height: 512px;
  background-color: white;
  border-radius: 8px;
}
#poverty .part-top .region .regionContent .none {
  display: none;
}
#poverty .part-top .region .regionContent .regionActive {
  padding: 0 36px;
  display: block;
  position: relative;
  float: left;
  width: 835px;
  right: 0;
}
#poverty .part-top .region .regionContent .regionActive .tit {
  font-size: 28px;
  font-weight: 800;
  color: #000000;
  line-height: 36px;
  margin-top: 30px;
}
#poverty .part-top .region .regionContent .regionActive .sort {
  width: 40px;
  height: 4px;
  background: #0043ee;
  margin-top: 27px;
}
#poverty .part-top .region .regionContent .regionActive .jiaru {
  width: 140px;
  height: 46px;
  border: 1px solid #0043ee;
  line-height: 46px;
  text-align: center;
  color: #0043ee;
  position: absolute;
  right: 20px;
  top: 30px;
  cursor: pointer;
}
#poverty .part-top .region .regionContent .regionActive .jiaru:hover {
  background: #0043ee;
  color: #fff;
}
#poverty .part-top .region .regionContent .regionActive .txt {
  width: 768px;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  line-height: 26px;
  margin-top: 34px;
}
#poverty .part-top .region .regionContent .regionActive .amount {
  margin-top: 18px;
}
#poverty .part-top .region .regionContent .regionActive .amount .now {
  height: 24px;
  font-size: 24px;
  font-family: DIN Bold, DIN Bold-Bold;
  font-weight: 700;
  text-align: left;
  color: #fd352c;
  line-height: 24px;
}
#poverty .part-top .region .regionContent .regionActive .amount .origin {
  height: 18px;
  font-size: 18px;
  font-family: DIN Regular, DIN Regular-Regular;
  font-weight: 400;
  text-decoration: line-through;
  text-align: left;
  color: #666666;
  line-height: 18px;
  text-decoration-line: line-through;
  margin-left: 8px;
}
#poverty .part-top .region .regionContent .regionActive .amount .unit {
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  color: #666666;
  font-weight: 700;
}
#poverty .part-top .region .regionContent .regionActive .line {
  margin-top: 36px;
  height: 1px;
  background: #f5f5f5;
}
#poverty .part-top .region .regionContent .regionActive .main-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 70px;
  position: relative;
  width: 100%;
}
#poverty .part-top .region .regionContent .regionActive .main-container .item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100px;
  height: 146px;
  background: #ffffff;
  transition: all ease-in-out 0.3s;
}
#poverty .part-top .region .regionContent .regionActive .main-container .item .icon {
  width: 43px;
}
#poverty .part-top .region .regionContent .regionActive .main-container .item .title {
  height: 18px;
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
  letter-spacing: 1px;
  text-align: center;
  padding: 0 10px;
}
#poverty .part-top .region .regionContent .regionActive .main-container .item .subtitle {
  height: 14px;
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #FF8B5D;
  line-height: 14px;
  letter-spacing: 1px;
  white-space: nowrap;
}
#poverty .part-top .region .regionContent .regionActive .main-container .item-0,
#poverty .part-top .region .regionContent .regionActive .main-container .item-3 {
  cursor: pointer;
}
#poverty .part-top .region .regionContent .regionActive .main-container .item-0:hover,
#poverty .part-top .region .regionContent .regionActive .main-container .item-3:hover {
  box-shadow: 6px 6px 18px 0px rgba(0, 67, 238, 0.1);
}
#poverty .part-top .region .regionContent .regionActive .main-container .item-3 {
  width: 240px;
}
#poverty .part-top .region .regionContent .regionActive .main-2 {
  width: 100%;
}
#poverty .part-top .region .regionContent .regionActive .main-2:after {
  content: '';
  width: 1px;
  height: 115px;
  background: #e6e3e3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
}
#poverty .part-top .region .regionContent .regionActive .amount-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
}
#poverty .part-top .region .regionContent .regionActive .amount-3 .amount-item {
  display: inline-block;
  height: 52px;
  background: #ffffff;
  border: 1px solid #3f7af9;
}
#poverty .part-top .region .regionContent .regionActive .amount-3 .amount-title {
  width: 114px;
  height: 52px;
  background: #3f7af9;
  display: inline-block;
  font-size: 24px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  text-align: center;
  color: #fffdfd;
  line-height: 52px;
  letter-spacing: 1px;
}
#poverty .part-top .region .regionContent .regionActive .amount-3 .amount {
  display: inline-block;
  padding: 0 13px;
  margin-top: 0;
}
#poverty .poverty-case {
  height: 720px;
  width: 100%;
  background: #E3EFFF;
}
#poverty .poverty-case .caseBox {
  width: 300px;
  height: 510px;
  margin-top: 30px;
}
#poverty .poverty-case .caseBox .case-icon {
  width: 100px;
  height: 100px;
  display: block;
  margin: 160px auto 0;
}
#poverty .poverty-case .caseBox .case-tit {
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
  letter-spacing: 1.2px;
}
#poverty .prefecture {
  height: 965px;
  width: 100%;
  background: #E3EFFF;
  position: relative;
}
#poverty .prefecture .map-container {
  position: relative;
  margin-top: 50px;
}
#poverty .prefecture .map-container .prefecture-img {
  width: 100%;
}
#poverty .prefecture .map-container .map-box {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 413px;
  height: 400px;
  background: #ffffff;
  box-shadow: 6px 6px 18px 0px rgba(0, 67, 238, 0.16);
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
#poverty .prefecture .map-container .map-box .area-font {
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #0043ee;
  line-height: 16px;
}
#poverty .prefecture .map-container .map-box .title {
  margin-top: 30px;
}
#poverty .prefecture .map-container .map-box .poverty-area {
  width: 100%;
}
#poverty .prefecture .map-container .map-box .poverty-area .area-container {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
  width: 100%;
}
#poverty .prefecture .map-container .map-box .poverty-area .area-container .area-item {
  width: 25%;
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
}
#poverty .prefecture .map-container .map-box .poverty-area .area-container .area-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #0043ee;
}
#poverty .prefecture .map-container .map-box .poverty-area .area-container .area-item .area-name {
  border-bottom: 1px solid;
  cursor: pointer;
}
#poverty .prefecture .map-container .map-box .poverty-area .area-container .area-item .area-name:hover {
  color: #EE0000;
}
#poverty .prefecture .map-container .map-box .box-context {
  font-size: 16px;
  width: 100%;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
}
#poverty .flag-a {
  position: relative;
  top: -60px;
}
#poverty .brilliant {
  width: 100%;
  height: 800px;
  background-color: #E3EFFF;
  position: relative;
}
#poverty .brilliant .ant-tabs-bar {
  border-bottom: 1px solid #B3C8E5;
}
#poverty .brilliant .brilliant-tab {
  height: 50px;
  margin-top: 50px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  color: #666;
  padding: 0 10px;
  text-align: center;
  margin-right: 60px;
}
#poverty .brilliant .brilliant-tab:hover {
  color: #333;
}
#poverty .brilliant .brilliant-act {
  border-bottom: 3px solid #0043EE;
  color: #333 !important;
}
#poverty .brilliant .line {
  clear: both;
  width: 1200px;
  height: 1px;
  background: #b3c8e5;
}
#poverty .brilliant .ant-tabs-nav .ant-tabs-tab-active {
  color: #333333;
  font-size: 20px;
  font-weight: 500;
}
#poverty .brilliant .ant-tabs-ink-bar {
  background: #0043EE;
  height: 3px;
}
#poverty .brilliant .ant-tabs-tab {
  font-size: 20px;
  font-weight: 500;
  color: #666666;
}
#poverty .brilliant .ant-tabs-tab:hover {
  color: #333333;
}
#poverty .brilliant .brilliant-img {
  width: 48px;
  height: 48px;
}
#poverty .brilliant .brilliant-tit {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin: 21px 0 23px;
}
#poverty .brilliant .brilliantBox {
  width: 340px;
  margin: 52px 90px 10px 0;
}
#poverty .brilliant .brilliantBox:nth-child(3n) {
  margin-right: 0;
}
#poverty .brilliant .brilliantBox .brilliant-txt {
  width: 335px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 21px;
}
#poverty .brilliant .brilliantTwoBox {
  width: 503px;
  margin: 52px 180px 10px 0;
}
#poverty .brilliant .brilliantTwoBox:nth-child(2n) {
  margin-right: 0;
}
#poverty .brilliant .brilliantTwoBox .brilliant-twotxt {
  width: 503px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 21px;
}
#poverty .fixation {
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
}
#poverty .fixation .fixation-apply {
  width: 90px;
  height: 100px;
  padding: 30px 25px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #0043EE;
  background: #ffffff;
  cursor: pointer;
}
#poverty .fixation .fixation-apply:hover {
  color: #fff;
  background: #0043EE;
}
#poverty .fixation .fixation-top {
  width: 90px;
  height: 100px;
  padding: 35px 30px;
  background: #fff;
}
#poverty .fixation .fixation-top .one {
  display: none;
}
#poverty .fixation .fixation-top .two {
  width: 30px;
  height: 30px;
}
#poverty .fixation .fixation-top:hover {
  background: #0043EE;
}
#poverty .fixation .fixation-top:hover .two {
  display: none;
}
#poverty .fixation .fixation-top:hover .one {
  display: block;
}

.text-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.products-solutions {
  background: #f8fafe;
}
.products-solutions .p-banner img {
  display: block;
  height: 460px;
  margin: 0 auto;
}
.products-solutions .p-main {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.products-solutions .p-main .r-1 .r-l-box {
  width: 844px;
  background-color: #ffffff;
  padding: 20px 20px 0;
  box-shadow: 0 1px 7px 0 rgba(149, 149, 149, 0.29);
}
.products-solutions .p-main .r-1 .r-title {
  padding-bottom: 20px;
}
.products-solutions .p-main .r-1 .r-title span {
  font-size: 18px;
  font-weight: 900;
  color: #333333;
}
.products-solutions .p-main .r-1 .r-title a {
  font-size: 14px;
  color: #999999;
  padding-left: 15px;
  border-left: 1px solid #999999;
  display: inline-block;
  line-height: 13px;
  margin-left: 18px;
  font-weight: normal;
}
.products-solutions .p-main .r-1 .r-title a:hover {
  color: #5774b8;
}
.products-solutions .p-main .r-1 .fl {
  float: left;
}
.products-solutions .p-main .r-1 .f-1 {
  width: 436px;
  margin-right: 12px;
}
.products-solutions .p-main .r-1 .f-1 .r-box > a {
  font-size: 14px;
  color: #333333;
  display: block;
  float: left;
  margin-right: 8px;
  margin-bottom: 20px;
  width: 210px;
  height: 195px;
  border: 1px solid #dae0e6;
}
.products-solutions .p-main .r-1 .f-1 .r-box > a .thumb {
  width: 100%;
  height: 145px;
  background-color: #e6e6e6;
  background-size: cover;
}
.products-solutions .p-main .r-1 .f-1 .r-box > a .title {
  line-height: 50px;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.products-solutions .p-main .r-1 .f-2 .r-box a {
  display: block;
  width: 350px;
  height: 195px;
  position: relative;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 20px;
}
.products-solutions .p-main .r-1 .f-2 .r-box a .thumb {
  width: 350px;
  height: 195px;
  background-size: cover;
  background-color: #e6e6e6;
}
.products-solutions .p-main .r-1 .f-2 .r-box a .title {
  width: 350px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 0 20px;
  line-height: 50px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.products-solutions .p-main .r-1 .fr {
  float: right;
  width: 332px;
  height: 496px;
  padding: 0 30px;
  background-color: #ffffff;
  box-shadow: 0 1px 7px 0 rgba(149, 149, 149, 0.29);
}
.products-solutions .p-main .r-1 .fr .icon-1 {
  display: block;
  margin: 26px auto 42px;
}
.products-solutions .p-main .r-1 .fr .r-title-2 {
  text-align: center;
  padding-bottom: 30px;
}
.products-solutions .p-main .r-1 .fr .r-title-2 span {
  font-size: 18px;
  color: #3c3c3c;
}
.products-solutions .p-main .r-1 .fr .input {
  height: 40px;
  margin-bottom: 12px;
  border: solid 1px #dee1e8;
  background-color: #f6f6f6;
}
.products-solutions .p-main .r-1 .fr .textarea {
  height: 127px;
  margin-bottom: 18px;
  border: solid 1px #dee1e8;
  background-color: #f6f6f6;
}
.products-solutions .p-main .r-1 .fr button {
  width: 100%;
  height: 47px;
}
.products-solutions .p-main .tab-top-box {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 60px;
}
.products-solutions .p-main .tab-top-box .item {
  display: inline-block;
  width: 176px;
}
.products-solutions .p-main .tab-top-box .item a {
  display: block;
  padding: 0 60px;
  color: #2a2a2a;
}
.products-solutions .p-main .tab-top-box .item a img {
  display: block;
  margin: 0 auto;
}
.products-solutions .p-main .tab-top-box .item a span {
  display: block;
  border-bottom: 3px solid transparent;
  padding: 22px 0;
}
.products-solutions .p-main .tab-top-box .item.active span {
  border-bottom: 3px solid #fe6d20;
}
.products-solutions .p-main .t-title {
  font-size: 30px;
  text-align: center;
  color: #2a2a2a;
  padding: 37px 0 32px;
}
.products-solutions .p-main .industrys-box .h-box .item {
  width: 300px;
  height: 360px;
  float: left;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("https://img.zcool.cn/community/0151cd576b39b60000012e7eb41b6a.jpg@2o.jpg") no-repeat center center / cover;
  position: relative;
  cursor: pointer;
}
.products-solutions .p-main .industrys-box .h-box .item:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.45);
  transition: all 0.5s;
}
.products-solutions .p-main .industrys-box .h-box .item .icon {
  display: block;
  margin-bottom: 23px;
  position: relative;
  z-index: 5;
  max-height: 64px;
}
.products-solutions .p-main .industrys-box .h-box .item h4 {
  font-size: 18px;
  color: #ffffff;
  position: relative;
  z-index: 5;
  margin-bottom: 20px;
}
.products-solutions .p-main .industrys-box .h-box .item p {
  font-size: 14px;
  color: #ffffff;
  position: relative;
  z-index: 5;
  padding: 0 35px;
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s;
  opacity: 0;
  line-height: 25px;
}
.products-solutions .p-main .industrys-box .h-box .item:hover:before {
  background: rgba(254, 109, 32, 0.9);
}
.products-solutions .p-main .industrys-box .h-box .item:hover p {
  max-height: 145px;
  opacity: 1;
}
.products-solutions .p-main .ly-box .l-box {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 1228px;
}
.products-solutions .p-main .ly-box .l-box .item {
  width: 382px;
  min-width: 382px;
  height: 360px;
  box-shadow: 0 5px 10px 0 #e3e3e3;
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 26px;
  margin-right: 27px;
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.5s;
  position: relative;
  top: 0;
}
.products-solutions .p-main .ly-box .l-box .item:hover {
  top: -10px;
}
.products-solutions .p-main .ly-box .l-box .item .icon {
  display: block;
  margin: 0 auto 47px;
  width: 66px;
}
.products-solutions .p-main .ly-box .l-box .item h4 {
  font-size: 18px;
  text-align: center;
  color: #2a2a2a;
  margin-bottom: 24px;
}
.products-solutions .p-main .ly-box .l-box .item p {
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  line-height: 24px;
}
.products-solutions .md-a {
  position: relative;
  top: -130px;
  display: block;
  height: 0;
}
.products-solutions .c-box {
  border-top: 1px solid #efeff1;
  border-left: 1px solid #efeff1;
  width: 1201px;
}
.products-solutions .c-box .item {
  width: 300px;
  height: 190px;
  background: #fff;
  border-bottom: 1px solid #efeff1;
  border-right: 1px solid #efeff1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  float: left;
  cursor: pointer;
}
.products-solutions .c-box .item .icon {
  display: block;
  max-height: 46px;
  margin-bottom: 24px;
}
.products-solutions .c-box .item h4 {
  font-size: 18px;
  font-weight: bold;
  color: #2a2a2a;
  text-align: center;
  transition: all 0.5s;
}
.products-solutions .c-box .item:hover h4 {
  color: #70a1d9;
}
.products-solutions .load-more {
  padding: 40px 0;
  text-align: center;
}
.products-solutions .load-more > span {
  font-size: 12px;
  color: #999;
}

.protocolCon {
  padding-top: 90px;
  margin-bottom: 50px;
  overflow: hidden;
}
.protocolCon .protocolDataCon {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.protocolCon .protocolDataCon .protocolLeft {
  float: left;
  background-color: #fff;
  width: 200px;
  margin-right: 20px;
}
.protocolCon .protocolDataCon .protocolLeft .protocolTil {
  font-size: 24px;
  color: #333;
  padding: 30px 40px;
}
.protocolCon .protocolDataCon .protocolLeft .protocolList a {
  padding: 20px 40px;
  font-size: 14px;
  color: #666;
  display: block;
  transition: all 0.3s;
}
.protocolCon .protocolDataCon .protocolLeft .protocolList a:hover {
  color: #377fcb;
}
.protocolCon .protocolDataCon .protocolLeft .protocolList .protocolActive {
  background-color: #377fcb;
  color: #fff;
}
.protocolCon .protocolDataCon .protocolLeft .protocolList .protocolActive:hover {
  color: #fff;
}
.protocolCon .protocolDataCon .protocolRight {
  float: left;
  width: 980px;
  background-color: #fff;
  padding: 25px 100px;
}
.protocolCon .protocolDataCon .protocolRight div {
  margin-top: 5px;
}
.protocolCon .protocolDataCon .protocolRight .protocolConTil {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin-bottom: 25px;
}
.protocolCon .protocolDataCon .protocolRight .protocolConWz p {
  font-size: 14px;
  color: #666;
  text-indent: 2em;
  line-height: 30px;
}
.protocolCon .protocolDataCon .protocolRight .countNameStyle {
  font-family: '\3A2\FFFD\FFFD\FFFD\17A\FFFD', 'Arial Normal', 'Arial';
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  color: #333333;
}
.protocolCon .protocolDataCon .protocolRight .aStyle {
  float: right;
  margin-top: 10px;
}

.pufa-container {
  margin-top: 60px;
  background: #8fc7ff;
  width: 100%;
  margin: auto;
  min-width: 1200px;
}
.pufa-container .banner {
  background: url(/_next/static/media/banner.648d31e9.png) no-repeat center 100%;
  width: 100%;
  min-width: 1200px;
  height: 1430px;
  position: relative;
  margin: auto;
}
.pufa-container .wrapper_one {
  position: absolute;
  top: 1000px;
  left: calc(50% - 618px);
  background: url(/_next/static/media/wrapper_1.3a477ffe.png) no-repeat 100% 100%;
  width: 1200px;
  height: 562px;
}
.pufa-container .wrapper_two {
  text-align: center;
  margin-top: 170px;
  position: relative;
}
.pufa-container .wrapper_two img {
  width: 1082px;
  height: 865px;
}
.pufa-container .wrapper_two .apply {
  cursor: pointer;
  width: 196px;
  height: 48px;
  background: linear-gradient(#fdef53 0%, #fdd353 100%);
  background: -o-linear-gradient(#fdef53 0%, #fdd353 100%);
  background: -moz-linear-gradient(#fdef53 0%, #fdd353 100%);
  background: -webkit-linear-gradient(#fdef53 0%, #fdd353 100%);
  box-shadow: 0px 7px 16px 0px rgba(14, 105, 255, 0.6);
  font-size: 18px;
  font-weight: 800;
  color: #0e69ff;
  border-radius: 30px;
  line-height: 48px;
  position: absolute;
  bottom: 70px;
  left: calc(50% - 98px);
}
.pufa-container .wrapper_three {
  margin-top: 70px;
}
.pufa-container .wrapper_three .wrapper_three_block {
  width: 1200px;
  margin: auto;
  text-align: center;
}
.pufa-container .wrapper_three .wrapper_three_block img {
  width: 808px;
  height: 72px;
}
.pufa-container .wrapper_three .wrapper_three_block .three_block {
  margin-top: 40px;
  display: inline-block;
  background: url(/_next/static/media/wrapper_3.436b6a31.png) no-repeat 100% 100%;
  width: 1097px;
  height: 662px;
}
.pufa-container .wrapper_three .wrapper_three_block .three_block video {
  position: relative;
  top: 106px;
  left: 120px;
}
.pufa-container .wrapper_three .wrapper_three_block .three_block .videoPoster {
  position: relative;
  background: url(/_next/static/media/video_poster.2067e7de.png) no-repeat 100% 100%;
  width: 850px;
  height: 478px;
  top: 106px;
  left: 120px;
}
.pufa-container .wrapper_three .wrapper_three_block .three_block .video_btn {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  cursor: pointer;
  width: 84px;
  height: 46px;
}
.pufa-container .wrapper_four {
  background: url(/_next/static/media/bottom_bg.3cf43951.png) no-repeat center 100%;
  width: 100%;
  height: 266px;
  margin: 170px auto -26px;
}
.pufa-container .wrapper_four .wrapper_block {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-evenly;
}
.pufa-container .wrapper_four .wrapper_block .btm_icon {
  margin-top: -99px;
}
.pufa-container .wrapper_four .wrapper_block .btm_text {
  margin-top: 75px;
}
.pufa-container .wrapper_four .wrapper_block .btm_btn {
  margin-top: 126px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA9CAYAAACp81uLAAAHL0lEQVR4Xu2d3W4bxxXHz3zsLimSVmSCBioEcWGgRRrFadI090LfQa/Ri14F6I2TJqjfo1eFX0IXuegL6CYXhg0YQiGWsUWKWu7O+SiGXzJJSRUreQGOhoJAYbWzM+d/fjgzvOD5K1j7JWrtIXHABiqgZN1FXwPGFdA8gwjTuipv4v3P4AqYrobsEjCWIJrCc3D0YuXe7l4ngrWJoFyx5s5RdwWgF3sHk2srcK1CtQADj/4lAC4geWIo6yuQwDd/tulsXGt3IB6yy6FaBOo9mETx6CcGOoYI1PopCGNEAmB24U/Psf7qFYBt5ZK1H0vtOJcFqBaq1AVQl8D0GiQCFQYba0WRgDK7AOYxPP0LtsxWKUm/lNZuk9/0csn+fSadvQ7Pq9QcqP8J02sAjBVqrVxs9M0JgN0FZR6PYfrDt7jTz1ASqbM9c1LDM+6VTW4Mu7wK1ApMk0P3ZJvzlcnD9BpAehstUVz8DRVQbQD7eA7TN3/FzjAlSSTjVEZ8JnVuvqtRrxzMgTqEfb44lE+Amm5zouAZKP72J4ow3TABId22DNP3sltAyYmknEPJtdxQnibUfPeWTjND28UjfvL2JY8P5ePtLsIUEg63i2UJpi/+xp8YSLgU5KQ0RE2FeT6kJjE+bKbUPepyp9vhw/1ZdYow3S4BIY1egunLH/iJEcvkSnLWUE0AUfpYMuFD18H+9jZ14IQvtroIU0g43C6WJZj++HfzG1cQW1MSAyCJoOToCmTcbj/C094Jfdyu05UwHRy80P/8x68wnplul5eNHL1Smdyn1ihC0sQCKCU7sluuwX10xNj/T0rttEXjc9OLA145M0WYNhKDu1n0cmX6gT8jD1IGmIJCKNlBSo7eAboSsPMIcHAcYbob8UN7yhJMXz+XPUJNFh2JSR1YcR4oyci5E8AHWUblMMVYmUID4S7iWYLpqx/V52wcGdQEyE5M5qQYOLFbrmSFD53G/ps39BkAxW3uLhIQ0jOWz0zf41Or9fjw7X/H2xynpViOMIWU9w8SyzJMz/GpxQjTB9E6+IdGmIJPcXUBRpiq0zr4mSJMwae4ugAjTNVpHfxMEabgU1xdgBGm6rQOfqYIU/Apri7ACFN1Wgc/U4Qp+BRXF2CEqTqtg58pwhR8iqsLMMJUndbBzxRhCj7F1QUYYapO6+BnijAFn+LqAowwVad18DNFmIJPcXUBRpiq0zr4mSJMwae4ugAjTNVpHfxMEabgU1xdgBGm6rQOfqYIU/Apri7ACFN1Wgc/04eHKTZIDR6ieYCLDVK/fO/r4WBTJ/6nEPd/fj08gnR/QJpFetG6+asf3eeMipIUkAtAMew0JyWKwpJ/mXSPu1njigjS/QPpAijfVP7r72SPDFICGbKMEFzmwLCTnNwa/Zk+wehOcH9RmkSewO+/y39njCbfo8nDxCZzWwU5sC3nqHezznEvd57o0+xEb2XGnhltU62sQZMYBVZrsMamBokNA+rEaCVWKSYdzXgC4E8bFoUijlg0WLZjmEpi9j0tAcmSK1nQd9w9Lwjn7Zsva0Po+4Dvw6F+08vNdkHm7KMdk2qxCs8ToxvWJWRskhpENhZQi4eJlBJyEaYAYFImEWVEFLGgh8lqQldS4gwRD3HW6GvWC/zaBqkzmLrwSD84PTX9ojBJCvbcgE2zukkSNA7JJGA1KdS+OmVQA8EywhQCTDaVAkbgq5Jv2+wAObGGnLNUFjlt0aSfpW9BeKPWzd5Tzm91vXJg2r9u6dPeia03WiatoSlKMhmkGpXVBE5naBTbQgHUApAyhgAeJMyksCS+obwV/0Gu5Cw1VI4s5cMB+bbNvVcDnnfavdKhAAB8x11vSDirTkPT0OfN3NRHzjhV6Dqk2qlSizOqlhjFOD0v1WMyNlqBfLJ6bVlGjkQl3jdlYnXh/VPyWkJbZ3Vq0JBnVWns7jQ+L/nXclN5f+0ZqFl18gfxjv1ID81AF7qhmyrXpSo0F1ZRzapGaRS0ALgwcZvbaJKmIGUkMADwBjxmhKIzlFSysQlPxkNuUIu7+I5XfVNWYPIXJmY8/q/9w0M9+G1LeaA+btfV4Lil3YOeKvRIU54o3krUDgBQYSNIAYA0C8FkKG99hTp3YupOMq5x0m9748Kx55wHqfXzQMaeKZPiMzfhGSN1ocXUm3danbrdjvJAjXbrqui9Vh6q4jRT5bCn3IN0PI7OJ+/xFYYC3rDQR+JNC9NGW7LtQsbGhTM3zJ8H0ulMLVavNy+cVqfpduff/Jbnz1CD45YavX2pYG8PPFj+fzioR5DCYGghCm+l6i94gODoCGo7TxYtVecV6WJ7mz3gevfw95zDfaWC/Yt5PWABannvQ/JevHMRDgHmlWgBolWQlra593W83I5+WenL7OnvfTY2WIC5Q/hyDDewob8GpmvA2mCx4tJvo8Ci7fxlT4pb1W30jWMXFIgwRSDuTIH/AuNNE8Xc/cu0AAAAAElFTkSuQmCC) no-repeat 100% 100%;
  width: 147px;
  height: 61px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
  cursor: pointer;
}
.pufa-container .wrapper_four .wrapper_block .btm_btn a {
  color: #0c5ae7;
}
.companyOpen .ant-modal-header .ant-modal-title {
  padding: 14px 0 10px 13px;
  font-size: 20px;
}
.companyOpen .ant-modal-close {
  width: 72px;
  height: 72px;
}
.companyOpen .ant-modal-close .ant-modal-close-x:before {
  font-size: 24px;
  font-weight: 500;
}
.companyOpen .ant-form-item-label {
  height: 42px;
  line-height: 42px;
}
.companyOpen .ant-form-item-label label {
  font-size: 14px;
}
.companyOpen .ant-input,
.companyOpen .ant-radio-group {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
}
.companyOpen .ant-select-lg .ant-select-selection__rendered {
  line-height: 42px;
}
.companyOpen .ant-select-lg .ant-select-selection--single {
  height: 42px;
}
.companyOpen form .ant-select,
.companyOpen form .ant-cascader-picker {
  width: 100% !important;
}
.companyOpen .novisible {
  display: none;
  visibility: hidden;
}
.companyOpen .submitBtn {
  cursor: pointer;
  width: 180px;
  height: 42px;
  line-height: 42px;
  background: #0b68ff;
  font-size: 14px;
  color: #ffffff;
  border-radius: 0;
  left: calc(50% - 90px);
  margin: 20px auto 45px;
}
.companyOpen .resultModal {
  text-align: center;
}
.companyOpen .resultModal img {
  margin: 36px auto 30px;
}
.companyOpen .resultModal p {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
}
.companyOpen .resultModal .submitBtn {
  margin-top: 60px;
}

* {
  padding: 0;
  margin: 0;
}
.rcCard {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rcCard:hover .card-img .card-pop {
  transition: all 0.3s;
  top: 0;
}
.rcCard .card-img {
  width: 260px;
  height: 100%;
  float: left;
  position: relative;
}
.rcCard .card-img img {
  width: 100%;
  height: 100%;
}
.rcCard .card-img .card-pop {
  width: 100%;
  height: 100%;
  background: rgba(1, 69, 70, 0.74);
  position: absolute;
  top: 100%;
  left: 0;
}
.rcCard .card-img .card-pop a {
  width: 160px;
  height: 40px;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  margin: 153px auto;
  display: inherit;
  text-align: center;
  line-height: 40px;
}
.rcCard .card-right {
  width: 320px;
  height: 100%;
  float: left;
  background: #fff;
}
.rcCard .card-right .right-top {
  text-align: right;
  margin-top: 20px;
  padding-right: 16px;
  font-size: 14px;
  color: #ff8c1b;
  border-right: 4px solid #ff8c1b;
}
.rcCard .card-right .right-type {
  margin-top: 10px;
  margin-left: 24px;
  font-size: 18px;
  color: #272b2e;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rcCard .card-right .right-name {
  margin-top: 18px;
  margin-left: 24px;
  font-size: 18px;
  color: #272b2e;
  font-weight: 900;
}
.rcCard .card-right .right-tab {
  margin-top: 10px;
  margin-left: 20px;
  overflow: hidden;
  max-height: 70px;
  margin-bottom: 4px;
}
.rcCard .card-right .right-tab .tab {
  overflow: hidden;
}
.rcCard .card-right .right-tab .tab p {
  float: left;
  margin-left: 6px;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  padding: 0px 16px;
  border: 1px solid #999;
  border-radius: 10px;
}
.rcCard .card-right .right-descript {
  margin-left: 24px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #333;
}

* {
  padding: 0;
  margin: 0;
}
.wenCard {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.wenCard .card-top {
  text-align: right;
  font-size: 14px;
  color: #ff8c1b;
  padding-right: 18px;
  margin-top: 10px;
  border-right: 4px solid #ff8c1b;
}
.wenCard .card-img {
  width: 128px;
  height: 128px;
  border-radius: 128px;
  margin: 0 auto;
}
.wenCard .card-img img {
  width: 100%;
  height: 100%;
  border-radius: 128px;
}
.wenCard .card-name {
  margin-left: 27px;
  font-size: 18px;
  color: #333;
  font-weight: 900;
  margin-top: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
}
.wenCard .card-name span {
  font-size: 14px;
  display: inline-block;
  margin-left: 25px;
}
.wenCard .right-tab {
  margin-top: 10px;
  margin-left: 20px;
  overflow: hidden;
  max-height: 70px;
}
.wenCard .right-tab .tab {
  overflow: hidden;
}
.wenCard .right-tab .tab p {
  float: left;
  margin-left: 6px;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  padding: 0px 16px;
  border: 1px solid #999;
  border-radius: 10px;
}
.wenCard a {
  width: 220px;
  height: 40px;
  margin-top: 8px;
  margin-left: 30px;
  color: #397ecd;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #397ecd;
  display: inherit;
}
.wenCard a:hover {
  background: #397ecd;
  color: #fff;
}

.rechargeAccount {
  width: 1200px;
  margin: 130px auto;
  background: #fff;
  padding: 70px;
}
.rechargeAccount h2 {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  line-height: 31px;
  margin-left: -70px;
}
.rechargeAccount h2:before {
  margin-right: 60px;
  content: "";
  width: 10px;
  height: 31px;
  background: #2e5bff;
  display: inline-block;
}
.rechargeAccount .account-info {
  margin-top: 40px;
}
.rechargeAccount .btm-btn {
  margin-top: 60px;
  text-align: center;
}
.rechargeAccount-add {
  width: 1200px;
  margin: 130px auto;
  background: #fff;
  padding: 70px;
}
.rechargeAccount-add h2 {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  line-height: 31px;
  margin-left: -70px;
}
.rechargeAccount-add h2:before {
  margin-right: 60px;
  content: "";
  width: 10px;
  height: 31px;
  background: #2e5bff;
  display: inline-block;
}
.rechargeAccount-add .account-add-form {
  margin-top: 46px;
}
.rechargeAccount-add .account-add-form .ant-form-item {
  padding-top: 30px;
}
.rechargeAccount-add .account-add-form .ant-form-item .ant-form-item-label {
  text-align: left;
}
.rechargeAccount-add .account-add-form .ant-form-item .ant-form-item-label label {
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
}
.rechargeAccount-add .account-add-form .ant-row {
  width: 50%;
}
.rechargeAccount-add .account-add-form .change-type {
  display: flex;
  flex-wrap: wrap;
}
.rechargeAccount-add .account-add-form .change-type .account-name {
  width: 50%;
}
.rechargeAccount-add .account-add-form .change-type .account-name .ant-row {
  width: 100% !important;
}
.rechargeAccount-add .account-add-form .change-type .account-name .comment {
  width: 290px;
  margin-left: 155px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.rechargeAccount-add .account-add-form .ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 52px;
}
.rechargeAccount-add .account-add-form .ant-select-selection {
  width: 289px;
}
.rechargeAccount-add .account-add-form .ant-select-selection .ant-select-selection__placeholder {
  z-index: 5;
  line-height: 22px;
  height: 40px;
}
.rechargeAccount-add .account-add-form .ant-input-disabled {
  background: #f5f7fc !important;
}
.rechargeAccount-add .account-add-form .ant-input {
  width: 290px;
  height: 52px !important;
  font-size: 14px;
  border: 1px solid rgba(61, 73, 79, 0.5);
}
.rechargeAccount-add .add-btn {
  text-align: center;
  margin: 100px 0;
}
.rechargeAccount-add .add-btn .ant-btn-primary {
  color: #fff;
  background-color: #2458FF;
  border-color: #2458FF;
}
.rechargeAccount-add .add-btn .ant-btn-primary:hover {
  color: #fff;
  background-color: #2458FF;
  border-color: #2458FF;
}
.rechargeAccount-add .ant-radio-button-wrapper-checked {
  background: #2458ff;
  border: 0 !important;
  color: #fff;
}
.rechargeAccount-add .ant-radio-button-wrapper-checked:hover {
  color: #fff !important;
}
.rechargeAccount-add .ant-radio-button-wrapper {
  width: 136px;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 21px !important;
  text-align: center;
  box-shadow: 0 0 0 0;
  border: 1px solid rgba(61, 73, 79, 0.9) !important;
}
.rechargeAccount-add .ant-radio-button-wrapper:not(:first-child):before {
  width: 0;
}
.rechargeAccount-add .ant-radio-button-wrapper:hover {
  color: #000;
}
.rechargeAccount-add .ant-radio-button-wrapper span {
  font-size: 16px;
  font-weight: bold;
}
.rechargeAccount-detail {
  width: 1200px;
  margin: 130px auto;
  background: #fff;
  padding: 70px;
}
.rechargeAccount-detail h2 {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  line-height: 31px;
  margin-left: -70px;
}
.rechargeAccount-detail h2:before {
  margin-right: 60px;
  content: "";
  width: 10px;
  height: 31px;
  background: #2e5bff;
  display: inline-block;
}
.rechargeAccount-detail h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  color: #00218d;
  letter-spacing: 0;
  padding-top: 55px;
}
.rechargeAccount-detail .top-warp {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
.rechargeAccount-detail .top-warp .r2 {
  width: 50%;
}
.rechargeAccount-detail .r2 .left {
  text-align: left;
}
.rechargeAccount-detail .right .bank-card-block {
  height: 100px !important;
  display: flex;
}
.rechargeAccount-detail .right .bank-card-block .bank-card {
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
}
.rechargeAccount-detail .warn {
  margin-top: 40px;
  display: flex;
}
.rechargeAccount-detail .warn .info {
  width: 688px;
  padding-left: 10px;
  color: #000000;
}
.rechargeAccount-detail .warn .info a {
  color: #2E5BFF;
}
.rechargeAccount-detail .warn-2 {
  margin-top: 100px;
  margin-bottom: 30px;
  color: #000000;
}
.rechargeAccount-detail .warn-2 a {
  color: #2E5BFF;
}
.r2 {
  display: flex;
  justify-content: flex-start;
  padding: 35px  0;
}
.r2 .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.r2 .mt {
  margin-top: -24px;
}
.r2 .column {
  flex-direction: column;
  justify-content: space-around;
}
.r2 .left {
  width: 122px;
  min-width: 122px;
  text-align: right;
  padding-right: 16px;
}
.r2 .left .label {
  font-size: 16px;
  color: #444444;
  font-weight: bold;
}
.r2 .right .bank-card-block {
  width: 310px;
  height: 146px;
  border: 1px solid #b5bbd6;
  padding: 15px 16px;
  margin-left: 24px;
  margin-top: 24px;
  cursor: pointer;
}
.r2 .right .bank-card-block .card-type {
  text-align: right;
  padding-right: 5px;
}
.r2 .right .bank-card-block .bank-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4e6f0;
  height: 50px;
}
.r2 .right .bank-card-block .bank-card img {
  display: block;
  width: 185px;
  max-height: 40px;
}
.r2 .right .bank-card-block .bank-card span {
  font-size: 12px;
  color: #000000;
}
.r2 .right .bank-card-block .exera {
  padding-top: 14px;
  text-align: center;
}
.r2 .right .bank-card-block .exera a {
  color: #2e5bff;
}
.r2 .right .bank-card-block span {
  color: #000000;
}
.r2 .right .over {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.recharge-btn {
  width: 176px;
  height: 51px !important;
  border: 1px solid #aaaaaa !important;
}
.recharge-btn span {
  font-size: 16px;
  font-weight: bold;
}
.cz-modal .ant-modal-content {
  border-radius: 20px;
}
.cz-modal .ant-modal-content .ant-modal-body {
  padding: 32px;
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .block {
  padding: 36px;
  position: relative;
}
.cz-modal .ant-modal-content .ant-modal-body .block .close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
}
.cz-modal .ant-modal-content .ant-modal-body .text {
  line-height: 22px;
  color: #000000;
  padding: 40px 0 30px;
}
.cz-modal .ant-modal-content .ant-modal-body .prompt {
  font-size: 12px;
  color: #5a5a5a;
  padding-bottom: 30px;
}
.cz-modal .ant-modal-content .ant-modal-body .f20 {
  font-size: 20px;
  font-weight: bold;
}
.cz-modal .ant-modal-content .ant-modal-body .btn {
  text-align: center;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn {
  width: 137px;
  height: 42px;
  border: 1px solid #aaaaaa;
}
.cz-modal .ant-modal-content .ant-modal-body .btn .recharge-btn span {
  font-size: 16px;
  font-weight: bold;
}

.liucheng .w12 {
  width: 1200px;
  margin: 40px auto 178px;
  background: #fff;
  padding: 66px 208px 29px 208px;
}
.liucheng .fl {
  float: left;
}
.liucheng .banner {
  margin-top: 60px;
  width: 100%;
}
.liucheng img {
  width: 100%;
}
.liucheng p {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 20px;
  color: #666666;
  margin-top: 38px;
  margin-bottom: 29px;
  width: 838px;
}
.liucheng .tit {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 42px;
  color: #333333;
  margin-bottom: 32px;
}
.liucheng .step {
  height: 32px;
}
.liucheng .step .step-public {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 22px;
  color: #333333;
  margin-right: 80px;
  cursor: pointer;
}
.liucheng .step #step-a {
  height: 32px;
  color: #435EE4;
  border-bottom: 4px solid #435EE4;
}
.liucheng .line {
  width: 784px;
  height: 1px;
  border: 1px solid #e1e1e1;
}
.liucheng .txt {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 22px;
  color: #333333;
  margin-top: 36px;
  margin-bottom: 12px;
}
.liucheng .top-img {
  margin-bottom: 20px;
}

#remoulds {
  position: relative;
}
#remoulds .fl {
  float: left;
}
#remoulds .w12 {
  width: 1200px;
  margin: 0 auto;
}
#remoulds .clear {
  clear: both;
  height: 0;
}
#remoulds .banner {
  position: relative;
  width: 100%;
  height: 590px;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/remould-1.png");
}
#remoulds .banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(46, 46, 46, 0.2);
  z-index: 2;
}
#remoulds .banner .tit {
  font-size: 56px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  padding-top: 228px;
  position: relative;
  z-index: 3;
}
#remoulds .banner .en {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
  padding-top: 40px;
  position: relative;
  z-index: 3;
}
#remoulds .bottom {
  width: 1280px;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 90px;
  margin-top: -96px;
  padding-left: 90px;
  margin-bottom: 90px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
#remoulds .bottom .poverty-bank {
  position: absolute;
  right: 90px;
  top: 39px;
  cursor: pointer;
}
#remoulds .bottom .poverty-bank:hover img {
  content: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/back-active.png");
}
#remoulds .bottom .poverty-bank:hover .txt {
  color: #067ae5;
}
#remoulds .bottom .poverty-bank img {
  float: left;
}
#remoulds .bottom .poverty-bank .txt {
  float: left;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
  margin-left: 8px;
}
#remoulds .bottom .brilliant-tab {
  height: 72px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  color: #666;
  padding: 0 10px;
  margin-right: 30px;
  margin-top: 24px;
  position: relative;
}
#remoulds .bottom .brilliant-tab span {
  text-align: left !important;
  font-size: 16px;
  font-weight: 600;
  color: #999999;
}
#remoulds .bottom .brilliant-tab:after {
  content: "";
  height: 2px;
  background: #067ae5;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.3s;
  width: 0;
  z-index: 2;
}
#remoulds .bottom .brilliant-tab:hover {
  color: #067ae5;
}
#remoulds .bottom .brilliant-tab:hover:after {
  width: 100%;
}
#remoulds .bottom .brilliant-act {
  border-bottom: 1.5px solid #067AE5;
  color: #067AE5 !important;
  font-weight: 600;
}
#remoulds .bottom .line {
  width: 1102px;
  height: 1px;
  background: #cccccc;
}
#remoulds .bottom .interior-tab {
  margin: 24px 0;
  width: 190px;
  height: 40px;
  background: #ffffff;
  border: 1px solid rgba(102, 102, 102, 0.4);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #666666;
  line-height: 40px;
  cursor: pointer;
}
#remoulds .bottom .interior-act {
  background: #067ae5;
  border: 1px solid #067ae5;
  font-size: 16px;
  color: #ffffff;
}
#remoulds .bottom .science-box {
  width: 328px;
  margin-right: 18px;
}
#remoulds .bottom .science-box .science-pic {
  width: 328px;
  height: 178px;
}
#remoulds .bottom .science-box .science-tit {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin: 24px 0 16px 0;
}
#remoulds .bottom .science-box .science-txt {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
#remoulds .bottom .yycx {
  font-size: 36px;
  font-weight: 400;
  color: #333333;
  margin-left: 90px;
}
#remoulds .bottom .adhibition-box {
  margin-right: 58px !important;
}
#remoulds .bottom .adhibition-box:nth-child(3) {
  margin-right: 0;
}
#remoulds .bottom .appliBox {
  width: 1280px !important;
  height: 460px !important;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/ying-bg.png');
  position: relative;
  top: 500;
  margin: 60px 0 -90px -90px;
}
#remoulds .bottom .appliBox #apppicbox {
  width: 193px;
  height: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 18px 0 rgba(185, 190, 195, 0.6);
}
#remoulds .bottom .appliBox #apppicbox .appli-icon {
  display: block;
  margin: 25px auto 0;
}
#remoulds .bottom .appliBox #apppicbox .appli-cot {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin: 25px auto 1px;
}
#remoulds .bottom .appliBox #apppicbox .appli-cot span {
  font-size: 20px;
}
#remoulds .bottom .appliBox #apppicbox .appli-tit {
  text-align: center;
  font-size: 18px;
}
#remoulds .bottom .appliBox .pic0 {
  position: absolute;
  left: 90px;
  bottom: 65px;
}
#remoulds .bottom .appliBox .pic1 {
  position: absolute;
  left: 317px;
  bottom: 36px;
}
#remoulds .bottom .appliBox .pic2 {
  position: absolute;
  left: 544px;
  bottom: 65px;
}
#remoulds .bottom .appliBox .pic3 {
  position: absolute;
  right: 316px;
  bottom: 36px;
}
#remoulds .bottom .appliBox .pic4 {
  position: absolute;
  right: 89px;
  bottom: 65px;
}
#remoulds .bottom .leftBox {
  width: 368px;
  height: 205px;
  background: #ffffff;
  border: 1px solid #067ae5;
  border-radius: 8px;
  margin-top: 65px;
}
#remoulds .bottom .leftBox img {
  display: block;
  width: 108px;
  height: 118px;
  margin: 44px auto 0;
}
#remoulds .bottom .rightBox {
  margin-left: 32px;
  margin-top: 56px;
}
#remoulds .bottom .rightBox .tit {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
}
#remoulds .bottom .rightBox .line {
  width: 24px;
  height: 6px;
  background: #067ae5;
  margin-top: 18px;
  margin-bottom: 30px;
}
#remoulds .bottom .rightBox .txt {
  width: 620px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
}

.reset-auto-box {
  padding-top: 60px;
}
.reset-auto-box .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.reset-auto-box .auto1000 {
  width: 1000px;
  margin: 0 auto;
}
.reset-auto-box .reset-main {
  margin-top: 20px;
  padding: 45px 20px;
  background: #fff;
}
.reset-auto-box .reset-main .steps {
  padding: 0  14px 78px;
}
.reset-auto-box .reset-main .steps .ant-steps-step {
  position: relative;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.reset-auto-box .reset-main .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.reset-auto-box .reset-main .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.reset-auto-box .reset-main .step_2 .r1,
.reset-auto-box .reset-main .step_1 .r1 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 10px 0;
}
.reset-auto-box .reset-main .step_2 .r1 > span,
.reset-auto-box .reset-main .step_1 .r1 > span {
  padding-left: 40px;
}
.reset-auto-box .reset-main .step_2 .r1 .btn-get-pass,
.reset-auto-box .reset-main .step_1 .r1 .btn-get-pass {
  color: #108ee9;
  font-size: 14px;
  padding-left: 10px;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box:focus,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box:focus {
  outline: none;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span {
  display: block;
  width: 30px;
  height: 30px;
  border: solid 1px #e3e3e3;
  margin: 4px;
  position: relative;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span.active,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span.active {
  border: 1px solid #4388f6;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span.has:after,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span.has:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  margin-left: -3px;
  background: #000;
}
.reset-auto-box .reset-main .step_2 p,
.reset-auto-box .reset-main .step_1 p {
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.reset-auto-box .reset-main .step_2 .r1 span {
  padding-left: 0;
  width: 120px;
  display: inline-block;
  text-align: right;
}
.reset-auto-box .reset-main .step_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.reset-auto-box .reset-main .step_3 .icon {
  width: 86px;
  height: 85px;
  object-fit: contain;
}
.reset-auto-box .reset-main .step_3 span {
  font-size: 24px;
  font-weight: 900;
  color: #666666;
  padding-left: 39px;
}
.reset-auto-box .reset-main .btn-box {
  width: 700px;
  margin: 0 auto 60px;
  padding-top: 80px;
}
.reset-auto-box .reset-main .btn-box .row {
  display: flex;
  justify-content: space-around;
}
.reset-auto-box .reset-main .btn-box .pact-box {
  padding-bottom: 15px;
  text-align: center;
  user-select: none;
}
.reset-auto-box .reset-main .btn-box button {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  border-color: #108ee9;
}
.reset-auto-box .reset-main .btn-box button.btn-prev {
  background: #fff;
  color: #108ee9;
}
.reset-auto-box .reset-main .tips {
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #e3e3e3;
  padding: 12px 0;
  margin-bottom: 50px;
}
.reset-auto-box .reset-main .tips .icon {
  margin-right: 6px;
}
.reset-auto-box .reset-main .tips .icon i {
  color: #999;
}
.reset-auto-box .reset-main .tips em {
  color: #cac52f;
}
.reset-auto-box .ant-select-auto-complete.ant-select .ant-input {
  height: 40px !important;
}
.reset-auto-box .ant-select-selection__placeholder,
.reset-auto-box .ant-select-search__field__placeholder {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}

#energy .w12 {
  width: 1200px;
  margin: 0 auto;
}
#energy .clear {
  clear: both;
  height: 0;
}
#energy .fl {
  float: left;
}
#energy .ant-carousel .slick-dots li {
  margin: -20px 34px;
}
#energy .ant-carousel .slick-dots li.slick-active button {
  background: #2e58ef;
  height: 10px;
  width: 32px;
  border: none;
  opacity: 1;
}
#energy .ant-carousel .slick-dots li button {
  width: 32px;
  height: 10px;
  opacity: 0.8;
  background: #ffffff;
  border: none;
}
#energy .title_top {
  font-size: 16px;
  color: #ffffff;
  height: 22px;
  letter-spacing: 1px;
  position: relative;
  z-index: 4;
  background: transparent;
  top: 4px;
}
#energy .title_top span {
  font-size: 16px;
  padding: 0 7px;
}
#energy .title_top.mtop {
  top: 54px;
}
#energy .energyBanner {
  width: 100%;
  height: 390px;
}
#energy .energyBanner .banner-bg {
  width: 100%;
  height: 390px;
  background-size: 100% 390px;
}
#energy .energyBanner .title {
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: 1px;
  padding-top: 104px;
}
#energy .energyBanner .title span {
  font-size: 16px;
  padding: 0 7px;
}
#energy .activity {
  width: 100%;
  background-color: #00116F;
  padding-bottom: 100px;
  padding-top: 30px;
  position: relative;
}
#energy .activity .sever-tit {
  width: 520px;
  height: 175px;
  display: block;
  padding: 70px 0;
  margin: 0 auto;
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/energy/energy-2.png') no-repeat;
  background-position: 0 60px;
}
#energy .activity .severBox {
  position: relative;
  width: 284px;
  height: 360px;
  margin-right: 20px;
  margin-bottom: 30px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/energy/bg1.png') no-repeat;
  background-size: contain;
}
#energy .activity .severBox:nth-child(4n) {
  margin-right: 0;
}
#energy .activity .severBox .pic {
  width: 234px;
  height: 154px;
  margin: 25px 0 0 25px;
  cursor: pointer;
  border: 4px solid;
  border-image: linear-gradient(to right, #cca74c, #b37c34) 1;
}
#energy .activity .severBox .icon {
  position: absolute;
  top: -3px;
  right: -5px;
  z-index: 2;
}
#energy .activity .severBox .top {
  position: absolute;
  width: 90px;
  top: -10px;
  right: -5px;
  z-index: 2;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  letter-spacing: 1px;
}
#energy .activity .severBox .title {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: 1px;
  padding-left: 26px;
  margin: 15px 0 8px;
  cursor: pointer;
}
#energy .activity .severBox .txt {
  padding-left: 26px;
  opacity: 0.8;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 1px;
}
#energy .activity .severBox .price {
  padding-left: 26px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: #ffc942;
  line-height: 14px;
  letter-spacing: 1px;
  padding-top: 18px;
}
#energy .activity .severBox .price .mianfei {
  float: left;
  width: 44px;
}
#energy .activity .severBox .price .originaler {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4b7eee;
  letter-spacing: 1px;
  text-decoration: line-through;
  position: absolute;
  left: 80px;
  bottom: 77px;
}
#energy .activity .severBox .price .original {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4b7eee;
  letter-spacing: 1px;
  text-decoration: line-through;
  margin-left: 5px;
}
#energy .activity .severBox .detail {
  position: absolute;
  width: 90px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  left: 26px;
  bottom: 20px;
  letter-spacing: 1.2px;
  cursor: pointer;
  background: linear-gradient(90deg, #ccd0dc, #9397a4);
}
#energy .activity .severBox .detail:hover {
  background: linear-gradient(90deg, #aaafba, #767b89);
}
#energy .activity .severBox .now {
  display: block;
  position: absolute;
  width: 142px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  right: 25.5px;
  bottom: 20px;
  letter-spacing: 1.2px;
  cursor: pointer;
  background: linear-gradient(302deg, #ff8b00 7%, #ffac49 96%);
}
#energy .activity .severBox .now:hover {
  background: linear-gradient(302deg, #eea042 7%, #dd7a03 96%);
}
#energy .activity .serviceBox {
  position: relative;
  width: 229px;
  height: 317px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/energy/bg2.png') no-repeat;
  margin-right: 9px;
  margin-bottom: 5px;
  background-size: contain;
}
#energy .activity .serviceBox :nth-child(5n) {
  margin-right: 0;
}
#energy .activity .serviceBox .hot {
  position: absolute;
  top: -3px;
  right: -5px;
  z-index: 1;
}
#energy .activity .serviceBox .icon_box {
  margin: 45px 0 0px 84px;
  width: 68px;
  height: 68px;
  border: 4px solid;
  border-image: linear-gradient(to right, #cca74c, #b37c34) 1;
}
#energy .activity .serviceBox .icon {
  width: 60px;
  height: 60px;
}
#energy .activity .serviceBox .tit {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  letter-spacing: 1px;
  margin: 15px 0 15px;
}
#energy .activity .serviceBox .txt {
  max-width: 170px;
  height: 23px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 23px;
  letter-spacing: 1px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
#energy .activity .serviceBox .txt .lable {
  background-color: #16399a;
  margin-bottom: 9px;
  padding: 0 9px;
  text-align: center;
}
#energy .activity .serviceBox .bg {
  position: absolute;
  bottom: 0;
  width: 229px;
  height: 80px;
}
#energy .activity .serviceBox .bg .enter {
  width: 146px;
  height: 41px;
  background: linear-gradient(302deg, #ff8b00 7%, #ffac49 96%);
  border-radius: 2px;
  font-size: 14px;
  font-weight: SC;
  text-align: center;
  color: #ffffff;
  line-height: 41px;
  margin: 19px auto 0;
  cursor: pointer;
}
#energy .fixation {
  position: fixed;
  right: 0px;
  bottom: 100px;
  display: none;
}
#energy .fixation .ant-anchor-ink {
  z-index: -1 !important;
}
#energy .fixation .ant-anchor-link {
  width: 90px;
  height: 100px;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
  border-bottom: 3px solid #e8e8e8;
}
#energy .fixation .ant-anchor-link:hover {
  background: #ff8b00;
  border-left: 3px solid #ff8b00;
}
#energy .fixation .ant-anchor-link:hover .ant-anchor-link-title {
  color: #fff;
  font-family: "Microsoft YaHei";
}
#energy .fixation .ant-anchor-link-title {
  padding-right: 18px !important;
  font-weight: bold;
  color: #131313;
  white-space: normal;
  padding-top: 10px;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  text-align: center;
  line-height: 20px;
}
#energy .fixation .ant-anchor-link-title-active {
  color: #fff;
}
#energy .fixation .ant-anchor-ink-ball.visible {
  display: none;
}
#energy .fixation .ant-anchor-link-active {
  width: 90px;
  height: 100px;
  background: #ff8b00;
  color: #fff !important;
}
#energy .fixation .fixation-top {
  width: 90px;
  height: 100px;
  padding-top: 35px;
  padding-left: 30px;
  background: #fff;
}
#energy .fixation .fixation-top .two {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.syenergy-modal .ant-modal-body {
  width: 422px !important;
  background: #eee;
}
.syenergy-modal .ant-modal-content {
  width: 420px;
}
.syenergy-modal #message {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  line-height: 28px;
  letter-spacing: 1px;
  margin: 36px 0 32px 24px;
}
.syenergy-modal .in {
  background: #f8f8f8;
  border: 1px solid #d2d2d2;
  padding: 5px;
  box-sizing: border-box;
  margin-left: 24px;
  margin-bottom: 24px;
}
.syenergy-modal .lingqu {
  width: 348px;
  height: 42px;
  line-height: 42px;
  background: #ff8b00;
  border: 1px solid #ff8b00;
  border-radius: 2px;
  font-size: 16px;
  font-weight: SC;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 36px;
  margin-left: 24px;
}
.syenergysuc-modal .ant-modal-body {
  width: 657px;
  height: 146px;
  background: #ffffff;
  position: relative;
}
.syenergysuc-modal .success {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  line-height: 40px;
  letter-spacing: 1px;
  margin: 25px auto 16px;
}
.syenergysuc-modal .tips {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
.syenergysuc-modal .ant-modal-close-x {
  display: none;
}
.syenergysuc-modal .error {
  position: absolute;
  top: 19px;
  right: 19px;
  font-size: 30px;
  color: #d6d6d6;
  cursor: pointer;
}
.syenergyerr-modal .ant-modal-body {
  background: #ffffff;
  position: relative;
}
.syenergyerr-modal .success {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #666666;
  line-height: 40px;
  letter-spacing: 1px;
  margin: 25px auto 16px;
}
.syenergyerr-modal .tips {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
.syenergyerr-modal .ant-modal-close-x {
  display: none;
}
.syenergyerr-modal .error {
  position: absolute;
  top: 19px;
  right: 19px;
  font-size: 30px;
  color: #d6d6d6;
  cursor: pointer;
}
.syenergyerr-modal .sure {
  width: 331px;
  height: 48px;
  background: #ff8b00;
  border-radius: 2px;
  font-size: 24px;
  font-weight: SC;
  text-align: center;
  color: #ffffff;
  line-height: 48px;
  margin: 32px auto 0;
}

.w-bg {
  background: #f8f8f8;
  padding-top: 60px;
}
.w-bg .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.noSpin::-webkit-outer-spin-button,
.noSpin::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.security-box {
  width: 1200px;
  background-color: #ffffff;
  margin: 50px auto;
  padding: 30px 134px;
}
.security-box .item {
  height: 98px;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  align-items: center;
  justify-content: space-between;
}
.security-box .item img {
  display: block;
  margin-right: 16px;
}
.security-box .item .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 42px;
  justify-content: space-between;
}
.security-box .item .right h4 {
  font-size: 16px;
  color: #333333;
  line-height: 16px;
}
.security-box .item .right p {
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}
.security-box .item button {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #108ee9;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #108ee9;
}
.security-box .item button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.security-box.hide {
  display: none;
}
.security-top {
  width: 100%;
  background: #2b6ae5 url("https://360humi-public-obs.360humi.com/localImg/images/wallet/top_bg.png") no-repeat center center / cover;
  padding-top: 60px;
}
.security-top .row {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 46px 0;
}
.security-top .row .avatar {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 100%;
  margin-right: 30px;
}
.security-top .row .info {
  flex: 1;
}
.security-top .row .info .name {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  padding: 4px 0;
}
.security-top .row .info .number {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.4px;
  text-align: justify;
  color: #ffffff;
  padding: 6px 0;
}
.security-top .row .info .icon-box {
  height: 24px;
}
.security-top .row .info .icon-box img {
  vertical-align: middle;
  margin-right: 15px;
  cursor: pointer;
}
.security-top .row .right {
  display: flex;
  align-items: flex-end;
}
.security-top .row .right button {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  box-shadow: 0 3px 18px 0 rgba(1, 42, 119, 0.09);
  background-color: #7fa0f0;
  font-size: 14px;
  color: #ffffff;
  border: 0;
  margin-left: 40px;
}
.security-top .row .right button.active {
  background-color: #f5f8fe;
  color: #108ee9;
}
.security-top .btn-box {
  border-top: 1px solid #4787ff;
  padding-top: 14px;
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.security-top .btn-box .item {
  width: 33.3%;
  text-align: center;
  border-right: 1px dashed #4787ff;
}
.security-top .btn-box .item:last-of-type {
  border: 0;
}
.security-top .btn-box button {
  width: 100px;
  border-radius: 15px;
  box-shadow: 0 3px 18px 0 rgba(1, 42, 119, 0.09);
  background-color: #7fa0f0;
  font-size: 14px;
  color: #ffffff;
  border: 0;
}
.security-top .btn-box button:disabled {
  opacity: 0.5;
}
.security-top .no-data {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-weight: 500;
  color: #ffffff;
}
.security-top .no-data a {
  color: #6afaff;
}
.security-top .hide {
  display: none;
}
.edit-pass {
  width: 1200px;
  background-color: #ffffff;
  margin: 40px auto 90px;
  padding: 0 18px 60px;
}
.edit-pass input[type=number]::-webkit-outer-spin-button,
.edit-pass input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.edit-pass input[type=number] {
  -moz-appearance: textfield;
}
.edit-pass .e-p-top {
  font-size: 18px;
  color: #333333;
  height: 75px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.edit-pass .e-p-con {
  padding-top: 30px;
}
.edit-pass .e-p-con .row {
  display: flex;
  align-items: center;
  padding-bottom: 34px;
}
.edit-pass .e-p-con .row .left {
  width: 380px;
  min-width: 380px;
  text-align: right;
}
.edit-pass .e-p-con .row .left span {
  font-size: 14px;
  color: #333333;
}
.edit-pass .e-p-con .row .left i {
  color: red;
  padding-right: 10px;
}
.edit-pass .e-p-con .row .right {
  flex: 1;
}
.edit-pass .e-p-con .row .right input {
  width: 320px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #ffffff;
}
.edit-pass .e-p-con .row .right .btn-submit {
  width: 290px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  font-size: 14px;
  color: #fff;
}
.modify-email .steps {
  padding: 40px  80px 70px;
  border-bottom: 1px dashed #e8e8e8;
}
.modify-email .steps .ant-steps-step {
  position: relative;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.modify-email .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.modify-email .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.modify-email .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.modify-email .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.modify-email .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.modify-email .step_1 {
  padding: 60px 0;
}
.modify-email .step_1 .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
}
.modify-email .step_1 .row .left {
  width: 290px;
  min-width: 290px;
  padding-right: 4px;
  font-size: 14px;
  color: #333333;
}
.modify-email .step_1 .row .input-email {
  width: 290px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #ffffff;
}
.modify-email .e-p-con {
  width: 800px;
  margin: 0 auto;
}
.modify-email .btn-next {
  width: 290px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  font-size: 14px;
  color: #ffffff;
  margin: 0 auto;
  display: block;
}
.modify-email .step_2 {
  text-align: center;
  padding: 60px 0;
  font-size: 18px;
  color: #333333;
}
.modify-email .step_3 {
  text-align: center;
  padding: 60px 0;
}
.modify-email .step_3 h4 {
  font-size: 18px;
  color: #333333;
  padding-bottom: 18px;
}
.modify-email .step_3 p {
  font-size: 14px;
  color: #333333;
}
.modify-tel .e-p-con .step_1 .row {
  padding-bottom: 30px;
}
.modify-tel .e-p-con .step_1 .row:last-of-type {
  padding-bottom: 0;
}
.modify-tel .e-p-con .step_1 .row .code-input {
  width: 170px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #dedede;
  background-color: #ffffff;
}
.modify-tel .e-p-con .step_1 .row .code-input::-webkit-outer-spin-button,
.modify-tel .e-p-con .step_1 .row .code-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.modify-tel .e-p-con .step_1 .row .tel-input::-webkit-outer-spin-button,
.modify-tel .e-p-con .step_1 .row .tel-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.modify-tel .e-p-con .step_1 .row .btn-get-code {
  width: 100px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #108ee9;
  background-color: #fff;
  font-size: 14px;
  color: #108ee9;
  margin-left: 20px;
}
.modify-tel .e-p-con .step_1 .row .btn-get-code[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
/* use css to set position of modal */
.vertical-center-modal {
  text-align: center;
}
.vertical-center-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.vertical-center-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}
/*
// Use flex which not working in IE
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-center-modal .ant-modal {
  top: 0;
}
*/
.model-security {
  line-height: 30px;
}

#check-hb {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  z-index: 1001;
  filter: alpha(opacity=50);
  justify-content: center;
  align-items: center;
  display: flex;
}
#check-model-box {
  width: 377px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 100;
  user-select: none;
}
#check-model-box .check-model-header {
  padding: 13px 16px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
#check-model-box .check-model-header .check-model-title {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
#check-model-box .check-model-header .ant-modal-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: rgba(0, 0, 0, 0.43);
  outline: 0;
}
#check-model-box .check-model-header .ant-modal-close .check-modal-close-x {
  display: block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
}
#check-model-box .check-model-header .ant-modal-close .check-modal-close-x:before {
  content: "\E633";
  display: block;
  font-family: anticon!important;
}
#check-model-box .check-model-body {
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
}
#check-model-box .check-modal-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px 10px 10px;
  text-align: right;
  border-radius: 0 0 4px 4px;
}
#check-model-box .check-modal-footer button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
#check-model-box .nc-container .nc_scale span {
  height: 34px;
  line-height: 34px;
}

.new-auth-company {
  width: 1200px;
  background: #ffffff;
  overflow: hidden;
  padding-bottom: 80px;
  margin: 160px auto 80px;
}
.new-auth-company .new-auth-company-title {
  height: 37px;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  margin: 48px 40px;
  position: relative;
}
.new-auth-company .new-auth-company-title:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 31px;
  background: #2e5bff;
}
.new-auth-company .width290 {
  width: 290px !important;
}
.new-auth-company .width100 {
  width: 100% !important;
}
.new-auth-company .base-select {
  width: 160px !important;
}
.new-auth-company .license {
  width: 100%;
  height: 100%;
}
.new-auth-company .btn-primary {
  width: 195px;
  height: 51px;
  background: #2458ff;
  font-size: 16px;
  line-height: 51px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  border: 0;
  cursor: pointer;
  border-radius: 6px;
}
.new-auth-company .btn-primary:hover {
  background-color: #4372ff;
  border-color: #4372ff;
}
.new-auth-company .license-title {
  color: #2458ff;
}
.new-auth-company .display-container {
  margin: 0 90px;
}
.new-auth-company .display-container .display-btn {
  width: 128px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #2e5bff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #3d494f;
  letter-spacing: 0;
  cursor: pointer;
  border-radius: 6px;
  transition: all ease-in-out 0.3s;
}
.new-auth-company .display-container .display-btn:hover {
  background-color: #4372ff;
  border-color: #4372ff;
  color: #ffffff;
}
.new-auth-company .display-container .confirm-head {
  display: flex;
  align-items: center;
  margin-top: 60px;
}
.new-auth-company .display-container .confirm-head .confirm-title {
  margin-left: 10px;
  height: 31px;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  letter-spacing: 0;
}
.new-auth-company .display-container .display-btn-primary {
  width: 128px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #2e5bff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #3d494f;
  letter-spacing: 0;
  cursor: pointer;
  border-radius: 6px;
  transition: all ease-in-out 0.3s;
  background: #2458ff;
  color: #ffffff;
  margin-left: 10px;
}
.new-auth-company .display-container .display-btn-primary:hover {
  background-color: #4372ff;
  border-color: #4372ff;
  color: #ffffff;
}
.new-auth-company .display-container .shareholder-title {
  height: 26px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  letter-spacing: 0;
}
.new-auth-company .display-container .display-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-auth-company .display-container .display-head .display-title {
  height: 37px;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  margin: 48px 40px;
  position: relative;
  margin: 48px 0;
}
.new-auth-company .display-container .display-head .display-title:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 31px;
  background: #2e5bff;
}
.new-auth-company .display-container .display-head .display-title:before {
  left: -90px;
}
.new-auth-company .display-container .display-item {
  display: flex;
  height: 100px;
  align-items: center;
  position: relative;
}
.new-auth-company .display-container .display-item:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.2);
}
.new-auth-company .display-container .display-item:last-child:after {
  height: 0;
}
.new-auth-company .display-container .display-item .display-label {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  width: 15%;
}
.new-auth-company .display-container .display-item .display-context {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  width: 15%;
  font-weight: 500;
  width: 35%;
}
.new-auth-company .display-container .display-item .idy-image {
  width: 350px;
  height: 220px;
}
.new-auth-company .result-container {
  margin: 0 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-2200922-openenter/openacc-openenter-bg-result.png");
  background-position: top;
}
.new-auth-company .result-container .half-circle {
  height: 276px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.new-auth-company .result-container .half-circle .msg-tit {
  color: #000000;
  font-size: 26px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  letter-spacing: 0;
}
.new-auth-company .result-container .half-circle .msg-err {
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: rgba(61, 73, 79, 0.6);
  letter-spacing: 0;
  margin-top: 17px;
}
.new-auth-company .form-container {
  margin: 0 90px;
  padding: 0 20px;
}
.new-auth-company .form-container .ant-form-item-label {
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 600;
  text-align: left;
}
.new-auth-company .form-container .ant-form-item-label label {
  font-size: 14px !important;
}
.new-auth-company .form-container .ant-form-item {
  margin-bottom: 24px !important;
}
.new-auth-company .form-container .ant-input,
.new-auth-company .form-container .ant-select,
.new-auth-company .form-container .ant-select-selection,
.new-auth-company .form-container .ant-select-selection__rendered,
.new-auth-company .form-container .ant-select-selection-selected-value {
  height: 52px;
  line-height: 52px;
}
.new-auth-company .form-container .ant-select-auto-complete.ant-select-lg .ant-input,
.new-auth-company .form-container .ant-select-selection__rendered {
  height: 52px;
  line-height: 52px;
}
.new-auth-company .form-container .ant-select-auto-complete.ant-input {
  height: 52px;
  line-height: 52px;
}
.new-auth-company .form-container .upload-box {
  display: flex;
  flex-direction: column;
}
.new-auth-company .form-container .idy-image {
  width: 278px;
  height: 217px;
  border-radius: 6px;
  overflow: hidden;
}
.new-auth-company .form-container .license-image {
  width: 187px;
  height: 276px;
  border-radius: 6px;
  overflow: hidden;
}
.new-auth-company .form-container .btn-common-upload {
  height: 43px;
  background: #2e5bff;
  border-color: #2e5bff;
  border-radius: 0px 0px 3px 3px;
  font-size: 16px;
  line-height: 43px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
.new-auth-company .form-container .btn-common-upload:hover {
  background-color: #4372ff;
  border-color: #4372ff;
}
.new-auth-company .form-container .form-title {
  height: 26px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  color: #000000;
  margin-bottom: 24px;
}
.new-auth-company .form-container .text-box {
  float: right;
  padding-left: 50px;
  padding-top: 30px;
}
.new-auth-company .form-container .text-box .title {
  font-size: 14px;
  font-weight: 600;
  color: #2e5bff;
}
.new-auth-company .form-container .text-box ul li {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 30px;
}
.new-auth-company .form-container .text-box ul li span {
  color: #2e5bff;
}
.new-auth-company .form-container .form-del-btn {
  height: 42px;
  padding: 0 30px;
  border: 1px solid #b5b5b5;
  cursor: pointer;
  font-size: 14px;
  border-radius: 6px;
  font-weight: 600;
  text-align: center;
  line-height: 42px;
  color: #2e5bff;
  letter-spacing: 1px;
  margin-bottom: 50px;
}
.new-auth-company .submit-container {
  display: flex;
  justify-content: center;
}
.new-auth-company .shareholder-container {
  padding-bottom: 30px;
  padding-top: 10px;
  position: relative;
  margin-top: 60px;
}
.new-auth-company .shareholder-container:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.2);
}
.new-auth-company .shareholder-container:first-child {
  margin-top: 20px;
}
.new-auth-company .shareholder-container:last-child:after {
  height: 0;
}
.getMessage .ant-modal {
  top: calc(50% - 130px);
}
.getMessage .pwd-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.getMessage .pwd-box:focus {
  outline: none;
}
.getMessage .pwd-box span {
  display: block;
  width: 30px;
  height: 30px;
  border: solid 1px #e3e3e3;
  margin: 4px;
  position: relative;
  line-height: 30px;
  text-align: center;
}
.getMessage .pwd-box span.active {
  border: 1px solid #4388f6;
}
.getMessage .warp {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.editModal .modal-select {
  width: 120px !important;
}
.editModal .ant-modal-content {
  border-radius: 29px;
  padding-top: 29px;
}
.editModal .ant-modal-header {
  border-bottom: 0;
}
.editModal .ant-modal-body {
  padding: 16px 90px;
}
.editModal .ant-modal-title {
  font-size: 20px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #000000;
  letter-spacing: 2px;
}
.editModal .ant-form-item-label {
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 600;
  text-align: left;
  line-height: 52px;
}
.editModal .ant-form-item-label label {
  font-size: 14px !important;
}
.editModal .ant-form-item {
  margin-bottom: 24px !important;
}
.editModal .ant-input,
.editModal .ant-select,
.editModal .ant-select-selection,
.editModal .ant-select-selection__rendered,
.editModal .ant-select-selection-selected-value {
  height: 52px !important;
  line-height: 52px;
}
.editModal .endDate {
  display: flex;
  alignItems: center;
}
.editModal .endDate:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  line-height: 1;
  font-size: 16px;
  color: #f04134;
  position: relative;
  top: -20px;
  font-weight: 800;
}
.editModal .endDate .ant-form-explain {
  width: 160px;
}
.editModal .endDate.enter:before {
  top: -10px;
}

@keyframes myfirst {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfirst {
  /* Firefox */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfirst {
  /* Safari and Chrome */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes myfirst {
  /* Opera */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes myfirst1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfirst1 {
  /* Firefox */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfirst1 {
  /* Safari and Chrome */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes myfirst1 {
  /* Opera */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.humiSendOut {
  padding-top: 60px;
}
.humiSendOut .tabTop {
  height: 65px;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.humiSendOut .tabTop .tabtCenter {
  height: 100%;
  width: 251px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  cursor: pointer;
}
.humiSendOut .tabTop .tabtCenter .tabtCenterIn {
  height: 100%;
  line-height: 65px;
  text-align: center;
  color: #666666;
  font-size: 17px;
}
.humiSendOut .tabTop .tabtCenter .tabtCenterInt {
  height: 100%;
  line-height: 65px;
  color: #333333;
  text-align: center;
  border-bottom: 3px solid #108ee9;
  font-size: 17px;
}
.humiSendOut .subOut {
  background-color: #f6f6f6;
  padding-top: 24px;
  padding-bottom: 85px;
}
.humiSendOut .subOut .subNeedOut {
  width: 1200px;
  margin: auto;
}
.humiSendOut .subOut .subNeedOut .subContent {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl {
  width: 850px;
  background-color: #ffffff;
  padding: 40px 22px 60px 45px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl #loginCode .nc_scale span {
  height: 34px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl .subNeedlHead {
  height: 16px;
  border-left: 2px solid #5774b8;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 10px;
  overflow: visible;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl .subNeedlHead span {
  line-height: 16px;
  color: #333333;
  font-size: 16px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl .subNeedlHead .colorStar {
  color: #e50012;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl .upload {
  margin-top: 13px;
  font-size: 14px;
  color: #108ee9;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl .upload .uploadIntro {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedl .inputFrame {
  margin-top: 30px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedr h2 {
  font-size: 16px;
  color: #333333;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedr .rIntro {
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedr .quikyServer {
  height: 40px;
  width: 100%;
  background-color: #434343;
  font-size: 16px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedr .subNeedrTop {
  width: 330px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: myfirst 1.5s;
  -moz-animation: myfirst 1.5s;
  /* Firefox */
  -webkit-animation: myfirst 1.5s;
  /* Safari and Chrome */
  -o-animation: myfirst 1.5s;
  /* Opera */
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedr .subNeedrTopt {
  width: 330px;
  animation: myfirst1 1.5s;
  -moz-animation: myfirst1 1.5s;
  /* Firefox */
  -webkit-animation: myfirst1 1.5s;
  /* Safari and Chrome */
  -o-animation: myfirst1 1.5s;
  /* Opera */
}
.humiSendOut .subOut .subNeedOut .subContent .subNeedr .subNeedrTopt > div {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 29px;
}
.humiSendOut .sendNeedBot {
  min-width: 1750px;
  height: 255px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/sendNeed/sendNeedBot.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.humiSendOut .modalTop .Modsuccess {
  display: inline-block;
  font-size: 18px;
  color: #333333;
}
.humiSendOut .needInfo .needInfoTop {
  font-size: 14px;
  color: #333333;
  margin-bottom: 20px;
}
.humiSendOut .needInfo .needInfoTop span {
  font-size: 12px;
  color: #666666;
}

.trademarkdetail {
  padding-top: 110px;
  background-color: #f8f8f8;
}
.trademarkdetail .bannerTop {
  background-color: antiquewhite;
  height: 550px;
  width: 100%;
}
.trademarkdetail .topIntroduce {
  background-color: #fff;
  width: 100%;
  padding: 80px 0px;
}
.trademarkdetail .topIntroduce .topIntroduceCen {
  width: 1200px;
  margin: auto;
}
.trademarkdetail .topIntroduce .topIntroduceCen > div {
  width: 600px;
  display: inline-block;
  vertical-align: top;
}

.reset-auto-box {
  padding-top: 60px;
}
.reset-auto-box .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background-color: #108ee9;
}
.reset-auto-box .auto1000 {
  width: 1000px;
  margin: 0 auto;
}
.reset-auto-box .reset-main {
  margin-top: 20px;
  padding: 45px 20px;
  background: #fff;
}
.reset-auto-box .reset-main .steps {
  padding: 0  14px 78px;
}
.reset-auto-box .reset-main .steps .ant-steps-step {
  position: relative;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-head-inner {
  width: 38px;
  height: 38px;
  line-height: 35px;
  font-size: 18px;
  margin-right: 0;
}
.reset-auto-box .reset-main .steps .ant-steps-horizontal .ant-steps-description {
  max-width: 210px;
  position: absolute;
  width: 134px;
  left: -84px;
  top: 50px;
  text-align: center;
  font-size: 16px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-tail {
  top: 16px;
}
.reset-auto-box .reset-main .steps .ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 0;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-tail > i {
  height: 8px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 14px;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  border: solid 1px #d2d2d2;
  color: rgba(0, 0, 0, 0.25);
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #108ee9;
  border: solid 1px #108ee9;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: #108ee9;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.reset-auto-box .reset-main .steps .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #108ee9 !important;
  border: 1px solid #108ee9;
}
.reset-auto-box .reset-main .step_2 .r1,
.reset-auto-box .reset-main .step_1 .r1 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 10px 0;
}
.reset-auto-box .reset-main .step_2 .r1 > span,
.reset-auto-box .reset-main .step_1 .r1 > span {
  padding-left: 40px;
}
.reset-auto-box .reset-main .step_2 .r1 .btn-get-pass,
.reset-auto-box .reset-main .step_1 .r1 .btn-get-pass {
  color: #108ee9;
  font-size: 14px;
  padding-left: 10px;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box:focus,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box:focus {
  outline: none;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span {
  display: block;
  width: 30px;
  height: 30px;
  border: solid 1px #e3e3e3;
  margin: 4px;
  position: relative;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span.active,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span.active {
  border: 1px solid #4388f6;
}
.reset-auto-box .reset-main .step_2 .r1 .pwd-box span.has:after,
.reset-auto-box .reset-main .step_1 .r1 .pwd-box span.has:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  margin-left: -3px;
  background: #000;
}
.reset-auto-box .reset-main .step_2 p,
.reset-auto-box .reset-main .step_1 p {
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.reset-auto-box .reset-main .step_2 .r1 span {
  padding-left: 0;
  width: 120px;
  display: inline-block;
  text-align: right;
}
.reset-auto-box .reset-main .step_3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.reset-auto-box .reset-main .step_3 .icon {
  width: 86px;
  height: 85px;
  object-fit: contain;
}
.reset-auto-box .reset-main .step_3 span {
  font-size: 24px;
  font-weight: 900;
  color: #666666;
  padding-left: 39px;
}
.reset-auto-box .reset-main .btn-box {
  width: 700px;
  margin: 0 auto 60px;
  padding-top: 80px;
}
.reset-auto-box .reset-main .btn-box .row {
  display: flex;
  justify-content: space-around;
}
.reset-auto-box .reset-main .btn-box .pact-box {
  padding-bottom: 15px;
  text-align: center;
  user-select: none;
}
.reset-auto-box .reset-main .btn-box button {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  border-color: #108ee9;
}
.reset-auto-box .reset-main .btn-box button.btn-prev {
  background: #fff;
  color: #108ee9;
}
.reset-auto-box .reset-main .tips {
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #e3e3e3;
  padding: 12px 0;
  margin-bottom: 50px;
}
.reset-auto-box .reset-main .tips .icon {
  margin-right: 6px;
}
.reset-auto-box .reset-main .tips .icon i {
  color: #999;
}
.reset-auto-box .reset-main .tips em {
  color: #cac52f;
}
.reset-auto-box .ant-select-auto-complete.ant-select .ant-input {
  height: 40px !important;
}
.reset-auto-box .ant-select-selection__placeholder,
.reset-auto-box .ant-select-search__field__placeholder {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}

.shared-service-second-nav {
  text-align: center;
  padding: 0 21px;
}
.shared-service-second-nav > h4 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
}
.shared-service-second-nav > h4 > img {
  margin-right: 10px;
  vertical-align: middle;
}
.shared-service-second-nav > .ant-tabs {
  margin-top: 14px;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-bar {
  margin-bottom: 18px;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-nav-scroll {
  border-bottom: 2px solid #f2f2f2;
  min-height: 60px;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-nav .ant-tabs-tab {
  padding: 18px 0;
  margin-right: 35px;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover {
  color: #fc9d2c;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-nav .ant-tabs-tab-active {
  color: #fc9d2c;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-ink-bar {
  background-color: #fc9d2c;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-content a {
  height: 30px;
  float: left;
  padding: 5px 12px;
  background-color: #f8f8f8;
  color: #333;
  margin-right: 12.5px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s linear;
}
.shared-service-second-nav > .ant-tabs .ant-tabs-content a:hover {
  background-color: #f0f2f5;
}
@media screen and (max-width: 1199px) {
  .shared-service-second-nav {
    margin-bottom: 20px;
  }
}

#shared-service-content {
  padding-top: 60px;
}
#shared-service-content .title {
  font-size: 29px;
  color: #000;
  font-weight: 600;
  text-align: center;
  position: relative;
}
#shared-service-content .title:after {
  content: '';
  display: block;
  width: 39px;
  height: 3px;
  margin: 10px auto;
  background-color: #fc9d2c;
}
#shared-service-content > #banner {
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/sharedService/banner.jpg') no-repeat 50% 30%;
  background-size: cover;
  height: 460px;
}
#shared-service-content > #second-nav {
  background-color: #f3f4f5;
}
#shared-service-content > #second-nav > div {
  width: 1200px;
  margin: auto;
  min-height: 260px;
  position: relative;
  top: -80px;
  padding: 26px 0;
  background-color: white;
}
#shared-service-content > #data {
  min-height: 370px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/sharedService/img-1.jpg') no-repeat 50% 50%;
  background-size: cover;
}
#shared-service-content > #data > div {
  width: 1200px;
  margin: auto;
  padding: 55px 0 44px 0;
}
#shared-service-content > #data > div:after {
  content: '';
  display: block;
  clear: both;
}
#shared-service-content > #data > div > div {
  width: 20%;
  float: left;
  text-align: center;
}
#shared-service-content > #data > div > div > div {
  display: inline-block;
}
#shared-service-content > #data > div > div > div > h4 {
  font-size: 40px;
  color: #fc9d2c;
  text-align: left;
}
#shared-service-content > #data > div > div > div > h4 > span {
  font-size: 16px;
  margin-left: 5px;
}
#shared-service-content > #data > div > div > div > h4 > span:nth-child(1) {
  font-size: 40px;
}
#shared-service-content > #data > div > div > div > i {
  width: 38px;
  height: 2px;
  display: block;
  background-color: #fc9d2c;
  margin-left: 6px;
}
#shared-service-content > #data > div > div > div > p {
  padding-left: 6px;
  margin-top: 13px;
  color: #fc9d2c;
  text-align: left;
}
#shared-service-content > #professional-talents {
  background-color: #f3f4f5;
}
#shared-service-content > #professional-talents > #shared-service {
  width: 1200px;
  margin: auto;
  background-color: white;
  padding: 52px 75px  66px 105px;
  position: relative;
  top: -178px;
}
#shared-service-content > #professional-talents > #shared-service .shared-service-content {
  padding-left: 100px;
}
#shared-service-content > #professional-talents > #shared-service .shared-service-content > h4 {
  font-size: 24px;
  color: #fc9d2c;
  font-weight: 600;
}
#shared-service-content > #professional-talents > #shared-service .shared-service-content > i {
  width: 53px;
  height: 2px;
  display: inline-block;
  background-color: #fc9d2c;
  margin: 18px 0;
}
#shared-service-content > #professional-talents > #shared-service .shared-service-content > p {
  color: rgba(0, 0, 0, 0.65);
  line-height: 27px;
  margin-bottom: 6px;
}
#shared-service-content > #professional-talents > #professional-talents-content {
  position: relative;
  top: -110px;
}
#shared-service-content > #professional-talents > #professional-talents-content > div:nth-child(2) {
  width: 1200px;
  margin: auto;
  margin-top: 50px;
}
#shared-service-content > #professional-talents > #professional-talents-content > div:nth-child(2) > div {
  min-height: 648px;
}
#shared-service-content > #professional-talents > #professional-talents-content > div:nth-child(2) > div > div {
  margin-bottom: 24px;
}
#shared-service-content > #equipment-service {
  background-color: #ebefef;
  padding-top: 48px;
  padding-bottom: 30px;
}
#shared-service-content > #equipment-service > h4 {
  margin-bottom: 48px;
}
#shared-service-content > #equipment-service > div:nth-child(2) {
  width: 1200px;
  margin: auto;
  min-height: 764px;
}
#shared-service-content > #channel {
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/sharedService/img-3.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-top: 70px;
}
#shared-service-content > #channel > h4 {
  font-size: 26px;
  color: white;
  margin-bottom: 20px;
  letter-spacing: 10px;
}
#shared-service-content > #channel > i {
  cursor: pointer;
  color: white;
  font-size: 26px;
}
#shared-service-content > #equipment-detection {
  background-color: #f3f4f5;
  padding-top: 48px;
}
#shared-service-content > #equipment-detection > h4 {
  margin-bottom: 48px;
}
#shared-service-content > #equipment-detection > div {
  width: 1200px;
  margin: auto;
  min-height: 384px;
}
#shared-service-content > #customer {
  background-color: #f3f4f5;
  padding-top: 48px;
  padding-bottom: 55px;
}
#shared-service-content > #customer > h4 {
  margin-bottom: 48px;
}
#shared-service-content > #customer > div:nth-child(2) {
  width: 1200px;
  margin: auto;
}
#shared-service-content > #customer > div:nth-child(2):after {
  content: '';
  display: block;
  clear: both;
}
#shared-service-content > #customer > div:nth-child(2) > span {
  float: left;
  width: 16%;
  margin-right: 5%;
  margin-bottom: 22px;
  height: 116px;
  background-color: white;
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}
#shared-service-content > #customer > div:nth-child(2) > span > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#shared-service-content > #customer > div:nth-child(2) > span:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#shared-service-content > #customer > div:nth-child(2) > span:nth-child(5n) {
  margin-right: 0;
}

.talents-card {
  height: 300px;
  position: relative;
  background-color: #37324e;
  padding: 15px 10px 15px 52%;
  cursor: pointer;
  overflow: hidden;
}
.talents-card > img {
  position: absolute;
  width: 44%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.talents-card > p:nth-child(2):after {
  content: '';
  display: block;
  clear: both;
}
.talents-card > p:nth-child(2) > span {
  background-color: #9c96b7;
  float: right;
  color: #000;
  padding: 3px 2px;
}
.talents-card > h4:nth-child(3) {
  font-size: 18px;
  color: white;
  margin: 10px 0;
}
.talents-card > p:nth-child(4) {
  font-size: 16px;
  color: #f8f8f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.talents-card > p:nth-child(5) {
  margin-top: 25px;
}
.talents-card > p:nth-child(5):after {
  content: '';
  display: block;
  clear: both;
}
.talents-card > p:nth-child(5) > span {
  float: left;
  border: 1px solid #988ea8;
  border-radius: 4px;
  padding: 3px 9px;
  color: #988ea8;
  margin-right: 24px;
  margin-bottom: 20px;
}
.talents-card > p:nth-child(6) {
  margin-top: 8px;
  color: #988ea8;
  line-height: 26px;
  padding-right: 40px;
}
@media screen and (max-width: 1199px) {
  .talents-card {
    height: 300px;
  }
  .talents-card > p:nth-child(6) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
  }
}

.equipment-card {
  height: 360px;
  background-color: white;
}
.equipment-card > img {
  width: 100%;
  height: 240px;
}
.equipment-card > div {
  padding: 8px 23px;
}
.equipment-card > div > h4 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.equipment-card > div > p:nth-child(2) {
  color: #999999;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.equipment-card > div > p:nth-child(3) {
  border-top: 1px solid #ebebeb;
}
.equipment-card > div > p:nth-child(3) > span {
  margin-top: 8px;
  color: #ff8b00;
  display: inline-block;
}
.equipment-card > div > p:nth-child(3) > span > strong {
  font-size: 24px;
}
.equipment-card > div > p:nth-child(3) > button {
  margin-top: 8px;
  float: right;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background-color: white;
  font-size: 14px;
  color: #ff8b00;
  border-radius: 30px;
  outline: none;
  border: 1px solid #ff8b00;
  transition: all 0.3s linear;
  cursor: pointer;
}
.equipment-card > div > p:nth-child(3) > button:hover {
  background-color: #ff8b00;
  color: white;
}

.detection-card {
  height: 360px;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s linear;
}
.detection-card:hover {
  transform: translateY(-5px);
}
.detection-card > img {
  width: 100%;
  height: 240px;
}
.detection-card > div {
  padding: 8px 23px;
}
.detection-card > div > h4 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detection-card > div > p:nth-child(2) {
  color: #999999;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detection-card > div > p:nth-child(3) {
  border-top: 1px solid #ebebeb;
}
.detection-card > div > p:nth-child(3) > span {
  margin-top: 8px;
  color: #ff8b00;
  display: inline-block;
}
.detection-card > div > p:nth-child(3) > span > strong {
  font-size: 24px;
}
.detection-card > div > p:nth-child(3) > span:nth-child(2) {
  margin-top: 20px;
  font-size: 14px;
  color: #999999;
  text-decoration: line-through;
  float: right;
}

.video-pop-up {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99999;
}
.video-pop-up > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
}
.video-pop-up .fade-enter {
  opacity: 0;
}
.video-pop-up .fade-enter-active {
  transition: all 0.3s linear;
  opacity: 1;
}
.video-pop-up .fade-exit {
  opacity: 1;
}
.video-pop-up .fade-exit-active {
  transition: all 0.3s linear;
  opacity: 0;
}

.fixed-megagame {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 20;
}
.fixed-megagame a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.fixed-megagame a:hover {
  background-color: #e2112e;
  border-color: transparent !important;
}
.fixed-megagame a:hover > span {
  opacity: 1;
}
.fixed-megagame a .a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.fixed-megagame a span,
.fixed-megagame a p {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.fixed-megagame a p {
  opacity: 1;
}
.fixed-megagame a:nth-child(1) {
  background: #e2112e;
}
.fixed-megagame a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.fixed-megagame a:nth-child(3) {
  position: relative;
}
.fixed-megagame a:nth-child(3) .codeBox {
  display: none;
  width: 120px;
  height: 120px;
  position: absolute;
  left: -122px;
  top: 50%;
  transform: translateY(-50%);
}
.fixed-megagame a:nth-child(3) .codeBox img {
  width: 100%;
  height: 100%;
}
.fixed-megagame a:nth-child(3):hover .codeBox {
  display: block;
}

.motorBanner {
  width: 100%;
  height: 580px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/w-compic/zongshen/banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.motorBanner .motorBannerTop {
  height: 100%;
  width: 100%;
}
.motorBanner .motorBannerTop .motorTitle {
  position: absolute;
  top: 184px;
  z-index: 1;
  color: #ffffff;
  text-align: center;
  left: 50%;
  margin-left: -302px;
}
.motorBanner .motorBannerTop .motorTitle .bannerTitle {
  font-size: 48px;
}
.motorBanner .motorBannerTop .motorTitle .bannerTitleEng {
  font-size: 30px;
}
.motorBanner .motorBannerTop .motorBannerBot {
  height: 90px;
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/729%402x.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter {
  width: 1200px;
  margin: auto;
  height: 90px;
  display: flex;
  flex-direction: row;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle {
  width: 299px;
  height: 90px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
  border-right: 1px solid #ffffff;
  cursor: pointer;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleLeft {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  align-items: center;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleLeft img {
  height: 27px;
  width: 27px;
  margin-bottom: 8px;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleLeft span {
  font-size: 12px;
  color: #ffffff;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleCenter {
  margin-right: 10px;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleCenter img {
  height: 49px;
  width: 70px;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleRight {
  font-size: 16px;
  color: #ffffff;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle .motorSingleRight p {
  display: block;
  color: #ffffff;
  font-size: 30px;
  line-height: 35px;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle:last-child {
  border-right: 0px solid rgba(255, 255, 255, 0.4);
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle:nth-child(n+3) .motorSingleCenter img {
  width: 87px;
}
.motorBanner .motorBannerTop .motorBannerBot .motorBanBotCenter .motorBanBotSingle:hover {
  background: rgba(255, 255, 255, 0.2);
}

.colLeftDivp {
  width: 4px;
  height: 23px;
  background-color: #108ee9;
  padding: 0px;
  margin-right: 8px;
}
.publicCssCode {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
}
.moreBut {
  color: #108ee9;
  font-size: 14px;
  margin-left: 385px;
}
@keyframes mymove {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -213px, 0);
    transform: translate3d(0, -213px, 0);
  }
}
.MotorTechnologyBox {
  padding-top: 60px;
  background-color: #f8f8f8;
}
.MotorTechnologyBox .motorIntroduceOut {
  width: 100%;
  background-color: #ffffff;
}
.MotorTechnologyBox .motorIntroduceOut .motorIntroduce {
  padding-top: 60px;
  width: 1100px;
  margin: auto;
}
.MotorTechnologyBox .motorIntroduceOut .motorIntroduce h2 {
  font-size: 30px;
  color: #666666;
  margin-bottom: 30px;
  text-align: center;
}
.MotorTechnologyBox .motorIntroduceOut .motorIntroduce p {
  font-size: 16px;
  color: #333333;
  text-indent: 25px;
}
.MotorTechnologyBox .motorIntroduceOut .motorIntroduce .motorBrand {
  padding: 54px 0px 0px 0px;
}
.MotorTechnologyBox .motorIntroduceOut .motorIntroduce .motorBrand .brandImg {
  height: 129px;
  width: 175px;
  margin-right: 7px;
  margin-bottom: 36px;
}
.MotorTechnologyBox .serveDemand {
  width: 1200px;
  margin: 54px  auto 38px;
  background-color: #ffffff;
  position: relative;
  display: block;
  padding-bottom: 28px;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft {
  display: inline-block;
  width: 50%;
  padding-left: 32px;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandTop {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin {
  padding-left: 15px;
  height: 120px;
  width: 260px;
  background-color: #f3f9fe;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  cursor: pointer;
  padding-right: 20px;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin img {
  height: 70px;
  width: 70px;
  margin-right: 10px;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin .spanTitle {
  font-size: 16px;
  font-weight: 550;
  margin-bottom: 10px;
  color: #666666;
  display: block;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin .spanTitle:hover {
  color: #108ee9;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin p {
  font-size: 12px;
  color: #666666;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin:nth-child(2n) {
  margin-left: 11px;
}
.MotorTechnologyBox .serveDemand .serverDemandLeft .serDemandContent .serDemandSin:nth-child(n+3) {
  margin-top: 11px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight {
  display: inline-block;
  width: 50%;
  padding-left: 32px;
  vertical-align: top;
  padding-right: 35px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .serDemandRightTop {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .serDemandRightTop .moreBut {
  color: #108ee9;
  font-size: 14px;
  margin-left: 40px;
  margin-right: 190px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable {
  height: 251px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableHeader {
  background-color: #999999;
  height: 38px;
  padding-top: 4px;
  line-height: 30px;
  text-align: center;
  display: flex;
  flex-direction: row;
  color: #ffffff;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableHeader .tableHeaderL {
  width: 60%;
  height: 30px;
  border-right: 1px #ffffff solid;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableHeader .tableHeaderC {
  width: 20%;
  height: 30px;
  border-right: 1px #ffffff solid;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableHeader .tableHeaderR {
  width: 20%;
  height: 30px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent {
  overflow: hidden;
  position: relative;
  -webkit-animation: 10s mymove linear infinite normal;
  animation: 10s mymove linear infinite normal;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent .tableConSingle {
  padding-left: 15px;
  color: #666666;
  display: flex;
  flex-direction: row;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent .tableConSingle .tableSingleLeft {
  width: 275px;
  margin-right: 50px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent .tableConSingle .tableSingleCenter {
  width: 60px;
  color: #666666;
  margin-right: 50px;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent .tableConSingle .tableSingleRight {
  width: 60px;
  color: #108ee9;
}
.MotorTechnologyBox .serveDemand .serverDemandRight .contentTable .tableContent .tableConSingle:nth-child(2n) {
  background-color: #f3f9fe;
}
.MotorTechnologyBox .abilityMake {
  margin: 38px auto 64px;
  width: 1200px;
  height: 480px;
  background-color: #ffffff;
}
.MotorTechnologyBox .abilityMake > div {
  width: 50%;
  display: inline-block;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityLeftHead {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
  padding-left: 30px;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon {
  display: flex;
  flex-direction: row;
  padding-left: 30px;
  flex-wrap: wrap;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin {
  height: 180px;
  width: 260px;
  background-color: #f3f9fe;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin .abilityConSinTit {
  display: block;
  font-size: 16px;
  color: #666666;
  font-weight: 600;
  margin: 10px 0px 12px 0px;
  text-align: center;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin .abilityConSinList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 25px;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin .abilityConSinList .abilityConSinCol {
  height: 30px;
  width: 100px;
  border: 1px solid #108ee9;
  color: #108ee9;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin .abilityConSinList .abilityConSinCol:hover {
  color: #ffffff;
  background-color: #108ee9;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin .abilityConSinList .abilityConSinCol:nth-child(2n) {
  margin-left: 12px;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin .abilityConSinList .abilityConSinCol:nth-child(n+3) {
  margin-top: 12px;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin:nth-child(2n) {
  margin-left: 12px;
}
.MotorTechnologyBox .abilityMake .abilityMaLeft .abilityCon .abilityConSin:nth-child(n+3) {
  margin-top: 12px;
}
.MotorTechnologyBox .abilityMake .abilityMaRight {
  padding-right: 36px;
  vertical-align: top;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityLeftHead {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityConR .abilityConRSin {
  width: 570px;
  height: 180px;
  background-color: #f7f7f8;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityConR .abilityConRSin .abilityConRSini {
  height: 180px;
  width: 240px;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityConR .abilityConRSin .abilityConRSinRigh {
  display: inline-block;
  vertical-align: top;
  width: 329px;
  height: 180px;
  padding: 18px 37px 0px 40px;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityConR .abilityConRSin .abilityConRSinRigh span {
  display: block;
  font-size: 16px;
  color: #666666;
  font-weight: 600;
  margin-bottom: 12px;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityConR .abilityConRSin .abilityConRSinRigh p {
  font-size: 14px;
  color: #666666;
  margin-bottom: 14px;
}
.MotorTechnologyBox .abilityMake .abilityMaRight .abilityConR .abilityConRSin:nth-child(n+2) {
  margin-top: 12px;
}
.MotorTechnologyBox .reserveSer {
  width: 100%;
  height: 520px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/backya.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
  padding-top: 10px;
}
.MotorTechnologyBox .reserveSer .reserveSerC {
  width: 1200px;
  margin: auto;
}
.MotorTechnologyBox .reserveSer .reserveSerC > div {
  width: 50%;
  display: inline-block;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCl .reserveSerClHeadL {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCl .reserveSerClVideo {
  height: 389px;
  width: 563px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/voidimgz%20%281%29.png');
  background-size: 100% 100%;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCl .reserveSerClVideo div {
  position: relative;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCl .reserveSerClVideo div i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 60px;
  transition: all 0.3s linear;
  height: 63px;
  width: 63px;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr {
  vertical-align: top;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerClHeadR {
  height: 70px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  font-size: 23px;
  color: #666666;
  align-items: center;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerClHeadR .moreBut {
  margin-left: 420px;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin {
  height: 180px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinl {
  height: 180px;
  width: 145px;
  position: relative;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinc {
  height: 146px;
  width: 277px;
  margin-top: 18px;
  padding: 0px 30px 0px 25px;
  border-right: 1px solid #e3e3e3;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinc .talenSerSinct {
  font-size: 18px;
  color: #666666;
  font-weight: 550;
  display: block;
  margin-bottom: 10px;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinc p {
  font-size: 14px;
  color: #666666;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinc .talenSerSincTag {
  margin-top: 21px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinc .talenSerSincTag span {
  display: block;
  height: 25px;
  margin-right: 10px;
  padding: 0px 12px 0px 12px;
  line-height: 25px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #e3e3e3;
  margin-bottom: 7px;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinr {
  height: 146px;
  margin-top: 18px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin .talenSerSinr span {
  color: #ff9c4c;
  font-size: 18px;
  display: block;
  margin-bottom: 25px;
}
.MotorTechnologyBox .reserveSer .reserveSerC .reserveSerCr .reserveSerCrCon .talenSerSin:nth-child(n+2) {
  margin-top: 29px;
}

[lazy-loading] {
  transition: all 0.3s linear;
}
[lazy-loading] > * {
  opacity: 0 !important;
}

.humiMegagameDetail {
  width: 100%;
  background: #f8f8f8;
}
.humiMegagameDetail .megagameDetail {
  width: 100%;
  margin-top: 151px;
  box-sizing: border-box;
  padding: 20px 0 60px;
}
.humiMegagameDetail .megagameDetail .newsDetailContent {
  width: 1160px;
  margin: 0 auto;
}
.humiMegagameDetail .megagameDetail .newsDetailContent .newsTitle {
  font-size: 26px;
  font-weight: 500;
  color: #333;
}
.humiMegagameDetail .megagameDetail .newsDetailContent .newsTime {
  margin: 33px 0 13px;
  height: 14px;
  font-size: 14px;
  color: #999;
}
.humiMegagameDetail .megagameDetail .newsDetailContent .newsImgBox {
  width: 665px;
  height: 368px;
}
.humiMegagameDetail .megagameDetail .newsDetailContent .newsImgBox img {
  width: 100%;
  height: 100%;
}
.humiMegagameDetail .megagameDetail .newsDetailContent .newsContent {
  overflow: hidden;
  width: 665px;
  box-sizing: border-box;
  padding: 46px 0;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  font-size: 14px;
  line-height: 2.29;
  color: #666666;
}
.humiMegagameDetail .megagameDetail .newsDetailContent .newsContent img {
  width: 100% !important;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.publicInline {
  display: inline-block;
  vertical-align: top;
}
.textSin {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.publicAn {
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.publicIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
}
.publicIcon img {
  height: 22px;
  width: 13px;
}
@keyframes myfirst {
  0% {
    margin-top: 80px;
    opacity: 0;
  }
  50% {
    margin-top: 40px;
    opacity: 0.5;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes myfirst {
  /* Firefox */
  0% {
    margin-top: 80px;
    opacity: 0;
  }
  50% {
    margin-top: 40px;
    opacity: 0.5;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes myfirst {
  /* Safari and Chrome */
  0% {
    margin-top: 80px;
    opacity: 0;
  }
  50% {
    margin-top: 40px;
    opacity: 0.5;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}
@-o-keyframes myfirst {
  /* Opera */
  0% {
    margin-top: 80px;
    opacity: 0;
  }
  50% {
    margin-top: 40px;
    opacity: 0.5;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}
.publicGetin {
  animation: myfirst 2s;
  -moz-animation: myfirst 2s;
  /* Firefox */
  -webkit-animation: myfirst 2s;
  /* Safari and Chrome */
  -o-animation: myfirst 2s;
  /* Opera */
}
.megagameOut .megagameBan {
  width: 100%;
  height: 578px;
  position: relative;
}
.megagameOut .megagameBan .borLeftIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
  left: 0px;
  top: 200px;
}
.megagameOut .megagameBan .borLeftIcon img {
  height: 22px;
  width: 13px;
}
.megagameOut .megagameBan .borRightIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
  right: 0px;
  top: 200px;
}
.megagameOut .megagameBan .borRightIcon img {
  height: 22px;
  width: 13px;
}
.megagameOut .megagameBan .pulicIcon {
  height: 30px;
  width: 30px;
  position: absolute;
  cursor: pointer;
}
.megagameOut .megagameBan .directionl {
  color: red;
  top: 200px;
  left: 20px;
  height: 30px;
  width: 30px;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.megagameOut .megagameBan .directionr {
  color: red;
  top: 200px;
  right: 20px;
  height: 30px;
  width: 30px;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.megagameOut .megagameBan .basnSlider {
  height: 578px;
  width: 100%;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.megagameOut .megagameBan .bannerBot {
  width: 100%;
  height: 110px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon {
  width: 1160px;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  height: 110px;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon li {
  display: inline-block;
  vertical-align: top;
  width: 289px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 66px;
  position: relative;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon li .outTop {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiMegagame/bgouttop.png') no-repeat;
  background-position: center;
  background-size: 100%;
  width: 172px;
  height: 76px;
  top: -78px;
  position: absolute;
  left: 58px;
  padding: 10px 0px 0px 10px;
  font-size: 12px;
  display: none;
  color: #FFFFFF;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon li img {
  height: 51px;
  width: 51px;
  display: inline-block;
  vertical-align: top;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon li span {
  display: inline-block;
  font-size: 14px;
  color: #E9E9E9;
  width: 172px;
  padding-left: 13px;
  border-right: 1px solid #787878;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon li:hover .outTop {
  display: block;
}
.megagameOut .megagameBan .bannerBot .bannerBotCon:nth-child(4) li span {
  border-right: 0px;
}
.megagameOut .megaPublicity {
  padding: 70px 0px 70px 0px;
  background-color: #FFFFFF;
}
.megagameOut .megaPublicity .publicList {
  width: 1160px;
  margin: auto;
  height: 610px;
}
.megagameOut .megaPublicity .publicList > h1 {
  font-size: 46px;
  color: #333333;
  line-height: 46px;
  display: block;
  text-align: center;
}
.megagameOut .megaPublicity .publicList > span {
  font-size: 18px;
  color: #333333;
  margin-bottom: 60px;
  margin-top: 10px;
  line-height: 18px;
  display: block;
  text-align: center;
}
.megagameOut .megaPublicity .publicList .publicListSin {
  display: inline-block;
  vertical-align: top;
  width: 370px;
  height: 469px;
  position: relative;
  margin-right: 23px;
  animation: myfirst 2s;
  -moz-animation: myfirst 2s;
  /* Firefox */
  -webkit-animation: myfirst 2s;
  /* Safari and Chrome */
  -o-animation: myfirst 2s;
  /* Opera */
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  -moz-box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  -webkit-box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.megagameOut .megaPublicity .publicList .publicListSin .across {
  height: 3px;
  width: 36px;
  background-color: #4D4D4D;
  margin: 20px 0px;
}
.megagameOut .megaPublicity .publicList .publicListSin .publicListSinb {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 206px;
  background-color: #FFFFFF;
  padding: 22px 30px 0px 37px;
}
.megagameOut .megaPublicity .publicList .publicListSin .publicListSinb h1 {
  font-size: 28px;
  color: #333333;
  line-height: 30px;
}
.megagameOut .megaPublicity .publicList .publicListSin .publicListSinb span {
  font-size: 14px;
  color: #333333;
}
.megagameOut .megaPublicity .publicList .publicListSin .hoverSin {
  position: absolute;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  padding: 110px 0px 0px 37px;
  opacity: 0;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.megagameOut .megaPublicity .publicList .publicListSin .hoverSin h1 {
  font-size: 28px;
  color: #FFFFFF;
  line-height: 30px;
}
.megagameOut .megaPublicity .publicList .publicListSin .hoverSin span {
  font-size: 14px;
  color: #FFFFFF;
  display: block;
  width: 204px;
  margin-bottom: 49px;
}
.megagameOut .megaPublicity .publicList .publicListSin .hoverSin .pubBut {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.megagameOut .megaPublicity .publicList .publicListSin .hoverSin .pubBut:hover {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 0px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: #E21331;
  cursor: pointer;
}
.megagameOut .megaPublicity .publicList .publicListSin:last-child {
  margin-right: 0px;
}
.megagameOut .megaPublicity .publicList .publicListSin:hover {
  margin-top: -10px;
}
.megagameOut .megaPublicity .publicList .publicListSin:hover .publicListSinb {
  display: none;
}
.megagameOut .megaPublicity .publicList .publicListSin:hover .across {
  background-color: #FFFFFF;
}
.megagameOut .megaPublicity .publicList .publicListSin:hover .hoverSin {
  opacity: 1;
}
.megagameOut .megaChannel {
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiMegagame/Group 21.png') no-repeat;
  background-position: 0px 0px;
  background-size: 100% 611px;
  padding-top: 70px;
  height: 790px;
}
.megagameOut .megaChannel .megaChannelCon {
  width: 1160px;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon > h1 {
  font-size: 46px;
  color: #FFFFFF;
  display: block;
  line-height: 46px;
  text-align: center;
}
.megagameOut .megaChannel .megaChannelCon > span {
  font-size: 18px;
  color: #FFFFFF;
  display: block;
  line-height: 18px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 55px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList {
  width: 100%;
  height: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin {
  width: 376px;
  height: 541px;
  padding-top: 40px;
  text-align: center;
  margin-top: 20px;
  background-color: #FFFFFF;
  transition: width 1s;
  -moz-transition: width 1s;
  /* Firefox 4 */
  -webkit-transition: width 1s;
  /* Safari 和 Chrome */
  -o-transition: width 1s;
  -moz-box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  -webkit-box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  display: inline-block;
  vertical-align: top;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin .channelBut {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #E21331;
  color: #E21331;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin .channelBut:hover {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 0px solid #E21331;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: #E21331;
  cursor: pointer;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin span {
  display: block;
  text-align: center;
  color: #333333;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin span:first-child {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin span:nth-child(2) {
  font-size: 44px;
  line-height: 44px;
  margin-bottom: 10px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin .imgdiv {
  width: 212px;
  height: 207px;
  background-position: center center !important;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSin span:nth-child(4) {
  width: 72px;
  line-height: 30px;
  margin: 0px auto 10px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb {
  width: 376px;
  height: 541px;
  padding-top: 40px;
  text-align: center;
  margin-top: 20px;
  background-color: #FFFFFF;
  transition: width 1s;
  -moz-transition: width 1s;
  /* Firefox 4 */
  -webkit-transition: width 1s;
  /* Safari 和 Chrome */
  -o-transition: width 1s;
  -moz-box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  -webkit-box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  box-shadow: -1px 3px 7px rgba(121, 121, 121, 0.2);
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiMegagame/Bitmap.png') no-repeat;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 400px;
  height: 586px;
  padding-top: 61px;
  margin-top: 0px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb .channelBut {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #E21331;
  color: #E21331;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb .channelBut:hover {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 0px solid #E21331;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: #E21331;
  cursor: pointer;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb span {
  display: block;
  text-align: center;
  color: #333333;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb span:first-child {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb span:nth-child(2) {
  font-size: 44px;
  line-height: 44px;
  margin-bottom: 10px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb .imgdiv {
  width: 212px;
  height: 207px;
  background-position: center center !important;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb span:nth-child(4) {
  width: 72px;
  line-height: 30px;
  margin: 0px auto 10px;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb span {
  color: #FFFFFF;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb .channelBut {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: auto;
}
.megagameOut .megaChannel .megaChannelCon .megaChanneList .megaChanneSinb .channelBut:hover {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 0px solid #E21331;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: #E21331;
  cursor: pointer;
  margin: auto;
}
.megagameOut .gameCase {
  background-color: #FFFFFF;
  padding-top: 60px;
  width: 100%;
  position: relative;
}
.megagameOut .gameCase .borLeftIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
  left: 0px;
  top: 340px;
}
.megagameOut .gameCase .borLeftIcon img {
  height: 22px;
  width: 13px;
}
.megagameOut .gameCase .borRightIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
  right: 0px;
  top: 340px;
}
.megagameOut .gameCase .borRightIcon img {
  height: 22px;
  width: 13px;
}
.megagameOut .gameCase .gameCaseCon {
  width: 1160px;
  margin: auto;
  position: relative;
}
.megagameOut .gameCase .gameCaseCon h1 {
  display: block;
  font-size: 46px;
  color: #333333;
  text-align: center;
  line-height: 46px;
  margin-bottom: 15px;
}
.megagameOut .gameCase .gameCaseCon > span {
  display: block;
  font-size: 18px;
  color: #333333;
  text-align: center;
  margin-bottom: 50px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList {
  height: 430px;
  width: 100%;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box {
  position: relative;
  float: left;
  width: 554px;
  height: 417px;
  background: #fff;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .tag {
  position: absolute;
  top: 20px;
  right: 20px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .imgBox {
  width: 100%;
  height: 317px;
  overflow: hidden;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .imgBox img {
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  width: 100%;
  height: 100%;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 23px 18px 26px 20px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left {
  float: left;
  width: 325px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .num {
  max-width: 324px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .numBox {
  margin-top: 5px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .numBox p {
  font-size: 12px;
  color: #333;
  line-height: 17px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .numBox p span {
  line-height: 17px;
  font-size: 12px;
  color: #E21331;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .numBox p:nth-child(1) {
  float: left;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .numBox p:nth-child(2) {
  float: right;
  margin-right: 16px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .left .numBox p:nth-child(2) span {
  margin-left: 5px;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .right {
  float: right;
  display: block;
  width: 170px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 28px;
  border: 1px solid #E21331;
  color: #E21331;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box .descBox .right:hover {
  background: #E21331;
  color: #fff;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box:nth-child(2) {
  float: right;
}
.megagameOut .gameCase .gameCaseCon .gameCaseList .box:hover {
  margin-top: -10px;
}
.megagameOut .designOut .designMol {
  padding: 40px 0px;
  background-color: #FFFFFF;
}
.megagameOut .designOut .designMol .designMolCon {
  width: 1160px;
  margin: auto;
}
.megagameOut .designOut .designMol .designMolCon .designMolCover {
  height: 536px;
  width: 199px;
  display: inline-block;
  vertical-align: top;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.megagameOut .designOut .designMol .designMolCon .designMolList {
  display: inline-block;
  vertical-align: top;
  width: 960px;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin {
  width: 296px;
  height: 257px;
  margin-left: 24px;
  margin-bottom: 19px;
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px 0 rgba(216, 216, 216, 0.5);
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  display: inline-block;
  vertical-align: top;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinTop {
  height: 189px;
  width: 296px;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinTop .displayDiv {
  position: absolute;
  opacity: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinTop .displayDiv .displayBut {
  width: 170px;
  height: 46px;
  border-radius: 28px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: 85px auto 0px;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinTop .displayDiv .displayBut:hover {
  width: 170px;
  height: 46px;
  border-radius: 28px;
  border: 0px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  background-color: #E21331;
  cursor: pointer;
  margin: 85px auto 0px;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinTop:hover .displayDiv {
  opacity: 1;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinBot {
  width: 296px;
  padding: 18px 0px 0px 14px;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  height: 70px;
  position: relative;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinBot span:first-child {
  display: block;
  width: 240px;
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinBot span:last-child {
  display: block;
  width: 240px;
  color: #999999;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin .sinBot .listTag {
  float: right;
  width: 57px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 9px;
  background-color: #DDDDDD;
  font-size: 12px;
  color: #FFFFFF;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin:hover {
  margin-top: -10px;
}
.megagameOut .designOut .designMol .designMolCon .designMolList .designMolLsin:nth-child(n+4) {
  margin-bottom: 0px;
}
.megagameOut .designOut .designMol:nth-child(even) {
  background-color: #F4F4F4;
}
.megagameOut .moreButadress {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #E3E3E3;
  color: #E21331;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: 50px auto;
}
.megagameOut .moreButadress a {
  color: #E21331 !important;
}
.megagameOut .moreButadress a img {
  display: none;
}
.megagameOut .moreButadress:hover {
  width: 204px;
  height: 56px;
  border-radius: 28px;
  border: 0px solid #E21331;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 56px;
  background-color: #E21331;
  cursor: pointer;
  margin: 50px auto;
}
.megagameOut .moreButadress:hover a {
  color: #FFFFFF !important;
}
.megagameOut .moreButadress:hover a img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.megagameOut .professMo {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiMegagame/MaskModel.png') no-repeat;
  background-position: 0px 60px;
  background-size: 100% 466px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.megagameOut .professMo .professMoCon {
  width: 1160px;
  margin-left: -70px;
}
.megagameOut .professMo .professMoCon .professMoConl {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiMegagame/12333.png') no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 417px;
  height: 526px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.megagameOut .professMo .professMoCon .professMoConl .huName {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.6);
  height: 78px;
  width: 109px;
  position: absolute;
  left: 100px;
  bottom: 30px;
}
.megagameOut .professMo .professMoCon .professMoConl .huName span:first-child {
  font-size: 24px;
  display: block;
  text-align: center;
  margin-top: 8px;
}
.megagameOut .professMo .professMoCon .professMoConl .huName span:last-child {
  font-size: 14px;
  display: block;
  text-align: center;
}
.megagameOut .professMo .professMoCon .professMoConr {
  display: inline-block;
  vertical-align: top;
  width: 743px;
  padding: 100px 0px 0px 55px;
  position: relative;
}
.megagameOut .professMo .professMoCon .professMoConr > h1 {
  font-size: 46px;
  color: #FFFFFF;
  line-height: 46px;
  margin-bottom: 10px;
  display: block;
  text-align: left;
  margin-bottom: 25px;
}
.megagameOut .professMo .professMoCon .professMoConr > span {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 18px;
  display: block;
  text-align: left;
  margin-bottom: 45px;
}
.megagameOut .professMo .professMoCon .professMoConr .capacityList {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.megagameOut .professMo .professMoCon .professMoConr .capacityList .capacitySin {
  width: 228px;
  display: block;
  position: relative;
}
.megagameOut .professMo .professMoCon .professMoConr .capacityList .capacitySin .capacitySint span:nth-child(1) {
  font-size: 64px;
  color: #FFFFFF;
  line-height: 64px;
  display: inline-block;
  vertical-align: top;
}
.megagameOut .professMo .professMoCon .professMoConr .capacityList .capacitySin .capacitySint span:nth-child(2) {
  font-size: 14px;
  color: #FFFFFF;
  vertical-align: top;
  line-height: 14px;
  display: inline-block;
  vertical-align: sub;
}
.megagameOut .professMo .professMoCon .professMoConr .capacityList .capacitySin > span {
  font-size: 14px;
  color: #FFFFFF;
}
.megagameOut .professMo .professMoCon .professMoConr .capacityList .capacitySin:nth-child(-n+3) {
  margin-bottom: 50px;
}
.megagameOut .qualityModel {
  position: relative;
}
.megagameOut .qualityModel .borLeftIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
  left: 0px;
  top: 400px;
}
.megagameOut .qualityModel .borLeftIcon img {
  height: 22px;
  width: 13px;
}
.megagameOut .qualityModel .borRightIcon {
  width: 45px;
  height: 92px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 106px;
  position: absolute;
  z-index: 20;
  cursor: pointer;
  right: 0px;
  top: 400px;
}
.megagameOut .qualityModel .borRightIcon img {
  height: 22px;
  width: 13px;
}
.megagameOut .qualityModel .qualityCa {
  padding-top: 70px;
  padding-bottom: 35px;
  background-color: #F5F5F5;
  width: 100%;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon {
  width: 1160px;
  position: relative;
  margin: auto;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon h1 {
  font-size: 42px;
  color: #333333;
  display: block;
  margin-bottom: 50px;
  text-align: center;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .puhoverBigCen {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .puhoverBigCen span {
  display: block;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .puhoverBigCen .centerBut {
  width: 123px;
  height: 44px;
  border-radius: 28px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 44px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .puhoverBigCen .centerBut:hover {
  width: 123px;
  height: 44px;
  border-radius: 28px;
  border: 0px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 44px;
  background-color: #E21331;
  cursor: pointer;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel {
  width: 100%;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCasell {
  height: 580px;
  width: 580px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCasell .comBg {
  width: 580px;
  height: 580px;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCasell .comBg .hoverBig {
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(226, 19, 49, 0.8);
  z-index: 100;
  text-align: center;
  opacity: 0;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCasell:hover .comBg .hoverBig {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(226, 19, 49, 0.8);
  z-index: 100;
  text-align: center;
  opacity: 1;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCaselr {
  display: inline-block;
  vertical-align: top;
  width: 580px;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCaselr .commodityCaselrs {
  position: relative;
  height: 290px;
  width: 290px;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  float: left;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCaselr .commodityCaselrs .hoverBig {
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(226, 19, 49, 0.8);
  z-index: 100;
  text-align: center;
  opacity: 0;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .commodityCasel .commodityCaselr .commodityCaselrs:hover .hoverBig {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(226, 19, 49, 0.8);
  z-index: 100;
  text-align: center;
  opacity: 1;
}
.megagameOut .qualityModel .qualityCa .qualityCaCon .botMore {
  display: block;
  margin-top: 35px;
  text-align: center;
}
.megagameOut .reportModel {
  padding-top: 50px;
}
.megagameOut .reportModel #reportCon {
  width: 1160px;
  margin: auto;
  height: 600px;
}
.megagameOut .reportModel #reportCon h1 {
  font-size: 42px;
  color: #333333;
  display: block;
  text-align: center;
}
.megagameOut .reportModel #reportCon .video-box {
  width: 1160px;
  height: 490px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px 0;
  position: relative;
}
.megagameOut .reportModel #reportCon .video-box .reportConleftBox {
  float: left;
  width: 524px;
  height: 371px;
  margin-right: 67px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/video.png");
  background-size: cover;
  background-size: 100% 100%;
  position: relative;
  cursor: pointer;
}
.megagameOut .reportModel #reportCon .video-box .reportConleftBox i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 40px;
  transition: all 0.3s linear;
  z-index: 1;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox {
  position: absolute;
  right: 0;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox h2 {
  margin-bottom: 35px;
  font-size: 30px;
  color: #333;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .box {
  width: 566px;
  height: 74px;
  box-sizing: border-box;
  padding: 16px 0;
  border-bottom: 1px dashed #e3e3e3;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .box .topBox {
  margin-bottom: 10px;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .box .topBox .title {
  float: left;
  font-size: 17px;
  color: #333;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .box .topBox .title:hover {
  color: #e2112e;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .box .topBox .date {
  float: right;
  font-size: 14px;
  color: #999;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .box .botBox {
  font-size: 14px;
  color: #999;
}
.megagameOut .reportModel #reportCon .video-box .reportConrightBox .botMoreviod {
  display: block;
  margin-top: 35px;
}
.megagameOut .botTwoNew h1 {
  width: 100%;
  font-size: 42px;
  color: #333;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.megagameOut .botTwoNew span {
  width: 100%;
  font-size: 18px;
  color: #333;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
.megagameOut .botTwoNew .industry {
  width: 100%;
  height: 424px;
  background-color: #2A2F32;
}
.megagameOut .botTwoNew .industry .industryCon {
  width: 1160px;
  margin: auto;
  height: 424px;
  position: relative;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin {
  height: 424px;
  width: 25%;
  position: relative;
  display: inline-block;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industrySino {
  padding-top: 235px;
  height: 100%;
  width: 100%;
  display: block;
  overflow: hidden;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industrySino > span:first-child {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 31px;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industrySino > span:nth-child(2) {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industryHover {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(226, 19, 49, 0.9);
  width: 100%;
  height: 100%;
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  opacity: 0;
  padding-top: 95px;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industryHover span:first-child {
  font-size: 24px;
  color: #FFFFFF;
  display: block;
  text-align: center;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industryHover div {
  height: 3px;
  width: 58px;
  background-color: #FFFFFF;
  margin: 19px auto 45px;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin .industryHover span:nth-child(3) {
  font-size: 18px;
  color: #FFFFFF;
  display: block;
  width: 241px;
  margin: auto;
  text-align: left;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin:hover .industrySino {
  display: none;
  height: 0px;
  width: 0px;
}
.megagameOut .botTwoNew .industry .industryCon .industrySin:hover .industryHover {
  opacity: 1;
}
.megagameOut .botBoard {
  width: 1160px;
  padding-top: 70px;
  position: relative;
  margin: auto;
}
.megagameOut .botBoard h1 {
  font-size: 42px;
  color: #333333;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
.megagameOut .botBoard .botBoardList {
  width: 100%;
  margin-bottom: 70px;
}
.megagameOut .botBoard .botBoardList img {
  transition: all 1s;
  -moz-transition: all 1s;
  /* Firefox 4 */
  -webkit-transition: all 1s;
  /* Safari 和 Chrome */
  -o-transition: all 1s;
  width: 290px;
  height: 145px;
  display: inline-block;
  vertical-align: top;
}
.megagameOut .botBoard .botBoardList img:hover {
  margin-top: -10px;
}

#smart-competition {
  padding-top: 0.64rem;
  width: 100%;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/background.png') center center no-repeat;
  background-size: 100% 100%;
}
#smart-competition .ht64 {
  height: 64px;
}
#smart-competition .slider-box {
  position: fixed;
  right: 0;
  top: 40%;
}
#smart-competition .fl {
  float: left;
}
#smart-competition .fr {
  float: right;
}
#smart-competition .w12 {
  width: 1200px;
  margin: 0 auto;
}
#smart-competition #smart-top .smart-top-banner {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/smart-banner.png') center center no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 6.33rem;
  padding-top: 0.6rem;
}
#smart-competition #smart-top .smart-top-banner .banner-img1 {
  margin: 0 auto;
  width: 11.13rem;
  height: 1.65rem;
}
#smart-competition #smart-top .smart-top-banner .banner-img1 img {
  height: 1.65rem;
}
#smart-competition #smart-top .smart-top-banner .banner-img2 {
  width: 10rem;
  font-size: 0.48rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.67rem;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  margin: 0.47rem auto 0;
}
#smart-competition #smart-top .smart-top-banner .banner-img2 span {
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0.3rem;
  left: 5.25rem;
}
#smart-competition #smart-top .smart-top-banner .banner-btn-group {
  margin: 28px auto 0;
  width: 502px;
  overflow: hidden;
}
#smart-competition #smart-top .smart-top-banner .banner-btn-group .btn-left,
#smart-competition #smart-top .smart-top-banner .banner-btn-group .btn-right {
  float: left;
  width: 161px;
  height: 50px ;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/banner-btn1.png') center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 50px;
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 180px;
  cursor: pointer;
}
#smart-competition #smart-top .smart-top-banner .banner-btn-group .btn-right {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/banner-btn2.png');
  margin-right: 0;
}
#smart-competition #smart-bottom .public-title {
  display: block;
  margin: 0 auto;
}
#smart-competition #smart-bottom .awardBox {
  width: 1282px;
  margin: 0 auto;
}
#smart-competition #smart-bottom .nav-box {
  width: 100%;
  margin: -5px auto 0;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/nav-bg.png') center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  height: 279px;
  padding-top: 61px;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner {
  margin: 0 auto;
  width: 1170px;
  overflow: hidden;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner .nav-box-item {
  float: left;
  width: 180px;
  height: 208px;
  margin-right: 67px;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner .nav-box-item img {
  width: 100%;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner .nav-box-item .img22 {
  display: none;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner .nav-box-item:hover .img11 {
  display: none;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner .nav-box-item:hover .img22 {
  display: block;
}
#smart-competition #smart-bottom .nav-box .nav-box-inner .nav-box-item:last-child {
  margin-right: 0;
}
#smart-competition #smart-bottom .inform-box {
  width: 100%;
  margin: 0 auto;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/inform-bg.png') center center no-repeat;
  background-size: 100% 100%;
  height: 284px;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left {
  float: left;
  width: 530px;
  padding: 60px 64px 0 110px;
  font-size: 48px;
  color: #F4CE7A;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 1px;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left .left-title {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 31px;
  margin-bottom: 16px;
  text-align: right;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left .left-des {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 26px;
  text-align: right;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left2 {
  float: left;
  width: 530px;
  padding: 96px 0 0 0;
  overflow: hidden;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left2 .inform-box-inner-left2-l {
  float: left;
  width: 364px;
  margin-right: 16px;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left2 .inform-box-inner-left2-l .left-title {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 31px;
  margin-bottom: 16px;
  text-align: right;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left2 .inform-box-inner-left2-l .left-des {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 26px;
  text-align: right;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left2 .inform-box-inner-left2-r {
  float: left;
  width: 140px;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-left2 .inform-box-inner-left2-r .count {
  font-size: 80px;
  font-weight: bold;
  color: #F4CE7A;
  line-height: 74px;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right {
  float: left;
  padding: 120px 0 0 120px;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .left-title {
  font-size: 48px;
  color: #FFFFFF;
  line-height: 62px;
  margin-bottom: 8px;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .cosultation-wrap {
  width: 4.19rem;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .cosultation-wrap .cosulation-news {
  position: relative;
  top: 0;
  color: #bebebe;
  font-size: 0.13rem;
  line-height: 0.32rem;
  flex-grow: 1;
  height: 0.32rem;
  overflow: hidden;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .cosultation-wrap .cosulation-news ul {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 3.6rem;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .cosultation-wrap .cosulation-news ul .consulation-news-item {
  width: 100%;
  line-height: 0.32rem;
  height: 0.32rem;
  color: #FFFFFF;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .cosultation-wrap .cosulation-news .more {
  height: 24px;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 24px;
  cursor: pointer;
}
#smart-competition #smart-bottom .inform-box .inform-box-inner .inform-box-inner-right .cosultation-wrap .cosulation-news .anim {
  transition: all 0.5s;
  margin-top: -0.32rem;
}
#smart-competition #smart-bottom .about-smart {
  width: 1376px;
  margin: 0 auto 93px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/about-smart.png') center center no-repeat;
  background-size: 100% 100%;
  height: 586px;
  padding: 87px 97px 0;
  text-align: center;
}
#smart-competition #smart-bottom .about-smart img {
  margin-bottom: 40px;
}
#smart-competition #smart-bottom .about-smart .about-smart-des {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
  letter-spacing: 1px;
  text-indent: 50px;
  margin-bottom: 30px;
}
#smart-competition #smart-bottom #part-one {
  width: 100%;
  height: 810px;
}
#smart-competition #smart-bottom #part-one .award {
  width: 245px;
  height: 563px;
  margin-right: 14px;
  margin-top: 38px;
}
#smart-competition #smart-bottom #part-one .award:nth-child(7) {
  margin-right: 0 !important;
}
#smart-competition #smart-bottom #part-one .award .award-pic {
  margin-top: 29px;
  margin-left: 25px;
}
#smart-competition #smart-bottom #part-one .award .award-title {
  font-size: 34px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
  margin-top: 326px;
}
#smart-competition #smart-bottom #part-one .award .jiangli {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
  text-align: center;
  margin-top: 20px;
}
#smart-competition #smart-bottom #part-one .award .award-bottom {
  margin-top: 8px !important;
}
#smart-competition #smart-bottom #part-two {
  width: 100%;
}
#smart-competition #smart-bottom #part-two .problem {
  position: relative;
  width: 1378px;
  height: 604px;
  margin: 0 auto;
  margin-bottom: 70px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/saiti-bg.png');
}
#smart-competition #smart-bottom #part-two .problem .problem-pic {
  width: 318px;
  height: 318px;
  position: absolute;
  top: 136px;
  left: 134px;
}
#smart-competition #smart-bottom #part-two .problem .problem-right {
  position: absolute;
  top: 156px;
  left: 498px;
}
#smart-competition #smart-bottom #part-two .problem .problem-right .right-tit {
  font-size: 28px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 40px;
}
#smart-competition #smart-bottom #part-two .problem .problem-right .line {
  width: 30px;
  height: 6px;
  background: #E63C5E;
  margin: 16px 0 24px;
}
#smart-competition #smart-bottom #part-two .problem .problem-right .right-txt {
  width: 643px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
}
#smart-competition #smart-bottom #part-two .problem .cansai {
  position: absolute;
  bottom: 19px;
  left: 284px;
  width: 160px;
  height: 48px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/saiti-cs.png');
}
#smart-competition #smart-bottom #part-two .problem .zixun {
  position: absolute;
  bottom: 19px;
  left: 473px;
  width: 162px;
  height: 50px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/saiti-zx.png');
}
#smart-competition #smart-bottom #part-two .problem .roblen-cot {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  cursor: pointer;
}
#smart-competition #smart-bottom #part-three {
  width: 100%;
}
#smart-competition #smart-bottom #part-three .content {
  width: 1378px;
  height: 455px;
  margin: 0 auto;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/liuchen-bg.png');
  position: relative;
}
#smart-competition #smart-bottom #part-three .content .top {
  font-size: 18px;
  font-weight: 400;
  color: #5AACE6;
  line-height: 25px;
  margin-bottom: 4px;
  text-align: center;
}
#smart-competition #smart-bottom #part-three .content .bottom {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  text-align: center;
}
#smart-competition #smart-bottom #part-three .content .one {
  position: absolute;
  top: 214px;
  left: 163px;
}
#smart-competition #smart-bottom #part-three .content .two {
  position: absolute;
  top: 119px;
  left: 292px;
}
#smart-competition #smart-bottom #part-three .content .three {
  position: absolute;
  top: 152px;
  left: 460px;
}
#smart-competition #smart-bottom #part-three .content .four {
  position: absolute;
  top: 235px;
  left: 525px;
}
#smart-competition #smart-bottom #part-three .content .five111 {
  position: absolute;
  top: 118px;
  left: 830px;
}
#smart-competition #smart-bottom #part-three .content .six {
  position: absolute;
  top: 216px;
  left: 915px;
}
#smart-competition #smart-bottom #part-three .content .seven {
  position: absolute;
  top: 150px;
  left: 1124px;
}
#smart-competition #smart-bottom #part-three .content .eight {
  position: absolute;
  top: 250px;
  left: 1135px;
}
#smart-competition #smart-bottom .com-progress {
  width: 100%;
  text-align: center;
  margin-bottom: 120px;
}
#smart-competition #smart-bottom .com-progress .progress-content {
  width: 1283px;
  margin: 0 auto;
  height: 384px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/progress-bg.png') center center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  padding: 40px 0 0 28px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-left {
  cursor: pointer;
  float: left;
  width: 595px;
  height: 305px;
  padding: 215px 0 0;
  margin-top: 10px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-left .content-left-title {
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/title-img.png) center center no-repeat;
  height: 90px;
  line-height: 134px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right {
  float: left;
  padding: 0 0 0 80px;
  height: 320px;
  width: 620px;
  overflow: hidden;
  position: relative;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right .zhezhao2 {
  position: absolute;
  bottom: -9px;
  left: 46px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right .zhezhao1 {
  position: absolute;
  top: 0;
  left: 46px;
  z-index: 99;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right .progress-content-right-inner {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 600px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right .progress-content-right-inner .right-item {
  width: 529px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/title-sbg.png") center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  height: 48px;
  letter-spacing: 1px;
  margin-bottom: 7px;
  cursor: pointer;
  opacity: 0.79;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right .progress-content-right-inner .right-item:nth-child(1) {
  margin-top: 20px;
}
#smart-competition #smart-bottom .com-progress .progress-content .progress-content-right .progress-content-right-inner .right-item:hover {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/title-bg.png") center center no-repeat;
  opacity: 1;
}
#smart-competition #smart-bottom #part-four1 {
  width: 100%;
}
#smart-competition #smart-bottom #part-four1 .support {
  width: 1200px;
  height: 400px;
  margin: 0 auto;
}
#smart-competition #smart-bottom #part-four1 .supportBox {
  width: 400px;
  margin-top: 40px;
  text-align: center;
}
#smart-competition #smart-bottom #part-four1 .supportBox .support-tit {
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 42px;
}
#smart-competition #smart-bottom #part-four1 .supportBox .line {
  width: 48px;
  height: 5px;
  background: #5165DB;
  margin: 36px auto 24px;
}
#smart-competition #smart-bottom #part-four1 .supportBox .support-txt {
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 42px;
}
#smart-competition #smart-bottom #part-five1 {
  width: 100%;
}
#smart-competition #smart-bottom #part-five1 .media-partner {
  display: block;
  margin: 47px auto 0;
  padding-bottom: 140px;
}

.slider-box {
  width: 95px;
  height: 312px;
  background: #ffffff;
  z-index: 5;
}
.slider-box .slider-box-item {
  width: 100%;
  height: 104px;
  cursor: pointer;
  position: relative;
}
.slider-box .slider-box-item:hover {
  background: #223DCF;
}
.slider-box .slider-box-item:hover .slider-box-item-inner {
  color: #FFFFFF;
}
.slider-box .slider-box-item:hover .slider-box-item-inner .img-box-1 .img1 {
  display: none;
}
.slider-box .slider-box-item:hover .slider-box-item-inner .img-box-1 .img2 {
  display: block;
}
.slider-box .slider-box-item .slider-box-item-inner {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  padding-top: 26px;
}
.slider-box .slider-box-item .slider-box-item-inner .img-box-1 {
  padding-left: 35px;
}
.slider-box .slider-box-item .slider-box-item-inner .img-box-1 .img2 {
  display: none;
}
.slider-box .slider-box-item .slider-box-item-inner .slider-box-item-inner-title {
  text-align: center;
  margin-top: 8px;
}

.humiSmartCollect {
  box-sizing: border-box;
  padding-top: 60px;
  font-size: 16px;
  color: #003333;
}
.humiSmartCollect .smartCollectBody {
  height: 4340px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/smartMegagame/bg.png") 50% 50% / cover no-repeat;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 415px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_combtn {
  display: block;
  width: 296px;
  height: 86px;
  margin-left: 84px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/smartMegagame/btn1.png");
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_commonTitle {
  font-size: 36px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 5.04px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_topBox {
  margin-top: 204px;
  box-sizing: border-box;
  padding: 0 59px 0 302px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_topBox h3 {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 900;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_topBox .box {
  float: left;
  line-height: 2.1;
  letter-spacing: 2.24px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_topBox .box li {
  font-size: 16px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_topBox .box:nth-child(2) {
  margin-left: 36px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_topBox .box:nth-child(2) li:nth-child(4) {
  margin-bottom: 20px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_one {
  margin-top: 218px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_aboutBox {
  width: 983px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 65px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_aboutBox p {
  line-height: 2.25;
  letter-spacing: 2.24px;
  color: #333333;
  text-align: justify;
  font-size: 16px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_aboutBox p:nth-child(2) {
  margin-top: 25px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_aboutBox .scb_combtn {
  margin: 10px auto 0;
  background: url("https://360humi-public-obs.360humi.com/w-compic/smartMegagame/btn2.png");
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_two {
  margin-top: 122px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_three {
  margin-top: 530px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_btnBox {
  position: relative;
  height: 800px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_btnBox a {
  position: absolute;
  top: 380px;
  width: 336px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_btnBox a:nth-child(1) {
  left: 90px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/smartMegagame/btn3.png");
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_btnBox a:nth-child(2) {
  left: 600px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/smartMegagame/btn4.png");
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_btnBox a:nth-child(3) {
  top: 570px;
  right: 130px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/smartMegagame/btn5.png");
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_botTitle {
  margin: 595px 0 0 102px;
  font-size: 24px;
  font-weight: 900;
  line-height: 0.75;
  letter-spacing: 3.36px;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_download {
  margin: 300px 0 0 100px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.96px;
  color: #333333;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_download a {
  color: #333333;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_download a:hover {
  color: #ff6d20;
}
.humiSmartCollect .smartCollectBody .smartCollectDesc .scb_download a:nth-child(1) {
  margin: 0 29px 0 25px;
}

#workslist_list_wrap .ant-tabs-bar {
  padding: 20px;
  padding-bottom: 0;
  background-color: #fff;
}
#workslist_list_wrap .ant-tabs-nav .ant-tabs-tab {
  padding-bottom: 20px;
  font-size: 16px;
}
#workslist_list_wrap .ant-input {
  width: 282px;
  height: 36px;
}
#workslist_list_wrap .ant-input-affix-wrapper .ant-input-suffix {
  width: 36px;
  height: 36px;
  right: 0;
  text-align: center;
  line-height: 36px;
  background-color: #e6063f;
}
#workslist_list_wrap .ant-input-affix-wrapper .ant-input-suffix > i {
  font-size: 16px;
  color: #fff !important;
}

#industry-solve-plan #content {
  padding-top: 60px;
}
#industry-solve-plan #content .title {
  font-size: 30px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin: 75px 0 40px;
}
#industry-solve-plan #content .title:before,
#industry-solve-plan #content .title:after {
  content: '';
  width: 67px;
  height: 1px;
  background-color: #e3e3e3;
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
#industry-solve-plan #content #banner {
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/solvePlan/banner.jpg') 50% 50% / cover no-repeat;
}
#industry-solve-plan #content #banner > div {
  width: 1200px;
  margin: auto;
  padding-top: 40px;
}
#industry-solve-plan #content #banner > div > h1 {
  font-size: 36px;
  color: #666;
  margin-bottom: 20px;
}
#industry-solve-plan #content #banner > div > button {
  width: 180px;
  height: 40px;
  border: 1px solid #108ee9;
  border-radius: 40px;
  outline: none;
  background-color: transparent;
  color: #108ee9;
  cursor: pointer;
  transition: all 0.3s linear;
}
#industry-solve-plan #content #banner > div > button:hover {
  background-color: #108ee9;
  color: #e7ffff;
}
#industry-solve-plan #content #dataRender {
  background-color: #f8f8f8;
  text-align: center;
}
#industry-solve-plan #content #dataRender:before {
  content: '';
  display: table;
}
#industry-solve-plan #content #dataRender > div {
  width: 1200px;
  margin: auto;
}
#industry-solve-plan #content #dataRender > div > h1 {
  margin: 40px 0;
}
#industry-solve-plan #content #dataRender > div > h6 {
  margin: 10px 0;
}
#industry-solve-plan #content #dataRender > div > img {
  margin: 20px 0;
}
#industry-solve-plan #content #dataRender > div > p {
  font-size: 14px;
}
#industry-solve-plan #content #static {
  background-color: #f8f8f8;
}
#industry-solve-plan #content #static:before {
  content: '';
  display: table;
}
#industry-solve-plan #content #static .advantage {
  width: 1200px;
  margin: auto;
}
#industry-solve-plan #content #static .advantage:after {
  content: '';
  display: block;
  clear: both;
}
#industry-solve-plan #content #static .advantage > div {
  float: left;
  margin-right: 24px;
  margin-bottom: 8px;
  width: 282px;
  height: 150px;
  color: white;
  padding: 18px 45px;
}
#industry-solve-plan #content #static .advantage > div > div {
  height: 62px;
}
#industry-solve-plan #content #static .advantage > div > div > strong {
  font-size: 36px;
  vertical-align: sub;
}
#industry-solve-plan #content #static .advantage > div > div > i {
  font-size: 22px;
  font-weight: 600;
}
#industry-solve-plan #content #static .advantage > div > div > span {
  margin-left: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
#industry-solve-plan #content #static .advantage > div > p {
  margin-top: 14px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}
#industry-solve-plan #content #static .advantage > div:first-child {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/solvePlan/img1.jpg') no-repeat;
}
#industry-solve-plan #content #static .advantage > div:nth-child(2) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/solvePlan/img2.jpg') no-repeat;
}
#industry-solve-plan #content #static .advantage > div:nth-child(3) {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/solvePlan/img4.jpg') no-repeat;
}
#industry-solve-plan #content #static .advantage > div:last-child {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/solvePlan/img5.jpg') no-repeat;
  margin-right: 0;
}
#industry-solve-plan #content #static .promise {
  width: 1200px;
  margin: auto;
  text-align: center;
}
#industry-solve-plan #content #static .promise > div {
  display: inline-block;
  vertical-align: middle;
  width: 450px;
  height: 184px;
  margin: 0 13px;
  padding: 30px;
  box-shadow: 0px 5px 10px 0 #bfe2fa;
  background-color: white;
}
#industry-solve-plan #content #static .promise > div > p:nth-child(2) {
  font-size: 18px;
  color: #108ee9;
  margin: 14px 0;
}
#industry-solve-plan #content #static .promise > div > p:nth-child(3) {
  font-size: 16px;
  color: #333;
}
#industry-solve-plan #content #static .promise > div > p:nth-child(3) > span {
  margin: 0 18px;
}
#industry-solve-plan #content #static .process {
  height: 353px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/solvePlan/img-3.jpg') 50% 50% / cover no-repeat;
}
#industry-solve-plan #content #static .company {
  padding-bottom: 75px;
}
#industry-solve-plan #content #static .company > div {
  width: 1200px;
  margin: auto;
}
#industry-solve-plan #content #static .company > div:after {
  display: block;
  content: '';
  clear: both;
}
#industry-solve-plan #content #static .company > div > span {
  float: left;
  width: 224px;
  height: 122px;
  background-color: white;
  margin: 0 18px 18px 0;
  position: relative;
}
#industry-solve-plan #content #static .company > div > span > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#industry-solve-plan #content #static .company > div > span:nth-child(5n) {
  margin-right: 0;
}

.public-component-modal-wrap .ant-modal {
  top: 200px;
}
.public-component-modal-wrap .ant-modal-content {
  padding: 20px;
}
.public-component-modal-wrap .ant-modal-header {
  border-color: transparent;
}
.public-component-modal-wrap .ant-modal-header > .ant-modal-title {
  text-align: center;
  font-size: 22px;
}
.public-component-modal-wrap .ant-modal-body {
  text-align: center;
}
.public-component-modal-wrap .ant-modal-body .sub-title {
  color: #999;
}
.public-component-modal-wrap .ant-modal-footer {
  border-color: transparent;
  text-align: center;
}
.public-component-modal-wrap .ant-modal-footer > button:first-child {
  display: none;
}
.public-component-modal-wrap .ant-modal-footer > button {
  width: 140px;
  border-radius: 32px;
}
body {
  overflow: auto;
  padding-right: 0 !important;
}

.store-body-box {
  background: #f8fafe;
  min-width: 1200px;
  overflow: hidden;
}
.store-body-box .store-header {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.store-body-box .store-header .header-w1200 {
  width: 1200px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
}
.store-body-box .store-header .s-h-bg {
  display: block;
  max-height: 90px;
  margin: 0 auto;
}
.store-body-box .store-header .logo-img {
  display: block;
  max-height: 47px;
}
.store-body-box .store-header .store-name {
  font-size: 24px;
  color: #fefefe;
  line-height: 47px;
  height: 47px;
  padding-left: 18px;
}
.store-body-box .store-header .com-tel {
  display: flex;
  position: absolute;
  right: 0;
  top: 37px;
}
.store-body-box .store-header .com-tel em img {
  display: block;
}
.store-body-box .store-header .com-tel span {
  font-size: 18px;
  text-align: left;
  color: #ffffff;
  padding-left: 8px;
}
.store-body-box .s-header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  background: #fff;
}
.store-body-box .store-nav {
  height: 60px;
  background-color: #25282e;
}
.store-body-box .store-nav ul {
  width: 1200px;
  margin: 0 auto;
}
.store-body-box .store-nav ul li {
  float: left;
}
.store-body-box .store-nav ul li a {
  font-size: 14px;
  color: #ffffff;
  display: block;
  line-height: 60px;
  width: 120px;
  text-align: center;
}
.store-body-box .store-nav ul li a:hover,
.store-body-box .store-nav ul li a.active {
  background: #108ee9;
}
.store-body-box .store-nav ul li.collect-text {
  float: right;
}
.store-body-box .store-nav ul li.collect-text span {
  padding-left: 10px;
}
.store-body-box .store-nav ul li.collect-text a:hover,
.store-body-box .store-nav ul li.collect-text a.active {
  background: transparent;
}
.store-body-box .carousel-box {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.store-body-box .carousel-box .c-thumb {
  max-height: 460px;
  margin: 0 auto;
}
.store-body-box .carousel-box .banner-title {
  font-size: 36px;
  text-align: left;
  color: #f8fafe;
  width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 125px;
}
.store-body-box .carousel-box .banner-title.t-center {
  text-align: center;
}
.store-body-box .carousel-box .banner-text {
  font-size: 16px;
  text-align: left;
  color: #f8fafe;
  width: 480px;
  line-height: 1.63;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 196px;
}
.store-body-box .carousel-box .banner-text.t-center {
  text-align: center;
  width: 720px;
  margin-left: -360px;
}
.store-body-box .company-info-temp {
  background: #fff;
  padding-top: 65px;
  padding-bottom: 60px;
}
.store-body-box .company-info-temp .comm-title2 {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 28px;
  text-align: center;
  background: #fff;
}
.store-body-box .company-info-temp .comm-title2 h1 {
  font-size: 30px;
  color: #333333;
  line-height: 30px;
}
.store-body-box .company-info-temp .comm-title2:after {
  content: '';
  width: 36px;
  height: 3px;
  background-color: #999;
  position: absolute;
  left: 0;
  bottom: 19px;
}
.store-body-box .company-info-temp .w1200 {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.store-body-box .company-info-temp .w1200 .c-left {
  width: 595px;
}
.store-body-box .company-info-temp .w1200 .c-left .c-content {
  line-height: 28px;
  max-height: 242px;
  overflow: hidden;
}
.store-body-box .company-info-temp .w1200 .c-right {
  width: 568px;
}
.store-body-box .comm-title {
  position: relative;
  padding: 70px 0;
  text-align: center;
  background: #fff;
}
.store-body-box .comm-title h1 {
  font-size: 30px;
  color: #333333;
}
.store-body-box .comm-title:after {
  content: '';
  width: 36px;
  height: 3px;
  background-color: #999999;
  position: absolute;
  left: 50%;
  margin-left: -18px;
  bottom: 52px;
}
.store-body-box .comm-image {
  background: #fff;
  display: flex;
  justify-content: center;
}
.store-body-box .comm-image img {
  display: block;
  margin: 0 auto;
}
.store-body-box .company-info {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.store-body-box .company-info .fl {
  width: 592px;
  float: left;
}
.store-body-box .company-info .fr {
  width: 592px;
  float: right;
}
.store-body-box .company-info .c-title {
  font-size: 24px;
  color: #333333;
  margin-bottom: 25px;
}
.store-body-box .company-info .c-box {
  background: #fff;
  padding: 40px 32px;
}
.store-body-box .company-info .c-box ul {
  padding-bottom: 20px;
}
.store-body-box .company-info .c-box ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.store-body-box .company-info .c-box ul li span {
  font-size: 18px;
  color: #1d39bb;
  display: block;
}
.store-body-box .company-info .c-box ul li i {
  font-size: 14px;
  color: #666666;
  font-style: normal;
}
.store-body-box .company-info .c-box .row .r-left {
  float: left;
}
.store-body-box .company-info .c-box .row .r-l-box {
  text-align: center;
  margin-right: 40px;
  margin-top: 17px;
}
.store-body-box .company-info .c-box .row .humi-fill-button,
.store-body-box .company-info .c-box .row .humi-border-button {
  width: 120px !important;
  height: 40px !important;
  padding: 0;
  margin-top: 18px;
  background-color: rgba(0, 0, 0, 0);
  color: #fe6d20;
  border: 1px #fe6d20 solid;
}
.store-body-box .company-info .c-box .row .humi-fill-button:hover {
  color: #fff;
  background-color: #fe6d20;
}
.store-body-box .company-info .c-box .row .icon-box {
  padding: 20px;
  border: 1px solid #e3e3e3;
  float: left;
  margin-right: 40px;
}
.store-body-box .company-info .c-box .row .icon-box .logo-icon {
  width: 99px;
  height: 99px;
  object-fit: contain;
}
.store-body-box .company-info .c-box .row .r-1 {
  padding-bottom: 16px;
}
.store-body-box .company-info .c-box .row .r-1 span {
  font-size: 14px;
  color: #666666;
  padding-right: 5px;
}
.store-body-box .company-info .c-box .row .r-1 em {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 12px;
  color: #666666;
  margin-left: 8px;
  border: 1px solid #29cb97;
}
.store-body-box .company-info .c-box .row .r-1 em i {
  font-size: 12px;
  font-style: normal;
}
.store-body-box .company-info .c-box .row .r-1 em .icon {
  position: relative;
  top: 1px;
  padding-right: 4px;
}
.store-body-box .company-info .c-box .row .color-red-2 {
  color: #fe5461;
}
.store-body-box .company-info .c-box .row .r-title {
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 22px;
}
.store-body-box .company-info .c-box .row .r-title:after {
  content: '';
  width: 43px;
  height: 3px;
  background-color: #1d39bb;
  position: absolute;
  bottom: -8px;
  left: 184px;
}
.store-body-box .company-info .c-box .row .r-label {
  font-size: 14px;
  color: #666666;
  padding-right: 25px;
}
.store-body-box .company-info .c-box .row .r-jiang img {
  height: 24px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}
.store-body-box .company-info .c-box .row .r-lv,
.store-body-box .company-info .c-box .row .r-jiang,
.store-body-box .company-info .c-box .row .r-cats {
  padding-bottom: 18px;
}
.store-body-box .company-info .c-box .row .r-right {
  float: left;
  width: 347px;
  position: relative;
}
.store-body-box .company-info .c-box .row .r-right .addCollect {
  position: absolute;
  top: 55px;
  left: 190px;
  cursor: pointer;
  font-size: 14px;
  color: #999999;
}
.store-body-box .company-info .c-box .row .r-right .addCollect img {
  width: 9px;
  height: 12px;
}
.store-body-box .company-info .c-box .row .r-cats {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.store-body-box .company-info .c-box .row .tags-box {
  position: absolute;
  width: 266px;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  left: 80px;
  background: #fff;
  max-height: 217px;
}
.store-body-box .company-info .c-box .row .tags-box.show {
  height: auto;
}
.store-body-box .company-info .c-box .row .tags-box > span {
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  border: 1px solid #999999;
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  color: #666666;
  margin-right: 6px;
  margin-bottom: 6px;
}
.store-body-box .company-info .c-box .row .tags-box .cats-more {
  position: absolute;
  right: 0;
  top: 0;
}
.store-body-box .company-info .c-box .row .r-address {
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #e3e1e1;
  padding-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.store-body-box .company-info .c-box .row .r-info {
  padding-top: 12px;
  height: 70px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  line-height: 28px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.store-body-box .evaluation-box {
  width: 1200px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
}
.store-body-box .evaluation-box .e-top table {
  height: 85px;
  background-color: #f8fafe;
  width: 100%;
}
.store-body-box .evaluation-box .e-top table tr td {
  text-align: center;
}
.store-body-box .evaluation-box .e-top table .icon {
  vertical-align: middle;
  margin-right: 6px;
}
.store-body-box .evaluation-box .e-top table .pt5 {
  padding-top: 5px;
}
.store-body-box .evaluation-box .e-body {
  border-top: 1px solid #f4f4f4;
  margin-top: 10px;
}
.store-body-box .evaluation-box .e-body table {
  width: 100%;
}
.store-body-box .evaluation-box .e-body table tr td {
  border-bottom: 1px solid #f4f4f4;
  padding: 20px 0;
}
.store-body-box .evaluation-box .e-body table tr td .icon {
  width: 71px;
  height: 71px;
  object-fit: contain;
  display: block;
  margin-right: 28px;
}
.store-body-box .evaluation-box .e-body table tr td .fl {
  float: left;
}
.store-body-box .evaluation-box .e-body table tr td .fr {
  float: right;
}
.store-body-box .evaluation-box .e-body table tr td .money {
  font-size: 18px;
  color: #fc9153;
}
.store-body-box .evaluation-box .e-body table tr td .time {
  font-size: 12px;
  color: #666666;
}
.store-body-box .evaluation-box .e-body table tr td .username {
  font-size: 14px;
  color: #333333;
}
.store-body-box .evaluation-box .e-body table tr td .cat {
  font-size: 14px;
  color: #666666;
}
.store-body-box .evaluation-box .e-body table tr td p {
  font-size: 13px;
  color: #333333;
  padding-top: 8px;
}
.store-body-box .evaluation-box .e-page {
  text-align: center;
  padding-top: 10px;
}
.store-body-box .recommendServerBox {
  overflow: hidden;
  width: 1200px;
  height: 650px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 40px;
}
.store-body-box .recommendServerBox .item {
  float: left;
  display: block;
  width: 300px;
  height: 300px;
  box-sizing: border-box;
  padding: 49px 44px;
  background-color: #ffffff;
  border: 1px solid #D4D4D4;
  border-right: none;
}
.store-body-box .recommendServerBox .item .storeLogo {
  width: 60px;
  height: 60px;
  margin-bottom: 41px;
}
.store-body-box .recommendServerBox .item .storeLogo img {
  width: 100%;
  height: 100%;
}
.store-body-box .recommendServerBox .item .storeAddress {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #999999;
  line-height: 20px;
}
.store-body-box .recommendServerBox .item .storeName {
  width: 192px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 33px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.store-body-box .recommendServerBox .item .storeTag {
  margin-top: 15px;
}
.store-body-box .recommendServerBox .item .storeTag span {
  display: inline-block;
  width: 66px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 6px;
  margin-right: 6px;
  font-size: 12px;
  text-align: center;
  color: #333;
  border: 1px solid #d4d4d4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.store-body-box .recommendServerBox .item .storeTag span:last-child {
  margin-right: 0;
}
.store-body-box .recommendServerBox .item:nth-child(n+5) {
  border-top: none;
}
.store-body-box .recommendServerBox .item:nth-child(4n) {
  border-right: 1px solid #D4D4D4;
}
.store-body-box .anchor-a {
  position: relative;
  top: -120px;
  height: 0;
  display: block;
}
.store-body-box .case-box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.store-body-box .case-box .item {
  background-color: #fff;
  cursor: pointer;
}
.store-body-box .case-box .item .thumb {
  height: 214px;
  background-size: cover;
}
.store-body-box .case-box .item .i-meta {
  padding: 17px;
  border-bottom: 1px solid #eeeeee;
}
.store-body-box .case-box .item .i-meta h3 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 9px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.store-body-box .case-box .item .i-meta p {
  font-size: 12px;
  color: #bbbbbb;
  margin-bottom: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-body-box .case-box .item .i-meta p:last-of-type {
  margin-bottom: 0 ;
}
.store-body-box .case-box .item .price-box {
  padding: 17px;
  display: flex;
  align-items: center;
}
.store-body-box .case-box .item .price-box .avatar {
  width: 25px;
  max-width: 25px;
  height: 24px;
  border-radius: 100%;
  background-size: cover;
  background-position: center;
}
.store-body-box .case-box .item .price-box .name {
  font-size: 12px;
  color: #333333;
  padding-left: 12px;
}
.store-body-box .case-box .item .price-box .price-num {
  font-size: 18px;
  color: #fc9153;
}
.store-body-box .case-box .btn-toggle {
  position: absolute;
  left: -50px;
  top: 48%;
}
.store-body-box .case-box .btn-toggle.btn-next {
  left: auto;
  right: -50px;
}

.categoryTag {
  margin-top: 20px;
}
.categoryTag span {
  display: inline-block;
  padding: 6px 10px;
  background-color: #f0f2f5;
  color: #999999;
  text-align: center;
  margin: 0 7px;
  font-size: 12px;
  line-height: 12px;
}
.caseDetailPadding {
  padding-top: 254px;
}
.temp {
  padding-top: 35px;
}
.storeCaseDetail {
  border-bottom: 1px solid #eff3f5;
  width: 100%;
  padding: 180px 0 0 0;
}
.storeCaseDetail.storeCaseDetailTemp {
  background-color: #ffffff;
  border-bottom: 1px solid #eff3f5;
  padding: 60px 0 29px 0;
}
.storeCaseDetail .detail-btn {
  text-align: right;
}
.storeCaseDetail .detail-view-number {
  margin-top: 20px;
  text-align: right;
}
.storeCaseDetail .detail-view-number .detail-view {
  margin-right: 14px;
  display: inline-block;
  width: 16px;
  height: 10px;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/view.png);
}
.storeCaseDetail .shareBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  height: 24px;
  margin-top: 20px;
}
.storeCaseDetail .shareBox span {
  color: #999999;
  margin-right: 8px;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium {
  display: inline-block;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium a {
  margin-right: 0;
  margin-left: 3px;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium a.bds_weixin {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/wechat.png) no-repeat;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium a.bds_tsina {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/weibo.png) no-repeat;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium a.bds_tqq {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/tweibo.png) no-repeat;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium a.bds_douban {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/douban.png) no-repeat;
}
.storeCaseDetail .bdsharebuttonbox.icon-medium a.bds_qzone {
  background: url(https://360humi-public-obs.360humi.com/localImg/images/share/qq.png) no-repeat;
}
.storeCaseDetail .detail-attr {
  margin-top: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 592px;
}
.storeCaseDetail .detail-attr .detail-item {
  margin-top: 16px;
  min-width: 296px;
}
.storeCaseDetail .detail-attr .detail-item .detail-name {
  color: #999999;
  display: inline-block;
  width: 56px;
}
.storeCaseDetail .detail-attr .detail-item .detail-value {
  margin-left: 20px;
  display: inline-block;
  min-width: 220px;
  color: #666666;
}
.storeCaseDetail .detail-attr .detail-item .detail-value.price {
  color: #ff8e09;
}
.storeCaseDetail .collectBtnTemp {
  margin-left: 13px;
  display: inline-block;
  width: 147px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #999999;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
}
.storeCaseDetail .collectBtnTemp.blue {
  border: none;
  color: #ffffff;
  background-color: #397ecd;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-15 > h1 {
  font-size: 24px;
  color: #333;
  line-height: 1.1;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-15 > .ant-row {
  margin: 0 0 25px 0;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-15 > .ant-row .ant-col-14 {
  font-size: 14px;
  color: #bbb;
  line-height: 1.1;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-15 > .ant-row .ant-col-14 i {
  margin: 0 24px;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-15 > .ant-row .ant-col-10 {
  float: right;
  display: inline-block;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 {
  padding: 25px 0 0 30px;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .logo {
  margin-top: 50px;
  display: inline-block;
  vertical-align: middle;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .logo img {
  width: 75px;
  height: 75px;
  display: block;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 24px;
  line-height: 1.1;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message .levelIcon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 20px;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message > p:first-child {
  font-size: 24px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 310px;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message > p:first-child a {
  color: #444;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message > p:first-child a:hover {
  color: #397ecd;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message > p:nth-child(2) {
  color: #bbb;
  margin: 12px 0 15px 0;
}
.storeCaseDetail > .w12 > .ant-row .ant-col-9 .message .collectBtn {
  display: inline-block;
  padding: 12px 46px;
  border-radius: 1px;
  color: #fff;
  font-size: 14px;
  background: #397ecd;
  margin: 0 11px 0 0;
}
.MainBg {
  background-color: #f8f8f8;
}
.MainBg .companyCaseBody {
  padding: 35px 0 100px 0;
}
.MainBg .companyCaseBody .nav {
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
}
.MainBg .companyCaseBody .detail-warp-content-release {
  margin-top: 20px;
  cursor: pointer;
}
.MainBg .companyCaseBody .detail-warp-content-release > img {
  width: 100%;
}
.MainBg .companyCaseBody .ant-row .detail-bottom-btn {
  text-align: center;
  width: 100%;
  margin-top: 40px;
}
.MainBg .companyCaseBody .ant-row .detail-bottom-btn a {
  display: inline-block;
  width: 260px;
  height: 48px;
  background-color: #397ecd;
  color: #ffffff;
  text-align: center;
  line-height: 48px;
}
.MainBg .companyCaseBody .ant-row .detail-warp {
  background-color: #ffffff;
}
.MainBg .companyCaseBody .ant-row .detail-warp.margin-b-20 {
  margin-bottom: 20px;
  padding-bottom: 22px;
}
.MainBg .companyCaseBody .ant-row .detail-warp.margin-t-20 {
  margin-top: 20px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-title {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-title .detail-warp-name {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-title .detail-warp-more {
  font-size: 14px;
  color: #397ecd;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content {
  width: 100%;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content.detail-warp-business {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content.detail-warp-business .logo {
  margin-top: 50px;
  margin-bottom: 29px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content.detail-warp-business .logo img {
  width: 73px;
  height: 73px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .detail-business-name a {
  margin-top: 30px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .detail-icons {
  margin-top: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .detail-icons .detail-business-icon {
  margin: 0 8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/business.png);
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .detail-icons .detail-if-icon {
  margin: 0 8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/if.png);
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .detail-icons .detail-level-icon {
  margin: 0 8px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .detail-score {
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 20px;
  margin-bottom: 22px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #999999;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 10px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList .caseItem {
  margin-top: 15px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList .caseItem .cover {
  height: 200px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList .caseItem .cover img {
  display: block;
  margin: 0 auto;
  height: 177px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList .caseItem .name {
  margin-top: 25px;
  font-size: 15px;
  color: #333333;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList .caseItem .tag {
  margin-top: 10px;
  color: #999999;
  margin-bottom: 48px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList li {
  margin-top: 14px;
  border-bottom: 1px solid #f0f0f0;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList li .cover {
  height: 200px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList li .cover img {
  display: block;
  margin: 0 auto;
  height: 200px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList li .name {
  margin-top: 25px;
  font-size: 15px;
  color: #333333;
}
.MainBg .companyCaseBody .ant-row .detail-warp .detail-warp-content .caseList li .tag {
  margin-top: 10px;
  color: #999999;
  margin-bottom: 30px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap {
  padding: 0 35px 50px 35px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap .contentItem {
  padding-top: 30px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap .contentItem .title {
  height: 19px;
  line-height: 19px;
  font-size: 18px;
  color: #333333;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap .contentItem .title .flag {
  display: inline-block;
  width: 3px;
  height: 14px;
  background-color: #397ecd;
  margin-right: 9px;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap .contentItem .desc {
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.86;
  color: #666666;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap .contentItem .pic {
  margin-top: 30px;
  width: 100%;
}
.MainBg .companyCaseBody .ant-row .detail-warp .contentWrap .contentItem .pic img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.MainBg .companyCaseBody img {
  max-width: 100%;
}
.disableBtn {
  background: #8f8f8f !important;
  cursor: default;
}
.contact {
  position: fixed;
  right: 16px;
  bottom: 200px;
  z-index: 1999;
  width: auto;
  height: auto;
}
.contact .contactList .contactItem {
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  border-bottom: 1px solid #E3E3E3;
  background-color: #ffffff;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  color: #666666;
}
.contact .contactList .contactItem:hover {
  color: #397ecd;
}
.contact .contactList .contactItem.contactHeader {
  position: relative;
  width: 60px;
  height: 73px;
  color: #397ecd;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #E3E3E3;
}
.contact .contactList .contactItem.contactHeader .contactTxt {
  padding-top: 5px;
}
.contact .contactList .contactIcon {
  width: 35px;
  height: 30px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon6.png);
}
.contact .contactList .contactTxt {
  font-size: 12px;
  padding-bottom: 6px;
}
.contact .contactList .contactIconSend {
  margin-top: 11px;
  width: 22px;
  height: 24px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon1.png);
}
.contact .contactList .contactIconFollow {
  margin-top: 11px;
  width: 21px;
  height: 21px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon5.png);
}
.contact .contactList .contactIconFeedback {
  margin-top: 11px;
  width: 23px;
  height: 21px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon4.png);
}
.contact .contact-panel {
  position: absolute;
  top: 0;
  left: -240px;
  width: 216px;
  height: 280px;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
}
.contact .contact-panel .close {
  position: absolute;
  top: 19px;
  right: 17px;
  width: 12px;
  height: 10px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/x.png);
}
.contact .contact-panel .contact-panel-top {
  font-size: 14px;
  color: #666666;
  margin-top: 40px;
  margin-left: 33px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.contact .contact-panel .contact-panel-top .contact-panel-icon1 {
  margin-right: 24px;
  width: 23px;
  height: 21px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon3.png);
}
.contact .contact-panel .contact-panel-top .contact-panel-icon2 {
  margin-right: 24px;
  width: 23px;
  height: 23px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon2.png);
}
.contact .contact-panel .contact-panel-top .contact-panel-txt {
  display: block;
  color: #666666;
}
.contact .contact-panel .contact-panel-l {
  margin-top: 18px;
  width: 214px;
  height: 22px;
  display: block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/l.png);
}
.contact .contact-panel .contact-panel-bottom {
  background-color: #397edc;
  padding: 10px 21px 15px 21px;
  font-size: 12px;
  color: #ffffff;
}
.contact .contact-panel .contact-panel-bottom p {
  line-height: 1.8;
  font-size: 12px;
}

.baseConAll {
  margin-bottom: 50px;
  padding-top: 20px;
}
.base-header {
  line-height: 36px;
}
.base-header a {
  font-size: 14px;
  color: #a9b3b4;
}
.base-header .m-right {
  margin-right: 35px;
}
.base-header .headRight a {
  border-right: 1px solid #a9b3b4;
}
.base-header .headRight a:last-child {
  border-right: 0;
}
.pad {
  padding: 0 20px;
}
.pad-lef {
  padding-left: 20px;
}
.base-bg {
  width: 100%;
  position: relative;
  background-color: #eff3f5;
  margin-bottom: 12px;
}
.base-bg .fl {
  float: left;
}
.base-bg .bas-img {
  z-index: -1000;
  height: 220px;
  width: 100%;
}
.base-bg .enteBgCon {
  position: relative;
  width: 100%;
  height: 200px;
  background: #fff;
}
.base-bg .enteBgCon .enteBgImg {
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
  width: 1200px;
  height: 200px;
  opacity: 0;
}
.base-bg .enteBgCon .enteBgBorder {
  position: absolute;
  left: 20px;
  top: -13px;
}
.base-bg .enteBgCon .balance-box {
  float: left;
  width: 30%;
  padding-left: 45px;
  padding-top: 65px;
  cursor: pointer;
}
.base-bg .enteBgCon .balance-box h5 {
  font-size: 16px;
  color: #666666;
  padding-top: 4px;
}
.base-bg .enteBgCon .balance-box .num {
  font-size: 30px;
  font-weight: 500;
  color: #FC9153;
  padding-top: 4px;
}
.base-bg .enteBgCon .balance-box .icon {
  display: flex;
  margin-right: 25px;
}
.base-bg .enteBgCon .enteInfo {
  float: left;
  width: 40%;
  padding-top: 57px;
  padding-left: 40px;
}
.base-bg .enteBgCon .enteInfo .enteLogo {
  vertical-align: middle;
  display: inline-block;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  margin-right: 15px;
  width: 90px;
  height: 90px;
}
.base-bg .enteBgCon .enteInfo .enteState {
  vertical-align: middle;
  display: inline-block;
}
.base-bg .enteBgCon .enteInfo .enteState .enteState-bot-text {
  font-size: 14px;
  color: #333333;
}
.base-bg .enteBgCon .enteInfo .enteState .enteState-refuseMessage-out {
  position: relative;
}
.base-bg .enteBgCon .enteInfo .enteState .enteState-refuseMessage-out .enteState-refuseMessage {
  position: absolute;
  bottom: 16px;
}
.base-bg .enteBgCon .enteInfo .enteState p:first-child {
  color: #333;
  line-height: 22px;
  margin-bottom: 13px;
}
.base-bg .enteBgCon .enteInfo .enteState p:first-child span {
  font-size: 22px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}
.base-bg .enteBgCon .enteInfo .enteState p:first-child img {
  vertical-align: middle;
}
.base-bg .enteBgCon .enteInfo .enteState p:last-child {
  margin-top: 13px;
  font-size: 14px;
  color: #999;
}
.base-bg .enteBgCon .enteInfo .enteState p:last-child * {
  vertical-align: middle;
  display: inline-block;
}
.base-bg .enteBgCon .enteInfo .enteState p:last-child img {
  margin-right: 10px;
}
.base-bg .enteBgCon .enteConAcco {
  width: 300px;
  height: 228px;
  position: absolute;
  right: 0;
  top: -14px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/enteAccoBg.png") no-repeat;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.base-bg .enteBgCon .enteConAcco p:first-child {
  margin-top: 50px;
}
.base-bg .enteBgCon .enteConAcco .enteAccoBalance {
  font-size: 18px;
}
.base-bg .enteBgCon .enteConAcco .enteAccoBalance span {
  font-size: 50px;
}
.base-bg .enteBgCon .enteConAcco .enteConBtns {
  margin-top: 20px;
}
.base-bg .enteBgCon .enteConAcco .enteConBtns a {
  color: #fff;
  width: 100px;
  border: 1px solid #fff;
  padding: 6.5px 0;
  display: inline-block;
  margin: 0 15px;
}
.base-bg .enteBgCon .enteConAcco .wallet-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.base-bg .enteBgCon .enteConAcco .wallet-box img {
  width: 100px;
}
.base-bg .enteBgCon .enteConAcco .wallet-box span {
  color: #fff;
  font-size: 20px;
  display: block;
  padding-top: 10px;
}
.base-body {
  background: #eff3f5;
}
.base-nav .navLeftItemsBox > ul {
  display: none;
}
.base-nav .navLeftItemsBox li .navLeftItme {
  cursor: pointer;
}
.base-nav .navLeftItemsBox li .navLeftItme a {
  text-align: left;
  padding: 14px 0 13px 84px;
}
.base-nav .navLeftItme a,
.base-nav .navLeftItmeUnLink a {
  padding: 14px 0 13px 0;
  width: 100%;
  background: #fff;
  text-align: center;
  display: block;
}
.base-nav .navLeftItme a span,
.base-nav .navLeftItmeUnLink a span {
  font-size: 14px;
  color: #333;
  line-height: 1.1;
  vertical-align: middle;
}
.base-nav .navLeftItme a i,
.base-nav .navLeftItmeUnLink a i {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.base-nav .navLeftItme a i:before,
.base-nav .navLeftItmeUnLink a i:before {
  content: '';
  display: none;
}
.base-nav .navLeftItme a:hover,
.base-nav .navLeftItmeUnLink a:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.base-nav .navLeftItme a:hover i,
.base-nav .navLeftItmeUnLink a:hover i,
.base-nav .navLeftItme a:hover span,
.base-nav .navLeftItmeUnLink a:hover span {
  color: #397ecd;
}
.base-nav .navLeftItme .navLeftAct,
.base-nav .navLeftItmeUnLink .navLeftAct {
  background: #5774b8;
}
.base-nav .navLeftItme .navLeftAct:hover,
.base-nav .navLeftItmeUnLink .navLeftAct:hover {
  background: #5774b8;
}
.base-nav .navLeftItme .navLeftAct:hover i,
.base-nav .navLeftItmeUnLink .navLeftAct:hover i,
.base-nav .navLeftItme .navLeftAct:hover span,
.base-nav .navLeftItmeUnLink .navLeftAct:hover span {
  color: #fff;
}
.base-nav .navLeftItme .navLeftAct i,
.base-nav .navLeftItmeUnLink .navLeftAct i,
.base-nav .navLeftItme .navLeftAct span,
.base-nav .navLeftItmeUnLink .navLeftAct span {
  color: #fff;
}
.base-nav .navLeftItme i,
.base-nav .navLeftItmeUnLink i {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px 0;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.base-nav .navLeftItme i.icon-home,
.base-nav .navLeftItmeUnLink i.icon-home {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px 0;
}
.base-nav .navLeftItme i.icon-hall,
.base-nav .navLeftItmeUnLink i.icon-hall {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px -40px;
}
.base-nav .navLeftItme i.icon-sj,
.base-nav .navLeftItmeUnLink i.icon-sj {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px -80px;
}
.base-nav .navLeftItme i.icon-dd,
.base-nav .navLeftItmeUnLink i.icon-dd {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px -120px;
}
.base-nav .navLeftItme i.icon-fp,
.base-nav .navLeftItmeUnLink i.icon-fp {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px -160px;
}
.base-nav .navLeftItme i.icon-sc,
.base-nav .navLeftItmeUnLink i.icon-sc {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px -200px;
}
.base-nav .navLeftItme i.icon-one,
.base-nav .navLeftItmeUnLink i.icon-one {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: -40px -280px;
}
.base-nav .navLeftItme .navLeftAct i.icon-home,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-home {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0  0;
}
.base-nav .navLeftItme .navLeftAct i.icon-hall,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-hall {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0 -40px;
}
.base-nav .navLeftItme .navLeftAct i.icon-sj,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-sj {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0 -80px;
}
.base-nav .navLeftItme .navLeftAct i.icon-dd,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-dd {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0 -120px;
}
.base-nav .navLeftItme .navLeftAct i.icon-fp,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-fp {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0 -160px;
}
.base-nav .navLeftItme .navLeftAct i.icon-sc,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-sc {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0 -200px;
}
.base-nav .navLeftItme .navLeftAct i.icon-one,
.base-nav .navLeftItmeUnLink .navLeftAct i.icon-one {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/icon-nav.png") no-repeat;
  background-position: 0 -240px;
}
.ant-popover-inner-content {
  padding: 0px;
}

.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-dropdown-wrapper {
  height: 30px;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-block-dropdown {
  width: 110px;
}
.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}
.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}
.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left;
}
.rdw-center-aligned-block {
  text-align: center;
}
.rdw-justify-aligned-block {
  text-align: justify;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}
.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}
.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}
.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  height: 65px;
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  overflow: hidden;
}
.rdw-image-modal-upload-option-label span {
  padding: 0 20px;
}
.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}
.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  padding: 0 1em;
}
.rdw-editor-toolbar {
  padding: 6px 5px;
  border-radius: 2px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
  border: 1px solid #e9e9e9;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}

.home-editor {
  min-height: 300px;
}
.rdw-dropdown-wrapper a span {
  color: #000;
}

.def-form-container {
  background-color: white;
  padding-bottom: 32px;
}
.def-form-container .basicPanel {
  margin-bottom: 0;
}
.def-form-container .addModule {
  display: block;
  padding: 20px 25px;
  color: #5774b8;
}
.def-form-container .deleteModule {
  color: #5774b8;
  margin-left: 10px;
}
.def-form-container .title-tip {
  color: #999;
  font-size: 12px;
  padding-left: 6px;
  margin-top: 10px;
}
.def-form-container .form-container {
  background-color: white;
  margin-bottom: 28px;
  position: relative;
}
.def-form-container .form-container .twoHan {
  position: absolute;
  right: 190px;
  bottom: 0;
}
.def-form-container .form-container .rich-text {
  padding: 0 30px;
  margin: 12px 0;
}
.def-form-container .form-container label {
  min-width: 135px;
  display: inline-block;
  text-align: right;
  padding-right: 17px;
  vertical-align: top;
  margin-top: 9px;
}
.def-form-container .form-container input {
  display: inline-block;
  border-radius: 0;
}
.def-form-container .form-container .input-word {
  line-height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.def-form-container .form-container .ant-input-number {
  vertical-align: top;
  margin-right: 8px;
}
.def-form-container .form-container .ant-input-number-input {
  line-height: 40px;
  height: 38px;
}
.def-form-container .form-container .def-input {
  width: 400px;
  height: 40px;
  font-size: 14px;
  border-radius: 0;
}
.def-form-container .form-container .awards-des {
  width: 680px;
  height: 150px;
  resize: none;
  font-size: 14px;
}
.def-form-container .form-container .form-tip {
  color: #999;
  font-size: 12px;
  padding-left: 135px;
  margin-top: 13px;
}
.def-form-container .form-container .required:before {
  display: inline-block;
  margin-right: 7px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.def-form-container .form-container .img-size {
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 135px;
  bottom: 0;
}
.def-form-container .awards-time {
  display: inline-block;
}
.def-form-container .awards-time .ant-calendar-picker-input {
  width: 140px;
  height: 40px;
  border-radius: 0;
}
.def-form-container .upload-container {
  display: inline-block;
  width: 140px;
  height: 140px;
  border: dashed 1px #e3e3e3;
  background-color: #f8f8f8;
  text-align: center;
  padding-top: 46px;
  position: relative;
}
.def-form-container .upload-container > i {
  font-size: 28px;
  color: #999;
}
.def-form-container .upload-container > p {
  color: #999;
}
.def-form-container .upload-container input {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.def-form-container .upload-img {
  width: 140px;
  height: 140px;
  display: inline-block;
  vertical-align: top;
  margin-left: 13px;
  margin-bottom: 13px;
  position: relative;
}
.def-form-container .upload-img > img {
  width: 100%;
  height: 100%;
}
.def-form-container .upload-img > .preview {
  position: absolute;
  top: 6px;
  right: 31px;
  width: 20px;
  height: 20px;
  background: #ececed url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/preview.png') no-repeat;
  cursor: pointer;
}
.def-form-container .upload-img > .delete {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  background: #ececed url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/service/delete.png') no-repeat;
  cursor: pointer;
}
.def-form-container .ant-select {
  margin-right: 8px;
}
.def-form-container .ant-select > div {
  border-radius: 0;
  width: 140px;
  height: 40px;
}
.def-form-container .ant-select > div > div {
  line-height: 40px;
}
.def-form-container-button-group {
  margin-top: 32px;
}
.def-form-container-button-group > button {
  width: 120px;
  height: 36px;
  margin-right: 28px;
}
.def-form-container-button-group > button:first-child:hover {
  background-color: #e0611e;
}
.def-form-container-button-group > button:last-child {
  border-color: #ff6d20;
  color: #ff6d20;
}
.def-form-container-button-group > button:last-child:hover {
  background-color: #ff6d20;
  color: white;
}
.basicPanel {
  background-color: #fff;
  margin-bottom: 10px;
}
.basicPanel .approvalState {
  color: #999;
  font-size: 14px;
  padding: 30px 25px;
}
.basicPanel .phone {
  padding: 30px 0 20px 25px;
}
.basicPanel .phone input {
  margin-left: 20px;
}
.basicPanel .email {
  padding: 0 0 20px 25px;
}
.basicPanel .email input {
  margin-left: 20px;
}
.basicPanel .QQ {
  padding: 0 0 20px 25px;
}
.basicPanel .QQ input {
  margin-left: 25px;
}
.basicPanel .basicMainTil {
  padding: 20px 25px;
}
.basicPanel .basicMainTil .basicTilLine {
  width: 2px;
  height: 16px;
  display: inline-block;
  background-color: #3377c4;
  vertical-align: middle;
  margin-right: 6px;
}
.basicPanel .basicMainTil .basicTilWz {
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.basicPanel .basicMainTil .basicTilPrompt {
  color: #ef7c00;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.basicPanel .basicMainTil .basic-back {
  float: right;
  color: #5774b8;
  margin-top: 4px;
}
.basicPanel .basicMainTil .basic-back > i {
  margin-right: 8px;
}
.basicPanel .basicViceTil {
  padding: 20px 25px;
  border-bottom: 1px solid #e9e9e9;
}
.basicPanel .basicViceTil .basicStar {
  color: #f60000;
  display: inline-block;
  margin-right: 5px;
}
.basicPanel .basicViceTil .basicTilWz {
  font-size: 14px;
  color: #333;
}
.basicPanel .row-split {
  border-top: 1px solid #e9e9e9;
}
.basicPanel .addModule {
  display: block;
  padding: 20px 25px;
}
.basicPanel .basicCon {
  position: relative;
  padding: 20px 25px;
}
.basicPanel .basicCon.temp {
  display: flex;
  justify-content: space-between;
}
.basicPanel .basicCon textarea {
  border: 1px solid #d8d8d8;
  resize: none;
  width: 100%;
  height: 257px;
  overflow-y: auto;
  padding: 10px 15px;
  outline: none;
}
.basicPanel .basicCon .oneHan {
  position: absolute;
  bottom: 30px;
  left: 400px;
}
.basicPanel .basicCon .enterPrise {
  width: 946px;
  height: 120px;
  border: 1px solid #d8d8d8;
  background-color: #f8f8f8;
  padding: 0 10px;
  outline: none;
  resize: none;
}
.basicPanel .basicCon .twoHan {
  position: absolute;
  bottom: 30px;
  right: 40px;
}
.basicPanel .basicCon input {
  width: 400px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d8d8d8;
  background-color: #f8f8f8;
  border-radius: 0;
}
.basicPanel .basicCon input:focus {
  background-color: #fff;
}
.basicPanel .basicCon .rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
}
.basicPanel .basicCon .rdw-link-modal-input {
  border: 1px solid #F1F1F1;
  height: 25px;
  width: auto;
}
.basicPanel .basicCon .rdw-link-modal-target-option input[type="checkbox"] {
  height: auto;
  width: auto;
}
.basicPanel .basicCon select {
  width: 120px;
  height: 36px;
  border: 1px solid #d8d8d8;
  background-color: #f8f8f8;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.basicPanel .basicCon .ant-select-selection--single {
  width: 120px;
}
.basicPanel .basicCon .ant-select {
  margin-right: 20px;
}
.basicPanel .basicCon .ant-select span {
  margin: -6px 0 0 0;
}
.basicPanel .basicCon .ant-select .ant-select-selection {
  background-color: #f8f8f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.basicPanel .basicCon .ant-select .ant-select-selection:hover {
  border-color: #d8d8d8;
}
.basicPanel .basicCon .ant-select .ant-select-selection:focus {
  border-color: #d8d8d8;
  box-shadow: none;
}
.basicPanel .basicCon .ant-select-open .ant-select-selection {
  background-color: #fff;
}
.basicPanel .basicInfoSetup {
  text-align: center;
  padding: 10px 25px 25px 25px;
  position: relative;
}
.basicPanel .basicInfoSetup img {
  display: inline-block;
  width: 120px;
  height: 120px;
}
.basicPanel .basicInfoSetup p {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
.basicPanel .basicInfoSetup input[type=file] {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 10px;
  opacity: 0;
  cursor: pointer;
}
.basicPanel .basicUoloadImg .basicUoloadBtn {
  position: relative;
  text-align: center;
  width: 500px;
}
.basicPanel .basicUoloadImg .basicUoloadBtn img {
  display: block;
  width: 500px;
  height: 90px;
}
.basicPanel .basicUoloadImg .basicUoloadBtn input[type="file"] {
  position: absolute;
  width: 500px;
  height: 90px;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.basicPanel .basicUoloadImg .basicUoloadBtn p {
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -28px;
  display: block;
}
.basicPanel .basicUoloadImg .basicUoloadBtn:hover p {
  display: block;
}
.basicPanel .basicUoloadImg p {
  color: #999;
  font-size: 14px;
  margin-top: 15px;
}
.basicPanel .basicConDate {
  /*span{
      display: inline-block;
      margin:0 10px 0 5px;
    }*/
}
.basicPanel .basicConDate input {
  width: auto;
}
.basicPanel .basicUploadWin .basicWinCon {
  width: 170px;
  height: 126px;
  text-align: center;
  border: 1px dashed #d8d8d8;
  background-color: #f8f8f8;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.basicPanel .basicUploadWin .basicWinCon .basinWinEvent {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -26px;
}
.basicPanel .basicUploadWin .basicWinCon .basinWinEvent i {
  font-size: 24px;
  color: #3377c4;
}
.basicPanel .basicUploadWin .basicWinCon .basinWinEvent p {
  font-size: 14px;
  color: #999;
  margin-top: 5px;
}
.basicPanel .basicUploadWin .basicWinCon input[type="file"] {
  width: 170px;
  height: 126px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.basicPanel .basicUploadWin .basicWinPreview {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.basicPanel .basicUploadWin .basicWinPreview img {
  width: 170px;
  height: 126px;
  display: block;
}
.basicPanel .basicUploadWin .basicWinPreview .basicPreviewDel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5px 0;
  display: none;
}
.basicPanel .basicUploadWin .basicWinPreview .basicPreviewDel a {
  color: #fff;
  display: block;
  font-size: 14px;
}
.basicPanel .basicUploadWin .basicWinPreview .basicPreviewDel a:hover {
  color: #3377c4 !important;
}
.basicPanel .basicUploadWin .basicWinPreview:hover .basicPreviewDel {
  display: block;
}
.basicEnterBtn {
  width: 180px;
  padding: 7.5px 0;
  color: #fff;
  background-color: #3377c4;
  display: inline-block;
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}
.basicEnterBtn:hover {
  color: #fff !important;
}
.markCon {
  text-align: center;
  padding-bottom: 50px;
}
.markCon .markPosition {
  position: relative;
  display: inline-block;
}
.markCon .markPosition img {
  display: block;
}
.markCon .markPosition .markPositionBg {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
}
.markCon .markPosition .markPositionBg .markPositionCon {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 140px;
  float: left;
  width: 33.3333%;
  position: relative;
}
.markCon .markPosition .markPositionBg .markPositionCon span {
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  display: none;
}
.markCon .markPosition .markPositionBg .markPositionCon:nth-child(3n) {
  border-right: 0;
}
.markCon .markPosition .markPositionBg .markPositionCon:nth-last-child(3),
.markCon .markPosition .markPositionBg .markPositionCon:nth-last-child(2),
.markCon .markPosition .markPositionBg .markPositionCon:nth-last-child(1) {
  border-bottom: 0;
}
.markCon .markPosition .markPositionBg .markActive span {
  display: block;
}
.markCon .markOpen {
  margin-top: 20px;
}
.markCon .markOpen input[type="checkbox"] {
  margin-right: 10px;
  vertical-align: middle;
}
.markCon .markOpen span {
  color: #666;
  font-size: 14px;
  vertical-align: middle;
}
.markCon .markBtnGroup {
  margin-top: 30px;
}
.markCon .markBtnGroup a {
  font-size: 14px;
  margin: 0 12.5px;
  width: 120px;
  padding: 6.5px 0;
  display: inline-block;
}
.markCon .markBtnGroup .markBtnSave {
  border: 1px solid #999;
  color: #333;
}
.markCon .markBtnGroup .markBtnPreview {
  border: 1px solid #3377c4;
  color: #fff;
  background-color: #3377c4;
}
form .ant-select {
  width: auto !important;
}

.backMoney {
  height: 1224px;
  background: #fff;
  padding: 20px 25px;
}
.backMoney .pageTitle {
  padding: 4.5px 0 4.5px 15px;
  border-left: 4px solid #397ecd;
  line-height: 1.1;
  color: #333;
  font-size: 16px;
  margin: 0 0 20px 0;
}
.backMoney .filterInput {
  margin: 0 0 20px 0;
}
.backMoney .filterInput > * {
  display: inline-block;
  vertical-align: middle;
}
.backMoney .filterInput > span {
  color: #999;
  font-size: 14px;
  margin: 0 18px 0 0;
}
.backMoney .filterInput button {
  padding: 11px 27px;
  background: #397ecd;
  color: #fff;
  font-size: 14px;
  border: none;
  line-height: 1.1;
  outline: none;
  border-radius: 0;
}
.backMoney .filterInput input[type=text] {
  width: 100px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #ccc;
  margin: 0 30px 0 0;
  outline: none;
  font-size: 14px;
}
.backMoney .filterInput select {
  background: #fff;
  font-size: 14px;
  color: #333;
  width: 100px;
  height: 36px;
  border: 1px solid #ccc;
  outline: none;
  margin: 0 30px 0 0;
}
.backMoney .filterInput .ant-input {
  height: 36px;
  border-radius: 0;
}
.backMoney .backMoneyItemBox .backMoneyItem {
  padding: 30px 20px 30px 16px;
  background: #f8f8f8;
}
.backMoney .backMoneyItemBox .backMoneyItem .title {
  font-size: 14px;
  color: #333;
  padding: 0 0 14px 0;
  line-height: 1.1;
  border-bottom: 1px solid #ccc;
  margin: 0 0 14px 0;
}
.backMoney .backMoneyItemBox .backMoneyItem ul {
  margin: 0 0 20px 0;
}
.backMoney .backMoneyItemBox .backMoneyItem ul li {
  margin: 0 0 15px 0;
  line-height: 1.1;
  font-size: 14px;
  color: #666;
}
.backMoney .backMoneyItemBox .backMoneyItem ul li:last-child {
  margin: 0;
}
.backMoney .backMoneyItemBox .backMoneyItem a {
  font-size: 14px;
  color: #fff;
  padding: 11px 17px;
  background: #397ecd;
  line-height: 1.1;
  display: inline-block;
}

.caseManageCon .caseHead {
  padding: 20px 25px;
  background-color: #fff;
}
.caseManageCon .caseHead .caseHeadTil span {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  color: #333;
}
.caseManageCon .caseHead .caseHeadTil .caseHeadLine {
  width: 4px;
  height: 26px;
  background-color: #377ece;
  margin-right: 15px;
}
.caseHeadTab .ant-tabs-bar {
  padding: 0 25px 20px 25px ;
  background: #fff;
  border-bottom: 0;
  margin-bottom: 20px;
}
.caseHeadTab .ant-tabs-nav-container {
  border-bottom: 1px solid #d9d9d9;
  padding-left: 20px;
}
.caseHeadTab .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
  padding: 0 0 8px 0;
  margin-right: 30px;
}
.caseHeadTab .caseManageList {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.caseHeadTab .caseManageList .caseListSingle {
  margin: 0 0 20px 0;
}
.caseHeadTab .caseManageList .caseListSingle img {
  height: 207px;
  overflow: hidden;
  display: block;
  width: 100%;
}
.caseHeadTab .caseListAdd {
  height: 380px;
  border: 1px dashed #eaeaea;
  text-align: center;
}
.caseHeadTab .caseListAdd .caseSingleBtn {
  position: absolute;
  left: 50%;
  margin-left: -28px;
  top: 50%;
  margin-top: -32px;
}
.caseHeadTab .caseListAdd .caseSingleBtn i {
  color: #3380d2;
  font-size: 32px;
}
.caseHeadTab .caseListAdd .caseSingleBtn p {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}
.caseHeadTab .caseSingInfo {
  padding: 15px 20px;
  background-color: #fff;
  color: #bbb;
  font-size: 14px;
  min-height: 120px;
}
.caseHeadTab .caseSingInfo > span {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caseHeadTab .caseSingInfo .caseSingName {
  color: #333;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caseHeadTab .caseSingInfo .caseSingStars i {
  color: #ff5ba0;
  margin: 0 5px;
  float: right;
}
.caseHeadTab .caseSingInfo .caseSingKh {
  margin-top: 21px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.caseHeadTab .caseSingCz {
  padding: 18.5px 20px;
  background-color: #fff;
  border-top: 1px solid #efefef;
}
.caseHeadTab .caseSingCz .anticon-question-circle-o {
  margin: 0 0 0 5px;
}
.caseHeadTab .caseSingCz a {
  color: #797979;
}
.caseHeadTab .caseSingCz > i,
.caseHeadTab .caseSingCz a > i {
  padding: 2px;
  margin-right: 10px;
  border: 1px solid #797979;
  cursor: pointer;
}
.caseHeadTab .caseSingCz span {
  float: right;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tijiao:before {
  content: "\E664";
}
.icon-fankuitianxie:before {
  content: "\E69B";
}
.icon-config-link-audit:before {
  content: "\E74E";
}
.shopIndex {
  color: #333;
  font-size: 14px;
  position: relative;
}
.shopIndex .gray {
  color: #999;
  font-size: 14px;
}
.shopIndex .selBtn {
  width: 120px;
  margin-right: 16px;
  outline: none;
}
.shopIndex .selectBtn {
  color: #fff;
}
.shopIndex .a {
  color: #fff;
}
.shopIndex .bt {
  color: #538eee;
}
.shopIndex .c {
  color: #817deb;
}
.shopIndex .d {
  color: #ff5958;
}
.shopIndex .e {
  color: #ffab1f;
}
.shopIndex .f {
  color: #42b2f6;
}
.shopIndex .mb {
  margin-bottom: 10px;
}
.shopIndex h6 {
  font-size: 48px;
  font-weight: 300;
  color: #5774b8;
  padding: 15px 0 10px;
}
.shopIndex .bb {
  border-bottom: 1px solid #eee;
}
.shopIndex .si_border {
  border-top: 1px solid #eee;
}
.shopIndex .icon-shang {
  color: #51c9c0;
}
.shopIndex .p {
  padding: 20px 0;
  position: relative;
}
.shopIndex .p .storeState {
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px #ccc solid;
  border-radius: 10px;
  display: inline-block;
}
.shopIndex .p .storeBtn {
  margin-left: 200px;
}
.shopIndex .p .store-pop {
  position: absolute;
  top: 8px;
  left: 280px;
  background: #fff;
  border: 1px #ccc solid;
  padding: 10px;
}
.shopIndex .l {
  line-height: 40px;
}
.shopIndex span {
  display: inline-block;
  vertical-align: middle;
}
.shopIndex .btncom {
  border: none;
  width: 100px;
  line-height: 36px;
  background: none;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  margin-right: 10px;
  color: #5774b8;
}
.shopIndex .bule {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #82bbfd;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 25px;
}
.shopIndex .bule i {
  font-size: 24px;
}
.shopIndex h4 {
  border-left: 2px solid #5774b8;
  padding-left: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  height: 20px;
  line-height: 20px;
}
.shopIndex .si_btn {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3a69d8;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #3a69d8;
}
.shopIndex .si_btn:hover {
  background: #3a69d8;
  color: #fff;
}
.shopIndex .si_btn_only {
  border: 1px solid #eee;
  color: #eee;
}
.shopIndex .si_btn_only:hover {
  border: 1px solid #eee;
  color: #eee;
  background: #fff;
}
.shopIndex .shopCommon {
  background: #fff;
  padding: 20px 25px;
}
.shopIndex .shopCommon h4 a {
  float: right;
}
.shopIndex .shopCommon .si_icon {
  margin-right: 13px;
}
.shopIndex .shopCommon .si_text {
  font-size: 16px;
  color: #333333;
}
.shopIndex .shopCommon .si_text span:nth-child(1) {
  font-size: 16px;
  color: #74A700;
}
.shopIndex .shopCommon .si_text span:last-child {
  font-size: 12px;
  color: #666;
}
.shopIndex .shopCommon .si_text span:last-child span {
  color: #74A700;
}
.shopIndex .shopCommon .si_btn:last-child {
  margin-left: 28px;
}
.shopIndex .shopCommon .si_percentText {
  margin-left: 50px;
  font-size: 12px;
  color: #333;
}
.shopIndex .progress {
  width: 210px;
  height: 20px;
  border: 1px solid #FE6D20;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  overflow: hidden;
  line-height: 20px;
}
.shopIndex .progress .range {
  background: #FE6D20;
  color: #fff;
  height: 100%;
}
.shopIndex .buleBtn {
  width: 80px;
  height: 32px;
  border-radius: 4px;
  background-color: #5774b8;
  color: #fff;
  outline: none;
  border: 0;
  margin-top: 20px;
  cursor: pointer;
}
.shopIndex .buleBtn.lg-buleBtn {
  width: 100px;
  margin-top: 0;
}
.shopIndex .order {
  min-height: 190px;
}
.shopIndex .order button {
  display: none;
}
.shopIndex .order:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f8fd;
}
.shopIndex .order:hover button {
  display: inline-block;
}
.shopIndex .jing {
  padding-top: 35px;
}
.shopIndex .jing .circle {
  width: 66px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  border: 1px solid #eee;
  border-radius: 50% ;
}
.shopIndex .jing .circle i {
  font-size: 30px;
}
.shopIndex .jing .title {
  padding-left: 10px;
}
.shopIndex .jing .title p {
  font-size: 14px;
  color: #666;
}
.shopIndex .jing .title b {
  font-size: 24px;
  color: #333333;
  font-weight: normal;
}
.shopIndex .shopCommon-right-box {
  text-align: right;
}
.shopIndex .shopCommon-right-box a {
  text-align: right;
}
.relation {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.relation .sub-pop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 200px auto;
  z-index: 2;
  width: 1080px;
  height: 524px;
  background: #fff;
}
.relation .sub-pop .pop-close {
  float: right;
  width: 28px;
  margin-top: 25px;
  margin-right: 25px;
}
.relation .sub-pop .relationHeader {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 60px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #333;
}
.relation .sub-pop li {
  width: 46%;
  display: inline-block;
  position: relative;
  z-index: 11;
}
.relation .sub-pop li:after {
  width: 100%;
  display: block;
  content: '';
  height: 8px;
  background: #dbeafa;
  position: absolute;
  top: 50%;
  margin: -4px 0 0 0;
  left: 0;
  z-index: -1;
}
.relation .sub-pop li:last-child {
  width: auto;
}
.relation .sub-pop li:last-child:after {
  display: none;
  width: 0;
}
.relation .sub-pop .authStep {
  width: 740px;
  margin: 37px auto;
  display: block;
}
.relation .sub-pop .authStep .active p {
  font-weight: bold !important;
}
.relation .sub-pop .authStep .stepPointer {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #88bbef;
  border-radius: 50%;
  border: 5px solid #dbeafa;
  vertical-align: middle;
  position: relative;
}
.relation .sub-pop .authStep .stepPointer p {
  font-size: 14px;
  color: #888;
  position: absolute;
  line-height: 1.1;
  display: inline-block;
  width: 86px;
  left: 50%;
  margin: 0 0 0 -43px;
  bottom: -37px;
}
.relation .sub-pop .authStep .stepPointer .p-choose {
  color: #3377c4;
}
.relation .sub-pop .authStep .stepPointer span {
  display: inline-block;
  line-height: 1.1;
  font-size: 26px;
  margin-top: -12px;
}
.stepOne {
  width: 720px;
  margin: 130px auto;
}
.stepOne > div > label {
  width: 122px;
  text-align: right;
  font-size: 14px;
  color: #333;
  margin-right: 10px;
  display: inline-block;
}
.stepOne > div > input {
  width: 360px;
  height: 40px;
  padding-left: 15px;
  border: none;
  border: 1px solid #d8d8d8;
}
.stepOne > div > span {
  width: 142px;
  height: 40px;
  background: #397ecd;
  display: inline-block;
  margin-left: 30px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #397ecd;
  cursor: pointer;
}
.stepTwo {
  width: 680px;
  margin: 60px auto;
}
.stepTwo .stepTwoTop {
  margin-bottom: 14px;
}
.stepTwo .stepTwo-text {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  position: relative;
}
.stepTwo .stepTwo-text textarea {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 10px;
}
.stepTwo .stepTwo-text .stepTwo-count {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.stepTwo .stepTwoBottom {
  margin-bottom: 20px;
}
.stepTwo > .stepTwo-btn {
  width: 142px;
  height: 40px;
  margin: 0 auto;
  background: #397ecd;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #397ecd;
  cursor: pointer;
}
.stepThree {
  width: 450px;
  margin: 0 auto;
}
.editBox {
  position: relative;
}
.editBox .editBtn {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #3A69D8;
}
.editBox .tagBox {
  width: 100%;
  box-sizing: border-box;
  padding: 28px 35px 0;
}
.editBox .tagBox span {
  display: inline-block;
  width: 100px;
  height: 26px;
  line-height: 26px;
  margin-right: 48px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 14px;
  text-align: center;
  color: #3a69d8;
  background: #f8fafe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shopIndex .si_unAuthBox {
  box-sizing: border-box;
  padding: 15px 0 28px 28px;
}
.shopIndex .si_unAuthBox h3 {
  font-size: 20px;
  font-weight: 800;
  color: #333333;
}
.shopIndex .si_unAuthBox p {
  margin-top: 8px;
  font-size: 16px;
  color: #333333;
}
.shopIndex .si_unAuthBox p img {
  vertical-align: middle;
}
.shopIndex .si_unAuthBoxs {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 20px 32px 29px 28px;
  background: #ffffff;
}
.shopIndex .si_unAuthBoxs .left,
.shopIndex .si_unAuthBoxs .right {
  float: left;
}
.shopIndex .si_unAuthBoxs .left {
  width: 820px;
}
.shopIndex .si_unAuthBoxs .left h3 {
  font-size: 14px;
  font-weight: 800;
  color: #3a69d8;
}
.shopIndex .si_unAuthBoxs .left p {
  margin-top: 8px;
  font-size: 14px;
  color: #333;
}
.shopIndex .si_unAuthBoxs .left .shz {
  color: #FFA20A;
}
.shopIndex .si_unAuthBoxs .left .rzsb {
  width: 760px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #E83831;
}
.shopIndex .si_unAuthBoxs .left .rzcg {
  color: #74A700;
}
.shopIndex .si_unAuthBoxs .left .rzcg span {
  margin-left: 8px;
  font-size: 12px;
}
.shopIndex .si_unAuthBoxs .left .rzcg span span {
  margin-left: 0;
  color: #666;
}
.shopIndex .si_unAuthBoxs .si_btn {
  margin-top: 15px;
}

.enterCenterserverStyModelo .ant-modal-content .ant-modal-footer .protocalBottoms {
  overflow: auto;
  zoom: 1;
  display: block;
  padding-top: 15px;
  padding-bottom: 10px;
}
.enterCenterserverStyModelo .ant-modal-content .ant-modal-footer .protocalBottoms .ent-server-condition {
  overflow: auto;
  zoom: 1;
  display: block;
  margin-bottom: 15px;
}
.enterCenterserverStyModelo .ant-modal-content .ant-modal-footer .protocalBottoms .ent-server-condition .ent-input-l {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}
.enterCenterserverStyModelo .ant-modal-content .ant-modal-footer .protocalBottoms .ent-server-condition .ent-span-l {
  float: left;
}
.enterCenterserverStyModelo .ant-modal-content .ant-modal-footer .protocalBottoms .enter-buttom-Entert {
  float: right;
  height: 42px;
  width: 120px;
  border-radius: 0px;
}
.enterCenterserverStyModelo .ant-modal-content .ant-modal-footer .protocalBottoms .enter-buttom-Enter {
  float: right;
  height: 42px;
  width: 120px;
  border-radius: 0px;
  background-color: #F40B0B;
  color: #fff;
}

.reportManage {
  padding: 20px 25px;
  background: #fff;
  overflow: hidden;
  min-height: 1224px;
}
.reportManage .pageTitle {
  padding: 4.5px 0 4.5px 15px;
  border-left: 4px solid #397ecd;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .ant-tabs-nav {
  width: 100%;
}
.reportManage .tabBtn .ant-tabs-bar {
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .ant-tabs-tab {
  width: 50%;
  border: 1px solid #e9e9e9;
  margin-right: 0;
  padding: 17px 0;
  text-align: center;
  line-height: 1.1;
  font-size: 14px;
}
.reportManage .tabBtn .ant-tabs-tab:last-child {
  border-left: none;
}
.reportManage .tabBtn .startItem {
  background: #f8f8f8;
  padding: 31px 12px 31px 16px;
}
.reportManage .tabBtn .startItem ul {
  margin: 0 0 20px 0;
}
.reportManage .tabBtn .startItem ul li {
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 1.1;
  color: #666;
}
.reportManage .tabBtn .startItem ul li:last-child {
  margin: 0;
}
.reportManage .tabBtn .startItem .operateBtns .ant-col-8 a {
  display: block;
  padding: 11px 0;
  line-height: 1.1;
  text-align: center;
  color: #333;
  border: 1px solid #999;
  font-size: 14px;
}
.reportManage .tabBtn .startItem .operateBtns .ant-col-8:first-child a {
  background: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}

.substation-intro-modal {
  text-align: center;
  white-space: nowrap;
}
.substation-intro-modal .ant-modal-body {
  padding: 30px;
}
.substation-intro-modal .ant-modal-body p {
  white-space: normal;
  line-height: 1.8;
}
.substation-intro-modal .ant-modal-body .footer {
  padding-top: 20px;
  text-align: right;
}
.substation-intro-modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.substation-intro-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}
.shop-decoration .item {
  padding: 24px;
  background: #fff;
  margin-bottom: 18px;
}
.shop-decoration .item .fl {
  float: left;
}
.shop-decoration .item .fr {
  float: right;
}
.shop-decoration .item .row {
  padding-bottom: 25px;
}
.shop-decoration .item .row .r-row {
  width: 41%;
  display: inline-block;
}
.shop-decoration .item .tabs-box {
  display: flex;
}
.shop-decoration .item .tab-title {
  display: flex;
  width: 346px;
  height: 64px;
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.shop-decoration .item .tab-title strong {
  font-size: 16px;
  color: #333333;
  padding: 0 11px 0 9px;
  font-weight: normal;
}
.shop-decoration .item .tab-title em {
  font-size: 14px;
  color: #999999;
}
.shop-decoration .item .tab-title.active {
  background-color: #fff9f6;
}
.shop-decoration .item .tab-title.active strong {
  color: #fe6d20;
}
.shop-decoration .item .s-title h4 {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  float: left;
  position: relative;
  border-left: 2px solid #5774b8;
  line-height: 16px;
  padding-left: 8px;
}
.shop-decoration .item .s-title .s-status {
  height: 16px;
  line-height: 16px;
  border-radius: 4px;
  border: 1px solid #4c84ff;
  padding: 0 4px;
  float: left;
  -webkit-text-size-adjust: none;
  font-size: 10px;
  margin-left: 20px;
  display: inline-block;
}
.shop-decoration .item .s-title .s-status em {
  width: 6px;
  height: 6px;
  background-color: #4c84ff;
  border-radius: 100%;
  margin-right: 3px;
  display: inline-block;
}
.shop-decoration .item .s-title .s-status.success {
  border: 1px solid #29cb97;
}
.shop-decoration .item .s-title .s-status.success em {
  background-color: #29cb97;
}
.shop-decoration .item .s-title .s-status.error {
  border: 1px solid #fe5461;
}
.shop-decoration .item .s-title .s-status.error em {
  background-color: #fe5461;
}
.shop-decoration .item .s-title .s-status.stay {
  border: 1px solid #ffbf00;
}
.shop-decoration .item .s-title .s-status.stay em {
  background-color: #ffbf00;
}
.shop-decoration .item .s-title button {
  width: 120px;
  height: 36px;
  border-radius: 4px;
  background-color: #5774b8;
  font-size: 14px;
  color: #fff;
  border: 0;
  float: right;
  cursor: pointer;
}
.shop-decoration .item .s-title button.disabled,
.shop-decoration .item .s-title button[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e3e3e3;
  border-color: #d9d9d9;
}
.shop-decoration .btn-add {
  width: 120px;
  height: 36px;
  padding: 0;
}
.shop-decoration .cover-picture {
  width: 680px;
  height: 140px;
  background-color: #f8f8f8;
}
.shop-decoration .up-logo {
  width: 140px;
  height: 140px;
  background-color: #f8f8f8;
}
.shop-decoration .upload-box {
  width: 100%;
  height: 100%;
}
.shop-decoration .upload-box .icon-box {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-top: 25px;
  border-radius: 100%;
}
.shop-decoration .upload-box .upload-text {
  font-size: 14px;
  color: #999;
  padding-top: 8px;
}
.shop-decoration .ant-upload-list-picture-card .ant-upload-list-item,
.shop-decoration .ant-upload.ant-upload-select-picture-card {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
}
.shop-decoration .ant-upload-list-picture .ant-upload-list-item,
.shop-decoration .ant-upload-list-picture-card .ant-upload-list-item {
  padding: 0;
}
.shop-decoration .ant-upload-list-item-uploading-text {
  text-align: center;
}
.shop-decoration .s-input {
  width: 400px;
  height: 40px;
}
.shop-decoration .s-input.s-input-2 {
  width: 288px;
}
.shop-decoration .label {
  padding-right: 17px;
  float: left;
  display: block;
  width: 90px;
  text-align: right;
  line-height: 40px;
}
.shop-decoration .label .required {
  color: red;
  padding-right: 6px;
}
.shop-decoration .s-px {
  font-size: 12px;
  color: #666666;
  padding-top: 8px;
}
.shop-decoration .view-demo-a {
  font-size: 12px;
  color: #5774b8;
  margin-left: 8px;
}
.shop-decoration .up-logo,
.shop-decoration .r1 {
  float: left;
}
.shop-decoration .r2 {
  display: flex;
  align-items: flex-end;
}
.shop-decoration .r-banner {
  overflow: hidden;
}
.shop-decoration .r-banner .ant-upload-list-picture-card .ant-upload-list-item,
.shop-decoration .r-banner .ant-upload.ant-upload-select-picture-card {
  width: 260px;
  height: 140px;
  background-color: #f8f8f8;
}
.shop-decoration .r-banner .shop-decoration .ant-upload-list-picture-card .ant-upload-list-item,
.shop-decoration .r-banner .shop-decoration .ant-upload.ant-upload-select-picture-card {
  width: 260px;
  height: 140px;
  background-color: #f8f8f8;
}
.shop-decoration .tarea {
  width: 680px;
  height: 150px;
}
.shop-decoration .s-select {
  width: 130px;
  margin-right: 10px;
  height: 40px;
}
.shop-decoration .s-select .ant-select-selection--single {
  height: 100%;
}
.shop-decoration .s-select .ant-select-selection__rendered {
  line-height: 40px;
}
.shop-decoration .al-box {
  width: 260px;
  height: 140px;
  background-color: #f8f8f8;
}
.shop-decoration .al-box .upload-box {
  text-align: center;
  padding-top: 15px;
  cursor: pointer;
}
.shop-decoration .cases-box {
  float: none;
}
.shop-decoration .cases-box .r2 {
  float: left;
  margin-right: 16px;
  height: 332px;
  margin-bottom: 10px;
}
.shop-decoration .cases-box .cases-upload {
  padding-top: 80px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shop-decoration .cases-box .upload-box {
  padding-top: 0;
  border: 1px solid #e3e3e3;
}
.shop-decoration .cases-box .upload-box .icon-box {
  margin-top: 0;
}
.shop-decoration .cases-box .upload-box .thumb {
  display: block;
  width: 100%;
  height: 200px;
}
.shop-decoration .cases-box .upload-box .c-title {
  text-align: left;
  padding: 15px 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #333333;
}
.shop-decoration .cases-box .upload-box .c-cat {
  font-size: 12px;
  color: #999999;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shop-decoration .cases-box .upload-box .meta {
  border-top: 1px solid #e4e4e4;
  height: 47px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.shop-decoration .cases-box .upload-box .meta .flex1 {
  flex: 1;
}
.shop-decoration .cases-box .upload-box .meta .fl {
  float: left;
}
.shop-decoration .cases-box .upload-box .meta .fr {
  float: right;
}
.shop-decoration .cases-box .upload-box .meta > a {
  display: flex;
  width: 16px;
  height: 16px;
  border: solid 1px #797979;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
.shop-decoration .cases-box .upload-box .meta span.status-text {
  font-size: 14px;
  color: rgba(87, 116, 184, 0.99);
}
.shop-decoration .cases-box .s-cases-box {
  padding: 0 10px;
}
.shop-decoration .cases-box .al-box {
  height: 100%;
  border-radius: 4px;
  width: 282px;
}
.shop-decoration .pagination-box {
  padding-top: 30px;
  text-align: center;
}
.shop-decoration .btn-box {
  padding-top: 30px;
}
.shop-decoration .btn-box button {
  width: 120px;
  height: 36px;
  padding: 0;
  margin-right: 28px;
}
.shop-decoration .ant-upload-disabled {
  cursor: not-allowed;
}
.shop-decoration .item-disabled i.anticon-delete {
  display: none;
}
.shop-decoration .template-box.hide {
  display: none;
}
.shop-decoration .template-box .mt28 {
  margin-top: 28px;
}
.shop-decoration .template-box .label {
  width: 120px;
}
.shop-decoration .template-box .temp-select {
  display: flex;
}
.shop-decoration .template-box .temp-select .box {
  margin-right: 12px;
}
.shop-decoration .template-box .temp-select .box .btn {
  text-align: right;
  color: #108ee9;
  cursor: pointer;
}
.shop-decoration .template-box .temp-select a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 80px;
  font-size: 16px;
  color: #ffffff;
  position: relative;
}
.shop-decoration .template-box .temp-select a.active::before {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #fe6f23;
  position: absolute;
  left: 0;
  top: 0;
}
.shop-decoration .template-box .temp-select a span {
  position: relative;
}
.shop-decoration .diy-box.hide {
  display: none;
}
.templateModal .ant-modal-content {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.templateModal .ant-modal-content .ant-modal-close {
  display: none;
}
.templateModal .ant-modal-content .close {
  position: absolute;
  top: 26px;
  right: 2px;
  width: 30px;
  height: 30px;
}

.honorPanel {
  margin-bottom: 10px;
  background: transparent;
}
.honorPanel .storeState {
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px #ccc solid;
  border-radius: 10px;
  display: inline-block;
}
.honorPanel .basicMainTil {
  padding: 20px 25px;
  background-color: #fff;
}
.honorPanel .basicMainTil .basicTilLine {
  width: 4px;
  height: 26px;
  display: inline-block;
  background-color: #3377c4;
  vertical-align: middle;
  margin-right: 15px;
}
.honorPanel .basicMainTil .basicTilWz {
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.honorPanel .basicMainTil .basicTilPrompt {
  color: #ef7c00;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.honorPanel .basicMainTab .ant-tabs-bar {
  background: #fff;
  border-bottom: 0;
  margin-bottom: 10px;
}
.honorPanel .basicMainTab .ant-tabs-nav-container {
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  color: #333333;
}
.honorPanel .basicMainTab .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
  padding: 0 0 8px 0;
  margin-right: 30px;
}
.honorPanel .basicMainTab .ant-tabs-content .ant-tabs-tabpane {
  background-color: #fff;
  padding: 10px 0;
}
.honorPanel .honorCon {
  padding: 10px 20px 0 20px;
}
.honorPanel .honorCon .honorList {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 70px;
  border: 1px solid #e3e3e3;
}
.honorPanel .honorCon .honorList:hover {
  border: 1px solid #ff6d20;
}
.honorPanel .honorCon .honorList a {
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-width: 180px;
  height: 100%;
}
.honorPanel .honorCon .honorList img {
  display: inline-block;
}
.honorPanel .honorCon .honorList p {
  font-size: 14px;
  color: #333;
  margin: 8px 0;
}
.honorPanel .honorTableCon {
  margin-top: 20px;
}
.honorPanel .ant-table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.honorPanel .ant-table table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.honorPanel .ant-table table .ant-table-thead > tr > th {
  padding: 8px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #b6bdc4;
}
.honorPanel .ant-table table .ant-table-tbody > tr > td {
  font-size: 14px;
  color: #666;
  text-align: center;
}
.honorPanel .ant-table table .certImg {
  max-height: 32px;
  display: inline-block;
}
.honorPanel .ant-table table .img-2 {
  max-height: 60px;
  max-width: 80px;
}
.honorPanel .tabBtnGroup a {
  border: 1px solid #797979;
  color: #797979;
  display: inline-block;
  max-height: 16px;
  padding: 0px 1px;
}
.honorPanel .tabBtnGroup a i {
  vertical-align: text-top;
  font-size: 12px;
}
.honorPanel .tabBtnGroup a:first-child {
  margin-right: 10px;
}
.honorPanel .tabOperatBtn {
  margin: 30px 0 0 0;
}
.honorPanel .tabOperatBtn a {
  width: 120px;
  font-size: 14px;
  padding: 6.5px 0;
  display: inline-block;
  text-align: center;
}
.honorPanel .tabOperatBtn .delBtn {
  border: 1px solid #999;
  color: #333;
  margin-right: 25px;
}
.honorPanel .tabOperatBtn .addBtn {
  background-color: #5774b8;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
}
.honorPanel .tabOperatBtn .jxDelBtn {
  background-color: #5774b8;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
}
.honorPanel .newsCon {
  padding-top: 20px;
}

.showModel {
  padding-bottom: 75px;
}
.showModel img {
  display: inline-block;
  margin: 30px 0  20px 0;
}
.showModel .ti {
  font-size: 16px;
  color: #333;
}
.showModel .bgBlue {
  width: 120px;
  height: 36px;
  color: #fff;
  background: #3A7FCD;
  margin-top: 55px;
}
.bs {
  margin: 0 20px;
}
.xiu {
  color: #397ecd;
}
.ln {
  line-height: 36px;
}
.mbRow {
  margin-bottom: 5px;
}
.mbRow input {
  padding-left: 5px;
}
.outStyle {
  border: 0;
  outline: none;
  line-height: 36px;
}
.noneStyle {
  height: 36px;
  border: 1px solid #D8D8D8;
  width: 90%;
}
.zi {
  line-height: 20px;
  padding-top: 15px;
}
.zi span,
.zi i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.zi i.iconfont {
  margin-top: 3px;
}
.hideDiv {
  display: none !important;
}

.skill .br {
  border: 1px solid #3980D0;
}
.skill .bt {
  border-bottom: 1px solid #3980D0;
}
.skill .hideDiv {
  display: none;
}
.skill .brx {
  margin-bottom: 8px;
  visibility: visible;
}
.skill .bg {
  background-color: #F7FAFF;
}
.skill .mb {
  margin-bottom: 20px;
}
.skill .y {
  color: #f57900;
}
.skill .h {
  color: #333;
}
.skill .x {
  color: #397ecd;
}
.skill .pl {
  padding-left: 20px;
}
.skill .fz {
  font-size: 14px;
}
.skill .c {
  color: #999;
}
.skill .f {
  font-size: 14px;
}
.skill .skillNav {
  border-left: 2px solid #1d39bb;
  padding-left: 10px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  height: 20px;
  line-height: 20px;
}
.skill .skillTop {
  background: #fff;
  padding: 20px 25px;
}
.skill .skillCustom {
  padding: 20px 25px ;
  background: #fff;
  margin-bottom: 10px;
}
.skill .skillCustom .skillRight span {
  color: #397ecd;
  margin: 0 10px;
}
.skill .tips-p {
  padding-bottom: 25px;
  color: #999;
}
.skill .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.3);
}
.skill .skill-box {
  border: solid 1px #e3e3e3;
  background-color: #ffffff;
  height: 328px;
  overflow: hidden;
  position: relative;
}
.skill .skill-box ul {
  width: 220px;
  max-height: 100%;
  min-height: 100%;
  overflow-y: auto;
  float: left;
  display: inline-block;
  border-right: solid 1px #e3e3e3;
}
.skill .skill-box ul:last-of-type {
  border-right: 0;
}
.skill .skill-box ul li {
  height: 32px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 48px;
  cursor: pointer;
  color: #888;
  position: relative;
}
.skill .skill-box ul li.li-title {
  height: auto;
  margin-left: -20px;
}
.skill .skill-box ul li.li-title span {
  font-size: 14px;
  color: #333333;
  padding: 10px 0 8px;
  display: block;
}
.skill .skill-box ul li.click,
.skill .skill-box ul li:hover {
  background-color: #fdece2;
}
.skill .skill-box ul li.click:first-of-type,
.skill .skill-box ul li:hover:first-of-type {
  background-color: transparent;
}
.skill .skill-box ul li.tag-box {
  cursor: auto;
  padding-top: 4px;
}
.skill .skill-box ul li.tag-box:hover {
  background-color: transparent;
}
.skill .skill-box ul li.tag-box span {
  height: 25px;
  border-radius: 4px;
  border: solid 1px #e3e3e3;
  display: inline-block;
  overflow: hidden;
}
.skill .skill-box ul li.tag-box span em {
  padding: 0 12px;
  display: inline-block;
  line-height: 25px;
  float: left;
  font-size: 14px;
}
.skill .skill-box ul li.tag-box span .btn-tag-close {
  display: inline-block;
  width: 30px;
  line-height: 25px;
  border-left: 1px solid #e3e3e3;
  float: left;
  text-align: center;
}
.skill .skill-box ul li.active::before {
  content: '';
  width: 12px;
  height: 12px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/shop/icon-checked.png") no-repeat center center / cover;
  position: absolute;
  left: 29px;
  top: 50%;
  margin-top: -6px;
}
.skill .skill-box ul::-webkit-scrollbar {
  width: 6px;
  height: 80px;
}
.skill .skill-box ul::-webkit-scrollbar-track {
  background: #fff;
}
.skill .skill-box ul::-webkit-scrollbar-thumb {
  background: #c8dcf6;
}
.skill .skill-box ul::-webkit-scrollbar-thumb:hover {
  background: #b0d1fb;
}
.skill .skillTi {
  padding: 30px 25px ;
  margin-bottom: 10px;
  background: #fff url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/bgbot.png") center center no-repeat;
  background-size: contain;
}
.skill .skillTi h6 {
  color: #999;
  margin-bottom: 5px;
}
.skill .skillTi li {
  line-height: 25px;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
}
.skill .skillTi li:after {
  position: absolute;
  width: 5px;
  height: 5px;
  content: "";
  left: 0;
  display: block;
  background: #999;
  border-radius: 50%;
  top: 50%;
  margin-top: -2px;
}
.skill .skillAdd {
  padding: 20px 25px;
  position: relative;
}
.skill .skillAdd.san:after {
  display: block;
  content: "";
  width: 15px;
  height: 8px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/san.png") no-repeat;
  position: absolute;
  left: 265px;
  top: -8px;
}
.skill .skillAdd.san.sanShu:after {
  left: 170px;
}
.skill .skillAdd.san.sanLei:after {
  left: 70px;
}
.skill .skillAdd .searchInput {
  width: 800px;
}
.skill .skillAdd .searchInput input {
  width: 700px;
  border: 1px solid #E7E8EA;
  height: 36px;
  padding-left: 15px;
  color: #999;
  display: inline-block;
  vertical-align: middle;
}
.skill .skillAdd .searchInput button {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 36px;
  line-height: 36px;
  background: #397ecd;
}
.skill .skillAdd .searchBody {
  margin-bottom: 30px;
}
.skill .skillAdd .searchBody .searchLeft {
  width: 220px;
  height: 328px;
  border: 1px solid #E6E9EE;
  margin-left: -1px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0;
}
.skill .skillAdd .searchBody .searchLeft.changeLei {
  padding-bottom: 30px;
  position: relative;
}
.skill .skillAdd .searchBody .searchLeft.changeLei .qie {
  position: absolute;
  bottom: inherit;
  left: 10px;
  color: #999;
  cursor: pointer;
  line-height: 20px;
}
.skill .skillAdd .searchBody .searchLeft p {
  padding: 0 15px;
  line-height: 25px;
  color: #333;
  overflow: hidden;
  cursor: pointer;
}
.skill .skillAdd .searchBody .searchLeft p .wei {
  float: right;
}
.skill .skillAdd .searchBody .searchLeft p.sel {
  color: #999;
}
.skill .skillAdd .searchBody .searchLeft p:hover {
  background: #3a7fcd;
  color: #fff;
}
.skill .skillAdd .searchBody .searchLeft p:hover .x {
  color: #fff;
}
.skill .skillAdd .searchBody .searchLeft .searchLeftActive {
  background: #3a7fcd;
  color: #fff;
}
.skill .skillAdd .searchBody .searchLeft .searchLeftActive .x {
  color: #fff;
}
.skill .skillAdd .searchBody .searchRight {
  display: inline-block;
  vertical-align: middle;
  height: 328px;
  margin-left: 20px;
}
.skill .skillAdd .searchBody .searchRight .cont {
  width: 250px;
  height: 134px;
  border: 1px solid #e9e9e9;
  background: #fff;
  padding: 12px;
}
.skill .skillAdd .searchBody .searchRight .mark {
  color: #333;
  padding-bottom: 3px;
  border-bottom: 1px dashed #397ecd;
  margin: 0 3px 3px 0;
}
.skill .skillAdd .searchBody .searchRight .mark .delMark {
  font-size: 10px;
  margin-left: 3px;
}
.skill .skillAdd .searchBot .h-btn {
  width: 120px;
  margin: 0 13px;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  background: none;
  border: 1px solid #999;
  color: #333;
}
.skill .skillAdd .searchBot .h-btn.sel {
  background: #397ecd;
  color: #fff;
  border-color: #397ecd;
}
.skill .skillDetail {
  padding: 7px 15px;
  background: #fff;
}
.skill .skillDetail .dLeft {
  width: 95px;
  background: #CEE3F6;
  min-height: 175px;
  padding-top: 10px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  overflow-y: auto;
}
.skill .skillDetail .dRight {
  width: 765px;
  display: inline-block;
  vertical-align: middle;
  min-height: 175px;
}
.skill .skillDetail .dRight p {
  line-height: 22px;
}
.skill .skillDetail .dRight .showLei {
  min-height: 48px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #E7E7E7;
}
.skill .skillDetail .dRight .showLei span {
  margin: 0 3px 3px 0;
}
.skill .nature {
  padding: 15px 10px;
  background: #fff;
  border: 1px solid #E7E8EA;
  margin-top: -1px;
  color: #333;
  margin-bottom: 20px;
}
.skill .nature i.iconfont {
  font-size: 8px;
}
.skill .nature .in {
  width: 70px;
  height: 32px;
  border: 1px solid #D8D8D8;
  background: #f8f8f8;
  padding-left: 3px;
}
.skill .nature .notice {
  color: #999;
}
.skill .nature .natureName {
  width: 95%;
}
.skill .nature .natureName .ant-checkbox-group-item {
  margin: 0 15px 15px 0;
}
.skill .btn-submit {
  width: 120px;
  height: 36px;
  padding: 0;
}

* {
  padding: 0;
  margin: 0;
}
body {
  background-color: #f8f8f8;
}
.banner-talentshareadmission {
  width: 100%;
  height: 578px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/talentShare/bg.png);
  background-size: 100% 100%;
  position: relative;
}
.banner-talentshareadmission .banner-left {
  width: 1076px;
  margin: 0 auto;
  padding-top: 102px;
}
.banner-talentshareadmission .banner-left div {
  color: #a2c6ff;
}
.banner-talentshareadmission .banner-left div:nth-of-type(1) {
  width: 502px;
  height: 74px;
  font-size: 56px;
  letter-spacing: 6.7px;
  color: #ffffff;
}
.banner-talentshareadmission .banner-left div:nth-of-type(2) {
  width: 308px;
  height: 26px;
  letter-spacing: 8px;
  margin-top: 14px;
  font-size: 20px;
}
.banner-talentshareadmission .banner-left div:nth-of-type(3) {
  width: 308px;
  height: 26px;
  letter-spacing: 8px;
  margin-top: 7px;
  font-size: 20px;
}
.banner-talentshareadmission .banner-left button {
  width: 228px;
  height: 48px;
  background-color: rgba(111, 175, 255, 0.2);
  border: 1px solid #ffffff;
  color: #ffffff;
  margin-top: 45px;
  font-size: 16px;
  letter-spacing: 1.9px;
}
.banner-talentshareadmission .banner-left button:hover {
  cursor: pointer;
}
.banner-talentshareadmission .banner-b {
  width: 100%;
  height: 120px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  margin: auto;
}
.banner-talentshareadmission .banner-b div {
  width: 1076px;
  height: 100%;
  margin: 0 auto;
}
.banner-talentshareadmission .banner-b div div {
  width: 267px;
  height: 100%;
  float: left;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.banner-talentshareadmission .banner-b div div img {
  margin: 36px 0 36px 15px;
  float: left;
}
.banner-talentshareadmission .banner-b div div span {
  display: inline-block;
  margin-left: 10px;
}
.banner-talentshareadmission .banner-b div div span:nth-of-type(1) {
  height: 24px;
  font-size: 18px;
  letter-spacing: 0.7px;
  text-align: left;
  color: #ffffff;
  margin-top: 37px;
}
.banner-talentshareadmission .banner-b div div span:nth-of-type(2) {
  height: 19px;
  opacity: 0.8;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-align: left;
  color: #ffffff;
  margin-top: 4px;
}
.banner-talentshareadmission .banner-b div div:nth-of-type(4) {
  width: 266px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.five {
  width: 100%;
  height: 37px;
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 3px;
  text-align: center;
  color: #484848;
  margin: 80px 0 40px 0;
}
.five-content {
  width: 1076px;
  height: 237px;
  margin: 0 auto;
}
.five-content div {
  width: 200px;
  height: 237px;
  border-radius: 2px;
  background-color: #ffffff;
  margin-right: 19px;
  display: inline-block;
  float: left;
}
.five-content div img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}
.five-content div span {
  display: block;
}
.five-content div span:nth-of-type(1) {
  width: 100%;
  height: 21px;
  font-size: 16px;
  letter-spacing: 0.7px;
  text-align: center;
  color: #333333;
  margin-top: 24px;
}
.five-content div span:nth-of-type(2) {
  width: 159px;
  height: 44px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.5px;
  text-align: center;
  color: #848484;
  margin: 8px auto 0px auto;
}
.five-content div:nth-of-type(1) img {
  width: 64px;
  height: 64px;
}
.five-content div:nth-of-type(2) img {
  width: 60px;
}
.five-content div:nth-of-type(3) img {
  width: 58px;
}
.five-content div:nth-of-type(5) {
  margin-right: 0;
}
.three-content {
  width: 1076px;
  height: 234px;
  margin: 0 auto;
}
.three-content div {
  width: 348px;
  height: 234px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(236, 236, 236, 0.5);
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.three-content div img {
  display: block;
  margin: 0 auto;
  padding-top: 26px;
}
.three-content div span {
  display: block;
}
.three-content div span:nth-of-type(1) {
  width: 100%;
  height: 26px;
  font-size: 20px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #333333;
  margin-top: 24px;
}
.three-content div span:nth-of-type(2) {
  width: 26px;
  height: 2px;
  background-color: #539cf1;
  display: block;
  margin: 10px auto;
}
.three-content div span:nth-of-type(3) {
  width: 268px;
  height: 44px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.5px;
  text-align: center;
  color: #848484;
  margin: 8px auto 0px auto;
}
.three-content div:nth-of-type(1) img {
  width: 72px;
  height: 102px;
}
.three-content div:nth-of-type(2) img {
  width: 71px;
  height: 102px;
}
.three-content div:nth-of-type(3) {
  margin-right: 0;
}
.three-content div:nth-of-type(3) img {
  width: 72px;
  height: 102px;
}
.three-t-content {
  width: 100%;
  height: 522px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/talentShare/mask.png);
  background-size: 100% 100%;
  position: relative;
  margin-top: 80px;
}
.three-t-content .mask-detail {
  width: 1011px;
  height: 100%;
  margin: auto;
}
.three-t-content .mask-detail > div:nth-of-type(1) {
  width: 100%;
  height: 37px;
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 3px;
  text-align: center;
  color: #ffffff;
  padding: 82px 0 60px 0;
}
.three-t-content .mask-detail > div:nth-of-type(2) {
  height: 199px;
  margin-top: 38px;
}
.three-t-content .mask-detail > div:nth-of-type(2) div {
  width: 334px;
  height: 177px;
  display: inline-block;
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.three-t-content .mask-detail > div:nth-of-type(2) div img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto;
}
.three-t-content .mask-detail > div:nth-of-type(2) div span:nth-of-type(1) {
  width: 100%;
  height: 24px;
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.9px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  margin-top: 24px;
}
.three-t-content .mask-detail > div:nth-of-type(2) div span:nth-of-type(2) {
  width: 26px;
  height: 2px;
  background-color: #539cf1;
  display: block;
  margin: 10px auto 8px auto;
}
.three-t-content .mask-detail > div:nth-of-type(2) div span:nth-of-type(3),
.three-t-content .mask-detail > div:nth-of-type(2) div span:nth-of-type(4) {
  width: 100%;
  height: 22.5px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: 1.2px;
  text-align: center;
  color: #b9c9e1;
  display: inline-block;
}
.three-t-content .mask-detail > div:nth-of-type(2) div:nth-of-type(1) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.three-t-content .mask-detail > div:nth-of-type(2) div:nth-of-type(1) img {
  height: 60px;
}
.three-t-content .mask-detail > div:nth-of-type(2) div:nth-of-type(3) img {
  height: 60px;
}
.three-t-content .mask-detail > div:nth-of-type(3) {
  width: 240px;
  height: 48px;
  line-height: 48px;
  background-color: #397ecd;
  margin: 56px auto 0 auto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 1.9px;
  text-align: center;
  color: #ffffff;
}
.three-t-content .mask-detail > div:nth-of-type(3):hover {
  cursor: pointer;
}
.hm-good {
  width: 100%;
  height: 494px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/talentShare/picture.png);
  background-size: 100% 100%;
}
.hm-good > div:nth-of-type(1) {
  width: 100%;
  height: 37px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  color: #484848;
  margin: 81px 0 39px 0;
}
.hm-good > div:nth-of-type(2) {
  width: 1076px;
  height: 349px;
  margin: 0 auto;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/talentShare/group.png);
  background-size: 100% 100%;
  position: relative;
}
.hm-good > div:nth-of-type(2) > div {
  width: 124px;
  height: 51px;
}
.hm-good > div:nth-of-type(2) > div img {
  position: absolute;
}
.hm-good > div:nth-of-type(2) > div span {
  position: absolute;
  width: 168px;
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: 0.9px;
  text-align: center;
  color: #848484;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(1) img {
  top: 48px;
  left: 70px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(1) span {
  top: 111px;
  left: 49px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(2) img {
  top: 165px;
  left: 270px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(2) span {
  top: 228px;
  left: 250px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(3) img {
  top: 48px;
  left: 471px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(3) span {
  top: 111px;
  left: 451px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(4) img {
  top: 165px;
  left: 686px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(4) span {
  top: 228px;
  left: 657px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(5) img {
  top: 48px;
  left: 891px;
}
.hm-good > div:nth-of-type(2) > div:nth-of-type(5) span {
  top: 111px;
  left: 862px;
}
.j-hm {
  width: 100%;
  height: 521px;
  background: url(https://360humi-public-obs.360humi.com/localImg/images/talentShare/rectangle.png);
  background-size: 100% 100%;
  position: relative;
}
.j-hm > div {
  width: 713px;
  margin: 0 auto;
}
.j-hm > div > div:nth-of-type(1) {
  height: 37px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  color: #ffffff;
  padding-top: 66px;
}
.j-hm > div > div:nth-of-type(2) {
  height: 37px;
  letter-spacing: 3px;
  padding-top: 70px;
  padding-bottom: 28px;
}
.j-hm > div > div:nth-of-type(2) > span {
  width: 348.5px;
  height: 19px;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #ffffff;
}
.j-hm > div > div:nth-of-type(2) > span:nth-of-type(1) {
  margin-right: 16px;
}
.j-hm > div > div:nth-of-type(3) {
  height: 48px;
  letter-spacing: 3px;
}
.j-hm > div > div:nth-of-type(3) > input {
  width: 346.5px;
  height: 48px;
  background-color: #0046b2;
  border: solid 1px #0742b6;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #ffffff;
}
.j-hm > div > div:nth-of-type(3) > input:nth-of-type(1) {
  margin-right: 16px;
}
.j-hm > div > div:nth-of-type(4) {
  width: 100%;
  height: 19px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left;
  color: #ffffff;
  margin: 16px 0 8px 0;
}
.j-hm > div > div:nth-of-type(5) {
  width: 100%;
  height: 96px;
  margin: 8px 0 8px 0;
}
.j-hm > div > div:nth-of-type(5) textarea {
  width: 100%;
  height: 96px;
  background-color: #0046b2;
  border: solid 1px #0742b6;
  opacity: 0.8;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #ffffff;
}
.j-hm > div > div:nth-of-type(6) {
  width: 240px;
  height: 48px;
  display: block;
  text-align: center;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 1.9px;
  color: #397ecd;
  margin: 48px auto 0 auto;
}
.j-hm > div > div:nth-of-type(6):hover {
  cursor: pointer;
}

#trainask {
  width: 100%;
  background: #e5e5e5;
}
#trainask .trainask_top {
  padding-top: 195px;
  height: 590px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/peixunwenzhen.png") no-repeat center center;
  background-size: 100% 100%;
}
#trainask .trainask_top .trainask_top_inner {
  width: 1280px;
  margin: 0 auto;
  padding-left: 90px;
}
#trainask .trainask_top .trainask_top_inner .trainask_top_inner_title {
  font-size: 56px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 24px;
}
#trainask .trainask_top .trainask_top_inner .trainask_top_inner_subtitle {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
}
#trainask .trainask_bottom_content {
  height: 1433px;
  width: 100%;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner {
  margin: 0 auto;
  width: 1280px;
  position: relative;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content {
  position: absolute;
  width: 1280px;
  height: 1466px;
  top: -97px;
  left: 0;
  background: #ffffff;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-head {
  overflow: hidden;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  width: 100%;
  height: 72px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-head .back_box {
  float: right;
  margin-right: 90px;
  line-height: 72px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-head .back_box img {
  position: relative;
  top: 6px;
  margin-right: 8px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-head .returnActive {
  color: #067ae5;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle {
  width: 100%;
  height: 816px;
  overflow: hidden;
  padding-top: 60px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-l {
  width: 592px;
  padding-left: 90px;
  float: left;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-l .train-content-middle-l-eng {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 32px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-l .train-content-middle-l-line {
  width: 24px;
  height: 6px;
  background: #067ae5;
  margin-bottom: 32px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-l .train-content-middle-l-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 207px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-r {
  float: left;
  width: 688px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-r .train-content-middle-r-des1 {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 60px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-r .train-content-middle-r-data {
  font-size: 36px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 30px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-middle .train-content-middle-r .train-content-middle-r-des2 {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding-right: 92px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom {
  overflow: hidden;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part1 {
  float: left;
  width: 856px;
  height: 359px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/povertycase/zhenduan-bg.png") center center no-repeat;
  background-size: 100% 100%;
  padding: 127px 323px 0 90px;
  margin-bottom: 60px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part1 .train-content-bottom-part1-des1,
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part1 .train-content-bottom-part1-des2 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 26px;
  letter-spacing: 1px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part1 .train-content-bottom-part1-des1 .tag-des,
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part1 .train-content-bottom-part1-des2 .tag-des {
  color: #067AE5;
  font-size: 16px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part2 {
  width: 424px;
  padding-right: 90px;
  float: left;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part2 .train-content-bottom-part2-eng {
  text-align: right;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part2 .train-content-bottom-part2-line {
  text-align: right;
  width: 24px;
  height: 6px;
  background: #067ae5;
  margin: 32px 0 32px 310px;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part2 .train-content-bottom-part2-title {
  font-size: 18px;
  font-weight: 400;
  text-align: right;
  color: #333333;
}
#trainask .trainask_bottom_content .trainask_bottom_content_inner .trainask_bottom_content_inner-content .train-content-bottom .train-content-bottom-part3 {
  float: right;
  margin-right: 90px;
  width: 598px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
  letter-spacing: 1px;
}

.w-bg {
  background: #f8f8f8;
  padding-top: 60px;
}
.record-box {
  width: 1200px;
  margin: 40px auto  67px;
  min-height: 500px;
}
.record-box .tab-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 80px;
  padding-top: 6px;
}
.record-box .tab-top a {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-right: 42px;
}
.record-box .tab-top a.active {
  color: #108ee9;
}
.record-box .record-con {
  background: #fff;
  padding: 0 18px 20px 18px;
}
.record-box .record-con .r-title {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  height: 75px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.record-box .record-con .r1 {
  display: flex;
  margin-bottom: 30px;
}
.record-box .record-con .r1 .item {
  margin-right: 38px;
  display: flex;
  align-items: center;
}
.record-box .record-con .r1 .item .label {
  white-space: nowrap;
}
.record-box .record-con .r1 .item:last-of-type {
  margin-right: 0;
}
.record-box .record-con .r1 .item.month-select {
  margin-right: 0;
}
.record-box .record-con .r1 .item.month-select a {
  font-size: 14px;
  color: #333333;
  margin-right: 25px;
  white-space: nowrap;
}
.record-box .record-con .r1 .item.month-select a.active {
  color: #108ee9;
}
.record-box .record-con .r-select {
  width: 200px;
  height: 40px;
  border-radius: 4px;
}
.record-box .record-con .r-select > div {
  height: 100% !important;
}
.record-box .record-con .r-select > div > div {
  line-height: 40px !important;
}
.record-box .record-con .range-picker {
  width: 275px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
}
.record-box .record-con .range-picker > span {
  height: 40px;
}
.record-box .record-con .range-picker .ant-calendar-range-picker-separator {
  line-height: 30px;
}
.record-box .record-con .r-input {
  width: 200px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
}
.record-box .record-con .btn-sub {
  width: 130px;
  height: 40px;
  border-radius: 20px;
  background-color: #108ee9;
  color: #fff;
  font-size: 14px;
}
.record-box .record-con .ant-table-thead > tr > th {
  background: #c2ddf8 !important;
  text-align: center;
}
.record-box .record-con .ant-table-tbody > tr:hover > td {
  background: #f8fbff;
}
.record-box .record-con .ant-table-tbody > tr > td {
  text-align: center;
}
.record-box .record-con .total-box {
  border-top: 1px dashed #dedede;
  line-height: 55px;
  height: 55px;
}
.record-box .record-con .total-box em {
  padding-left: 40px;
}
.record-box .record-con .total-box span {
  font-size: 18px;
}
.record-box .record-con .total-box .f-red {
  color: #ee0000;
}
.record-box .record-con .total-box .f-green {
  color: #00d69c;
}
.record-box .green {
  color: #00d69c;
}
.record-box .red {
  color: #ee0000;
}
#t-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
}
#t-loading .ant-spin-dot i {
  background-color: #fff !important;
}
#t-loading .ant-spin {
  color: #fff !important;
}
#t-loading.active {
  display: flex;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-tijiao:before {
  content: "\E664";
}
.icon-fankuitianxie:before {
  content: "\E69B";
}
.icon-config-link-audit:before {
  content: "\E74E";
}
.protocalBottom {
  text-align: center;
}
.protocalBottom span:nth-of-type(1) {
  font-size: 13px;
  margin-left: 5px;
}
.protocalBottom p {
  margin: 10px 0 10px 0;
  font-size: 13px;
  color: #169BD5;
  cursor: pointer;
}
.Unsettled {
  padding-top: 60px;
  background: #f5f5f5;
}
.Unsettled .logo {
  background: #f5f5f5;
}
.Unsettled .unsettledTopBg {
  margin: 0 auto 22px auto;
}
.Unsettled .unsettledTopBg img {
  display: block;
  width: 1200px;
}
.settledContent {
  padding: 35px 0;
  background: #fff;
  margin: 0 auto 30px auto !important;
}
.settledContent > p:first-child {
  font-size: 12px;
  color: red;
  line-height: 1.1;
  text-align: left;
  margin-bottom: 30px;
  padding-left: 60px;
}
.settledContent li {
  width: 33.33%;
  display: inline-block;
  position: relative;
  z-index: 11;
}
.settledContent li:after {
  width: 100%;
  display: block;
  content: '';
  height: 8px;
  background: #dbeafa;
  position: absolute;
  top: 50%;
  margin: -4px 0 0 0;
  left: 0;
  z-index: -1;
}
.settledContent li:last-child {
  width: auto;
}
.settledContent li:last-child:after {
  display: none;
  width: 0;
}
.settledContent .authStep {
  width: 740px;
  margin: 37px auto 76px auto;
  display: block;
}
.settledContent .authStep .active p {
  color: #3377c4 !important;
  font-weight: bold !important;
}
.settledContent .authStep .stepPointer {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #88bbef;
  border-radius: 50%;
  border: 5px solid #dbeafa;
  vertical-align: middle;
  position: relative;
}
.settledContent .authStep .stepPointer p {
  font-size: 14px;
  color: #888;
  position: absolute;
  line-height: 1.1;
  display: inline-block;
  width: 86px;
  left: 50%;
  margin: 0 0 0 -43px;
  bottom: -37px;
}
.settledContent .authStep .stepPointer span {
  display: inline-block;
  line-height: 1.1;
  font-size: 26px;
}
.settledContent .authContent:nth-of-type(1) {
  margin-right: 70px;
}
.settledContent .authContent {
  width: 505px;
  padding: 35px 20px 52px 20px;
  background: #f5f5f5;
  display: inline-block;
}
.settledContent .authContent > p:first-child {
  text-align: right;
  color: #f57900;
  font-size: 16px;
  line-height: 1.1;
}
.settledContent .authContent .stepPointer {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #88bbef;
  border-radius: 50%;
  border: 5px solid #dbeafa;
  vertical-align: middle;
  display: inline-block;
}
.settledContent .authContent .stepPointer span {
  display: inline-block;
  line-height: 1.1;
  font-size: 26px;
}
.settledContent .authContent .authTitle {
  color: #444;
  font-size: 16px;
  line-height: 1.1;
  font-weight: bold;
  margin: 20px 0 20px 0;
}
.settledContent .authContent .authDes {
  width: 280px;
  color: #999;
  font-size: 14px;
  text-align: justify;
  margin: 0 auto;
}
.settledContent .authBtn:nth-of-type(1) {
  margin-left: 240px;
}
.settledContent .authBtn:nth-of-type(2) {
  margin-left: 460px;
}
.settledContent .authBtn {
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  padding: 12px 43px;
  background: #3377c4;
  display: inline-block;
  margin: 27px 0 0 0;
}
.settledContent .authTwoContentBox {
  padding: 0 60px;
  margin: 0 0 0 -58px;
}
.settledContent .authTwoContentBox .authTwoContent {
  width: 33.3% !important;
  margin: 0 !important;
  padding-left: 58px;
  display: inline-block;
  vertical-align: middle;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem {
  background: #f5f5f5;
  padding: 15px 19px 33px 19px;
  min-height: 402px;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem > p:first-child {
  text-align: right;
  color: #f57900;
  font-size: 16px;
  margin: 0 0 14px 0;
  line-height: 1.1;
  height: 17px;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem .authTypeIcon {
  text-align: center;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem .authTypeIcon span {
  font-size: 80px;
  line-height: 1.1;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem .authTitle {
  color: #444;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
  margin: 10px 0 36px 0;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem .authDes {
  width: 200px;
  display: block;
  text-align: justify;
  margin: 0 auto 43px auto;
  min-height: 63px;
}
.settledContent .authTwoContentBox .authTwoContent .authTwoItem .authBtn {
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  padding: 12px 43px;
  background: #3377c4;
  display: inline-block;
}
.settledContent .skip {
  display: inline-block;
  color: #3377c4;
  font-size: 14px;
  margin: 25px 0 0 0;
}
.relation {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.relation .sub-pop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 200px auto;
  z-index: 2;
  width: 1080px;
  height: 524px;
  background: #fff;
}
.relation .sub-pop .pop-close {
  float: right;
  width: 28px;
  margin-top: 25px;
  margin-right: 25px;
}
.relation .sub-pop .relationHeader {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-top: 60px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #333;
}
.relation .sub-pop li {
  width: 46%;
  display: inline-block;
  position: relative;
  z-index: 11;
}
.relation .sub-pop li:after {
  width: 100%;
  display: block;
  content: '';
  height: 8px;
  background: #dbeafa;
  position: absolute;
  top: 50%;
  margin: -4px 0 0 0;
  left: 0;
  z-index: -1;
}
.relation .sub-pop li:last-child {
  width: auto;
}
.relation .sub-pop li:last-child:after {
  display: none;
  width: 0;
}
.relation .sub-pop .authStep {
  width: 740px;
  margin: 37px auto;
  display: block;
}
.relation .sub-pop .authStep .active p {
  font-weight: bold !important;
}
.relation .sub-pop .authStep .stepPointer {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #88bbef;
  border-radius: 50%;
  border: 5px solid #dbeafa;
  vertical-align: middle;
  position: relative;
}
.relation .sub-pop .authStep .stepPointer p {
  font-size: 14px;
  color: #888;
  position: absolute;
  line-height: 1.1;
  display: inline-block;
  width: 86px;
  left: 50%;
  margin: 0 0 0 -43px;
  bottom: -37px;
}
.relation .sub-pop .authStep .stepPointer .p-choose {
  color: #3377c4;
}
.relation .sub-pop .authStep .stepPointer span {
  display: inline-block;
  line-height: 1.1;
  font-size: 26px;
}
.stepOne {
  width: 720px;
  margin: 130px auto;
}
.stepOne > div > label {
  width: 122px;
  text-align: right;
  font-size: 14px;
  color: #333;
  margin-right: 10px;
  display: inline-block;
}
.stepOne > div > input {
  width: 360px;
  height: 40px;
  padding-left: 15px;
  border: none;
  border: 1px solid #d8d8d8;
}
.stepOne > div > span {
  width: 142px;
  height: 40px;
  background: #397ecd;
  display: inline-block;
  margin-left: 30px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #397ecd;
  cursor: pointer;
}
.stepTwo {
  width: 680px;
  margin: 60px auto;
}
.stepTwo .stepTwoTop {
  margin-bottom: 14px;
}
.stepTwo .stepTwo-text {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  position: relative;
}
.stepTwo .stepTwo-text textarea {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 10px;
}
.stepTwo .stepTwo-text .stepTwo-count {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.stepTwo .stepTwoBottom {
  margin-bottom: 20px;
}
.stepTwo > .stepTwo-btn {
  width: 142px;
  height: 40px;
  margin: 0 auto;
  background: #397ecd;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #397ecd;
  cursor: pointer;
}
.stepThree {
  width: 450px;
  margin: 0 auto;
}

.wallet-container {
  height: 100vh;
  width: 100%;
}

.refund-record {
  width: 1200px;
  margin: 130px auto 50px auto;
  padding: 20px;
  background: #fff;
  min-height: 500px;
}
.refund-record .title {
  font-size: 18px;
  border-left: 3px solid #108ee9;
  padding-left: 10px;
  line-height: 26px;
  margin-bottom: 20px;
}
.refund-record .form-box {
  padding-bottom: 20px;
}
.refund-record .form-box label {
  font-size: 14px;
}
.refund-record .tr-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.refund-record .ant-table table {
  text-align: center !important;
}
.refund-record .ant-table-thead > tr > th {
  text-align: center !important;
}

@keyframes float-up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes float-down-up {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}
.common-hover {
  color: #201996;
  background: #01eaf5;
}
.common-join {
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  background: -webkit-linear-gradient(to left, #0912ed, #01eaf5);
  background: -moz-linear-gradient(to left, #0912ed, #01eaf5);
  background: -o-linear-gradient(to left, #0912ed, #01eaf5);
  background: linear-gradient(to left, #0912ed, #01eaf5);
  height: 56px;
  line-height: 56px;
}
.common-join:hover {
  color: #201996;
  background: #01eaf5;
}
.wanlixing-container {
  background-color: #0A082F;
  position: relative;
  z-index: 1;
}
.wanlixing-container .banner-container {
  height: 1085px;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/0706-hanzx-wanlixing/banner%E5%BA%95%2B%E6%96%87%E6%A1%88.png");
  background-repeat: no-repeat;
  position: relative;
}
.wanlixing-container .banner-container .banner-content {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.wanlixing-container .banner-container .banner-content .topic-div {
  width: 560px;
  height: 462px;
  background: #241e81;
  position: absolute;
  right: 0;
  top: 158px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wanlixing-container .banner-container .banner-content .topic-div .topic-title {
  width: 451px;
  height: 72px;
  font-size: 30px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  text-align: center;
  color: #01eaf5;
  line-height: 42px;
  margin-bottom: 55px;
}
.wanlixing-container .banner-container .banner-content .topic-div .topic-btn {
  width: 380px;
  height: 70px;
  font-size: 22px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  text-align: center;
  color: #ffffff;
  line-height: 70px;
  margin-bottom: 36px;
  cursor: pointer;
  background: linear-gradient(to left, #0912ed 0%, #0940ec 19%, #01eaf5 100%);
}
.wanlixing-container .banner-container .banner-content .topic-div .topic-btn:hover {
  background: #01eaf5;
  color: #0912ed;
}
.wanlixing-container .banner-container .banner-content .topic-div .topic-btn-last {
  margin-bottom: 23px;
}
.wanlixing-container .banner-container .banner-content .topic-div .topic-btn-disabled {
  background: #c4c4c4;
  cursor: not-allowed;
  pointer-events: none;
}
.wanlixing-container .banner-container .banner-content .topic-div .topic-subtitle {
  width: 305px;
  height: 18px;
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #afaaff;
  line-height: 24px;
}
.wanlixing-container .main-container {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  top: -210px;
}
.wanlixing-container .main-container .common-title {
  width: 143px;
  height: 30px;
  font-size: 32px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #01eaf5;
  line-height: 40px;
  letter-spacing: 6px;
}
.wanlixing-container .main-container .support {
  margin-bottom: 70px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.wanlixing-container .main-container .support .support-item {
  position: relative;
}
.wanlixing-container .main-container .support .support-item:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 98px;
  opacity: 0.5;
  background: #62617a;
  position: absolute;
  top: 0;
  right: -136px;
}
.wanlixing-container .main-container .support .support-item:nth-child(3) {
  margin-right: 0;
}
.wanlixing-container .main-container .support .support-item:nth-child(3):after {
  width: 0;
}
.wanlixing-container .main-container .support .support-item .support-text {
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  height: 140px;
  color: white;
}
.wanlixing-container .main-container .support .support-item .support-text .support-title {
  color: #01EAF5;
  font-size: 16px;
}
.wanlixing-container .main-container .introduction {
  height: 450px;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wanlixing-container .main-container .introduction .video {
  width: 600px;
  float: left;
}
.wanlixing-container .main-container .introduction .content {
  float: left;
  margin-left: 60px;
}
.wanlixing-container .main-container .introduction .content .detail {
  text-indent: 3rem;
  width: 732px;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 1px;
}
.wanlixing-container .main-container .focus {
  margin-top: 100px;
}
.wanlixing-container .main-container .highlight {
  margin-top: 100px;
}
.wanlixing-container .main-container .highlight .highlight-title {
  margin-bottom: 100px;
}
.wanlixing-container .main-container .highlight .highlight-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.wanlixing-container .main-container .schedule {
  margin-top: 112px;
}
.wanlixing-container .main-container .schedule .schedule-title {
  margin-bottom: 74px;
}
.wanlixing-container .main-container .schedule .schedule-container {
  width: 100%;
  background-color: #0B0846;
}
.wanlixing-container .main-container .schedule .schedule-container .header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wanlixing-container .main-container .schedule .schedule-container .header .header-item {
  width: 467px;
  height: 80px;
  background-color: #1C1863;
  font-size: 24px;
  line-height: 80px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.wanlixing-container .main-container .schedule .schedule-container .header .header-item-active {
  background: -webkit-linear-gradient(to right, #0912ed, #01eaf5);
  background: -moz-linear-gradient(to right, #0912ed, #01eaf5);
  background: -o-linear-gradient(to right, #0912ed, #01eaf5);
  background: linear-gradient(to right, #0912ed, #01eaf5);
}
.wanlixing-container .main-container .schedule .schedule-container .content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 40px;
}
.wanlixing-container .main-container .schedule .schedule-container .content .join {
  width: 260px;
  margin-top: 60px;
  margin-bottom: 120px;
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  background: -webkit-linear-gradient(to left, #0912ed, #01eaf5);
  background: -moz-linear-gradient(to left, #0912ed, #01eaf5);
  background: -o-linear-gradient(to left, #0912ed, #01eaf5);
  background: linear-gradient(to left, #0912ed, #01eaf5);
  height: 56px;
  line-height: 56px;
}
.wanlixing-container .main-container .schedule .schedule-container .content .join:hover {
  color: #201996;
  background: #01eaf5;
}
.wanlixing-container .main-container .guests {
  margin-top: 100px;
}
.wanlixing-container .main-container .guests .guests-title {
  margin-bottom: 100px;
}
.wanlixing-container .main-container .guests .guests-container .guests-list {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}
.wanlixing-container .main-container .guests .guests-container .guests-list .guests-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 244px;
  margin-left: 140px;
  margin-bottom: 50px;
}
.wanlixing-container .main-container .guests .guests-container .guests-list .guests-item:nth-child(4n+1) {
  margin-left: 80px;
}
.wanlixing-container .main-container .guests .guests-container .guests-list .guests-item .name {
  height: 19px;
  font-size: 20px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 19px;
}
.wanlixing-container .main-container .guests .guests-container .guests-list .guests-item .title {
  height: 13px;
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 13px;
  white-space: nowrap;
}
.wanlixing-container .main-container .apply {
  margin-top: 100px;
}
.wanlixing-container .main-container .apply .apply-title {
  margin-bottom: 60px;
}
.wanlixing-container .main-container .apply .apply-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wanlixing-container .main-container .apply .apply-container .apply-item {
  position: relative;
  height: 430px;
  width: 680px;
  border: 3px solid #09E6EC;
  overflow: hidden;
  border-image: -webkit-linear-gradient(to right bottom, #09E6EC, #0912ED) 30 30;
  border-image: -moz-linear-gradient(to right bottom, #09E6EC, #0912ED) 30 30;
  border-image: linear-gradient(to right bottom, #09E6EC, #0912ED) 30 30;
}
.wanlixing-container .main-container .apply .apply-container .apply-item:hover {
  border-image: none;
}
.wanlixing-container .main-container .apply .apply-container .apply-item .common-position {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
}
.wanlixing-container .main-container .apply .apply-container .apply-item .join {
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  background: -webkit-linear-gradient(to left, #0912ed, #01eaf5);
  background: -moz-linear-gradient(to left, #0912ed, #01eaf5);
  background: -o-linear-gradient(to left, #0912ed, #01eaf5);
  background: linear-gradient(to left, #0912ed, #01eaf5);
  height: 56px;
  line-height: 56px;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.wanlixing-container .main-container .apply .apply-container .apply-item .join:hover {
  color: #201996;
  background: #01eaf5;
}
.wanlixing-container .main-container .apply .apply-container .apply-item .reserve {
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  background: -webkit-linear-gradient(to left, #0912ed, #01eaf5);
  background: -moz-linear-gradient(to left, #0912ed, #01eaf5);
  background: -o-linear-gradient(to left, #0912ed, #01eaf5);
  background: linear-gradient(to left, #0912ed, #01eaf5);
  height: 56px;
  line-height: 56px;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
.wanlixing-container .main-container .apply .apply-container .apply-item .reserve:hover {
  color: #201996;
  background: #01eaf5;
}
.wanlixing-container .main-container .info {
  margin-top: 110px;
}
.wanlixing-container .main-container .info .info-title {
  margin-bottom: 64px;
}
.wanlixing-container .main-container .info .info-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wanlixing-container .main-container .info .info-container .info-map {
  width: 1024px;
  height: 520px;
}
.wanlixing-container .main-container .info .info-container .info-item {
  margin-bottom: 40px;
}
.wanlixing-container .main-container .info .info-container .info-item:last-child {
  margin-bottom: 0;
}
.wanlixing-container .main-container .info .info-container .info-item .qr-code {
  width: 130px;
  margin-bottom: 20px;
}
.wanlixing-container .main-container .info .info-container .info-item .title {
  font-size: 16px;
  height: 15px;
  line-height: 15px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #01eaf5;
  margin-bottom: 10px;
}
.wanlixing-container .main-container .info .info-container .info-item .subtitle {
  font-size: 16px;
  height: 15px;
  line-height: 15px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  color: #fefefe;
}
.wanlixing-container .main-container .partner {
  margin-top: 80px;
}
.wanlixing-container .main-container .footer {
  margin-top: 60px;
  font-size: 14px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.wanlixing-container .common-frame-base {
  position: absolute;
  z-index: -1;
}
.wanlixing-container .frame-footer {
  position: absolute;
  z-index: -1;
  width: 100%;
  bottom: 0;
}
.wanlixing-container .frame-2 {
  position: absolute;
  z-index: -1;
  top: 4139px;
  right: 0;
}
.wanlixing-container .frame-1 {
  position: absolute;
  z-index: -1;
  top: 3368px;
  left: 0;
}
.wanlixing-container .frame-3 {
  position: absolute;
  z-index: -1;
  top: 2516px;
  right: 0;
}
.wanlixing-container .navigation {
  position: absolute;
  top: 1381px;
  height: calc(100% - 1381px);
  right: 40px;
}
.wanlixing-container .navigation .navigation-container {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  width: 90px;
  height: 500px;
  background-color: #0912ED;
  z-index: 99;
}
.wanlixing-container .navigation .navigation-container .nav-item {
  width: 90px;
  height: 100px;
  background: #0912ed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  white-space: normal;
  cursor: pointer;
}
.wanlixing-container .navigation .navigation-container .nav-item:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60px;
  height: 1px;
  background: #3e46ff;
}
.wanlixing-container .navigation .navigation-container .nav-item:hover {
  background: #01eaf5;
  color: #0912ed;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-ink {
  display: none;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link {
  width: 90px;
  height: 100px;
  background: #0912ed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  white-space: normal;
  cursor: pointer;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60px;
  height: 1px;
  background: #3e46ff;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link:hover {
  background: #01eaf5;
  color: #0912ed;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link:last-child:after {
  display: none;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link:hover .ant-anchor-link-title {
  color: #0912ed;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link:hover .ant-anchor-link-title .top {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/0706-hanzx-wanlixing/top_on.png") no-repeat;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link .ant-anchor-link-title {
  width: 40px;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  white-space: normal;
}
.wanlixing-container .navigation .navigation-container .ant-anchor-link .ant-anchor-link-title .top {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/0706-hanzx-wanlixing/top.png") no-repeat;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.wanlixing-modal .ant-modal-body {
  padding-top: 26px;
}
.wanlixing-modal .confirm-title {
  height: 17px;
  font-size: 16px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  text-align: center;
  color: #666666;
}
.wanlixing-modal .ant-form-item-control input {
  height: 46px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.wanlixing-modal .ant-input {
  height: 46px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.wanlixing-modal .ant-form-item-label label {
  font-size: 14px;
  line-height: 46px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  color: #666666;
}
.wanlixing-modal .btn-sms {
  width: 176px;
  height: 46px;
  border: 1px solid #0919ed;
  font-size: 14px;
  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  color: #0919ed;
  margin-left: 25px;
  background-color: #FFFFFF;
  transition: all ease-in-out 0.3s;
}
.wanlixing-modal .btn-sms:hover {
  background-color: #0919ed;
  color: #FFFFFF;
}
.wanlixing-modal .ant-modal-title {
  height: 23px;
  font-size: 18px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 23px;
  color: #333333;
}
.wanlixing-modal .ant-col-8 {
  margin-top: 0;
}
.wanlixing-modal .btn-join {
  font-size: 14px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: -webkit-linear-gradient(to left, #0912ed, #01eaf5);
  background: -moz-linear-gradient(to left, #0912ed, #01eaf5);
  background: -o-linear-gradient(to left, #0912ed, #01eaf5);
  background: linear-gradient(to left, #0912ed, #01eaf5);
  line-height: 50px;
  height: 50px;
  width: 200px;
  border: none;
  cursor: pointer;
}
.wanlixing-modal .btn-join-disabled {
  background: grey;
  cursor: not-allowed;
}
.wanlixing-modal .btn-div {
  margin: 24px auto 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wanlixing-modal #loginCode {
  border-radius: 0;
  margin-bottom: 20px;
}
.wanlixing-modal #loginCode2 {
  border-radius: 0;
  margin-bottom: 20px;
}
.wanlixing-modal .ant-checkbox-checked .ant-checkbox-inner,
.wanlixing-modal .ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #108ee9;
  border-color: #108ee9;
}
.wanlixing-modal .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.wanlixing-modal .ant-checkbox:hover .ant-checkbox-inner,
.wanlixing-modal .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #108ee9;
}
.wanlixing-modal .ant-input:hover {
  border-color: #108ee9;
}
.wanlixing-modal .ant-input:focus {
  border-color: #108ee9;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.wanlixing-modal .nc_scale,
.wanlixing-modal .nc-lang-cnt {
  height: 46px;
}
.wanlixing-modal .nc-container .nc_scale span {
  line-height: 46px;
  height: 46px;
}
.wanlixing-modal .nc-container .nc_scale .btn_ok {
  line-height: 46px;
}
.wanlixing-modal #loginCode .nc_scale span,
.wanlixing-modal #registerCode .nc_scale span {
  height: 46px;
}
.vertical-center-modal {
  text-align: center;
  white-space: nowrap;
}
.vertical-center-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.vertical-center-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}

.wanlixing-header {
  height: 80px;
  width: 100%;
  position: fixed;
  z-index: 99;
  border-bottom: 1px solid rgba(59, 57, 89, 0.5);
  transition: background-color ease-in-out 0.3s;
}
.wanlixing-header .container {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wanlixing-header .container .logo {
  height: 100%;
  width: 114px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wanlixing-header .container #menu {
  overflow: hidden;
  height: 100%;
}
.wanlixing-header .container #menu .ant-anchor-link {
  width: 100px;
  height: 100%;
  line-height: 80px;
  text-align: center;
  float: left;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.wanlixing-header .container #menu .ant-anchor-link:hover:after {
  content: "";
  width: 100px;
  height: 3px;
  background: #01eaf5;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wanlixing-header .container #menu .ant-anchor-link .ant-anchor-link-title {
  color: #ffffff !important;
}
.wanlixing-header .container #menu .ant-anchor-link-active:after {
  content: "";
  width: 100px;
  height: 3px;
  background: #01eaf5;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wanlixing-header .container .login {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 86px;
}
.wanlixing-header .container .login .common-div {
  width: 86px;
  height: 36px;
  float: left;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 0;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color ease-in-out 0.3s;
}
.wanlixing-header .container .login .sign-in {
  width: 86px;
  height: 36px;
  float: left;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 0;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color ease-in-out 0.3s;
  background: #01eaf5;
  color: #0a082f;
}
.wanlixing-header .container .login .sign-in:hover {
  background-color: #57f5ff;
}
.wanlixing-header .container .login .sign-up {
  width: 86px;
  height: 36px;
  float: left;
  font-size: 16px;
  font-family: PingFang SC Medium, PingFang SC Medium-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 0;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color ease-in-out 0.3s;
  background: #0A082F;
  border: 1px solid #01eaf5;
  color: #FFFFFF;
}
.wanlixing-header .container .login .sign-up:hover {
  background-color: #01eaf5;
  color: #0a082f;
}

.webMapBox {
  padding: 90px 0 0 0;
}
.webMapBox .webMapItemBox {
  padding: 20px 30px;
  min-height: 230px;
  background: #fff;
  margin: 0 0 10px 0;
}
.webMapBox .webMapItemBox:last-child {
  margin: 0 0 36px 0;
}
.webMapBox .webMapItemBox > p:first-child {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #f5f5f5;
  font-size: 24px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 15px 0;
}
.webMapBox .webMapItemBox .webMapItemList li {
  width: 10%;
  line-height: 1.1;
  cursor: pointer;
  display: inline-block;
}
.webMapBox .webMapItemBox .webMapItemList li a {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  padding: 10px 0;
  text-align: center;
  border: 1px solid transparent;
  display: inline-block;
  width: 100%;
}
.webMapBox .webMapItemBox .webMapItemList li a:hover {
  border-color: #377fcb;
  color: #377fcb;
  cursor: pointer;
}

.zhishi-main {
  background-color: #f3f6fa;
}
.zhishi-main .floatImg img {
  width: 100%;
}
.zhishi-main .inlin {
  display: inline-block;
  vertical-align: middle;
}
.zhishi-main .w1080 {
  width: 1080px;
  margin: 0 auto;
}
.zhishi-main .emb {
  margin-bottom: 50px;
}
.zhishi-main .zi dt {
  padding: 5px 15px;
  color: #fff;
  background: #43c88f;
}
.zhishi-main .zi dd {
  padding: 15px 15px 0;
  color: #333;
  line-height: 24px;
}
.zhishi-main .zi dd .na {
  color: #43c88f;
}
.zhishi-main .d-table {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-right: 0;
  border-bottom: 0;
}
.zhishi-main .d-table.noBorder {
  border-top: 0;
}
.zhishi-main .d-table li {
  width: 25%;
  height: 140px;
  line-height: 140px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.zhishi-main .d-table li img {
  vertical-align: middle;
}
.zhishi-main .ant-carousel .slick-dots {
  bottom: -20px;
  height: 10px;
}
.zhishi-main .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
  background: #ebf2fa;
  border-radius: 50%;
  margin: 0 5px;
}
.zhishi-main .ant-carousel .slick-dots li.slick-active {
  background: #397ecd;
}
.zhishi-main .ant-carousel .slick-dots li.slick-active button {
  background: none;
}
.zhishi-main .ant-carousel .slick-slide {
  background: none;
}
.zhishi-main .zixun .mv dl {
  background: #fff;
}
.zhishi-main .zixun .pDiv {
  padding: 0 3px;
  width: 20%;
  height: 280px;
  position: relative;
}
.zhishi-main .zixun .pDiv.last {
  padding: 0;
}
.zhishi-main .zixun .pDiv .grayDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.6);
}
.zhishi-main .zixun dl {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 35px;
  color: #666;
  transition: all 0.5s;
  position: absolute;
}
.zhishi-main .zixun dl:hover {
  box-shadow: 0 0 25px #c4e1ff;
  z-index: 9;
}
.zhishi-main .zixun dl p {
  margin-bottom: 10px;
}
.zhishi-main .zixun dl .online {
  padding-top: 10px;
}
.zhishi-main .zixun dl .online a {
  width: 120px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.zhishi-main .zixun dl .online a.online-status {
  border-color: #e3e3e3;
  color: #666;
  background: #e3e3e3;
}
.zhishi-main .zixun dl .online a.online-status:hover {
  border-color: #333;
  color: #fff;
  background: #333;
}
.zhishi-main .zixun dl .online a:hover {
  background: #397ecd;
  color: #fff;
}
.zhishi-main .zixun dl .br {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.zhishi-main .zixun dl .br .grayDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  background: rgba(250, 250, 250, 0.6);
}
.zhishi-main .zixun dl .br .grayDiv.showDiv {
  display: block;
}
.zhishi-main .zixun dl .br img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
}
.zhishi-main .bannerBox {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/zhishi/bg.png") center center no-repeat;
  background-size: cover !important;
  height: 580px;
  position: relative;
}
.zhishi-main .bannerBox .bannerContentBox {
  width: 1200px;
  position: absolute;
  bottom: -41px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-8 {
  height: 435px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap {
  height: 435px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 43px 0;
  font-size: 0;
  text-align: center;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap img {
  display: inline-block;
  width: 214px;
  height: 217px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap .ant-carousel .slick-slide {
  background: none;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap {
  height: 435px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 42px 0;
  padding-left: 56px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTitle {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainContent {
  color: #666;
  font-size: 14px;
  padding: 0 0 20px 0;
  line-height: 1.1;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 1.1;
  padding: 31px 0;
  border-top: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.1;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:first-child {
  font-size: 14px;
  color: #999;
  text-align: right;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .nowPrice {
  font-size: 20px;
  font-style: normal;
  color: #ff6900;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .OldPrice {
  margin-left: 7px;
  color: #666666;
  font-size: 14px;
  text-decoration-line: line-through;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:last-child {
  padding: 4px 10px;
  background: #edf5ff;
  border: 1px solid #83bdff;
  color: #3689e7;
  position: relative;
  line-height: 12px;
  font-size: 12px;
  margin: 0 0 0 17px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:last-child img {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -3px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-top: 8px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal span {
  flex: 0 0 auto;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  margin: 0 10px 0 0;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li {
  cursor: pointer;
  padding: 6px 23px;
  border: 1px solid #d8d8d8;
  max-width: 160px;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  margin: 12px 16px 0 0;
  position: relative;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li .setMealActImg {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: none;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover .setMealActImg {
  display: block;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct .setMealActImg {
  display: block;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .stepperBox {
  margin: 20px 0px 10px 28px;
  cursor: pointer;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .stepperBox .numberas {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .stepperBox .numberas span:first-child {
  color: #999;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .stepperBox .numberas .stepSubstarct {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  width: 40px;
  border: 1px solid #999;
  border-radius: 3px;
  text-align: center;
  line-height: 26px;
  font-size: 20px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .stepperBox .numberas .stepNumber {
  display: inline-block;
  height: 30px;
  width: 50px;
  border: 1px solid #999;
  border-radius: 1px;
  vertical-align: top;
  text-align: center;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .stepperBox .numberas .stepAdd {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  width: 40px;
  border: 1px solid #999;
  border-radius: 3px;
  text-align: center;
  line-height: 26px;
  font-size: 20px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone span {
  color: #999;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone input {
  width: 200px;
  height: 36px;
  padding: 0 0 0 8px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  vertical-align: middle;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan {
  width: 182px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .b {
  width: 92px;
  float: left;
  font-weight: normal;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .f {
  width: 90px;
  height: 36px;
  float: right;
  line-height: 36px;
  display: block;
  text-align: center;
  color: #fff;
  background: #397ecd;
  outline: none;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn {
  padding: 13px 0;
  width: 260px;
  background: #397ecd;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  margin: 20px 0 20px 80px;
  border-radius: 0;
  outline: none;
  border: none;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn:hover {
  background: #2365aa;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip {
  color: #999;
  font-size: 12px;
  line-height: 1.1;
  padding: 0 0 0 80px;
  position: relative;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small {
  color: #999;
  font-size: 12px;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small i {
  font-style: normal;
  color: #397ecd;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i {
  font-style: normal;
  color: #397ecd;
}
.zhishi-main .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i:first-child {
  margin: 0 5px 0 0;
}
.zhishi-main .zhiMain {
  padding: 50px 0 30px;
  background: #fff;
}
.zhishi-main .zhiMain h4 {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
}
.zhishi-main .zhiMain .he {
  text-align: center;
  height: 3px;
  margin-bottom: 15px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center 0 no-repeat;
}
.zhishi-main .zhiMain .ti {
  text-align: center;
  color: #666;
  margin-bottom: 40px;
}
.zhishi-main .zhiMain .taocan {
  font-size: 1px;
}
.zhishi-main .zhiMain .taocan .coma {
  width: 282px;
  height: 300px;
  margin: 0 11px 10px 11px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  position: relative;
  box-shadow: 0 0 5px #e3e3e3;
}
.zhishi-main .zhiMain .taocan .coma.qi {
  line-height: 300px;
}
.zhishi-main .zhiMain .taocan .coma.hot .comMain {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/zhishi/hot.png") center 15px no-repeat;
}
.zhishi-main .zhiMain .taocan .coma.hot .comMain p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zhishi-main .zhiMain .taocan .coma .comBtn {
  position: absolute;
  width: 120px;
  height: 35px;
  border: 1px solid #397ecd;
  color: #397ecd;
  outline: none;
  bottom: 40px;
  left: 50%;
  margin-left: -60px;
  cursor: pointer;
  line-height: 35px;
}
.zhishi-main .zhiMain .taocan .coma .comBtn:hover {
  background: #397ecd;
  color: #fff;
}
.zhishi-main .zhiMain .taocan .coma .taoTop {
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #000;
}
.zhishi-main .zhiMain .taocan .coma .comMain {
  color: #666;
  padding-top: 50px;
  line-height: 30px;
}
.zhishi-main .zhishiMain {
  margin-top: 22px;
  background: #f8f8f8;
  padding: 40px 0 80px;
}
.zhishi-main .zhishiMain .paddingWrap {
  padding: 40px 58px;
}
.zhishi-main .zhishiMain .orderXu {
  font-size: 1px;
  margin-left: 124px;
  margin-bottom: 30px;
}
.zhishi-main .zhishiMain .orderXu dl {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/zhishi/heng.png") 100% 20px no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 165px;
  margin: 0 15px;
}
.zhishi-main .zhishiMain .orderXu dl.last {
  background: none;
}
.zhishi-main .zhishiMain .orderXu dl dt {
  width: 42px;
  height: 42px;
  background: #505a6d;
  margin-bottom: 20px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.zhishi-main .zhishiMain .orderXu dl dd {
  color: #333;
  text-align: left;
  transform: translateX(-15%);
}
.zhishi-main .zhishiMain .xinyou {
  background: #505a6d;
  height: 152px;
  padding-top: 55px;
}
.zhishi-main .zhishiMain .xinyou .last dt {
  width: 20%;
}
.zhishi-main .zhishiMain .xinyou .last dd {
  width: 80%;
}
.zhishi-main .zhishiMain .xinyou dt {
  width: 40%;
}
.zhishi-main .zhishiMain .xinyou dd {
  width: 60%;
  padding-left: 18px;
}
.zhishi-main .zhishiMain .xinyou dd h6 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 1;
}
.zhishi-main .zhishiMain .xinyou dd p {
  color: #9aaac8;
}
.zhishi-main .zhishiMain .fileName {
  width: 160px;
  height: 160px;
  border: 1px solid #ededed;
  padding-top: 20px;
  text-align: center;
  margin-right: 24px;
}
.zhishi-main .zhishiMain .fileName.last {
  margin-right: 0;
}
.zhishi-main .zhishiMain .fileName p {
  padding-top: 20px;
  color: #333;
  text-align: center;
}
.zhishi-main .zhishiMain .fileName p span {
  display: block;
  color: #999;
  font-size: 12px;
}
.zhishi-main .zhishiMain .white {
  background: #fff;
}
.zhishi-main .zhishiMain .w114 {
  width: 1114px;
  height: 194px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/zhishi/zhi.png") no-repeat;
  background-size: cover;
  margin: 0 auto;
  padding-top: 10px;
}
.zhishi-main .zhishiMain .w114 .mol {
  width: 180px;
  line-height: 80px;
  float: left;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.zhishi-main .zhishiMain .ban dd h6 {
  color: #397ecd;
  font-size: 16px;
  line-height: 1;
  padding: 20px 0 25px;
}
.zhishi-main .zhishiMain .ban dd p {
  color: #666;
  line-height: 1;
}
.zhishi-main .zhishiMain .tiBot {
  padding-top: 35px;
  text-align: center;
  color: #333;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1 ;
}
.zhishi-main .zhiBot {
  padding: 70px 0 ;
}
.zhishi-main .zhiBot h4 {
  text-align: center;
  color: #333;
  font-size: 24px;
  margin-bottom: 20px;
}
.zhishi-main .zhiBot .he {
  text-align: center;
  height: 3px;
  margin-bottom: 50px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center 0 no-repeat;
}
.zhishi-main .zhiBot dl:hover {
  box-shadow: 0 0 10px #ddd;
}
.zhishi-main .zhiBot dt img {
  display: block;
  height: 180px;
  width: 100%;
}
.zhishi-main .zhiBot dd {
  background: #fff;
  padding-left: 20px;
  height: 70px;
  line-height: 70px;
}
.zhishi-main .zhiBot dd h6 {
  font-size: 16px;
  color: #333;
}
.zhishi-main .zhiBot dd div {
  color: #666;
}

.contactPanel {
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 43px;
  background-color: #ffffff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.contactPanel .contactPanelTitle {
  text-align: center;
  line-height: 23px;
  font-size: 24px;
  color: #333333;
}
.contactPanel .contactPanelIcon {
  margin-top: 25px;
  display: inline-block;
  width: 78px;
  height: 80px;
  background-size: 100% 100%;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/companyLib/854.png");
}
.contactPanel .contactPanelBtn {
  margin-top: 13px;
  width: 151px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  background-color: #397ecd;
}
.contactPanel .contactPanelBtn:hover {
  background: #2365aa;
}
.contactPanel .contactPanelPhone {
  margin-top: 22px;
  width: 216px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
  text-align: center;
  line-height: 18px;
  font-size: 18px;
  color: #666666;
}
.contactPanel .contactPanelService {
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  color: #333333;
}
.contactPanel .contactPanelServiceList {
  width: 216px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
}
.contactPanel .contactPanelServiceList .contactPanelServiceItem {
  width: 95px;
  line-height: 13px;
  margin-top: 12px;
  font-size: 12px;
  color: #666666;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.contactPanel .contactPanelServiceList .contactPanelServiceItem.contactPanelServiceItemLeft {
  justify-content: flex-start;
}
.contactPanel .contactPanelServiceList .contactPanelServiceItem.contactPanelServiceItemRight {
  justify-content: flex-end;
}
.contactPanel .contactPanelServiceList .contactPanelServiceItem .contactPanelServiceFlag {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #999999;
  margin-right: 5px;
}

.contact {
  position: fixed;
  right: 16px;
  bottom: 200px;
  z-index: 1999;
  width: auto;
  height: auto;
}
.contact .contactList .contactItem {
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  border-bottom: 1px solid #E3E3E3;
  background-color: #ffffff;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  color: #666666;
}
.contact .contactList .contactItem:hover {
  color: #397ecd;
}
.contact .contactList .contactItem.contactHeader {
  position: relative;
  width: 60px;
  height: 73px;
  color: #397ecd;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #E3E3E3;
}
.contact .contactList .contactItem.contactHeader .contactTxt {
  padding-top: 5px;
}
.contact .contactList .contactIcon {
  width: 35px;
  height: 30px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon6.png);
}
.contact .contactList .contactTxt {
  font-size: 12px;
  padding-bottom: 6px;
}
.contact .contactList .contactIconSend {
  margin-top: 11px;
  width: 22px;
  height: 24px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon1.png);
}
.contact .contactList .contactIconFollow {
  margin-top: 11px;
  width: 21px;
  height: 21px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon5.png);
}
.contact .contactList .contactIconFeedback {
  margin-top: 11px;
  width: 23px;
  height: 21px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon4.png);
}
.contact .contact-panel {
  position: absolute;
  top: 0;
  left: -240px;
  width: 216px;
  height: 280px;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
}
.contact .contact-panel .close {
  position: absolute;
  top: 19px;
  right: 17px;
  width: 12px;
  height: 10px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/x.png);
}
.contact .contact-panel .contact-panel-top {
  font-size: 14px;
  color: #666666;
  margin-top: 40px;
  margin-left: 33px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.contact .contact-panel .contact-panel-top .contact-panel-icon1 {
  margin-right: 24px;
  width: 23px;
  height: 21px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon3.png);
}
.contact .contact-panel .contact-panel-top .contact-panel-icon2 {
  margin-right: 24px;
  width: 23px;
  height: 23px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/icon2.png);
}
.contact .contact-panel .contact-panel-top .contact-panel-txt {
  display: block;
  color: #666666;
}
.contact .contact-panel .contact-panel-l {
  margin-top: 18px;
  width: 214px;
  height: 22px;
  display: block;
  background-size: 100% 100%;
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/case/l.png);
}
.contact .contact-panel .contact-panel-bottom {
  background-color: #397edc;
  padding: 10px 21px 15px 21px;
  font-size: 12px;
  color: #ffffff;
}
.contact .contact-panel .contact-panel-bottom p {
  line-height: 1.8;
  font-size: 12px;
}
.contact .caseQr {
  display: none;
  position: absolute;
  top: 99px;
  left: -124px;
}
.contact .caseQr img {
  width: 124px;
  height: 124px;
}

* {
  margin: 0;
  padding: 0;
}
.deviceShare {
  padding-top: 60px;
  background-color: #f8f8f8;
}
.deviceShare .more {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/deviceShare/background.png");
  background-size: 100% 100%;
  width: 100%;
  height: 260px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 417px;
}
.deviceShare .more p:nth-of-type(1) {
  font-size: 30px;
  color: #fff;
  line-height: 0.63;
}
.deviceShare .more a:nth-of-type(1) {
  display: block;
  margin-left: 85px;
  height: 40px;
  width: 180px;
  line-height: 40px;
  text-align: center;
  background-color: #397ecd;
  font-size: 16px;
  color: #fff;
}
.deviceShare .more p:nth-of-type(2) {
  display: block;
  margin-left: 40px;
  height: 40px;
  width: 180px;
  border: 1px solid #fff;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.deviceShare .headerScroll {
  position: absolute;
  height: 110px;
  width: 100%;
  top: 50%;
  margin-top: -30px;
}
.deviceShare .headerScroll a {
  display: block;
  background-color: transparent;
  transition: all 0.3s;
  position: absolute;
}
.deviceShare .headerScroll a i {
  padding: 38px 13px;
  font-size: 34px;
  color: #fff;
}
.deviceShare .headerScroll a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.deviceShare .headerScroll .headerScrollLeft {
  left: 0;
}
.deviceShare .headerScroll .headerScrollRight {
  right: 0;
}
.deviceShare i {
  font-style: normal;
}
.deviceShare li {
  list-style: none;
}
.deviceShare .print-content {
  width: 100%;
}
.deviceShare .print-content .content-banner {
  width: 100%;
  height: 802px;
  position: relative;
}
.deviceShare .print-content .content-banner .swiper-container {
  width: 100%;
  height: 100%;
}
.deviceShare .print-content .content-banner .swiper-container .center-img {
  width: 700px;
  position: absolute;
  right: 212px;
}
.deviceShare .print-content .content-banner .content-swiper {
  width: 100%;
  height: 220px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
.deviceShare .print-content .content-banner .content-swiper ul {
  width: 1201px;
  height: 100%;
  margin: 0 auto;
}
.deviceShare .print-content .content-banner .content-swiper ul li {
  width: 391px;
  height: 188px;
  float: left;
  background: #fff;
  margin-top: 16px;
  margin-right: 14px;
  color: #fff;
}
.deviceShare .print-content .content-banner .content-swiper ul li:last-child {
  margin-right: 0px;
}
.deviceShare .print-content .content-banner .content-swiper ul .li-bg1 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/deviceShare/banner-1.png');
  background-size: 100% 100%;
}
.deviceShare .print-content .content-banner .content-swiper ul .li-bg2 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/deviceShare/banner-2.png');
  background-size: 100% 100%;
}
.deviceShare .print-content .content-banner .content-swiper ul .li-bg3 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/deviceShare/banner-3.png');
  background-size: 100% 100%;
}
.deviceShare .print-content .content-banner .content-swiper ul .li-up {
  border-bottom: rgba(255, 255, 255, 0.6) solid 2px;
}
.deviceShare .tab {
  width: 100%;
  padding: 0 19% 0 19%;
  margin: 0 auto;
  background: #fff;
}
.deviceShare .tab .tab-ul {
  display: flex;
  flex-direction: row;
  height: 208px;
  padding-top: 79px;
  margin-left: 12.4%;
}
.deviceShare .tab .tab-ul .tab-li {
  height: 100%;
  width: 120px;
  margin-right: 56.7%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.deviceShare .tab .tab-ul .tab-li .title {
  font-size: 20px;
  white-space: nowrap;
  font-weight: 500;
  color: #333333;
  line-height: 0.95;
  margin-top: 21px;
  cursor: pointer;
}
.deviceShare .tab .tab-ul .tab-li img {
  cursor: pointer;
  height: 55px;
  width: 73px;
}
.deviceShare .tab .tab-ul .tab-li:last-child {
  margin-right: 0px;
}
.deviceShare .tab .tab-ul .choose {
  border-bottom: 4px solid #397ecd;
}
.deviceShare .tab .tab-ul .choose .title {
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 0.95;
  margin-top: 21px;
  color: #397ecd;
}
.deviceShare .back {
  width: 1200px;
  margin: 0 auto;
}
.deviceShare .back .service {
  padding-top: 26px;
}
.deviceShare .back .service span:nth-of-type(1) {
  color: #333;
  font-size: 20px;
  font-weight: 500;
}
.deviceShare .back .service span:nth-of-type(2) {
  cursor: pointer;
  padding-top: 5px;
  float: right;
  color: #397ecd;
  font-size: 14px;
}
.deviceShare .back .service .serviceEx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 24px;
}
.deviceShare .back .service .serviceEx .serviceItem {
  box-shadow: 0px 1px 20px 0 rgba(153, 153, 153, 0.25);
  width: 288px;
  height: 380px;
  background-color: #fff;
  margin-right: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.deviceShare .back .service .serviceEx .serviceItem:last-child {
  margin-right: 0px;
}
.deviceShare .back .service .serviceEx .serviceItem img {
  cursor: pointer;
  width: 80%;
  height: 180px;
  margin: 40px 0 40px 0;
}
.deviceShare .back .service .serviceEx .serviceItem p:nth-of-type(1) {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.06;
  color: #333;
}
.deviceShare .back .service .serviceEx .serviceItem p:nth-of-type(2) {
  padding-top: 14px;
  font-size: 14px;
  color: #666;
  line-height: 1.36;
}
.deviceShare .back .service .serviceEx .serviceItem p:nth-of-type(3) {
  padding-top: 15px;
  font-size: 16px;
  color: #ff8e09;
}
.deviceShare .back .device {
  padding-top: 42px;
}
.deviceShare .back .device span:nth-of-type(1) {
  color: #333;
  font-size: 20px;
  font-weight: 500;
}
.deviceShare .back .device a {
  cursor: pointer;
  padding-top: 5px;
  float: right;
  color: #397ecd;
  font-size: 14px;
}
.deviceShare .back .device .deviceEx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 23px;
}
.deviceShare .back .device .deviceEx .deviceItem {
  cursor: default;
  margin-bottom: 16px;
  width: 592px;
  height: 316px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 0px 1px 20px 0 rgba(153, 153, 153, 0.25);
}
.deviceShare .back .device .deviceEx .deviceItem .itemLeft {
  display: flex;
  flex-direction: column;
  width: 336px;
  padding: 56px 0 0 40px;
}
.deviceShare .back .device .deviceEx .deviceItem .itemLeft p:nth-of-type(1) {
  color: #333;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
}
.deviceShare .back .device .deviceEx .deviceItem .itemLeft p:nth-of-type(2) {
  padding-top: 21px;
  color: #ff8e09;
  font-size: 16px;
  line-height: 1.5;
}
.deviceShare .back .device .deviceEx .deviceItem .itemLeft p:nth-of-type(3) {
  padding-top: 31px;
  width: 195px;
  height: 140px;
  color: #333;
  font-size: 14px;
  line-height: 1.71;
  overflow: hidden;
  text-overflow: ellipsis;
}
.deviceShare .back .device .deviceEx .deviceItem .itemLeft a {
  color: #397ecd;
  font-size: 14px;
}
.deviceShare .back .device .deviceEx .deviceItem .itemRight img {
  width: 346px;
  height: 316px;
}
.deviceShare .back .demand {
  display: flex;
  flex-direction: row;
  margin-top: 52px;
  margin-bottom: 70px;
}
.deviceShare .back .demand .demandLeft {
  width: 490px;
  text-align: left;
}
.deviceShare .back .demand .demandLeft p:nth-of-type(1) {
  padding-top: 55px;
  font-size: 30px;
  font-weight: 900;
  line-height: 0.63;
  color: #333;
}
.deviceShare .back .demand .demandLeft p:nth-of-type(2) {
  width: 395px;
  height: 182px;
  padding-top: 32px;
  font-size: 14px;
  line-height: 2;
  color: #666;
}
.deviceShare .back .demand .demandLeft a:nth-of-type(1) {
  display: block;
  width: 220px;
  height: 40px;
  background-color: #397ecd;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.deviceShare .back .demand .demandLeft a:nth-of-type(2) {
  display: block;
  cursor: pointer;
  padding-top: 23px;
  font-size: 14px;
  color: #397ecd;
}
.deviceShare .back .demand .demandRight {
  width: 705px;
  background-color: #fff;
  padding: 12px 52px 24px 48px;
  cursor: default;
}
.deviceShare .back .demand .demandRight .demandItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.deviceShare .back .demand .demandRight .demandItem .left p:nth-of-type(1) {
  cursor: pointer;
  padding-top: 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.19;
  width: 525px;
  color: #333;
}
.deviceShare .back .demand .demandRight .demandItem .left p:nth-of-type(1):hover {
  padding-top: 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.19;
  width: 525px;
  color: #397ecd;
}
.deviceShare .back .demand .demandRight .demandItem .left p:nth-of-type(2) {
  padding: 10px 0 11px 0;
  font-size: 14px;
  line-height: 1.36;
  color: #666;
}
.deviceShare .back .demand .demandRight .demandItem p:nth-of-type(1) {
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
  padding-top: 24px;
  font-size: 14px;
  line-height: 1.36;
  color: #ff8e09;
}
.deviceShare .source {
  width: 100%;
  padding: 71px 19% 0 19%;
  background: #fff;
  display: flex;
  flex-direction: row;
}
.deviceShare .source .sourceLeft {
  width: 63.3%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.deviceShare .source .sourceLeft .item {
  position: relative;
  margin-bottom: 16px;
  height: 152px;
  width: 30%;
}
.deviceShare .source .sourceLeft .item .pop {
  width: 100%;
  height: 100%;
  background-color: #0931b6;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: default;
}
.deviceShare .source .sourceLeft .item .pop p:nth-of-type(1) {
  margin-top: 28px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.9px;
  color: #fefefe;
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.deviceShare .source .sourceLeft .item .pop p:nth-of-type(2) {
  font-size: 14px;
  color: #fff;
}
.deviceShare .source .sourceLeft .item .pop a {
  margin-top: 22px;
  width: 90px;
  height: 31px;
  line-height: 31px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
}
.deviceShare .source .sourceLeft .item .pop:hover {
  opacity: 0.8;
}
.deviceShare .source .sourceRight {
  margin-left: 115px;
  padding-top: 40px;
}
.deviceShare .source .sourceRight p:nth-of-type(1) {
  font-size: 30px;
  font-weight: 900;
  color: #333;
  line-height: 0.63;
}
.deviceShare .source .sourceRight div {
  padding-top: 32px;
  width: 336px;
  height: 162px;
  line-height: 2;
  color: #666;
  font-size: 14px;
}
.deviceShare .source .sourceRight .case {
  display: block;
  cursor: pointer;
  width: 220px;
  height: 40px;
  background-color: #397ecd;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.deviceShare .source .sourceRight .companylib {
  display: block;
  cursor: pointer;
  padding-top: 23px;
  font-size: 14px;
  color: #397ecd;
}
.deviceShare .source .pageChoose {
  margin: 25px 0 70px 286px;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.deviceShare .source .pageChoose span:nth-of-type(1) {
  cursor: pointer;
  display: block;
  width: 50px;
  height: 20px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #999999;
}
.deviceShare .source .pageChoose span:nth-of-type(2) {
  cursor: pointer;
  display: block;
  margin-left: 8px;
  width: 50px;
  height: 20px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #999999;
}

* {
  margin: 0;
  padding: 0;
}
.zhishi {
  padding-top: 60px;
  background-color: #f3f6fa;
}
.zhishi .floatImg img {
  width: 100%;
}
.zhishi .inlin {
  display: inline-block;
  vertical-align: middle;
}
.zhishi .w1080 {
  width: 1080px;
  margin: 0 auto;
}
.zhishi .emb {
  margin-bottom: 50px;
}
.zhishi .zi dt {
  padding: 5px 15px;
  color: #fff;
  background: #43c88f;
}
.zhishi .zi dd {
  padding: 15px 15px 0;
  color: #333;
  line-height: 24px;
}
.zhishi .zi dd .na {
  color: #43c88f;
}
.zhishi .d-table {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-right: 0;
  border-bottom: 0;
}
.zhishi .d-table.noBorder {
  border-top: 0;
}
.zhishi .d-table li {
  width: 25%;
  height: 140px;
  line-height: 140px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.zhishi .d-table li img {
  vertical-align: middle;
}
.zhishi .ant-carousel .slick-dots {
  bottom: -20px;
  height: 10px;
}
.zhishi .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
  background: #ebf2fa;
  border-radius: 50%;
  margin: 0 5px;
}
.zhishi .ant-carousel .slick-dots li.slick-active {
  background: #397ecd;
}
.zhishi .ant-carousel .slick-dots li.slick-active button {
  background: none;
}
.zhishi .ant-carousel .slick-slide {
  background: none;
}
.zhishi .zixun .mv dl {
  background: #fff;
}
.zhishi .zixun .pDiv {
  padding: 0 3px;
  width: 20%;
  height: 280px;
  position: relative;
}
.zhishi .zixun .pDiv.last {
  padding: 0;
}
.zhishi .zixun .pDiv .grayDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.6);
}
.zhishi .zixun dl {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 35px;
  color: #666;
  transition: all 0.5s;
  position: absolute;
}
.zhishi .zixun dl:hover {
  box-shadow: 0 0 25px #c4e1ff;
  z-index: 9;
}
.zhishi .zixun dl p {
  margin-bottom: 10px;
}
.zhishi .zixun dl .online {
  padding-top: 10px;
}
.zhishi .zixun dl .online a {
  width: 120px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.zhishi .zixun dl .online a.online-status {
  border-color: #e3e3e3;
  color: #666;
  background: #e3e3e3;
}
.zhishi .zixun dl .online a.online-status:hover {
  border-color: #333;
  color: #fff;
  background: #333;
}
.zhishi .zixun dl .online a:hover {
  background: #397ecd;
  color: #fff;
}
.zhishi .zixun dl .br {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.zhishi .zixun dl .br .grayDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  background: rgba(250, 250, 250, 0.6);
}
.zhishi .zixun dl .br .grayDiv.showDiv {
  display: block;
}
.zhishi .zixun dl .br img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
}
.zhishi .temp {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/activity/banner_print.png") no-repeat center center;
  background-size: cover !important;
}
.zhishi .bannerBox {
  height: 580px;
  position: relative;
}
.zhishi .bannerBox .bannerContentBox {
  width: 1200px;
  position: absolute;
  bottom: -41px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 {
  height: 435px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap {
  height: 435px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 43px 0;
  font-size: 0;
  text-align: center;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap img {
  display: inline-block;
  width: 214px;
  height: 217px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap .ant-carousel .slick-slide {
  background: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap {
  height: 435px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 42px 0;
  padding-left: 56px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTitle {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainContent {
  display: inline-block;
  color: #666;
  font-size: 14px;
  padding: 0 0 20px 0;
  line-height: 1.1;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 1.1;
  padding: 31px 0;
  border-top: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.1;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:first-child {
  font-size: 14px;
  color: #999;
  text-align: right;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .nowPrice {
  font-size: 20px;
  font-style: normal;
  color: #ff6900;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .OldPrice {
  margin-left: 7px;
  color: #666666;
  font-size: 14px;
  text-decoration-line: line-through;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:nth-of-type(4) {
  padding: 4px 10px;
  background: #edf5ff;
  border: 1px solid #83bdff;
  color: #3689e7;
  position: relative;
  line-height: 12px;
  font-size: 12px;
  margin: 0 0 0 17px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:nth-of-type(4) img {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -3px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-top: 8px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal span {
  flex: 0 0 auto;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  margin: 0 10px 0 0;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li {
  cursor: pointer;
  padding: 6px 23px;
  border: 1px solid #d8d8d8;
  max-width: 160px;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  margin: 12px 16px 0 0;
  position: relative;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li .setMealActImg {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover .setMealActImg {
  display: block;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct .setMealActImg {
  display: block;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone span {
  color: #999;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone input {
  width: 200px;
  height: 36px;
  padding: 0 0 0 8px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  vertical-align: middle;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan {
  width: 182px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .b {
  width: 92px;
  float: left;
  font-weight: normal;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .f {
  width: 90px;
  height: 36px;
  float: right;
  line-height: 36px;
  display: block;
  text-align: center;
  color: #fff;
  background: #397ecd;
  outline: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn {
  padding: 13px 0;
  width: 260px;
  background: #397ecd;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  margin: 20px 0 20px 80px;
  border-radius: 0;
  outline: none;
  border: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn:hover {
  background: #2365aa;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip {
  color: #999;
  font-size: 12px;
  line-height: 1.1;
  padding: 0 0 0 80px;
  position: relative;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small {
  color: #999;
  font-size: 12px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small i {
  font-style: normal;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i {
  font-style: normal;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i:first-child {
  margin: 0 5px 0 0;
}
.zhishi .zhiMain {
  padding: 50px 0 30px;
  background: #fff;
}
.zhishi .zhiMain h4 {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
}
.zhishi .zhiMain .he {
  text-align: center;
  height: 3px;
  margin-bottom: 15px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center 0 no-repeat;
}
.zhishi .zhiMain .ti {
  text-align: center;
  color: #666;
  margin-bottom: 40px;
}
.zhishi .zhiMain .taocan {
  font-size: 1px;
}
.zhishi .zhiMain .taocan .coma {
  width: 282px;
  height: 300px;
  margin: 0 11px 10px 11px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  position: relative;
  box-shadow: 0 0 5px #e3e3e3;
}
.zhishi .zhiMain .taocan .coma.qi {
  line-height: 300px;
}
.zhishi .zhiMain .taocan .coma.hot .comMain {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/zhishi/hot.png") center 15px no-repeat;
}
.zhishi .zhiMain .taocan .coma.hot .comMain p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zhishi .zhiMain .taocan .coma .comBtn {
  position: absolute;
  width: 120px;
  height: 35px;
  border: 1px solid #397ecd;
  color: #397ecd;
  outline: none;
  bottom: 40px;
  left: 50%;
  margin-left: -60px;
  cursor: pointer;
  line-height: 35px;
}
.zhishi .zhiMain .taocan .coma .comBtn:hover {
  background: #397ecd;
  color: #fff;
}
.zhishi .zhiMain .taocan .coma .taoTop {
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #000;
}
.zhishi .zhiMain .taocan .coma .comMain {
  color: #666;
  padding-top: 50px;
  line-height: 30px;
}
.zhishi .zhishiMain {
  margin-top: 22px;
  background: #f8f8f8;
  padding: 40px 0 10px;
}
.zhishi .zhishiMain .paddingWrap {
  padding: 40px 40px;
}
.zhishi .zhishiMain .white {
  background-color: #fff;
}
.zhishi .zhishiMain .content .title {
  font-size: 16px;
  text-indent: 15px;
  font-weight: 500;
  border-left: 4px solid #377fce;
}
.zhishi .zhishiMain .content .body {
  padding: 35px 0px;
  font-size: 14px;
}
.zhishi .zhishiMain .content .body img {
  display: block;
  width: 100%;
}
.zhishi .zhishiMain .bottom-hot {
  margin-top: 20px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-title {
  position: relative;
  padding: 12px 0px;
  border-bottom: 1px solid #f1f1f1;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-title .name {
  display: inline-block;
  text-indent: 15px;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-title .more {
  position: absolute;
  display: inline-block;
  margin-top: 5px;
  padding-right: 20px;
  right: 0px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content {
  width: 100%;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list {
  padding: 24px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item {
  border: 1px solid #f3f7fa;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .cover img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 180px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title {
  padding: 12px 15px;
  border-bottom: 1px solid #f3f7fa;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title .name {
  color: #303030;
  padding-bottom: 4px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title .name h1 {
  font-size: 15px;
  width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title .subtitle {
  font-size: 12px;
  color: #9a9a9a;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .money {
  padding: 15px;
  font-size: 12px;
  color: #ff6900;
  border-bottom: 1px solid #f3f7fa;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .money .prominent {
  font-size: 20px;
}
.zhishi .zhishiMain .slide-list .title {
  position: relative;
  padding: 12px 0px;
  border-bottom: 1px solid #f1f1f1;
}
.zhishi .zhishiMain .slide-list .title .name {
  display: inline-block;
  background-color: #00a3ff;
  color: #FFF;
  font-size: 15px;
  padding: 5px 10px;
  border-radius: 0 15px 15px 0;
}
.zhishi .zhishiMain .slide-list .title .more {
  position: absolute;
  display: inline-block;
  margin-top: 5px;
  padding-right: 20px;
  right: 0px;
}
.zhishi .zhishiMain .slide-list .list ul {
  padding: 0px 28px;
}
.zhishi .zhishiMain .slide-list .list ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.zhishi .zhishiMain .slide-list .list ul li span {
  display: block;
}
.zhishi .zhishiMain .slide-list .list ul li .show {
  margin: 0 auto;
  display: block;
  margin: 20px 0px;
}
.zhishi .zhishiMain .slide-list .list ul li .subtitle {
  font-size: 15px;
  font-weight: 500;
}
.zhishi .zhishiMain .slide-list .list ul li .subtitle .name {
  color: #303030;
  margin-left: 5px;
  font-size: 15px;
}
.zhishi .zhishiMain .slide-list .list ul li .tag {
  padding-top: 12px;
  padding-bottom: 20px;
  font-size: 12px;
  margin-left: 5px;
}
.zhishi .zhishiMain .slide-list .list ul li:last-child {
  border-bottom: none;
}
.print-ad {
  height: 280px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/activity/print_detail_bottom.jpg') center center no-repeat;
}
.print-ad .left {
  margin-top: 85px;
  padding-left: 60px;
}
.print-ad .left h1 {
  color: #fff;
  font-weight: 500px;
}
.print-ad .right {
  position: relative;
}
.print-ad .right .submit {
  position: absolute;
  right: 60px;
  margin-top: 98px;
  display: block;
  width: 318px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
}

* {
  margin: 0;
  padding: 0;
}
.headerScroll {
  position: absolute;
  height: 110px;
  width: 100%;
  top: 50%;
  margin-top: -30px;
}
.headerScroll a {
  display: block;
  background-color: transparent;
  transition: all 0.3s;
  position: absolute;
}
.headerScroll a i {
  padding: 38px 13px;
  font-size: 34px;
  color: #fff;
}
.headerScroll a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.headerScroll .headerScrollLeft {
  left: 0;
}
.headerScroll .headerScrollRight {
  right: 0;
}
i {
  font-style: normal;
}
li {
  list-style: none;
}
.print-content {
  width: 100%;
}
.print-content .content-banner {
  width: 100%;
  height: 680px;
  position: relative;
}
.print-content .content-banner .swiper-container {
  width: 100%;
  height: 100%;
}
.print-content .content-banner .swiper-container .center-img {
  width: 700px;
  position: absolute;
  right: 212px;
}
.print-content .content-banner .content-swiper {
  width: 100%;
  height: 152px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
.print-content .content-banner .content-swiper ul {
  width: 1076px;
  height: 100%;
  margin: 0 auto;
}
.print-content .content-banner .content-swiper ul li {
  width: 348px;
  height: 120px;
  float: left;
  background: #fff;
  margin-top: 16px;
  margin-right: 16px;
  color: #fff;
}
.print-content .content-banner .content-swiper ul li:last-child {
  margin-right: 0px;
}
.print-content .content-banner .content-swiper ul li p {
  margin-top: 31px;
  margin-left: 26px;
  font-size: 24px;
}
.print-content .content-banner .content-swiper ul li span {
  margin-left: 26px;
  font-size: 14px;
}
.print-content .content-banner .content-swiper ul .li-bg1 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/bg.png');
  background-size: 100% 100%;
}
.print-content .content-banner .content-swiper ul .li-bg2 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/rectangle-2.png');
  background-size: 100% 100%;
}
.print-content .content-banner .content-swiper ul .li-bg3 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/rectangle-3.png');
  background-size: 100% 100%;
}
.print-content .content-banner .content-swiper ul .li-up {
  border-bottom: rgba(255, 255, 255, 0.6) solid 2px;
}
.print-content .content-make {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
}
.print-content .content-make .make-make {
  width: 1076px;
  margin: 20px auto;
}
.print-content .content-make .make-make .make-title {
  width: 100%;
  margin-bottom: 17px;
}
.print-content .content-make .make-make .make-title .title-left {
  font-size: 22px;
  color: #222;
}
.print-content .content-make .make-make .make-title .title-right {
  float: right;
}
.print-content .content-make .make-make .make-title .title-right i {
  color: #ccc;
}
.print-content .content-make .make-make .make-title .title-right a {
  color: #666666;
  font-size: 16px;
}
.print-content .content-make .make-make .make-title .title-right .title-click {
  font-size: 16px;
  color: #fc6729;
}
.print-content .content-make .make-make .make-card {
  width: 100%;
  overflow: hidden;
}
.print-content .content-make .make-make .make-card li {
  width: 257px;
  height: 360px;
  margin-right: 16px;
  float: left;
  background: #fff;
  text-align: center;
  position: relative;
  background-size: 100% 100%;
}
.print-content .content-make .make-make .make-card li:last-child {
  margin-right: 0px;
}
.print-content .content-make .make-make .make-card li .make-pop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/mask@2x.jpg');
  background-size: 100% 100%;
}
.print-content .content-make .make-make .make-card li .make-pop.back-1 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/scaan.png');
}
.print-content .content-make .make-make .make-card li .make-pop.back-2 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/modal.png');
}
.print-content .content-make .make-make .make-card li .make-pop.back-3 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/later.png');
}
.print-content .content-make .make-make .make-card li .make-pop .title-up {
  color: #fff;
  margin-top: 41px;
  margin-left: 24px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}
.print-content .content-make .make-make .make-card li .make-pop .title-down {
  color: #fff;
  font-size: 14px;
  margin-left: 24px;
  text-align: left;
}
.print-content .content-make .make-make .make-card li .make-pop ul {
  width: 100%;
  margin-top: 47px;
  margin-left: 24px;
  overflow: hidden;
  position: relative;
}
.print-content .content-make .make-make .make-card li .make-pop ul li {
  width: 100px;
  height: 32px;
  margin-right: 7px;
  margin-bottom: 10px;
  float: left;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.06);
}
.print-content .content-make .make-make .make-card li .make-pop ul li:first-child {
  background: rgba(0, 0, 0, 0.06);
}
.print-content .content-make .make-make .make-card li .make-pop .make-btn {
  width: 209px;
  height: 46px;
  background: #fff;
  color: #397ecd;
  text-align: center;
  line-height: 46px;
  font-size: 14px;
  position: absolute;
  bottom: 30px;
  left: 9%;
}
.print-content .content-make .make-make .make-card li .make-hot {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 24px;
  background: #f15a5a;
  padding: 2px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
.print-content .content-make .make-make .make-card li .make-name {
  font-size: 14px;
  color: #333333;
  margin-top: 257px;
  margin-bottom: 5px;
}
.print-content .content-make .make-make .make-card li .make-detail {
  font-size: 12px;
  color: #848484;
  margin-bottom: 16px;
  margin-left: 24px;
  margin-right: 24px;
}
.print-content .content-make .make-make .make-card li .make-price {
  font-size: 16px;
  color: #fc6729;
}
.print-content .content-make .make-make .make-card li:last-child {
  margin-right: 0px;
}
.print-content .content-make .make-make .make-center {
  width: 100%;
  margin-top: 40px;
  height: 120px;
  background: #e8e9ed;
  overflow: hidden;
}
.print-content .content-make .make-make .make-center .center-name {
  float: left;
  margin-left: 9%;
  margin-top: 40px;
  font-size: 26px;
}
.print-content .content-make .make-make .make-center ul {
  width: 44%;
  overflow: hidden;
  margin-top: 35px;
  margin-left: 56px;
  float: left;
}
.print-content .content-make .make-make .make-center ul li {
  width: 22%;
  float: left;
  margin-right: 36px;
  color: #666;
  margin-bottom: 12px;
}
.print-content .content-make .make-make .make-center ul li p {
  font-size: 14px;
}
.print-content .content-make .make-make .make-center ul li i {
  background: #397ecd;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 3px;
}
.print-content .content-make .make-make .make-center .center-btn {
  float: right;
  margin-top: 48px;
  margin-right: 1%;
  color: #397ecd;
  font-size: 18px;
}
.print-content .content-make .make-make .make-center img {
  float: right;
  width: 40px;
  margin-top: 40px;
  margin-right: 4%;
}
.print-content .content-make .make-make .make-title1 {
  width: 100%;
  margin-top: 38px;
  margin-bottom: 17px;
}
.print-content .content-make .make-make .make-title1 .title-left {
  font-size: 22px;
  color: #222;
}
.print-content .content-make .make-make .make-title1 img {
  float: right;
  width: 40px;
  height: 24px;
  margin-top: 10px;
}
.print-content .content-make .make-make .make-pack {
  width: 100%;
  overflow: hidden;
  margin-bottom: 48px;
}
.print-content .content-make .make-make .make-pack li {
  float: left;
  width: 348px;
  height: 227px;
  background: #fff;
  margin-right: 16px;
  position: relative;
  background-image: 100% 100%;
}
.print-content .content-make .make-make .make-pack li:last-child {
  margin-right: 0px;
}
.print-content .content-make .make-make .make-pack li .pack-name {
  margin-top: 24px;
  margin-left: 24px;
  font-size: 18px;
}
.print-content .content-make .make-make .make-pack li .pack-price {
  margin-top: 5px;
  margin-left: 24px;
  font-size: 14px;
  color: #fc6729;
}
.print-content .content-make .make-make .make-pack li .pack-btn {
  display: inline-block;
  margin-top: 112px;
  margin-left: 24px;
  font-size: 14px;
  color: #397ecd;
}
.print-content .content-make .make-make .make-pack li .pack-pop:hover {
  opacity: 1;
}
.print-content .content-make .make-make .make-pack li .pack-pop {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(237deg, rgba(105, 130, 236, 0.9), rgba(77, 77, 218, 0.9));
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.print-content .content-make .make-make .make-pack li .pack-pop .pop-name {
  margin-top: 24px;
  margin-left: 24px;
  font-size: 18px;
  color: #fff;
}
.print-content .content-make .make-make .make-pack li .pack-pop .pop-price {
  margin-top: 5px;
  margin-left: 24px;
  font-size: 14px;
  color: #ffe418;
}
.print-content .content-make .make-make .make-pack li .pack-pop ul {
  width: 100%;
  margin-left: 24px;
  overflow: hidden;
  margin-top: 16px;
}
.print-content .content-make .make-make .make-pack li .pack-pop ul li {
  float: left;
  width: 94px;
  height: 32px;
  margin-right: 8px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.06);
  margin-bottom: 8px;
  opacity: 0.76;
}
.print-content .content-make .make-make .make-pack li .pack-pop .pop-btn {
  margin-left: 24px;
  margin-top: 16px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
.print-content .content-make .make-make .use-title {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}
.print-content .content-make .make-make .use-title .title-left {
  font-size: 22px;
  color: #222;
}
.print-content .content-make .make-make .use-title img {
  float: right;
  width: 40px;
  height: 24px;
  margin-top: 10px;
}
.print-content .content-make .make-make .use-pack:hover {
  background-color: red;
}
.print-content .content-make .make-make .use-pack {
  width: 100%;
  overflow: hidden;
}
.print-content .content-make .make-make .use-pack li {
  float: left;
  width: 529px;
  height: 227px;
  background: #fff;
  margin-right: 16px;
  position: relative;
}
.print-content .content-make .make-make .use-pack li:last-child {
  margin-right: 0px;
}
.print-content .content-make .make-make .use-pack li .use-name {
  margin-top: 29px;
  margin-left: 24px;
  font-size: 18px;
}
.print-content .content-make .make-make .use-pack li .use-price {
  margin-top: 5px;
  margin-left: 24px;
  font-size: 14px;
  color: #fc6729;
}
.print-content .content-make .make-make .use-pack li .use-detail {
  margin-top: 16px;
  margin-left: 24px;
  font-size: 12px;
  color: #666;
  width: 50%;
}
.print-content .content-make .make-make .use-pack li .use-btn {
  margin-top: 51px;
  margin-left: 24px;
  font-size: 14px;
  color: #397ecd;
  display: inline-block;
}
.print-content .content-make .make-make .use-pack li img {
  float: right;
  width: 196px;
  margin-top: -148px;
}
.print-content .content-make .make-make .use-pack li .pack-pop {
  width: 100%;
  height: 100%;
  background: rgba(31, 28, 234, 0.9);
  position: absolute;
  top: 0;
  left: 0;
}
.print-content .content-make .make-make .use-pack li .pack-pop .pop-name {
  margin-top: 18px;
  margin-left: 12px;
  font-size: 13px;
  color: #fff;
}
.print-content .content-make .make-make .use-pack li .pack-pop .pop-price {
  margin-top: 5px;
  margin-left: 12px;
  font-size: 12px;
  color: yellow;
}
.print-content .content-make .make-make .use-pack li .pack-pop ul {
  width: 100%;
  margin-left: 12px;
  overflow: hidden;
  margin-top: 10px;
}
.print-content .content-make .make-make .use-pack li .pack-pop ul li {
  float: left;
  width: 27%;
  height: 20px;
  margin-left: 3px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  background: #1f1cea;
  margin-bottom: 8px;
}
.print-content .content-make .make-make .use-pack li .pack-pop .pop-btn {
  margin-left: 12px;
  font-size: 12px;
  color: #fff;
}
.print-content .content-make .make-make .example-pack {
  width: 100%;
  margin-top: 38px;
  margin-bottom: 17px;
}
.print-content .content-make .make-make .example-pack .example-left {
  font-size: 22px;
  color: #222;
}
.print-content .content-make .make-make .example-pack .pack-right {
  float: right;
  margin-top: 10px;
}
.print-content .content-make .make-make .example-pack .pack-right .example-click {
  color: #fc6729;
}
.print-content .content-make .make-make .example-pack .pack-right i {
  color: #ccc;
}
.print-content .content-make .make-make .example-pack .pack-right a {
  color: #666666;
  font-size: 16px;
}
.print-content .content-make .make-make .example-li {
  width: 100%;
}
.print-content .content-make .make-make .example-li ul {
  width: 51%;
  float: left;
}
.print-content .content-make .make-make .example-li ul li {
  float: left;
  width: 257px;
  height: 256px;
  background: #fff;
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
}
.print-content .content-make .make-make .example-li ul li img {
  width: 100%;
}
.print-content .content-make .make-make .example-li ul li .li-pop:hover {
  opacity: 0.9;
}
.print-content .content-make .make-make .example-li ul li .li-pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(225deg, #6982ec, #4d4dda);
  opacity: 0;
  text-align: center;
  cursor: pointer;
}
.print-content .content-make .make-make .example-li ul li .li-pop .pop-name {
  color: #fff;
  margin-top: 40%;
  margin-bottom: 10px;
  font-size: 18px;
}
.print-content .content-make .make-make .example-li ul li .li-pop .pop-p {
  font-size: 12px;
  color: #fff;
}
.print-content .content-make .make-make .example-li .example-right {
  width: 527px;
  height: 528px;
  float: right;
  background: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.print-content .content-make .make-make .example-li .example-right img {
  width: 76%;
  margin: 0 auto;
}
.print-content .content-make .make-make .example-li .example-right .right-name {
  font-size: 28px;
  margin-bottom: 10px;
}
.print-content .content-make .make-make .example-li .example-right .right-price {
  font-size: 14px;
  margin-bottom: 14%;
}
.print-content .content-make .make-make .example-li .example-right .li-pop:hover {
  opacity: 0.9;
}
.print-content .content-make .make-make .example-li .example-right .li-pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(225deg, #6982ec, #4d4dda);
  opacity: 0;
  text-align: center;
}
.print-content .content-make .make-make .example-li .example-right .li-pop .pop-name {
  color: #fff;
  margin-top: 40%;
  margin-bottom: 10px;
  font-size: 28px;
}
.print-content .content-make .make-make .example-li .example-right .li-pop .pop-p {
  font-size: 14px;
  color: #fff;
}
.print-content .content-line {
  width: 100%;
  background: #fff;
}
.print-content .content-line .link-content {
  width: 1076px;
  margin: 20px auto;
}
.print-content .content-line .link-content .line-name {
  margin-top: 38px;
  margin-bottom: 10px;
  font-size: 22px;
}
.print-content .content-line .link-content ul {
  width: 100%;
}
.print-content .content-line .link-content ul li {
  width: 348px;
  height: 128px;
  background: #f8f8f8;
  float: left;
  margin-right: 16px;
}
.print-content .content-line .link-content ul li:last-child {
  margin-right: 0px;
}
.print-content .content-line .link-content ul li img {
  float: left;
  width: 48px;
  margin-top: 42px;
  margin-left: 42px;
  margin-right: 42px;
}
.print-content .content-line .link-content ul li .li-name {
  margin-top: 41px;
  font-size: 18px;
  color: #999;
}
.print-content .content-line .link-content ul li .li-title {
  font-size: 18px;
  color: #999;
}
.print-content .content-line .link-content ul .li-bg {
  background: #edf3ff;
}
.print-content .content-line .link-content ul .li-bg .li-img {
  width: 100%;
  margin-left: 0;
  margin-top: 33px;
}
.print-content .content-line .link-content ul .li-bg .li-name {
  color: #667be3;
}
.print-content .content-line .link-content ul .li-bg .li-title {
  color: #667be3;
}
.print-content .content-line .link-content .line-img {
  width: 100%;
}
.print-content .content-line .link-content .line-img img {
  width: 100%;
  margin-top: 10px;
}
.print-content .content-line .link-content .line-btn {
  width: 264px;
  height: 46px;
  text-align: center;
  background: #0966d1;
  margin: 0 auto;
  font-size: 14px;
  line-height: 46px;
}
.print-content .content-line .link-content .line-btn a {
  color: #fff;
}
.print-content .content-line .link-content .use-title {
  width: 100%;
  margin-top: 38px;
  margin-bottom: 17px;
}
.print-content .content-line .link-content .use-title .title-left {
  font-size: 22px;
  color: #222;
}
.print-content .content-line .link-content .use-title img {
  float: right;
  width: 40px;
  height: 24px;
}
.print-content .content-line .link-content .use-pack {
  width: 100%;
  overflow: hidden;
}
.print-content .content-line .link-content .use-pack li {
  float: left;
  width: 529px;
  height: 227px;
  background: #fff;
  margin-right: 16px;
  position: relative;
  background-size: 100% 100%;
}
.print-content .content-line .link-content .use-pack li p {
  width: 229px;
}
.print-content .content-line .link-content .use-pack li:last-child {
  margin-right: 0px;
}
.print-content .content-line .link-content .use-pack li .use-name {
  margin-top: 29px;
  margin-left: 24px;
  font-size: 18px;
}
.print-content .content-line .link-content .use-pack li .use-price {
  margin-top: 5px;
  margin-left: 24px;
  font-size: 14px;
  color: #fc6729;
}
.print-content .content-line .link-content .use-pack li .use-detail {
  margin-top: 16px;
  margin-left: 24px;
  font-size: 12px;
  line-height: 1.67;
  height: 60px;
}
.print-content .content-line .link-content .use-pack li .use-btn {
  display: inline-block;
  margin-top: 31px;
  margin-left: 24px;
  font-size: 14px;
  color: #397ecd;
}
.print-content .content-line .link-content .use-pack li .pack-pop {
  width: 100%;
  height: 100%;
  background: rgba(31, 28, 234, 0.9);
  position: absolute;
  top: 0;
  left: 0;
}
.print-content .content-line .link-content .use-pack li .pack-pop .pop-name {
  margin-top: 18px;
  margin-left: 12px;
  font-size: 13px;
  color: #fff;
}
.print-content .content-line .link-content .use-pack li .pack-pop .pop-price {
  margin-top: 5px;
  margin-left: 12px;
  font-size: 12px;
  color: yellow;
}
.print-content .content-line .link-content .use-pack li .pack-pop ul {
  width: 100%;
  margin-left: 12px;
  overflow: hidden;
  margin-top: 10px;
}
.print-content .content-line .link-content .use-pack li .pack-pop ul li {
  float: left;
  width: 27%;
  height: 20px;
  margin-left: 3px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  background: #1f1cea;
  margin-bottom: 8px;
}
.print-content .content-line .link-content .use-pack li .pack-pop .pop-btn {
  display: inline-block;
  margin-left: 12px;
  font-size: 12px;
  color: #fff;
}
.print-content .content-news {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
}
.print-content .content-news .news {
  width: 1076px;
  margin: 20px auto;
}
.print-content .content-news .news .news-name {
  margin-top: 38px;
  margin-bottom: 18px;
  font-size: 22px;
}
.print-content .content-news .news ul {
  width: 344px;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
}
.print-content .content-news .news ul li {
  width: 100%;
  height: 54px;
  background: #fff;
  line-height: 54px;
  font-size: 14px;
  color: #666;
  text-align: left;
}
.print-content .content-news .news ul li p {
  margin-left: 28px;
}
.print-content .content-news .news ul li:first-child {
  height: 80px;
  line-height: 100px;
}
.print-content .content-news .news ul li:last-child {
  height: 80px;
}
.print-content .content-news .news ul :hover {
  background: #f5f5f5;
}
.print-content .content-news .news .news-img {
  width: 475px;
  height: 324px;
  float: left;
}
.print-content .content-news .news .news-img img {
  width: 100%;
  height: 100%;
}
.print-content .content-news .news .news-detail {
  background: #5d6168;
  height: 324px;
  width: 253px;
  float: left;
}
.print-content .content-news .news .news-detail p {
  margin: 48px 20px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}
.print-content .content-bottom {
  width: 100%;
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/printChannel/maskbg.png');
  background-size: 100% 100%;
  overflow: hidden;
}
.print-content .content-bottom ul {
  width: 1076px;
  height: 100%;
  margin: 56px auto;
}
.print-content .content-bottom ul li {
  float: left;
  margin-left: 162px;
}
.print-content .content-bottom ul li p {
  color: #fff;
  font-size: 18px;
}
.print-content .content-bottom ul li .li-btn {
  width: 179px;
  height: 40px;
  background: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  margin: 24px auto;
  margin-right: 10%;
  color: #397ecd;
}
.print-content .content-bottom ul .li-bottom {
  padding-left: 10%;
  margin-left: 10%;
  border-left: rgba(255, 255, 255, 0.3) solid 2px;
}

.zhishi {
  padding-top: 60p;
  background-color: #f3f6fa;
}
.zhishi .floatImg img {
  width: 100%;
}
.zhishi .inlin {
  display: inline-block;
  vertical-align: middle;
}
.zhishi .w1080 {
  width: 1080px;
  margin: 0 auto;
}
.zhishi .emb {
  margin-bottom: 50px;
}
.zhishi .zi dt {
  padding: 5px 15px;
  color: #fff;
  background: #43c88f;
}
.zhishi .zi dd {
  padding: 15px 15px 0;
  color: #333;
  line-height: 24px;
}
.zhishi .zi dd .na {
  color: #43c88f;
}
.zhishi .d-table {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-right: 0;
  border-bottom: 0;
}
.zhishi .d-table.noBorder {
  border-top: 0;
}
.zhishi .d-table li {
  width: 25%;
  height: 140px;
  line-height: 140px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.zhishi .d-table li img {
  vertical-align: middle;
}
.zhishi .ant-carousel .slick-dots {
  bottom: -20px;
  height: 10px;
}
.zhishi .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
  background: #ebf2fa;
  border-radius: 50%;
  margin: 0 5px;
}
.zhishi .ant-carousel .slick-dots li.slick-active {
  background: #397ecd;
}
.zhishi .ant-carousel .slick-dots li.slick-active button {
  background: none;
}
.zhishi .ant-carousel .slick-slide {
  background: none;
}
.zhishi .zixun .mv dl {
  background: #fff;
}
.zhishi .zixun .pDiv {
  padding: 0 3px;
  width: 20%;
  height: 280px;
  position: relative;
}
.zhishi .zixun .pDiv.last {
  padding: 0;
}
.zhishi .zixun .pDiv .grayDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(250, 250, 250, 0.6);
}
.zhishi .zixun dl {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 35px;
  color: #666;
  transition: all 0.5s;
  position: absolute;
}
.zhishi .zixun dl:hover {
  box-shadow: 0 0 25px #c4e1ff;
  z-index: 9;
}
.zhishi .zixun dl p {
  margin-bottom: 10px;
}
.zhishi .zixun dl .online {
  padding-top: 10px;
}
.zhishi .zixun dl .online a {
  width: 120px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.zhishi .zixun dl .online a.online-status {
  border-color: #e3e3e3;
  color: #666;
  background: #e3e3e3;
}
.zhishi .zixun dl .online a.online-status:hover {
  border-color: #333;
  color: #fff;
  background: #333;
}
.zhishi .zixun dl .online a:hover {
  background: #397ecd;
  color: #fff;
}
.zhishi .zixun dl .br {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.zhishi .zixun dl .br .grayDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  background: rgba(250, 250, 250, 0.6);
}
.zhishi .zixun dl .br .grayDiv.showDiv {
  display: block;
}
.zhishi .zixun dl .br img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
}
.zhishi .temp {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/activity/banner_print.png") no-repeat center center;
  background-size: cover !important;
}
.zhishi .bannerBox {
  height: 580px;
  position: relative;
}
.zhishi .bannerBox .bannerContentBox {
  width: 1200px;
  position: absolute;
  bottom: -41px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 {
  height: 435px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap {
  height: 435px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 43px 0;
  font-size: 0;
  text-align: center;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap img {
  display: inline-block;
  width: 214px;
  height: 217px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-8 .bannerContentBoxWrap .ant-carousel .slick-slide {
  background: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap {
  height: 435px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(160, 160, 160, 0.26);
  padding: 40px 0 42px 0;
  padding-left: 56px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTitle {
  font-size: 20px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainContent {
  color: #666;
  font-size: 14px;
  padding: 0 0 20px 0;
  line-height: 1.1;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  line-height: 1.1;
  padding: 31px 0;
  border-top: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span {
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.1;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:first-child {
  font-size: 14px;
  color: #999;
  text-align: right;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .nowPrice {
  font-size: 20px;
  font-style: normal;
  color: #ff6900;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice .OldPrice {
  margin-left: 7px;
  color: #666666;
  font-size: 14px;
  text-decoration-line: line-through;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:nth-of-type(4) {
  padding: 4px 10px;
  background: #edf5ff;
  border: 1px solid #83bdff;
  color: #3689e7;
  position: relative;
  line-height: 12px;
  font-size: 12px;
  margin: 0 0 0 17px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPrice span:nth-of-type(4) img {
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -3px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-top: 8px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal span {
  flex: 0 0 auto;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  margin: 0 10px 0 0;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li {
  cursor: pointer;
  padding: 6px 23px;
  border: 1px solid #d8d8d8;
  max-width: 160px;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  margin: 12px 16px 0 0;
  position: relative;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li .setMealActImg {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul li:hover .setMealActImg {
  display: block;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .setMeal ul .setMealAct .setMealActImg {
  display: block;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone span {
  color: #999;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone input {
  width: 200px;
  height: 36px;
  padding: 0 0 0 8px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  vertical-align: middle;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan {
  width: 182px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .b {
  width: 92px;
  float: left;
  font-weight: normal;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainPhone .yan .f {
  width: 90px;
  height: 36px;
  float: right;
  line-height: 36px;
  display: block;
  text-align: center;
  color: #fff;
  background: #397ecd;
  outline: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn {
  padding: 13px 0;
  width: 260px;
  background: #397ecd;
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  margin: 20px 0 20px 80px;
  border-radius: 0;
  outline: none;
  border: none;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .handleBtn:hover {
  background: #2365aa;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip {
  color: #999;
  font-size: 12px;
  line-height: 1.1;
  padding: 0 0 0 80px;
  position: relative;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small {
  color: #999;
  font-size: 12px;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip small i {
  font-style: normal;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i {
  font-style: normal;
  color: #397ecd;
}
.zhishi .bannerBox .bannerContentBox .ant-col-16 .bannerContentBoxWrap .mainTip i:first-child {
  margin: 0 5px 0 0;
}
.zhishi .zhiMain {
  padding: 50px 0 30px;
  background: #fff;
}
.zhishi .zhiMain h4 {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
}
.zhishi .zhiMain .he {
  text-align: center;
  height: 3px;
  margin-bottom: 15px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/sanji/h.png") center 0 no-repeat;
}
.zhishi .zhiMain .ti {
  text-align: center;
  color: #666;
  margin-bottom: 40px;
}
.zhishi .zhiMain .taocan {
  font-size: 1px;
}
.zhishi .zhiMain .taocan .coma {
  width: 282px;
  height: 300px;
  margin: 0 11px 10px 11px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  position: relative;
  box-shadow: 0 0 5px #e3e3e3;
}
.zhishi .zhiMain .taocan .coma.qi {
  line-height: 300px;
}
.zhishi .zhiMain .taocan .coma.hot .comMain {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/zhishi/hot.png") center 15px no-repeat;
}
.zhishi .zhiMain .taocan .coma.hot .comMain p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zhishi .zhiMain .taocan .coma .comBtn {
  position: absolute;
  width: 120px;
  height: 35px;
  border: 1px solid #397ecd;
  color: #397ecd;
  outline: none;
  bottom: 40px;
  left: 50%;
  margin-left: -60px;
  cursor: pointer;
  line-height: 35px;
}
.zhishi .zhiMain .taocan .coma .comBtn:hover {
  background: #397ecd;
  color: #fff;
}
.zhishi .zhiMain .taocan .coma .taoTop {
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #000;
}
.zhishi .zhiMain .taocan .coma .comMain {
  color: #666;
  padding-top: 50px;
  line-height: 30px;
}
.zhishi .zhishiMain {
  margin-top: 22px;
  background: #f8f8f8;
  padding: 40px 0 10px;
}
.zhishi .zhishiMain .paddingWrap {
  padding: 40px 40px;
}
.zhishi .zhishiMain .white {
  background-color: #fff;
}
.zhishi .zhishiMain .content .title {
  font-size: 16px;
  text-indent: 15px;
  font-weight: 500;
  border-left: 4px solid #377fce;
}
.zhishi .zhishiMain .content .body {
  padding: 35px 0px;
  font-size: 14px;
}
.zhishi .zhishiMain .content .body img {
  display: block;
  width: 100%;
}
.zhishi .zhishiMain .bottom-hot {
  margin-top: 20px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-title {
  position: relative;
  padding: 12px 0px;
  border-bottom: 1px solid #f1f1f1;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-title .name {
  display: inline-block;
  text-indent: 15px;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-title .more {
  position: absolute;
  display: inline-block;
  margin-top: 5px;
  padding-right: 20px;
  right: 0px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content {
  width: 100%;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list {
  padding: 24px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item {
  border: 1px solid #f3f7fa;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .cover img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 180px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title {
  padding: 12px 15px;
  border-bottom: 1px solid #f3f7fa;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title .name {
  color: #303030;
  padding-bottom: 4px;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title .name h1 {
  font-size: 15px;
  width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .title .subtitle {
  font-size: 12px;
  color: #9a9a9a;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .money {
  padding: 15px;
  font-size: 12px;
  color: #ff6900;
  border-bottom: 1px solid #f3f7fa;
}
.zhishi .zhishiMain .bottom-hot .bottom-hot-content .content-list .content-list-item .money .prominent {
  font-size: 20px;
}
.zhishi .zhishiMain .slide-list .title {
  position: relative;
  padding: 12px 0px;
  border-bottom: 1px solid #f1f1f1;
}
.zhishi .zhishiMain .slide-list .title .name {
  display: inline-block;
  background-color: #00a3ff;
  color: #FFF;
  font-size: 15px;
  padding: 5px 10px;
  border-radius: 0 15px 15px 0;
}
.zhishi .zhishiMain .slide-list .title .more {
  position: absolute;
  display: inline-block;
  margin-top: 5px;
  padding-right: 20px;
  right: 0px;
}
.zhishi .zhishiMain .slide-list .list ul {
  padding: 0px 28px;
}
.zhishi .zhishiMain .slide-list .list ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.zhishi .zhishiMain .slide-list .list ul li span {
  display: block;
}
.zhishi .zhishiMain .slide-list .list ul li .show {
  margin: 0 auto;
  display: block;
  margin: 20px 0px;
}
.zhishi .zhishiMain .slide-list .list ul li .subtitle {
  font-size: 15px;
  font-weight: 500;
}
.zhishi .zhishiMain .slide-list .list ul li .subtitle .name {
  color: #303030;
  margin-left: 5px;
  font-size: 15px;
}
.zhishi .zhishiMain .slide-list .list ul li .tag {
  padding-top: 12px;
  padding-bottom: 20px;
  font-size: 12px;
  margin-left: 5px;
}
.zhishi .zhishiMain .slide-list .list ul li:last-child {
  border-bottom: none;
}
.print-ad {
  height: 280px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/activity/print_detail_bottom.jpg') center center no-repeat;
}
.print-ad .left {
  margin-top: 85px;
  padding-left: 60px;
}
.print-ad .left h1 {
  color: #fff;
  font-weight: 500px;
}
.print-ad .right {
  position: relative;
}
.print-ad .right .submit {
  position: absolute;
  right: 60px;
  margin-top: 98px;
  display: block;
  width: 318px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
}

.zongShenCaseBox {
  width: 100%;
  padding-top: 60px;
}
.zongShenCaseBox .chooseBox {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #fff;
}
.zongShenCaseBox .chooseBox .choose {
  width: 1200px;
  height: 80px;
  overflow: hidden;
  margin: 0 auto;
}
.zongShenCaseBox .chooseBox .choose .leftBox,
.zongShenCaseBox .chooseBox .choose .rightBox {
  overflow: hidden;
  height: 80px;
  line-height: 80px;
}
.zongShenCaseBox .chooseBox .choose .leftBox {
  position: relative;
  float: left;
  width: 640px;
}
.zongShenCaseBox .chooseBox .choose .leftBox .ant-select,
.zongShenCaseBox .chooseBox .choose .leftBox .line,
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox {
  float: left;
}
.zongShenCaseBox .chooseBox .choose .leftBox .line,
.zongShenCaseBox .chooseBox .choose .leftBox .lines {
  position: absolute;
  top: 26px;
  left: 170px;
  width: 1px;
  height: 26px;
  background-color: #e3e3e3;
}
.zongShenCaseBox .chooseBox .choose .leftBox .lines {
  left: 355px;
}
.zongShenCaseBox .chooseBox .choose .leftBox .ant-select {
  margin-top: 26px;
}
.zongShenCaseBox .chooseBox .choose .leftBox .ant-select .ant-select-selection--single {
  border: none;
  color: #616161;
}
.zongShenCaseBox .chooseBox .choose .leftBox .ant-select .ant-select-selection--single .ant-select-selection__placeholder {
  color: #616161;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox div {
  margin-left: 30px;
  position: relative;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .searchConfirmBtn {
  font-style: normal;
  font-size: 12px;
  width: 24px;
  display: none;
  cursor: pointer;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .searchContext {
  border: none;
  border-bottom: 1px solid #d6dadb;
  padding: 5px 0;
  width: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .clearInput {
  font-size: 16px;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 5px;
  cursor: pointer;
  display: none;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .searchBtn {
  font-size: 20px;
  color: #999;
  position: absolute;
  left: 0;
  top: 30px;
  cursor: pointer;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .sliding input {
  width: 246px;
  height: 30px;
  padding: 5px 60px 5px 22px;
  outline: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .sliding .clearInput {
  display: block;
  right: 0px !important;
}
.zongShenCaseBox .chooseBox .choose .leftBox .searchBox .sliding .searchConfirmBtn {
  position: absolute;
  right: 30px;
  top: 3px;
  font-size: 12px;
  font-style: normal;
  display: block;
}
.zongShenCaseBox .chooseBox .choose .rightBox {
  float: right;
}
.zongShenCaseBox .chooseBox .choose .rightBox .box {
  float: left;
  margin-left: 25px;
}
.zongShenCaseBox .chooseBox .choose .rightBox .box span {
  margin-right: 10px;
}
.zongShenCaseBox .chooseBox .choose .rightBox .box i {
  cursor: pointer;
}
.zongShenCaseBox .caseBox {
  width: 100%;
  box-sizing: border-box;
  padding: 40px 0 60px;
  background: #edf0f2;
}
.zongShenCaseBox .caseBox .case {
  width: 1200px;
  margin: 0 auto;
}
.zongShenCaseBox .caseBox .case .box {
  display: block;
  float: left;
  width: 285px;
  height: 380px;
  background: #fff;
  margin-right: 20px;
  margin-bottom: 18px;
}
.zongShenCaseBox .caseBox .case .box:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}
.zongShenCaseBox .caseBox .case .box .imageBox {
  width: 100%;
  height: 215px;
}
.zongShenCaseBox .caseBox .case .box .imageBox img {
  width: 100%;
  height: 100%;
}
.zongShenCaseBox .caseBox .case .box .contentBox {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
  padding: 15px 0 20px 18px;
}
.zongShenCaseBox .caseBox .case .box .contentBox .title {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zongShenCaseBox .caseBox .case .box .contentBox .person {
  margin-top: 30px;
  color: #b6b6b6;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zongShenCaseBox .caseBox .case .box .companyBox {
  box-sizing: border-box;
  padding: 16px 22px 19px 16px;
}
.zongShenCaseBox .caseBox .case .box .companyBox .img {
  float: left;
  width: 24px;
  height: 24px;
}
.zongShenCaseBox .caseBox .case .box .companyBox .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.zongShenCaseBox .caseBox .case .box .companyBox p:nth-child(2) {
  float: left;
  width: 120px;
  margin-left: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zongShenCaseBox .caseBox .case .box .companyBox p:nth-child(3) {
  float: right;
  font-size: 14px;
  color: #ff8e09;
}
.zongShenCaseBox .caseBox .case .box:nth-child(4n) {
  margin-right: 0;
}
.zongShenCaseBox .caseBox .bottomBox {
  width: 1200px;
  margin: 64px auto 0;
}
.zongShenCaseBox .caseBox .bottomBox ul {
  margin-left: 39%;
}

.isp .common-topic {
  height: 42px;
  font-size: 30px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #000000;
}
.isp .common-subtopic {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #707070;
  margin-bottom: 36px;
}
.isp .common-display-flex {
  display: flex;
  align-items: center;
}
.isp .common-transition {
  transition: all ease-in-out 0.3s;
}
.isp .common-btn-base {
  width: 140px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-right: 28px;
  display: inline-block;
  transition: all ease-in-out 0.3s;
}
.isp .common-btn-base:last-child {
  margin-right: 0;
}
.isp .common-btn-primary {
  width: 140px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-right: 28px;
  display: inline-block;
  transition: all ease-in-out 0.3s;
  background: #3366ff;
  color: #ffffff;
}
.isp .common-btn-primary:last-child {
  margin-right: 0;
}
.isp .common-btn-primary:hover {
  background: #4372ff;
}
.isp .common-shadow {
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.16);
}
.isp .common-btn-sub {
  width: 140px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-right: 28px;
  display: inline-block;
  transition: all ease-in-out 0.3s;
  width: unset;
  padding: 0 22px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #878787;
  color: #707070;
}
.isp .common-btn-sub:last-child {
  margin-right: 0;
}
.isp .common-btn-sub:hover {
  background: #4372ff;
  color: #ffffff;
  border: 1px solid #4372ff;
}
.isp .common-btn-container {
  position: absolute;
  top: 20px;
  right: 0;
}
.isp .header-container {
  width: 100%;
  display: flex;
  height: 70px;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 99;
  background: #17181A;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
}
.isp .header-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 1px;
  width: 100%;
  opacity: 0.15;
  background: #ffffff;
}
.isp .header-container .header-logo {
  margin-left: 32px;
}
.isp .header-container .header-menu-item {
  padding: 0 10px;
  display: inline-block;
  opacity: 0.7;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 70px;
  color: #ffffff;
  cursor: pointer;
  position: relative;
  height: 100%;
  margin-right: 40px;
  transition: all ease-in-out 0.3s;
}
.isp .header-container .header-menu-item:after {
  width: 100%;
  height: 0;
  background: #3366ff;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  transition: all ease-in-out 0.3s;
}
.isp .header-container .header-menu-item:hover {
  opacity: 1;
}
.isp .header-container .header-menu-item:hover:after {
  height: 2px;
}
.isp .header-container .header-menu-demand {
  display: inline-block;
  width: 94px;
  height: 34px;
  background: #3366ff;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 34px;
  color: #ffffff;
  margin-right: 32px;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.isp .header-container .header-menu-demand:hover {
  background: #4372ff;
}
.isp .header-container .header-menu-login {
  display: inline-block;
  position: relative;
  margin-right: 40px;
  color: #ffffff;
}
.isp .header-container .header-login {
  color: #ffffff;
  cursor: pointer;
  font-family: PingFang SC, PingFang SC-Regular;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 70px;
}
.isp .header-container .header-login:hover {
  color: #3366ff;
}
.isp .header-top {
  background: transparent;
}
.isp .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 60px;
  left: calc((100% - 1200px) / 2);
}
.isp .swiper-pagination {
  text-align: left;
}
.isp .swiper-pagination-bullet {
  width: 48px;
  height: 4px;
  border-radius: 0;
  background: #ffffff;
}
.isp .swiper-pagination-bullet-active {
  background: #3366ff;
}
.isp .context {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.isp .banner-container {
  background: #ffffff;
}
.isp .banner-container .banner-context {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc((100% - 1200px) / 2);
}
.isp .banner-container .banner-context .banner-title {
  height: 65px;
  font-size: 46px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.isp .banner-container .banner-context .banner-subtitle {
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC, PingFang SC-Light;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 1px;
}
.isp .no-padding-top {
  padding-top: 0 !important;
}
.isp .search-container {
  width: 1200px;
  position: relative;
  height: 100px;
  background: #ffffff;
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.16);
  margin: auto;
  z-index: 98;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.isp .search-container .search-input {
  width: 600px;
  height: 52px;
  background: #ececec;
  padding-left: 24px;
  border: 0;
}
.isp .search-container .search-btn {
  width: 160px;
  height: 52px;
  background: #3366ff;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.isp .search-container .search-btn:hover {
  background: #4372ff;
}
.isp .search-container .search-btn .icon-search {
  margin-right: 8px;
}
.isp .main-container {
  width: 100%;
}
.isp .main-container .main-item {
  padding-top: 82px;
  padding-bottom: 50px;
}
.isp .main-container .main-item-white {
  padding-top: 82px;
  padding-bottom: 50px;
  background: #ffffff;
}
.isp .main-container .demand {
  height: 460px;
  width: 100%;
  position: relative;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200825-isp/bg-demand.png");
  padding: 44px;
}
.isp .main-container .demand .demand-list {
  height: 370px;
  width: 592px;
  overflow: hidden;
  position: absolute;
  right: 32px;
  top: 46px;
  z-index: 1;
}
.isp .main-container .demand .demand-list .icon-tender {
  height: 18px;
}
.isp .main-container .demand .demand-list .demand-blur {
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200825-isp/bg-demand.png) right -32px top -46px;
  filter: blur(7px);
  position: absolute;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  transform: translate(-2px, -2px);
  z-index: -1;
}
.isp .main-container .demand .demand-list .demand-blur:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.isp .main-container .demand .demand-topic {
  height: 42px;
  font-size: 30px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-top: 30px;
  margin-bottom: 8px;
}
.isp .main-container .demand .demand-subtopic {
  width: 377px;
  opacity: 0.5;
  font-size: 20px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  position: relative;
}
.isp .main-container .demand .demand-subtopic:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 60px;
  height: 4px;
  opacity: 0.5;
  background: #ffffff;
}
.isp .main-container .demand .demand-categories {
  width: 100%;
  height: 51px;
  background: #07074e;
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.isp .main-container .demand .demand-categories .demand-category {
  padding: 0 10px;
  height: 25px;
  opacity: 0.3;
  border: 1px solid #ffffff;
  border-radius: 2px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 23px;
  color: #ffffff;
  letter-spacing: 1px;
  margin-right: 20px;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .demand .demand-categories .demand-category:hover {
  background: #3366ff;
  opacity: 1;
  border: 1px solid #3366ff;
}
.isp .main-container .demand .demand-categories .demand-category-active {
  background: #3366ff;
  opacity: 1;
  border: 1px solid #3366ff;
}
.isp .main-container .demand .demand-btn-container {
  margin-top: 120px;
}
.isp .main-container .demand .demands {
  padding-left: 24px;
  margin-top: 10px;
}
.isp .main-container .demand .demands .demand-item {
  height: 72px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  position: relative;
}
.isp .main-container .demand .demands .demand-item:before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 536px;
  opacity: 0.16;
  height: 1px;
  background: #e3e3e3;
}
.isp .main-container .demand .demands .demand-item:last-child:before {
  height: 0;
}
.isp .main-container .demand .demands .demand-item .demand-title {
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  letter-spacing: 1px;
  margin-right: 18px;
}
.isp .main-container .demand .demands .demand-item .demand-subtitle {
  height: 17px;
  opacity: 0.7;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  display: inline-block;
  margin-right: 50px;
  position: relative;
}
.isp .main-container .demand .demands .demand-item .demand-subtitle:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  width: 1px;
  height: 12px;
  background: #e3e3e3;
}
.isp .main-container .demand .demands .demand-item .demand-subtitle:last-child {
  margin-right: 0;
}
.isp .main-container .demand .demands .demand-item .demand-subtitle:last-child:after {
  height: 0;
}
.isp .main-container .demand .demands .demand-item .demand-amount {
  height: 17px;
  opacity: 0.7;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  display: inline-block;
  margin-right: 50px;
  position: relative;
  color: #FF8E09;
  opacity: 1;
  min-width: 123px;
}
.isp .main-container .demand .demands .demand-item .demand-amount:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  width: 1px;
  height: 12px;
  background: #e3e3e3;
}
.isp .main-container .demand .demands .demand-item .demand-amount:last-child {
  margin-right: 0;
}
.isp .main-container .demand .demands .demand-item .demand-amount:last-child:after {
  height: 0;
}
.isp .main-container .demand .demands .demand-item .demand-more {
  height: 17px;
  opacity: 0.7;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  display: inline-block;
  margin-right: 50px;
  position: relative;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .demand .demands .demand-item .demand-more:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  width: 1px;
  height: 12px;
  background: #e3e3e3;
}
.isp .main-container .demand .demands .demand-item .demand-more:last-child {
  margin-right: 0;
}
.isp .main-container .demand .demands .demand-item .demand-more:last-child:after {
  height: 0;
}
.isp .main-container .demand .demands .demand-item .demand-more:hover {
  color: #4372ff;
}
.isp .main-container .application {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.isp .main-container .application .app-item {
  width: 285px;
  height: 250px;
  margin-bottom: 20px;
  background: #ffffff;
  padding: 18px 20px;
  position: relative;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .application .app-item:hover {
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.16);
}
.isp .main-container .application .app-item .app-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}
.isp .main-container .application .app-item .app-title {
  height: 22px;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  text-align: left;
  color: #333333;
  line-height: 22px;
  margin-bottom: 8px;
}
.isp .main-container .application .app-item .app-subtitle {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  line-height: 18px;
  color: #999999;
}
.isp .main-container .application .app-item .app-check {
  position: absolute;
  bottom: 24px;
  left: 20px;
  width: 72px;
  height: 28px;
  border: 1px solid #0b65f4;
  cursor: pointer;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #0b65f4;
  line-height: 28px;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .application .app-item .app-check:hover {
  background: #4372ff;
  border: 1px solid #4372ff;
  color: #ffffff;
}
.isp .main-container .application-img {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200825-isp/bg-application.png") no-repeat;
  height: 256px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.isp .main-container .application-img:hover .application-img-more {
  background: #0b65f4;
  border: 1px solid #0b65f4 !important;
}
.isp .main-container .application-img .application-img-context {
  width: 415px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.isp .main-container .application-img .application-img-context .application-img-title {
  height: 42px;
  font-size: 30px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-bottom: 11px;
}
.isp .main-container .application-img .application-img-context .application-img-subtitle {
  height: 50px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin-bottom: 17px;
}
.isp .main-container .application-img .application-img-context .application-img-more {
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .solution {
  display: flex;
  flex-wrap: wrap;
}
.isp .main-container .solution .solution-item {
  width: 300px;
  height: 300px;
  padding: 0 28px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .solution .solution-item:hover {
  transform: scale(1.1);
}
.isp .main-container .solution .solution-item:hover .solution-icon {
  display: none;
}
.isp .main-container .solution .solution-item:hover .solution-subtitle {
  display: inline-block;
}
.isp .main-container .solution .solution-item:hover:after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 85, 255, 0.5);
  z-index: -1;
}
.isp .main-container .solution .solution-item .solution-context {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.isp .main-container .solution .solution-item .solution-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin-bottom: 56px;
  position: relative;
  width: 100%;
}
.isp .main-container .solution .solution-item .solution-title:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 2px;
  background: #ffffff;
}
.isp .main-container .solution .solution-item .solution-subtitle {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 22px;
  display: none;
  width: 100%;
}
.isp .main-container .solution .solution-item .solution-icon {
  margin-bottom: 26px;
}
.isp .main-container .finance-container .finance-num {
  height: 292px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200825-isp/bg-num.png") no-repeat;
  padding-top: 67px;
  display: flex;
  justify-content: center;
}
.isp .main-container .finance-container .finance-num .finance-num-item {
  width: 240px;
  text-align: center;
  position: relative;
  height: 60px;
}
.isp .main-container .finance-container .finance-num .finance-num-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 66px;
  background: #ffffff;
}
.isp .main-container .finance-container .finance-num .finance-num-item:last-child:after {
  height: 0;
}
.isp .main-container .finance-container .finance-num .finance-num-item .finance-num-amount {
  height: 59px;
  font-size: 48px;
  font-family: DIN, DIN-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 29px;
  letter-spacing: 0px;
}
.isp .main-container .finance-container .finance-num .finance-num-item .finance-num-unit {
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 29px;
  letter-spacing: 0px;
}
.isp .main-container .finance-container .finance-num .finance-num-item .finance-num-title {
  height: 20px;
  opacity: 0.6;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 29px;
  letter-spacing: 0px;
}
.isp .main-container .finance-container .finance-box {
  padding: 72px 54px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20200825-isp/bg-finance-box.png") no-repeat;
  height: 481px;
  transform: translateY(-80px);
}
.isp .main-container .finance-container .finance-box .finance-title {
  height: 42px;
  font-size: 30px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
}
.isp .main-container .finance-container .finance-box .finance-context {
  width: 666px;
  height: 145px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 26px;
  margin-bottom: 36px;
}
.isp .main-container .finance-container .finance-box .finance-subtitle {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-bottom: 47px;
  position: relative;
}
.isp .main-container .finance-container .finance-box .finance-subtitle:before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 32px;
  height: 4px;
  background: #ffffff;
}
.isp .main-container .finance-container .finance-box .finance-btn-sub {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  color: #ffffff;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .finance-container .finance-box .finance-btn-sub:hover {
  background: #4372ff;
  border: 1px solid #4372ff;
  color: #ffffff;
}
.isp .main-container .policy {
  display: flex;
  justify-content: space-between;
}
.isp .main-container .policy .policy-item {
  width: 285px;
  height: 324px;
  background: #ffffff;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .policy .policy-item:hover {
  box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.16);
}
.isp .main-container .policy .policy-item:hover .policy-avatar {
  transform: scale(1.1);
}
.isp .main-container .policy .policy-item .policy-avatar {
  width: 100%;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .policy .policy-item .policy-container {
  padding: 10px 20px;
}
.isp .main-container .policy .policy-item .policy-container .policy-title {
  height: 22px;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  text-align: left;
  color: #333333;
  line-height: 16px;
  margin-bottom: 12px;
}
.isp .main-container .policy .policy-item .policy-container .policy-subtitle {
  height: 37px;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 16px;
  margin-bottom: 23px;
}
.isp .main-container .policy .policy-item .policy-container .policy-more {
  width: 88px;
  height: 32px;
  border: 1px solid #e3e3e3;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 30px;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .policy .policy-item .policy-container .policy-more:hover {
  background: #4372ff;
  border: 1px solid #4372ff;
  color: #ffffff;
}
.isp .main-container .information {
  display: flex;
  justify-content: space-between;
}
.isp .main-container .information .info-half {
  width: 590px;
  height: 519px;
}
.isp .main-container .information .info-left {
  background: #28282a;
}
.isp .main-container .information .info-context {
  width: 500px;
  margin: auto;
}
.isp .main-container .information .info-context .info-left-title {
  height: 77px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 77px;
}
.isp .main-container .information .info-item {
  height: 84px;
  display: flex;
  justify-content: center;
  position: relative;
}
.isp .main-container .information .info-item:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  opacity: 0.15;
  background: #e3e3e3;
}
.isp .main-container .information .info-item:before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  opacity: 0.15;
  background: #e3e3e3;
}
.isp .main-container .information .info-item .info-item-left {
  width: 84px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.isp .main-container .information .info-item .info-item-left:after {
  width: 1px;
  height: 50px;
  opacity: 0.15;
  background: #ffffff;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.isp .main-container .information .info-item .info-item-left .info-item-year {
  height: 36px;
  font-size: 30px;
  font-family: DIN-Regular;
  text-align: left;
  color: #ffffff;
  line-height: 36px;
}
.isp .main-container .information .info-item .info-item-left .info-item-date {
  height: 23px;
  font-size: 18px;
  font-family: DINPro, DINPro-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 23px;
}
.isp .main-container .information .info-item .info-item-right {
  padding: 15px 13px;
  width: 420px;
  height: 80px;
  opacity: 0.7;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
}
.isp .main-container .information .info-list-item {
  height: 104px;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.isp .main-container .information .info-list-item:hover .info-list-item-right .info-list-item-title {
  color: #3366FF;
}
.isp .main-container .information .info-list-item:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: #e3e3e3;
}
.isp .main-container .information .info-list-item:last-child:before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 1px;
  background: #e3e3e3;
}
.isp .main-container .information .info-list-item .info-list-item-left {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 20%;
}
.isp .main-container .information .info-list-item .info-list-item-left:after {
  width: 1px;
  height: 74px;
  background: #e3e3e3;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.isp .main-container .information .info-list-item .info-list-item-left .info-list-item-year {
  height: 36px;
  font-size: 30px;
  font-family: DIN-Regular;
  text-align: left;
  color: #999999;
  line-height: 36px;
}
.isp .main-container .information .info-list-item .info-list-item-left .info-list-item-date {
  height: 23px;
  font-size: 18px;
  font-family: DINPro, DINPro-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 23px;
}
.isp .main-container .information .info-list-item .info-list-item-right {
  width: 80%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding-left: 32px;
}
.isp .main-container .information .info-list-item .info-list-item-right .info-list-item-title {
  width: 306px;
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 17px;
  transition: all ease-in-out 0.3s;
}
.isp .main-container .information .info-list-item .info-list-item-right .info-list-item-subtitle {
  width: 429px;
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 24px;
}
.isp .main-container .contact-subtopic {
  color: #333333;
  margin-bottom: 50px;
}
.isp .main-container .contact-name {
  width: 200px;
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-bottom: 26px;
}
.isp .main-container .contact-title {
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 20px;
}
.isp .main-container .contact-info {
  width: 530px;
  display: flex;
  flex-wrap: wrap;
}
.isp .main-container .contact-info .contact-info-item {
  width: 50%;
  height: 36px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 36px;
}
.isp .main-container .contact-flex {
  display: flex;
  align-items: center;
  margin-top: 28px;
}
.isp .main-container .contact-flex .contact-icon {
  margin-left: 20px;
}
.isp .footer-container {
  height: 64px;
  background: #000104;
  display: flex;
  align-items: center;
  justify-content: center;
}
.isp .footer-container .footer-title {
  height: 19px;
  font-size: 14px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #939292;
  line-height: 19px;
  margin-right: 184px;
}
.isp .footer-container .icon-footer {
  margin-left: 30px;
}


.banan-box {
  margin: 0 auto;
  width: 1690px;
}
.banan-box .banan-box-group-btn {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 46px auto 101px;
}
.banan-box .banan-industry-atmosphere {
  width: 1690px;
  height: 576px;
  margin: 0 auto;
  padding: 50px 70px 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/bannan-bg-2.png") no-repeat center center;
}
.banan-box .banan-industry-atmosphere .banan-industry-atmosphere-title {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 44px;
}
.banan-box .banan-industry-atmosphere .banan-industry-atmosphere-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.banan-box .banan-industry-atmosphere .banan-industry-atmosphere-content .banan-industry-atmosphere-content-item {
  width: 464px;
}
.banan-box .banan-industry-atmosphere .banan-industry-atmosphere-content .banan-industry-atmosphere-content-item .banan-industry-atmosphere-content-item-title {
  margin: 24px 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
.banan-box .banan-industry-atmosphere .banan-industry-atmosphere-content .banan-industry-atmosphere-content-item .banan-industry-atmosphere-content-item-des {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 30px;
}
.banan-box .banan-upgrade {
  width: 1690px;
  margin: 0 auto;
  height: 530px;
  display: flex;
  justify-content: space-between;
}

.beibei-box {
  margin: 0 auto;
  width: 1690px;
}
.beibei-box .beibei-box-group-btn {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 46px auto 101px;
}
.beibei-box .beibei-industry-atmosphere {
  width: 1690px;
  height: 576px;
  margin: 0 auto;
  padding: 50px 70px 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/bannan-bg-2.png") no-repeat center center;
}
.beibei-box .beibei-industry-atmosphere .beibei-industry-atmosphere-title {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 44px;
}
.beibei-box .beibei-industry-atmosphere .beibei-industry-atmosphere-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.beibei-box .beibei-industry-atmosphere .beibei-industry-atmosphere-content .beibei-industry-atmosphere-content-item {
  width: 464px;
}
.beibei-box .beibei-industry-atmosphere .beibei-industry-atmosphere-content .beibei-industry-atmosphere-content-item .beibei-industry-atmosphere-content-item-title {
  margin: 24px 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
.beibei-box .beibei-industry-atmosphere .beibei-industry-atmosphere-content .beibei-industry-atmosphere-content-item .beibei-industry-atmosphere-content-item-des {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 30px;
}
.beibei-box .beibei-upgrade {
  width: 1760px;
  height: 574px;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/beibei3-1.png") no-repeat center center;
}
.expo2021-layout .expo2021-layout-header {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/beian-head.png") !important;
}
.expo2021-layout .expo2021-layout-header h1 {
  font-size: 42px!important;
}

.chanye-box {
  margin: 0 auto;
  width: 1690px;
}
.chanye-box .chanye-box-group-btn {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 46px auto 101px;
}
.chanye-box .chanye-introduce {
  width: 100%;
  height: 487px;
  margin-top: -10px;
  padding: 71px 54px 0 73px;
  display: flex;
  justify-content: space-between;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/all-left-bg.png) no-repeat center center;
}
.chanye-box .chanye-introduce .chanye-introduce-des {
  width: 783px;
  text-indent: 2em;
  margin-top: 20px;
  font-size: 28px;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
}
.chanye-box .chanye-introduce .chanye-introduce-img {
  width: 708px;
}
.chanye-box .chanye-industry-atmosphere {
  width: 1690px;
  margin: 0 auto;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content1,
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 {
  padding: 37px 43px;
  margin-top: -44px;
  width: 100%;
  height: 275px;
  margin-bottom: 46px;
  display: flex;
  justify-content: space-between;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/chanye2-bg.png") center center no-repeat;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content1 .chanye-industry-atmosphere-content-box,
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box {
  width: 1338px;
  display: flex;
  justify-content: space-between;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content1 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item,
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item {
  padding-top: 13px;
  width: 312px;
  height: 201px;
  text-align: center;
  cursor: pointer;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/pingtai-bg-chanye.png") center center no-repeat;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content1 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item img,
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item img {
  height: 120px;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content1 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item .chanye-industry-atmosphere-content-box-item-title,
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item .chanye-industry-atmosphere-content-box-item-title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-top: 18px;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content1 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item .chanye-industry-atmosphere-content-box-item-title img,
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box .chanye-industry-atmosphere-content-box-item .chanye-industry-atmosphere-content-box-item-title img {
  height: 12px;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 {
  margin-top: 0;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box-item2 {
  display: flex!important;
  justify-content: space-between !important;
  padding: 44px 50px 33px 83px!important;
  width: 654px!important;
  height: 201px!important;
  cursor: pointer;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/app-chanye-bg.png") !important;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box-item2 img {
  width: 140px;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box-item2 .chanye-industry-atmosphere-content-box-item-title2 {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  padding-top: 36px;
}
.chanye-box .chanye-industry-atmosphere .chanye-industry-atmosphere-content2 .chanye-industry-atmosphere-content-box-item2 .chanye-industry-atmosphere-content-box-item-title2 img {
  height: 12px;
  width: 24px;
}
.chanye-box .chanye-upgrade {
  margin-top: -54px;
  width: 1811px;
  height: 650px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/chanye3-1.png") center center no-repeat;
  margin-left: -66px;
}
.chanye-industry-atmosphere-content1-common-title {
  line-height: 200px;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #8c8fff;
  width: 210px;
}

.chengdu-box {
  margin: 0 auto;
  width: 1690px;
}
.chengdu-box .chengdu-box-group-btn {
  width: 100%;
  padding: 0 172px;
  display: flex;
  justify-content: space-between;
  margin: 37px 0 112px;
}
.chengdu-box .chengdu-industry-atmosphere,
.chengdu-box .chengdu-industry-attention {
  width: 1690px;
  margin: -28px auto 0;
  display: flex;
  justify-content: space-between;
}
.chengdu-box .chengdu-industry-attention {
  width: 1690px;
  height: 617px;
  padding: 54px 0 80px 81px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/chengdu2-1-bg.png") no-repeat center center;
  display: flex;
  flex-direction: column;
}
.chengdu-box .chengdu-industry-attention .p {
  width: 1520px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.chengdu-box .chengdu-industry-attention .img {
  width: 1538px;
  height: 308px;
  margin-top: 34px;
  background: no-repeat center center;
  cursor: pointer;
}
.chengdu-box .chengdu-upgrade {
  width: 1690px;
  margin: -93px auto 0;
  height: 725px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/chengdu3-1.png") no-repeat center center;
}

.chongqing-box {
  margin: 0 auto;
  width: 1690px;
}
.chongqing-box .chongqing-box-des {
  width: 1690px;
  height: 318px;
  margin: 133px 0 42px;
  padding: 68px 55px 0;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #f8fcff;
  line-height: 48px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/cq-des-bg.png") no-repeat center center;
}
.chongqing-box .chongqing-box-company {
  width: 100%;
  height: 192px;
  display: flex;
  justify-content: space-between;
}
.chongqing-box .chongqing-box-company .chongqing-box-company-item {
  position: relative;
  width: 260px;
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/cq-com-bg.png") no-repeat center center;
}
.chongqing-box .chongqing-box-company .chongqing-box-company-item .chongqing-box-company-item-common-title {
  font-size: 24px;
}
.chongqing-box .chongqing-box-company .chongqing-box-company-item img {
  width: 33px;
  height: 17px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.funeng-box {
  margin: 0 auto;
  width: 1690px;
}
.funeng-box .funeng-box-group-btn {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 46px auto 101px;
}
.funeng-box .funeng-industry-atmosphere {
  width: 1690px;
  margin: 0 auto;
}
.funeng-box .funeng-industry-atmosphere .funeng-industry-atmosphere-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 48px;
  color: #ffffff;
  padding: 72px 126px;
  text-align: center;
  margin-top: -38px;
  margin-bottom: 20px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/funeng-title-bg.png") no-repeat center center;
}
.funeng-box .funeng-industry-atmosphere .funeng-industry-atmosphere-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.funeng-box .funeng-industry-atmosphere .funeng-industry-atmosphere-content .funeng-industry-atmosphere-content-item {
  width: 404px;
  height: 361px;
  padding: 30px 40px 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/funeng-content-bg.png") center center no-repeat;
}
.funeng-box .funeng-industry-atmosphere .funeng-industry-atmosphere-content .funeng-industry-atmosphere-content-item .funeng-industry-atmosphere-content-item-title {
  margin: 22px 0 18px;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
.funeng-box .funeng-industry-atmosphere .funeng-industry-atmosphere-content .funeng-industry-atmosphere-content-item .funeng-industry-atmosphere-content-item-des {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
}
.funeng-box .funeng-upgrade {
  width: 1690px;
  margin: 0 auto;
}
.funeng-box .funeng-upgrade .funeng-upgrade-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 48px;
  color: #ffffff;
  padding: 72px 60px;
  text-align: center;
  margin-top: -38px;
  margin-bottom: 20px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/funeng-title-bg.png") no-repeat center center;
}
.funeng-box .funeng-upgrade .funeng-upgrade-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.funeng-box .funeng-upgrade .funeng-upgrade-content .funeng-upgrade-content-item {
  width: 540px;
  height: 361px;
  padding: 29px 37px 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/tuiguang-bg-item.png") center center no-repeat;
}
.funeng-box .funeng-upgrade .funeng-upgrade-content .funeng-upgrade-content-item .funeng-upgrade-content-item-title {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 48px;
  margin-top: 14px;
}

.guangxi-box {
  margin: 0 auto;
  width: 1690px;
}
.guangxi-box .guangxi-box-group-btn {
  width: 100%;
  padding: 0 172px;
  display: flex;
  justify-content: space-between;
  margin: 37px 0 112px;
}
.guangxi-box .guangxi-industry-atmosphere,
.guangxi-box .guangxi-industry-industryList {
  width: 1690px;
  margin: -28px auto 0;
  display: flex;
  justify-content: space-between;
}
.guangxi-box .guangxi-transition {
  width: 1690px;
  margin: -93px auto 0;
  height: 725px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/guangxi-trans.png") no-repeat center center;
}

.guizhou-box {
  margin: 0 auto;
  width: 1690px;
}
.guizhou-box .guizhou-box-group-btn {
  width: 100%;
  padding: 0 172px;
  display: flex;
  justify-content: space-between;
  margin: 37px 0 112px;
}
.guizhou-box .guizhou-industry-atmosphere {
  width: 1686px;
  margin: -53px auto 0;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item {
  width: 100%;
  height: 275px;
  padding: 30px 37px 0;
  margin-bottom: 71px;
  display: flex;
  justify-content: space-between;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/guizhou-half-bg.png") no-repeat center center;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item .guizhou-industry-atmosphere-item-left {
  width: 793px;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item .guizhou-industry-atmosphere-item-left .guizhou-industry-atmosphere-item-left-title {
  font-size: 24px;
  font-weight: 700;
  color: #c0cdff;
  margin-bottom: 24px;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item .guizhou-industry-atmosphere-item-left .guizhou-industry-atmosphere-item-left-des {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
  text-indent: 2em;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item .guizhou-industry-atmosphere-item-right {
  width: 796px;
  display: flex;
  justify-content: space-between;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item .guizhou-industry-atmosphere-item-right .right-img-box-up {
  width: 250px;
  height: 165px;
  position: relative;
  top: 24px;
}
.guizhou-box .guizhou-industry-atmosphere .guizhou-industry-atmosphere-item .guizhou-industry-atmosphere-item-right .right-img-box-down {
  width: 387px;
  height: 210px;
}
.guizhou-box .guizhou-transition {
  width: 1690px;
  margin: -93px auto 0;
  height: 725px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/guizhou-trans.png") no-repeat center center;
}
.guizhou-box .guizhou-guide {
  width: 1690px;
  margin: -28px auto 0;
  height: 563px;
  display: flex;
  justify-content: space-between;
}

.nanan-box {
  margin: 0 auto;
  width: 1690px;
}
.nanan-box .nanan-box-group-btn {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 46px auto 101px;
}
.nanan-box .nanan-industry-atmosphere {
  width: 1690px;
  height: 576px;
  margin: 0 auto;
  padding: 50px 70px 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/bannan-bg-2.png") no-repeat center center;
}
.nanan-box .nanan-industry-atmosphere .nanan-industry-atmosphere-title {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 44px;
}
.nanan-box .nanan-industry-atmosphere .nanan-industry-atmosphere-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.nanan-box .nanan-industry-atmosphere .nanan-industry-atmosphere-content .nanan-industry-atmosphere-content-item {
  width: 464px;
}
.nanan-box .nanan-industry-atmosphere .nanan-industry-atmosphere-content .nanan-industry-atmosphere-content-item .nanan-industry-atmosphere-content-item-title {
  margin: 24px 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
.nanan-box .nanan-industry-atmosphere .nanan-industry-atmosphere-content .nanan-industry-atmosphere-content-item .nanan-industry-atmosphere-content-item-des {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 30px;
}
.nanan-box .nanan-upgrade {
  width: 1690px;
  margin: 0 auto;
  height: 498px;
  display: flex;
  justify-content: space-between;
}
.expo2021-layout .expo2021-layout-header {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/beian-head.png") !important;
}
.expo2021-layout .expo2021-layout-header h1 {
  font-size: 42px!important;
}

.suzhou-box {
  margin: 0 auto;
  width: 1690px;
}
.suzhou-box .expo2021-button:nth-child(1) {
  width: 338px!important;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/suzhou-btn-bg.png") !important;
}
.suzhou-box .expo2021-button:nth-child(1)::after {
  background-image: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/hover-suzhou.png) !important;
}
.suzhou-box .suzhou-box-group-btn {
  width: 100%;
  padding: 0 172px;
  display: flex;
  justify-content: space-between;
  margin: 37px 0 112px;
}
.suzhou-box .suzhou-industry-atmosphere,
.suzhou-box .suzhou-industry-attention {
  width: 1690px;
  margin: -28px auto 0;
  display: flex;
  justify-content: space-between;
}
.suzhou-box .suzhou-upgrade {
  width: 1690px;
  margin: -93px auto 0;
  height: 725px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/suzhou-at.png") no-repeat center center;
}

.tianjin-box {
  margin: 0 auto;
  width: 1690px;
}
.tianjin-box .tianjin-box-group-btn {
  width: 100%;
  padding: 0 172px;
  display: flex;
  justify-content: space-between;
  margin: 37px 0 112px;
}
.tianjin-box .tianjin-industry-atmosphere {
  width: 1686px;
  margin: -53px auto 0;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item {
  width: 100%;
  height: 275px;
  padding: 30px 37px 0;
  margin-bottom: 71px;
  display: flex;
  justify-content: space-between;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/guizhou-half-bg.png") no-repeat center center;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item .tianjin-industry-atmosphere-item-left {
  width: 793px;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item .tianjin-industry-atmosphere-item-left .tianjin-industry-atmosphere-item-left-title {
  font-size: 24px;
  font-weight: 700;
  color: #c0cdff;
  margin-bottom: 24px;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item .tianjin-industry-atmosphere-item-left .tianjin-industry-atmosphere-item-left-des {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
  text-indent: 2em;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item .tianjin-industry-atmosphere-item-right {
  width: 796px;
  display: flex;
  justify-content: space-between;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item .tianjin-industry-atmosphere-item-right .right-img-box-up {
  width: 250px;
  height: 165px;
  position: relative;
  top: 24px;
}
.tianjin-box .tianjin-industry-atmosphere .tianjin-industry-atmosphere-item .tianjin-industry-atmosphere-item-right .right-img-box-down {
  width: 387px;
  height: 210px;
}
.tianjin-box .tianjin-transition {
  width: 1690px;
  margin: -43px auto 0;
  height: 664px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/tianjin3-1.png") no-repeat center center;
}
.tianjin-box .tianjin-guide {
  width: 1690px;
  margin: -28px auto 0;
  height: 563px;
  display: flex;
  justify-content: space-between;
}
.tianjin-box .tianjin-industry-atmosphere {
  width: 1690px;
  margin: -28px auto 0;
  display: flex;
  justify-content: space-between;
}
.tianjin-box .tianjin-industry-atmosphere .one-third {
  height: 483px!important;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/tianjin4-1bg.png) no-repeat center center !important;
}

.yuzhong-box {
  margin: 0 auto;
  width: 1690px;
}
.yuzhong-box .yuzhong-box-group-btn {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 46px auto 101px;
}
.yuzhong-box .yuzhong-industry-atmosphere {
  width: 1690px;
  height: 576px;
  margin: 0 auto;
  padding: 50px 70px 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/bannan-bg-2.png") no-repeat center center;
}
.yuzhong-box .yuzhong-industry-atmosphere .yuzhong-industry-atmosphere-title {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 44px;
}
.yuzhong-box .yuzhong-industry-atmosphere .yuzhong-industry-atmosphere-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.yuzhong-box .yuzhong-industry-atmosphere .yuzhong-industry-atmosphere-content .yuzhong-industry-atmosphere-content-item {
  width: 464px;
}
.yuzhong-box .yuzhong-industry-atmosphere .yuzhong-industry-atmosphere-content .yuzhong-industry-atmosphere-content-item .yuzhong-industry-atmosphere-content-item-title {
  margin: 24px 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
.yuzhong-box .yuzhong-industry-atmosphere .yuzhong-industry-atmosphere-content .yuzhong-industry-atmosphere-content-item .yuzhong-industry-atmosphere-content-item-des {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 30px;
}
.yuzhong-box .yuzhong-upgrade {
  width: 1690px;
  margin: 0 auto;
  height: 498px;
  display: flex;
  justify-content: space-between;
}
.expo2021-layout .expo2021-layout-header {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/beian-head.png") !important;
}
.expo2021-layout .expo2021-layout-header h1 {
  font-size: 42px!important;
}
.yuzhong-yanfa-box {
  width: 100%;
  height: 684px!important;
  position: relative;
}
.yuzhong-yanfa-box .yuzhong-yanfa-box-code {
  position: absolute;
  width: 450px;
  bottom: 63px;
  left: 63px;
}
.yuzhong-yanfa-box .yuzhong-yanfa-box-code .liner-background-deep {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  bottom: 90px;
  font-size: 24px;
  margin-right: 19px;
}
.yuzhong-yanfa-box .all-by-btn-left {
  margin-top: -54px !important;
  height: 684px!important;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/yxj-bg.png) no-repeat center center !important;
}
.yuzhong-yanfa-box .all-by-btn-left .wrap-right {
  height: 579px!important;
}
.yuzhong-yanfa-box .all-by-btn-left .wrap-left .wrap-left-btn {
  display: none;
}

.expo2021-outerlink {
  width: 1920px;
  height: 100%;
  position: relative;
}
.expo2021-outerlink > iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.expo2021-layout {
  width: 1920px;
  height: 1080px;
  position: relative;
  background: #00071C;
  z-index: 1;
}
.expo2021-layout > video {
  position: absolute;
  height: 1080px;
  width: 1920px;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.expo2021-layout .liner-background {
  background: -webkit-linear-gradient(90deg, #866aff 0%, #D7CEFF 40%, #ffffff 44%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: 800;
}
.expo2021-layout .liner-background-deep {
  background: -webkit-linear-gradient(90deg, #866aff 0%, #D7CEFF 40%, #ffffff 44%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: 800;
  background: -webkit-linear-gradient(90deg, #866aff 0%, #D7CEFF 40%, #ffffff 69%, #ffffff 100%);
}
.expo2021-layout .expo2021-layout-header {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/header.png") bottom center no-repeat;
  height: 111px;
  padding-top: 30px;
}
.expo2021-layout .expo2021-layout-header > h1 {
  font-size: 48px;
  line-height: 48px;
  background: -webkit-linear-gradient(90deg, #866aff 0%, #D7CEFF 40%, #ffffff 44%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: 800;
}
.expo2021-layout .expo2021-layout-header.expo2021-layout-header-subtitle {
  height: 131px;
}
.expo2021-layout .expo2021-layout-header.expo2021-layout-header-subtitle > h1 {
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 10px;
}
.expo2021-layout .expo2021-layout-header.expo2021-layout-header-subtitle > p {
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  background: -webkit-linear-gradient(90deg, #866aff 0%, #D7CEFF 40%, #ffffff 44%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: 800;
}
.expo2021-layout .expo2021-layout-body {
  height: calc(100% - 111px);
  overflow: hidden;
}
.expo2021-layout .expo2021-layout-body.expo2021-layout-body-subtitle {
  height: calc(100% - 131px);
}
.expo2021-layout .expo2021-layout-footer {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/footer.png") top center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  width: 100%;
}
.expo2021-layout .expo2021-classify-footer1 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/bottom.png") top center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
}
.expo2021-layout .expo2021-classify-footer1 a {
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 38px;
  display: block;
}

.case_box {
  float: left;
  width: 318px;
  height: 231px;
  background: rgba(1, 24, 56, 0.3);
  border: 1px solid #3884ff;
  margin-right: 12px;
  margin-bottom: 13px;
  cursor: pointer;
}
.case_box:nth-child(5n) {
  margin-right: 0;
}
.case_box .case_img {
  width: 100%;
  height: 130px;
  display: block;
}
.case_box .title {
  height: 40px;
  overflow: hidden;
  width: 264px;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: normal;
  margin: 11px 20px 12px;
}
.case_box .laber {
  display: inline-block;
  width: 110px;
  height: 28px;
  line-height: 28px;
  background: #011838;
  border: 1px solid #3884ff;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  margin-left: 17px;
  margin-right: 4px;
}

.expo2021-industry-solution-detail {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/solutions-bg.png") top center no-repeat;
  width: 1740px;
  height: 810px;
  margin: 0 auto 14px;
  padding: 48px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.expo2021-industry-solution-detail h3 {
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-bottom: 40px;
  padding-left: 20px;
  border-left: 2px solid #FFFFFF;
  position: relative;
}
.expo2021-industry-solution-detail h3.with-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 1px;
  background: #3884ff;
}
.expo2021-industry-solution-detail .case_detail__left {
  width: 1229px;
  height: 730px;
  background: rgba(2, 18, 50, 0.5);
  border: 1px solid #3884ff;
  color: #FFFFFF;
  overflow-y: auto;
}
.expo2021-industry-solution-detail .case_detail__left::-webkit-scrollbar {
  width: 3px;
  background: rgba(46, 87, 163, 0.5);
}
.expo2021-industry-solution-detail .case_detail__left::-webkit-scrollbar-thumb {
  background: #2E57A3;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_header {
  padding: 32px;
  border-bottom: 1px solid #3884ff;
  display: flex;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_header > img {
  width: 510px;
  height: 225px;
  margin-right: 34px;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_header h2 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_header span {
  height: 26px;
  padding: 0 12px;
  border: 1px solid #3884FF;
  line-height: 24px;
  margin-right: 12px;
  display: inline-block;
  margin-top: 20px;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_header span:first-child {
  margin-left: 15px;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_body {
  padding: 32px;
}
.expo2021-industry-solution-detail .case_detail__left .case_item_body img {
  max-width: 100%;
  margin: 0 auto;
}
.expo2021-industry-solution-detail .case_detail__right {
  width: 390px;
  overflow-y: auto;
  padding-right: 20px;
  height: 730px;
}
.expo2021-industry-solution-detail .case_detail__right::-webkit-scrollbar {
  width: 3px;
  background: rgba(46, 87, 163, 0.5);
}
.expo2021-industry-solution-detail .case_detail__right::-webkit-scrollbar-thumb {
  background: #2E57A3;
}
.expo2021-industry-solution-detail .case_detail__right .contact {
  width: 285px;
  height: 246px;
  background: #f8f8f8;
  margin-bottom: 20px;
}
.expo2021-industry-solution-detail .case_detail__right .contact p {
  margin-top: 24px;
  height: 28px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  line-height: 28px;
}
.expo2021-industry-solution-detail .case_detail__right .contact a {
  width: 100px;
  height: 32px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #0b6cdb;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #0b6cdb;
  line-height: 32px;
  display: inline-block;
  margin: 0 auto;
}
.expo2021-industry-solution-detail .case_detail__right .contact .solid {
  background: #0b6cdb;
  color: #FFFFFF;
}
.expo2021-industry-solution-detail .case_detail__right .recommend li {
  margin-top: 20px;
}

#solutions {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/solutions-bg.png") top center no-repeat;
  width: 1740px;
  height: 810px;
  margin: 0 auto 14px;
  padding: 15px 40px 0 48px;
}
#solutions .tit {
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 3px;
  margin-bottom: 12px;
}
#solutions .case_big_box {
  width: 1650px;
  height: 730px;
  overflow-y: scroll;
}
#solutions .case_big_box::-webkit-scrollbar {
  width: 3px;
  background: rgba(46, 87, 163, 0.5);
}
#solutions .case_big_box::-webkit-scrollbar-thumb {
  background: #2E57A3;
}
#solutions .my-spin {
  width: 100%;
  padding: 25px 0;
}

.expo2021-button {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/button-308.png") center no-repeat;
  background-size: contain;
  width: 308px;
  height: 89px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 89px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-shadow: 0 2px 3px #040035;
}
.expo2021-button::after {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/button-308-active.png") center no-repeat;
  background-size: contain;
  position: absolute;
  width: calc(100% - 14px);
  height: 73px;
  content: "";
  left: 7px;
  top: 7px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.expo2021-button:hover::after {
  opacity: 1;
}
.expo2021-button.expo2021-button__276 {
  width: 276px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/button-276.png") center no-repeat;
  text-shadow: 0 0 0;
}
.expo2021-button.expo2021-button__276 > img {
  margin-left: 5px;
}
.expo2021-button.expo2021-button__276::after {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/button-276-active.png") center no-repeat;
}
.expo2021-button.expo2021-click::after {
  opacity: 1;
}

.one-third {
  width: 542px;
  height: 595px;
  padding-top: 38px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/one-third-bg.png") no-repeat center center;
}
.one-third.des16 {
  width: 540px!important;
  height: 541px!important;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/one-third-des16-bg.png") no-repeat center center !important;
}
.one-third .img-content {
  display: flex;
  justify-content: center;
}
.one-third .img-content .img {
  width: 500px;
  height: 350px;
  margin: 0 auto;
}
.one-third .img-content .img.des16 {
  height: 300px!important;
  width: 465px !important;
}
.one-third .des {
  margin: 62px 0 0 22px;
  width: 487px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.one-third .des.des16 {
  margin: 22px 0 0 22px!important;
  width: 448px !important;
  font-size: 16px !important;
  line-height: 32px!important;
  padding-left: 16px;
}
.one-fourth {
  width: 405px;
  height: 498px;
  padding-top: 36px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/one-fourth-bg.png") no-repeat center center;
}
.one-fourth .img {
  width: 349px;
  height: 271px;
  margin: 0 auto 29px;
}
.one-fourth .des {
  margin-left: 37px;
  width: 323px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 36px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.all-by-btn-middle {
  width: 1690px;
  height: 617px;
  padding-top: 40px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/all-by-btn-middle-bg.png") no-repeat center center;
}
.all-by-btn-middle .des {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 48px;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 1535px;
  margin: 0 auto 30px;
  text-indent: 2em;
}
.all-by-btn-middle .imgs {
  width: 1535px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 33px;
}
.all-by-btn-middle .imgs .imgs-img {
  width: 464px;
  height: 240px;
  background: no-repeat center center;
}
.all-by-btn-left {
  width: 1690px;
  height: 576px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/all-by-btn-left-bg.png") no-repeat center center;
  display: flex;
  justify-content: space-between;
  padding: 49px 55px 76px 63px;
}
.all-by-btn-left .wrap-left {
  width: 866px;
  height: 464px;
  position: relative;
}
.all-by-btn-left .wrap-left .wrap-left-des {
  font-size: 28px;
  font-weight: 500;
  color: #ffffff;
  line-height: 48px;
  text-indent: 2em;
  margin-top: 30px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.all-by-btn-left .wrap-left .wrap-left-btn {
  position: absolute;
  bottom: 0px;
}
.all-by-btn-left .wrap-right {
  width: 639px;
  height: 464px;
  background: no-repeat center center;
}
.all-left {
  width: 1690px;
  height: 487px;
  padding: 55px 54px 47px 73px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/all-left-bg.png") no-repeat center center;
  display: flex;
  justify-content: space-between;
}
.all-left .wrap-left {
  margin-top: 2px;
  width: 783px;
  display: flex;
  align-items: center;
}
.all-left .wrap-left .wrap-left-des {
  font-size: 28px;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  text-indent: 2em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.all-left .wrap-right {
  width: 708px;
  height: 385px;
  background: no-repeat center center;
}
.a-half-left {
  width: 832px;
  height: 563px;
  padding-top: 43px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/a-half-left-bg.png") no-repeat center center;
  position: relative;
}
.a-half-left.des16 {
  padding-top: 30px!important;
  width: 830px!important;
  height: 530px!important;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/a-half-left-des16-bg.png") no-repeat center center !important;
}
.a-half-left .imgs {
  width: 770px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.a-half-left .imgs.one-center {
  justify-content: center !important;
}
.a-half-left .imgs .imgs-img {
  width: 371px;
  height: 316px;
  background: no-repeat center center;
}
.a-half-left .imgs .imgs-img.des16 {
  width: 375px!important;
  height: 312px!important;
}
.a-half-left .imgs .imgs-img-one {
  width: 708px;
  height: 350px;
  background: no-repeat center center;
}
.a-half-left .des-content {
  position: absolute;
  top: 452px;
}
.a-half-left .des-content .des {
  width: 832px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}
.a-half-left .des-content .des16 {
  width: 736px;
  margin: -90px 0 0 43px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 36px;
}
.area-city-common-box {
  width: 252px;
  height: 113px;
  text-align: center;
  padding-top: 14px;
  cursor: pointer;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/city-area-bg.png") no-repeat center center;
}
.area-city-common-box .area-city-common-box-title {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
}
.area-city-common-box .area-city-common-box-des {
  font-size: 18px;
  font-weight: 400;
  color: #00deff;
}

.data-area-box {
  margin: 0 auto;
  width: 1690px;
}
.data-area-box .data-area-box-des {
  width: 100%;
  height: 208px;
  margin: 40px 0 42px;
  padding: 64px 50px 0;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #f8fcff;
  line-height: 48px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/area-des-bg.png") no-repeat center center;
}
.data-area-box .data-area-city-box {
  width: 100%;
  height: 113px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
}
.data-area-box .data-area-map-box {
  width: 100%;
  height: 439px;
  padding: 75px 0 0 194px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/area/song/area-map-bg.png") no-repeat center center;
}

.expo2021-classify {
  width: 1920px;
  height: 1080px;
  position: relative;
}
.expo2021-classify > video {
  position: absolute;
  height: 1080px;
  width: 1920px;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.expo2021-classify .expo2021-classify-header {
  height: 111px;
}
.expo2021-classify .expo2021-classify-header > h1 {
  font-size: 48px;
  line-height: 111px;
  background: -webkit-linear-gradient(90deg, #866AFF 30%, #ffffff 44%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: 800;
}
.expo2021-classify #classify-bg_a {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/top-a.png") top center no-repeat;
}
.expo2021-classify #classify-bg_b {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/top.png") top center no-repeat;
}
.expo2021-classify .expo2021-classify-body {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/content-bg.png") top center no-repeat;
  width: 1690px;
  height: 750px;
  margin: 19px auto 0;
  text-align: center;
}
.expo2021-classify .expo2021-classify-body .des {
  width: 1441px;
  height: 140px;
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  padding-top: 38px;
  margin: 0 auto;
  opacity: 0.8;
}
.expo2021-classify .expo2021-classify-body .pic {
  position: relative;
}
.expo2021-classify .expo2021-classify-body .pic .title {
  position: absolute;
  top: 26px;
  left: 798px;
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.expo2021-classify .expo2021-classify-btn {
  width: 1690px;
  margin: 40px auto 0;
  overflow: hidden;
}
.expo2021-classify .expo2021-classify-btn .expo2021-button {
  margin-right: 37px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/button-308.png") center no-repeat;
  background-size: contain;
  width: 308px;
  height: 89px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 89px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-shadow: 0 2px 3px #040035;
}
.expo2021-classify .expo2021-classify-btn .expo2021-button::after {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/layout/button-308-active.png") center no-repeat;
  background-size: contain;
  position: absolute;
  width: calc(100% - 14px);
  height: 73px;
  content: "";
  left: 7px;
  top: 7px;
  opacity: 0;
}
.expo2021-classify .expo2021-classify-btn .expo2021-button::before {
  content: '';
  position: absolute;
  top: 45px;
  right: -37px;
  width: 37px;
  height: 2px;
  background: #0183AB;
  opacity: 0.5;
}
.expo2021-classify .expo2021-classify-btn .expo2021-button:hover::after {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.expo2021-classify .expo2021-classify-btn .expo2021-button:nth-child(5) {
  margin-right: 0;
}
.expo2021-classify .expo2021-classify-btn #active_btn::after {
  opacity: 1;
}
.expo2021-classify .expo2021-classify-footer {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/classify/bottom.png") top center no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 42px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 38px;
  cursor: pointer;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: "Helvetica Neue For Number";
  src: local("Helvetica Neue");
  unicode-range: U+30-39;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
::selection {
  background: #ff6d20;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
a {
  color: #ff6d20;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
a:focus {
  text-decoration: underline;
  text-decoration-skip: ink;
}
a:hover {
  color: #ff9055;
}
a:active {
  color: #e4531b;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-divider {
  margin: 0 6px;
  display: inline-block;
  height: 8px;
  width: 1px;
  background: #ccc;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot?#iefix') format('embedded-opentype'), /* chrome、firefox */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.svg#iconfont') format('svg');
}
.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon:before {
  display: block;
  font-family: "anticon" !important;
}
.anticon-step-forward:before {
  content: "\E600";
}
.anticon-step-backward:before {
  content: "\E601";
}
.anticon-forward:before {
  content: "\E602";
}
.anticon-backward:before {
  content: "\E603";
}
.anticon-caret-right:before {
  content: "\E604";
}
.anticon-caret-left:before {
  content: "\E605";
}
.anticon-caret-down:before {
  content: "\E606";
}
.anticon-caret-up:before {
  content: "\E607";
}
.anticon-right-circle:before {
  content: "\E608";
}
.anticon-circle-right:before {
  content: "\E608";
}
.anticon-caret-circle-right:before {
  content: "\E608";
}
.anticon-left-circle:before {
  content: "\E609";
}
.anticon-circle-left:before {
  content: "\E609";
}
.anticon-caret-circle-left:before {
  content: "\E609";
}
.anticon-up-circle:before {
  content: "\E60A";
}
.anticon-circle-up:before {
  content: "\E60A";
}
.anticon-caret-circle-up:before {
  content: "\E60A";
}
.anticon-down-circle:before {
  content: "\E60B";
}
.anticon-circle-down:before {
  content: "\E60B";
}
.anticon-caret-circle-down:before {
  content: "\E60B";
}
.anticon-right-circle-o:before {
  content: "\E60C";
}
.anticon-circle-o-right:before {
  content: "\E60C";
}
.anticon-caret-circle-o-right:before {
  content: "\E60C";
}
.anticon-left-circle-o:before {
  content: "\E60D";
}
.anticon-circle-o-left:before {
  content: "\E60D";
}
.anticon-caret-circle-o-left:before {
  content: "\E60D";
}
.anticon-up-circle-o:before {
  content: "\E60E";
}
.anticon-circle-o-up:before {
  content: "\E60E";
}
.anticon-caret-circle-o-up:before {
  content: "\E60E";
}
.anticon-down-circle-o:before {
  content: "\E60F";
}
.anticon-circle-o-down:before {
  content: "\E60F";
}
.anticon-caret-circle-o-down:before {
  content: "\E60F";
}
.anticon-verticle-left:before {
  content: "\E610";
}
.anticon-verticle-right:before {
  content: "\E611";
}
.anticon-rollback:before {
  content: "\E612";
}
.anticon-retweet:before {
  content: "\E613";
}
.anticon-shrink:before {
  content: "\E614";
}
.anticon-arrows-alt:before {
  content: "\E615";
}
.anticon-arrow-salt:before {
  content: "\E615";
}
.anticon-reload:before {
  content: "\E616";
}
.anticon-double-right:before {
  content: "\E617";
}
.anticon-double-left:before {
  content: "\E618";
}
.anticon-arrow-down:before {
  content: "\E619";
}
.anticon-arrow-up:before {
  content: "\E61A";
}
.anticon-arrow-right:before {
  content: "\E61B";
}
.anticon-arrow-left:before {
  content: "\E61C";
}
.anticon-down:before {
  content: "\E61D";
}
.anticon-up:before {
  content: "\E61E";
}
.anticon-right:before {
  content: "\E61F";
}
.anticon-left:before {
  content: "\E620";
}
.anticon-minus-square-o:before {
  content: "\E621";
}
.anticon-minus-circle:before {
  content: "\E622";
}
.anticon-minus-circle-o:before {
  content: "\E623";
}
.anticon-minus:before {
  content: "\E624";
}
.anticon-plus-circle-o:before {
  content: "\E625";
}
.anticon-plus-circle:before {
  content: "\E626";
}
.anticon-plus:before {
  content: "\E627";
}
.anticon-info-circle:before {
  content: "\E628";
}
.anticon-info-circle-o:before {
  content: "\E629";
}
.anticon-info:before {
  content: "\E62A";
}
.anticon-exclamation:before {
  content: "\E62B";
}
.anticon-exclamation-circle:before {
  content: "\E62C";
}
.anticon-exclamation-circle-o:before {
  content: "\E62D";
}
.anticon-close-circle:before {
  content: "\E62E";
}
.anticon-cross-circle:before {
  content: "\E62E";
}
.anticon-close-circle-o:before {
  content: "\E62F";
}
.anticon-cross-circle-o:before {
  content: "\E62F";
}
.anticon-check-circle:before {
  content: "\E630";
}
.anticon-check-circle-o:before {
  content: "\E631";
}
.anticon-check:before {
  content: "\E632";
}
.anticon-close:before {
  content: "\E633";
}
.anticon-cross:before {
  content: "\E633";
}
.anticon-customer-service:before {
  content: "\E634";
}
.anticon-customerservice:before {
  content: "\E634";
}
.anticon-credit-card:before {
  content: "\E635";
}
.anticon-code-o:before {
  content: "\E636";
}
.anticon-book:before {
  content: "\E637";
}
.anticon-bar-chart:before {
  content: "\E638";
}
.anticon-bars:before {
  content: "\E639";
}
.anticon-question:before {
  content: "\E63A";
}
.anticon-question-circle:before {
  content: "\E63B";
}
.anticon-question-circle-o:before {
  content: "\E63C";
}
.anticon-pause:before {
  content: "\E63D";
}
.anticon-pause-circle:before {
  content: "\E63E";
}
.anticon-pause-circle-o:before {
  content: "\E63F";
}
.anticon-clock-circle:before {
  content: "\E640";
}
.anticon-clock-circle-o:before {
  content: "\E641";
}
.anticon-swap:before {
  content: "\E642";
}
.anticon-swap-left:before {
  content: "\E643";
}
.anticon-swap-right:before {
  content: "\E644";
}
.anticon-plus-square-o:before {
  content: "\E645";
}
.anticon-frown:before {
  content: "\E646";
}
.anticon-frown-circle:before {
  content: "\E646";
}
.anticon-ellipsis:before {
  content: "\E647";
}
.anticon-copy:before {
  content: "\E648";
}
.anticon-menu-fold:before {
  content: "\E658";
}
.anticon-mail:before {
  content: "\E659";
}
.anticon-logout:before {
  content: "\E65A";
}
.anticon-link:before {
  content: "\E65B";
}
.anticon-area-chart:before {
  content: "\E65C";
}
.anticon-line-chart:before {
  content: "\E65D";
}
.anticon-home:before {
  content: "\E65E";
}
.anticon-laptop:before {
  content: "\E65F";
}
.anticon-star:before {
  content: "\E660";
}
.anticon-star-o:before {
  content: "\E661";
}
.anticon-folder:before {
  content: "\E662";
}
.anticon-filter:before {
  content: "\E663";
}
.anticon-file:before {
  content: "\E664";
}
.anticon-exception:before {
  content: "\E665";
}
.anticon-meh:before {
  content: "\E666";
}
.anticon-meh-circle:before {
  content: "\E666";
}
.anticon-meh-o:before {
  content: "\E667";
}
.anticon-shopping-cart:before {
  content: "\E668";
}
.anticon-save:before {
  content: "\E669";
}
.anticon-user:before {
  content: "\E66A";
}
.anticon-video-camera:before {
  content: "\E66B";
}
.anticon-to-top:before {
  content: "\E66C";
}
.anticon-team:before {
  content: "\E66D";
}
.anticon-tablet:before {
  content: "\E66E";
}
.anticon-solution:before {
  content: "\E66F";
}
.anticon-search:before {
  content: "\E670";
}
.anticon-share-alt:before {
  content: "\E671";
}
.anticon-setting:before {
  content: "\E672";
}
.anticon-poweroff:before {
  content: "\E6D5";
}
.anticon-picture:before {
  content: "\E674";
}
.anticon-phone:before {
  content: "\E675";
}
.anticon-paper-clip:before {
  content: "\E676";
}
.anticon-notification:before {
  content: "\E677";
}
.anticon-mobile:before {
  content: "\E678";
}
.anticon-menu-unfold:before {
  content: "\E679";
}
.anticon-inbox:before {
  content: "\E67A";
}
.anticon-lock:before {
  content: "\E67B";
}
.anticon-qrcode:before {
  content: "\E67C";
}
.anticon-play-circle:before {
  content: "\E6D0";
}
.anticon-play-circle-o:before {
  content: "\E6D1";
}
.anticon-tag:before {
  content: "\E6D2";
}
.anticon-tag-o:before {
  content: "\E6D3";
}
.anticon-tags:before {
  content: "\E67D";
}
.anticon-tags-o:before {
  content: "\E67E";
}
.anticon-cloud-o:before {
  content: "\E67F";
}
.anticon-cloud:before {
  content: "\E680";
}
.anticon-cloud-upload:before {
  content: "\E681";
}
.anticon-cloud-download:before {
  content: "\E682";
}
.anticon-cloud-download-o:before {
  content: "\E683";
}
.anticon-cloud-upload-o:before {
  content: "\E684";
}
.anticon-environment:before {
  content: "\E685";
}
.anticon-environment-o:before {
  content: "\E686";
}
.anticon-eye:before {
  content: "\E687";
}
.anticon-eye-o:before {
  content: "\E688";
}
.anticon-camera:before {
  content: "\E689";
}
.anticon-camera-o:before {
  content: "\E68A";
}
.anticon-windows:before {
  content: "\E68B";
}
.anticon-apple:before {
  content: "\E68C";
}
.anticon-apple-o:before {
  content: "\E6D4";
}
.anticon-android:before {
  content: "\E938";
}
.anticon-android-o:before {
  content: "\E68D";
}
.anticon-aliwangwang:before {
  content: "\E68E";
}
.anticon-aliwangwang-o:before {
  content: "\E68F";
}
.anticon-export:before {
  content: "\E691";
}
.anticon-edit:before {
  content: "\E692";
}
.anticon-circle-down-o:before {
  content: "\E693";
}
.anticon-circle-down-:before {
  content: "\E694";
}
.anticon-appstore-o:before {
  content: "\E695";
}
.anticon-appstore:before {
  content: "\E696";
}
.anticon-scan:before {
  content: "\E697";
}
.anticon-file-text:before {
  content: "\E698";
}
.anticon-folder-open:before {
  content: "\E699";
}
.anticon-hdd:before {
  content: "\E69A";
}
.anticon-ie:before {
  content: "\E69B";
}
.anticon-file-jpg:before {
  content: "\E69C";
}
.anticon-like:before {
  content: "\E64C";
}
.anticon-like-o:before {
  content: "\E69D";
}
.anticon-dislike:before {
  content: "\E64B";
}
.anticon-dislike-o:before {
  content: "\E69E";
}
.anticon-delete:before {
  content: "\E69F";
}
.anticon-enter:before {
  content: "\E6A0";
}
.anticon-pushpin-o:before {
  content: "\E6A1";
}
.anticon-pushpin:before {
  content: "\E6A2";
}
.anticon-heart:before {
  content: "\E6A3";
}
.anticon-heart-o:before {
  content: "\E6A4";
}
.anticon-pay-circle:before {
  content: "\E6A5";
}
.anticon-pay-circle-o:before {
  content: "\E6A6";
}
.anticon-smile:before {
  content: "\E6A7";
}
.anticon-smile-circle:before {
  content: "\E6A7";
}
.anticon-smile-o:before {
  content: "\E6A8";
}
.anticon-frown-o:before {
  content: "\E6A9";
}
.anticon-calculator:before {
  content: "\E6AA";
}
.anticon-message:before {
  content: "\E6AB";
}
.anticon-chrome:before {
  content: "\E6AC";
}
.anticon-github:before {
  content: "\E6AD";
}
.anticon-file-unknown:before {
  content: "\E6AF";
}
.anticon-file-excel:before {
  content: "\E6B0";
}
.anticon-file-ppt:before {
  content: "\E6B1";
}
.anticon-file-word:before {
  content: "\E6B2";
}
.anticon-file-pdf:before {
  content: "\E6B3";
}
.anticon-desktop:before {
  content: "\E6B4";
}
.anticon-upload:before {
  content: "\E6B6";
}
.anticon-download:before {
  content: "\E6B7";
}
.anticon-pie-chart:before {
  content: "\E6B8";
}
.anticon-unlock:before {
  content: "\E6BA";
}
.anticon-calendar:before {
  content: "\E6BB";
}
.anticon-windows-o:before {
  content: "\E6BC";
}
.anticon-dot-chart:before {
  content: "\E6BD";
}
.anticon-bar-chart:before {
  content: "\E6BE";
}
.anticon-code:before {
  content: "\E6BF";
}
.anticon-api:before {
  content: "\E951";
}
.anticon-plus-square:before {
  content: "\E6C0";
}
.anticon-minus-square:before {
  content: "\E6C1";
}
.anticon-close-square:before {
  content: "\E6C2";
}
.anticon-close-square-o:before {
  content: "\E6C3";
}
.anticon-check-square:before {
  content: "\E6C4";
}
.anticon-check-square-o:before {
  content: "\E6C5";
}
.anticon-fast-backward:before {
  content: "\E6C6";
}
.anticon-fast-forward:before {
  content: "\E6C7";
}
.anticon-up-square:before {
  content: "\E6C8";
}
.anticon-down-square:before {
  content: "\E6C9";
}
.anticon-left-square:before {
  content: "\E6CA";
}
.anticon-right-square:before {
  content: "\E6CB";
}
.anticon-right-square-o:before {
  content: "\E6CC";
}
.anticon-left-square-o:before {
  content: "\E6CD";
}
.anticon-down-square-o:before {
  content: "\E6CE";
}
.anticon-up-square-o:before {
  content: "\E6CF";
}
.anticon-loading:before {
  content: "\E64D";
}
.anticon-loading-3-quarters:before {
  content: "\E6AE";
}
.anticon-bulb:before {
  content: "\E649";
}
.anticon-select:before {
  content: "\E64A";
}
.anticon-addfile:before,
.anticon-file-add:before {
  content: "\E910";
}
.anticon-addfolder:before,
.anticon-folder-add:before {
  content: "\E914";
}
.anticon-switcher:before {
  content: "\E913";
}
.anticon-rocket:before {
  content: "\E90F";
}
.anticon-dingding:before {
  content: "\E923";
}
.anticon-dingding-o:before {
  content: "\E925";
}
.anticon-bell:before {
  content: "\E64E";
}
.anticon-disconnect:before {
  content: "\E64F";
}
.anticon-database:before {
  content: "\E650";
}
.anticon-compass:before {
  content: "\E6DB";
}
.anticon-barcode:before {
  content: "\E652";
}
.anticon-hourglass:before {
  content: "\E653";
}
.anticon-key:before {
  content: "\E654";
}
.anticon-flag:before {
  content: "\E655";
}
.anticon-layout:before {
  content: "\E656";
}
.anticon-login:before {
  content: "\E657";
}
.anticon-printer:before {
  content: "\E673";
}
.anticon-sound:before {
  content: "\E6E9";
}
.anticon-usb:before {
  content: "\E6D7";
}
.anticon-skin:before {
  content: "\E6D8";
}
.anticon-tool:before {
  content: "\E6D9";
}
.anticon-sync:before {
  content: "\E6DA";
}
.anticon-wifi:before {
  content: "\E6D6";
}
.anticon-car:before {
  content: "\E6DC";
}
.anticon-copyright:before {
  content: "\E6DE";
}
.anticon-schedule:before {
  content: "\E6DF";
}
.anticon-user-add:before {
  content: "\E6ED";
}
.anticon-user-delete:before {
  content: "\E6E0";
}
.anticon-usergroup-add:before {
  content: "\E6DD";
}
.anticon-usergroup-delete:before {
  content: "\E6E1";
}
.anticon-man:before {
  content: "\E6E2";
}
.anticon-woman:before {
  content: "\E6EC";
}
.anticon-shop:before {
  content: "\E6E3";
}
.anticon-gift:before {
  content: "\E6E4";
}
.anticon-idcard:before {
  content: "\E6E5";
}
.anticon-medicine-box:before {
  content: "\E6E6";
}
.anticon-red-envelope:before {
  content: "\E6E7";
}
.anticon-coffee:before {
  content: "\E6E8";
}
.anticon-trademark:before {
  content: "\E651";
}
.anticon-safety:before {
  content: "\E6EA";
}
.anticon-wallet:before {
  content: "\E6EB";
}
.anticon-bank:before {
  content: "\E6EE";
}
.anticon-trophy:before {
  content: "\E6EF";
}
.anticon-contacts:before {
  content: "\E6F0";
}
.anticon-global:before {
  content: "\E6F1";
}
.anticon-shake:before {
  content: "\E94F";
}
.anticon-fork:before {
  content: "\E6F2";
}
.anticon-spin:before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@keyframes antMoveRightOut {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg);
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0.8);
  }
}
@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0.8);
  }
}
@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleX(1);
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleX(0.8);
  }
}
@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    transform-origin: 100% 0%;
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scaleX(1);
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 0%;
    transform: scaleX(0.8);
  }
}
.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}
@keyframes antSwingIn {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 50% 0%;
    transform: scale(1);
  }
}
@keyframes antZoomUpOut {
  0% {
    transform-origin: 50% 0%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(0.8);
  }
}
@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 0% 50%;
    transform: scale(1);
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform-origin: 0% 50%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(0.8);
  }
}
@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 100% 50%;
    transform: scale(1);
  }
}
@keyframes antZoomRightOut {
  0% {
    transform-origin: 100% 50%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.8);
  }
}
@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.8);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }
}
@keyframes antZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.8);
  }
}
.ant-motion-collapse {
  overflow: hidden;
}
.ant-motion-collapse-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  position: relative;
  padding: 8px 48px 8px 38px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 48px 8px 16px;
}
.ant-alert-icon {
  font-size: 14px;
  top: 10px;
  left: 16px;
  position: absolute;
}
.ant-alert-description {
  font-size: 12px;
  line-height: 21px;
  display: none;
}
.ant-alert-success {
  border: 1px solid #cfefdf;
  background-color: #ebf8f2;
}
.ant-alert-success .ant-alert-icon {
  color: #00a854;
}
.ant-alert-info {
  border: 1px solid #ffe3d5;
  background-color: #fff4ed;
}
.ant-alert-info .ant-alert-icon {
  color: #108ee9;
}
.ant-alert-warning {
  border: 1px solid #fff3cf;
  background-color: #fffaeb;
}
.ant-alert-warning .ant-alert-icon {
  color: #ffbf00;
}
.ant-alert-error {
  border: 1px solid #fcdbd9;
  background-color: #fef0ef;
}
.ant-alert-error .ant-alert-icon {
  color: #f04134;
}
.ant-alert-close-icon {
  font-size: 12px;
  position: absolute;
  right: 16px;
  top: 10px;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-cross {
  color: rgba(0, 0, 0, 0.43);
  transition: color 0.3s ease;
}
.ant-alert-close-icon .anticon-cross:hover {
  color: #404040;
}
.ant-alert-close-text {
  position: absolute;
  right: 16px;
}
.ant-alert-with-description {
  padding: 16px 16px 16px 60px;
  position: relative;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 16px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 20px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  font-size: 12px;
}
.ant-alert-with-description .ant-alert-message {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  margin-bottom: 4px;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-close {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transform-origin: 50% 0;
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  border-radius: 0;
  border: 0;
  margin-bottom: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
.ant-anchor {
  position: relative;
}
.ant-anchor-wrapper {
  background-color: #fff;
}
.ant-anchor-ink {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.ant-anchor-ink:before {
  content: ' ';
  position: relative;
  width: 2px;
  height: 100%;
  display: block;
  background-color: #e9e9e9;
  margin: 0 auto;
}
.ant-anchor-ink-ball {
  display: none;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  border: 3px solid #ff6d20;
  background-color: #fff;
  left: 50%;
  transition: top 0.3s ease-in-out;
  transform: translateX(-50%);
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 8px 0 8px 18px;
  line-height: 1;
}
.ant-anchor-link-title {
  display: block;
  position: relative;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #ff6d20;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
  line-height: 28px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-left: 8px;
  margin-right: 8px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  background: transparent;
  border-width: 1px;
  line-height: 1.5;
  height: 28px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #ff9055;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 32px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  padding-top: 6px;
  padding-bottom: 6px;
  height: 32px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 22px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  padding-top: 1px;
  padding-bottom: 1px;
  height: 22px;
}
.ant-avatar {
  display: inline-block;
  text-align: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
}
.ant-avatar > * {
  line-height: 32px;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}
.ant-avatar-lg > * {
  line-height: 40px;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
}
.ant-avatar-sm > * {
  line-height: 24px;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  width: 100%;
  height: 100%;
  display: block;
}
.ant-back-top {
  z-index: 10;
  position: fixed;
  right: 100px;
  bottom: 50px;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
.ant-back-top-content {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background-color: rgba(64, 64, 64, 0.4);
  color: #fff;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-content:hover {
  background-color: rgba(64, 64, 64, 0.6);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-icon {
  font-size: 20px;
  margin-top: 10px;
}
.ant-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.ant-badge-count {
  position: absolute;
  transform: translateX(-50%);
  top: -10px;
  height: 20px;
  border-radius: 10px;
  min-width: 20px;
  background: #f04134;
  color: #fff;
  line-height: 20px;
  text-align: center;
  padding: 0 6px;
  font-size: 12px;
  white-space: nowrap;
  transform-origin: -10% center;
  font-family: tahoma;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-dot {
  position: absolute;
  transform: translateX(-50%);
  transform-origin: 0 center;
  top: -4px;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #f04134;
  z-index: 10;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #00a854;
}
.ant-badge-status-processing {
  background-color: #ff6d20;
  position: relative;
}
.ant-badge-status-processing:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #ff6d20;
  content: '';
  animation: antStatusProcessing 1.2s infinite ease-in-out;
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f04134;
}
.ant-badge-status-warning {
  background-color: #ffbf00;
}
.ant-badge-status-text {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  margin-left: 8px;
}
.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-count {
  top: auto;
  display: block;
  position: relative;
  transform: none !important;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 20px;
}
.ant-scroll-number-only > p {
  height: 20px;
}
@keyframes antZoomBadgeIn {
  0% {
    opacity: 0;
    transform: scale(0) translateX(-50%);
  }
  100% {
    transform: scale(1) translateX(-50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translateX(-50%);
  }
  100% {
    opacity: 0;
    transform: scale(0) translateX(-50%);
  }
}
.ant-breadcrumb {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.65);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #ff9055;
}
.ant-breadcrumb > span:last-child {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.3);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.15;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 4px;
  height: 28px;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.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;
  transition: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
}
.ant-btn-sm {
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 22px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus {
  color: #ff6d20;
  background-color: #fff;
  border-color: #ff6d20;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:active,
.ant-btn.active {
  color: #e4531b;
  background-color: #fff;
  border-color: #e4531b;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child:after,
.ant-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn.disabled > a:only-child:after,
.ant-btn[disabled] > a:only-child:after,
.ant-btn.disabled:hover > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn.disabled:focus > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn.disabled:active > a:only-child:after,
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn.disabled.active > a:only-child:after,
.ant-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #ff9055;
  border-color: #ff9055;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #e4531b;
  border-color: #e4531b;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child:after,
.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary.disabled.active > 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] > a:only-child:after,
.ant-btn-primary.disabled:hover > 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]:focus > a:only-child:after,
.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #e4531b;
  border-left-color: #e4531b;
}
.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: #e4531b;
}
.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: #e4531b;
}
.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.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #ff6d20;
  background-color: transparent;
  border-color: #ff6d20;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #e4531b;
  background-color: transparent;
  border-color: #e4531b;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child:after,
.ant-btn-ghost.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost.disabled.active > 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] > a:only-child:after,
.ant-btn-ghost.disabled:hover > 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]:focus > a:only-child:after,
.ant-btn-ghost.disabled:active > a:only-child:after,
.ant-btn-ghost[disabled]:active > a:only-child:after,
.ant-btn-ghost.disabled.active > a:only-child:after,
.ant-btn-ghost[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #ff6d20;
  background-color: #fff;
  border-color: #ff6d20;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #e4531b;
  background-color: #fff;
  border-color: #e4531b;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child:after,
.ant-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed.disabled.active > 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] > a:only-child:after,
.ant-btn-dashed.disabled:hover > 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]:focus > a:only-child:after,
.ant-btn-dashed.disabled:active > a:only-child:after,
.ant-btn-dashed[disabled]:active > a:only-child:after,
.ant-btn-dashed.disabled.active > a:only-child:after,
.ant-btn-dashed[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger {
  color: #f04134;
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #f04134;
  border-color: #f04134;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d73435;
  border-color: #d73435;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child:after,
.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger.disabled.active > 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] > a:only-child:after,
.ant-btn-danger.disabled:hover > 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]:focus > a:only-child:after,
.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  width: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
  height: 28px;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 32px;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 22px;
  padding: 0;
  font-size: 12px;
  border-radius: 50%;
  height: 22px;
}
.ant-btn:before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: #fff;
  opacity: 0.35;
  content: '';
  border-radius: inherit;
  z-index: 1;
  transition: opacity 0.2s;
  pointer-events: none;
  display: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn.ant-btn-loading:before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
  pointer-events: none;
  position: relative;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn {
  position: relative;
  z-index: 1;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group-lg > .ant-btn {
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
}
.ant-btn-group-sm > .ant-btn {
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon {
  font-size: 12px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  padding-left: 8px;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn:first-child {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.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 {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 0.5em;
}
.ant-btn-clicked:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: inherit;
  border: 0 solid #ff6d20;
  opacity: 0.4;
  animation: buttonEffect 0.4s;
  display: block;
}
.ant-btn-danger.ant-btn-clicked:after {
  border-color: #f04134;
}
.ant-btn-background-ghost {
  background: transparent !important;
  border-color: #fff;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #ff6d20;
  background-color: transparent;
  border-color: #ff6d20;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #ff9055;
  background-color: transparent;
  border-color: #ff9055;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #e4531b;
  background-color: transparent;
  border-color: #e4531b;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.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,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary.disabled,
.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]:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > 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,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > 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] > 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]: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]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #f04134;
  background-color: transparent;
  border-color: #f04134;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #f46e65;
  background-color: transparent;
  border-color: #f46e65;
}
.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d73435;
  background-color: transparent;
  border-color: #d73435;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.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,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger.disabled,
.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]:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.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]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > 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,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > 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] > 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]: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]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
@keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border-width: 6px;
  }
}
.ant-fullcalendar {
  font-size: 12px;
  line-height: 1.5;
  outline: none;
  border-top: 1px solid #d9d9d9;
}
.ant-fullcalendar-month-select {
  margin-left: 5px;
}
.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}
.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}
.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}
.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  line-height: 20px;
  padding: 0 10px;
}
.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}
.ant-fullcalendar-calendar-body {
  padding: 8px 8px 14px;
}
.ant-fullcalendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
  height: 246px;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar td {
  position: relative;
}
.ant-fullcalendar-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.ant-fullcalendar-column-header {
  line-height: 18px;
  padding: 0;
  width: 33px;
  text-align: center;
}
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}
.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  transition: all 0.3s;
}
.ant-fullcalendar-value {
  display: block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  width: 22px;
  height: 22px;
  padding: 0;
  background: transparent;
  line-height: 22px;
  transition: all 0.3s;
}
.ant-fullcalendar-value:hover {
  background: #fff4ed;
  cursor: pointer;
}
.ant-fullcalendar-value:active {
  background: #ff6d20;
  color: #fff;
}
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #ff6d20;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  background: #ff6d20;
  color: #fff;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}
.ant-fullcalendar-content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -9px;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 28px;
  line-height: 26px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  text-align: left;
  margin: 0 4px;
  display: block;
  color: rgba(0, 0, 0, 0.65);
  height: 116px;
  padding: 4px 8px;
  border-top: 2px solid #e9e9e9;
  transition: background 0.3s;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #fff4ed;
  cursor: pointer;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #ffe3d5;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  text-align: right;
  padding-right: 12px;
  padding-bottom: 5px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  text-align: right;
  background: transparent;
  width: auto;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.65);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  border-top-color: #ff6d20;
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #fff4ed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #ff6d20;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  height: 90px;
  overflow-y: auto;
  position: static;
  width: auto;
  left: auto;
  bottom: auto;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  width: auto;
  cursor: not-allowed;
}
.ant-card {
  background: #fff;
  border-radius: 2px;
  font-size: 12px;
  position: relative;
  transition: all 0.3s;
}
.ant-card:not(.ant-card-no-hovering):hover {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
.ant-card-bordered {
  border: 1px solid #e9e9e9;
}
.ant-card-head {
  height: 48px;
  line-height: 48px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 24px;
  border-radius: 2px 2px 0 0;
  zoom: 1;
  margin-bottom: -1px;
  display: flex;
}
.ant-card-head:before,
.ant-card-head:after {
  content: " ";
  display: table;
}
.ant-card-head:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-card-head:before,
.ant-card-head:after {
  content: " ";
  display: table;
}
.ant-card-head:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-card-head-title {
  font-size: 14px;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  display: inline-block;
  flex: 1;
}
.ant-card-extra {
  float: right;
  text-align: right;
  margin-left: auto;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body:before,
.ant-card-body:after {
  content: " ";
  display: table;
}
.ant-card-body:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-card-body:before,
.ant-card-body:after {
  content: " ";
  display: table;
}
.ant-card-body:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-card-contain-grid .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  border-radius: 0;
  border: 0;
  box-shadow: 1px 0 0 0 #e9e9e9, 0 1px 0 0 #e9e9e9, 1px 1px 0 0 #e9e9e9, 1px 0 0 0 #e9e9e9 inset, 0 1px 0 0 #e9e9e9 inset;
  width: 33.33%;
  float: left;
  padding: 24px;
  transition: all 0.3s;
}
.ant-card-grid:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-card-wider-padding .ant-card-head {
  padding: 0 32px;
}
.ant-card-wider-padding .ant-card-body {
  padding: 24px 32px;
}
.ant-card-wider-padding .ant-card-extra {
  right: 32px;
}
.ant-card-padding-transition .ant-card-head,
.ant-card-padding-transition .ant-card-body {
  transition: padding 0.3s;
}
.ant-card-padding-transition .ant-card-extra {
  transition: right 0.3s;
}
.ant-card-loading .ant-card-body {
  user-select: none;
  padding: 0;
}
.ant-card-loading-content {
  padding: 24px;
}
.ant-card-loading-block {
  display: inline-block;
  margin: 5px 1% 0;
  height: 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  animation: card-loading 1.4s ease infinite;
  background-size: 600% 600%;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.ant-carousel .slick-track:before,
.ant-carousel .slick-track:after {
  content: "";
  display: table;
}
.ant-carousel .slick-track:after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .ant-carousel .slick-slide {
  float: right;
}
.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;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: 0;
  outline: none;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.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;
  bottom: 12px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  height: 3px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 2px;
  padding: 0;
}
.ant-carousel .slick-dots li button {
  border: 0;
  cursor: pointer;
  background: #fff;
  opacity: 0.3;
  display: block;
  width: 16px;
  height: 3px;
  border-radius: 1px;
  outline: none;
  font-size: 0;
  color: transparent;
  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.slick-active button {
  background: #fff;
  opacity: 1;
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  width: 3px;
  bottom: auto;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-cascader {
  font-size: 12px;
}
.ant-cascader-input.ant-input {
  background-color: transparent !important;
  cursor: pointer;
  width: 100%;
  display: block;
}
.ant-cascader-picker {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  cursor: not-allowed;
  background: #f7f7f7;
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-cascader-picker-label {
  position: absolute;
  left: 0;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding: 0 12px 0 8px;
}
.ant-cascader-picker-clear {
  opacity: 0;
  position: absolute;
  right: 8px;
  z-index: 2;
  background: #fff;
  top: 50%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.43);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-size: 12px;
  font-size: 9px \9;
  transform: scale(0.75) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-cascader-picker-arrow {
  filter: none;
}
:root .ant-cascader-picker-arrow {
  font-size: 12px;
}
.ant-cascader-picker-arrow:before {
  transition: transform 0.2s ease;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand:before {
  transform: rotate(180deg);
}
.ant-cascader-menus {
  font-size: 12px;
  background: #fff;
  position: absolute;
  z-index: 1050;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  vertical-align: top;
  min-width: 111px;
  height: 180px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  overflow: auto;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  border-right-color: transparent;
  margin-right: -1px;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 7px 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #fff4ed;
}
.ant-cascader-menu-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: #f7f7f7;
  font-weight: 600;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E61F";
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  color: rgba(0, 0, 0, 0.43);
  position: absolute;
  right: 8px;
}
:root .ant-cascader-menu-item-expand:after {
  filter: none;
}
:root .ant-cascader-menu-item-expand:after {
  font-size: 12px;
}
.ant-cascader-menu-item-loading:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E64D";
  animation: loadingCircle 1s infinite linear;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f04134;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: text-bottom;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ff6d20;
}
.ant-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #ff6d20;
  content: '';
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  visibility: hidden;
}
.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: 14px;
  height: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s;
}
.ant-checkbox-inner:after {
  transform: rotate(45deg) scale(0);
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  content: ' ';
  transform: scale(1);
  position: absolute;
  left: 2px;
  top: 5px;
  width: 8px;
  height: 1px;
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-checked .ant-checkbox-inner:after {
  transform: rotate(45deg) scale(1);
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  animation-name: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}
.ant-checkbox-disabled .ant-checkbox-inner:after {
  animation-name: none;
  border-color: #f7f7f7;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-wrapper {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper + span,
.ant-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-checkbox-group {
  font-size: 12px;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
@media \0screen {
  .ant-checkbox-checked .ant-checkbox-inner:before,
  .ant-checkbox-checked .ant-checkbox-inner:after {
    font-family: 'anticon';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E632";
    font-weight: bold;
    font-size: 8px;
    border: 0;
    color: #fff;
    left: 2px;
    top: 3px;
    position: absolute;
  }
}
.ant-collapse {
  background-color: #f7f7f7;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}
.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 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  line-height: 22px;
  padding: 8px 0 8px 32px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
  font-size: 12px;
  font-size: 9px \9;
  transform: scale(0.75) rotate(0);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-weight: bold;
  line-height: 40px;
  vertical-align: top;
  transition: transform 0.24s;
  top: 0;
  left: 16px;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
  filter: none;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow {
  font-size: 12px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow:before {
  display: block;
  font-family: "anticon" !important;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .arrow:before {
  content: "\E61F";
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  padding: 0 16px;
  background-color: #fff;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
  display: inline-block;
  font-size: 12px;
  font-size: 9px \9;
  transform: scale(0.75) rotate(90deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.00000000000000006123, M12=-1, M21=1, M22=0.00000000000000006123)";
  zoom: 1;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
  filter: none;
}
:root .ant-collapse > .ant-collapse-item > .ant-collapse-header[aria-expanded="true"] .arrow {
  font-size: 12px;
}
.ant-collapse-borderless {
  background-color: #fff;
  border: 0;
}
.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-active {
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header {
  transition: all 0.3s;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header:hover {
  background-color: #f7f7f7;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
}
.ant-collapse > .ant-collapse-item:not(.ant-collapse-item-disabled) > .ant-collapse-header:active {
  background-color: #eee;
}
.ant-calendar-picker-container {
  position: absolute;
  z-index: 1050;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  position: relative;
  display: inline-block;
  outline: none;
  font-size: 12px;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
  display: block;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #ff6d20;
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 8px;
  top: 50%;
  margin-top: -7px;
  line-height: 14px;
  font-size: 12px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  opacity: 0;
  z-index: 1;
  color: rgba(0, 0, 0, 0.25);
  background: #fff;
  pointer-events: none;
  cursor: pointer;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.43);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  color: rgba(0, 0, 0, 0.43);
}
.ant-calendar-picker-icon:after {
  content: "\E6BB";
  font-family: "anticon";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  line-height: 1;
}
.ant-calendar {
  position: relative;
  outline: none;
  width: 231px;
  border: 1px solid #fff;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  line-height: 1.5;
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-input {
  border: 0;
  width: 100%;
  cursor: auto;
  outline: 0;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-header a:hover {
  color: #ff9055;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.43);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
}
.ant-calendar-header .ant-calendar-prev-century-btn:after,
.ant-calendar-header .ant-calendar-prev-decade-btn:after,
.ant-calendar-header .ant-calendar-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
}
.ant-calendar-header .ant-calendar-next-century-btn:after,
.ant-calendar-header .ant-calendar-next-decade-btn:after,
.ant-calendar-header .ant-calendar-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
}
.ant-calendar-header .ant-calendar-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
}
.ant-calendar-header .ant-calendar-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-body {
  padding: 4px 8px;
}
.ant-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  border: 0;
}
.ant-calendar-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.ant-calendar-column-header {
  line-height: 18px;
  width: 33px;
  padding: 6px 0;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  padding: 4px 0;
}
.ant-calendar-date {
  display: block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 2px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border: 1px solid transparent;
  padding: 0;
  background: transparent;
  text-align: center;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
}
.ant-calendar-date:hover {
  background: #fff4ed;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #ff9055;
}
.ant-calendar-today .ant-calendar-date {
  border-color: #ff6d20;
  font-weight: bold;
  color: #ff6d20;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #ff6d20;
  color: #fff;
  border: 1px solid transparent;
}
.ant-calendar-selected-day .ant-calendar-date:hover {
  background: #ff6d20;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f7f7f7;
  border-radius: 0;
  width: auto;
  border: 1px solid transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f7f7f7;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  margin-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #bcbcbc;
  border-radius: 4px;
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  border-top: 1px solid #e9e9e9;
  line-height: 38px;
  padding: 0 12px;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  text-align: center;
  display: block;
}
.ant-calendar-footer-extra + .ant-calendar-footer-btn {
  border-top: 1px solid #e9e9e9;
  margin: 0 -12px;
  padding: 0 12px;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  text-align: center;
  margin: 0 0 0 8px;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  display: none;
  position: absolute;
  right: 5px;
  text-indent: -76px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 7px;
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
  width: 20px;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover:after {
  color: rgba(0, 0, 0, 0.43);
}
.ant-calendar .ant-calendar-ok-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.15;
  padding: 0 15px;
  height: 28px;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: #fff;
  background-color: #ff6d20;
  border-color: #ff6d20;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 22px;
  line-height: 20px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  transition: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #ff9055;
  border-color: #ff9055;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #e4531b;
  border-color: #e4531b;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar-range-picker-input {
  background-color: transparent;
  border: 0;
  height: 99%;
  outline: 0;
  width: 43%;
  text-align: center;
  vertical-align: top;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  color: rgba(0, 0, 0, 0.43);
  width: 8px;
  display: inline-block;
  line-height: 18px;
  vertical-align: top;
}
.ant-calendar-range {
  width: 470px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ant-calendar-range-part {
  width: 50%;
  position: relative;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 2px solid #e9e9e9;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 2px solid #e9e9e9;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  width: 20px;
  margin-left: -132px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -118px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  margin-left: -12px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 22px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #ff9055;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  border-radius: 0;
  position: relative;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell:before {
  content: '';
  display: block;
  background: #fff4ed;
  border-radius: 0;
  border: 0;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  right: 0;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  height: 207px;
  width: 100%;
  top: 68px;
  z-index: 2;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 241px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  padding-top: 34px;
  height: 100%;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  margin: 8px 12px;
  height: 22px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 247px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 281px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  width: 100%;
  top: 34px;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  z-index: 1050;
  position: absolute;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  display: inline-block;
  position: relative;
  outline: none;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  line-height: 1.5;
  overflow: hidden;
  width: 100%;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  float: left;
  font-size: 12px;
  border-right: 1px solid #e9e9e9;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  height: 206px;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 206px;
}
.ant-calendar-time-picker-select li {
  text-align: center;
  list-style: none;
  box-sizing: content-box;
  margin: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  user-select: none;
  transition: background 0.3s ease;
}
.ant-calendar-time-picker-select li:last-child:after {
  content: '';
  height: 182px;
  display: block;
}
.ant-calendar-time-picker-select li:hover {
  background: #fff4ed;
}
li.ant-calendar-time-picker-select-option-selected {
  background: #f7f7f7;
  font-weight: bold;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
  line-height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 4px;
  background: #fff;
  outline: none;
}
.ant-calendar-month-panel > div {
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-month-panel-header a:hover {
  color: #ff9055;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.43);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-month-panel-body {
  height: calc(100% - 34px);
}
.ant-calendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  background: #ff6d20;
  color: #fff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  background: #ff6d20;
  color: #fff;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f7f7f7;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 4px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #fff4ed;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 4px;
  background: #fff;
  outline: none;
}
.ant-calendar-year-panel > div {
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-year-panel-header a:hover {
  color: #ff9055;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.43);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-year-panel-body {
  height: calc(100% - 34px);
}
.ant-calendar-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 4px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #fff4ed;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  background: #ff6d20;
  color: #fff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  background: #ff6d20;
  color: #fff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  user-select: none;
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 34px;
  line-height: 34px;
  text-align: center;
  user-select: none;
  border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-decade-panel-header a:hover {
  color: #ff9055;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.43);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-decade-panel-body {
  height: calc(100% - 34px);
}
.ant-calendar-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  text-align: center;
  white-space: nowrap;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 4px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #fff4ed;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  background: #ff6d20;
  color: #fff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  background: #ff6d20;
  color: #fff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  user-select: none;
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 248px;
}
.ant-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  filter: none;
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down:before {
  transition: transform 0.2s ease;
}
.ant-dropdown-wrap-open .anticon-down:before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.ant-dropdown-menu-item-group-title {
  color: rgba(0, 0, 0, 0.43);
  padding: 6px 8px;
  transition: all 0.3s;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 7px 8px;
  margin: 0;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  color: rgba(0, 0, 0, 0.65);
  display: block;
  padding: 7px 8px;
  margin: -7px -8px;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > a:focus,
.ant-dropdown-menu-submenu-title > a:focus {
  text-decoration: none;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #ff6d20;
  background-color: #fff4ed;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #fff4ed;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item:first-child,
.ant-dropdown-menu-submenu-title:first-child,
.ant-dropdown-menu-item:first-child > a,
.ant-dropdown-menu-submenu-title:first-child > a {
  border-radius: 4px 4px 0 0;
}
.ant-dropdown-menu-item:last-child,
.ant-dropdown-menu-submenu-title:last-child,
.ant-dropdown-menu-item:last-child > a,
.ant-dropdown-menu-submenu-title:last-child > a {
  border-radius: 0 0 4px 4px;
}
.ant-dropdown-menu-item:only-child,
.ant-dropdown-menu-submenu-title:only-child,
.ant-dropdown-menu-item:only-child > a,
.ant-dropdown-menu-submenu-title:only-child > a {
  border-radius: 4px;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  overflow: hidden;
  background-color: #e9e9e9;
  line-height: 0;
}
.ant-dropdown-menu-submenu-title:after {
  font-family: "anticon" !important;
  position: absolute;
  content: "\E61F";
  right: 8px;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-menu-submenu-title:after {
  filter: none;
}
:root .ant-dropdown-menu-submenu-title:after {
  font-size: 12px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  top: 0;
  left: 100%;
  position: absolute;
  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:after {
  color: rgba(0, 0, 0, 0.25);
}
.ant-dropdown-menu-submenu:first-child .ant-dropdown-menu-submenu-title {
  border-radius: 4px 4px 0 0;
}
.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0 0 4px 4px;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger .anticon-down,
.ant-dropdown-link .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-trigger .anticon-down,
:root .ant-dropdown-link .anticon-down {
  filter: none;
}
:root .ant-dropdown-trigger .anticon-down,
:root .ant-dropdown-link .anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
}
.ant-dropdown-button .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-button .anticon-down {
  filter: none;
}
:root .ant-dropdown-button .anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #404040;
}
.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 {
  color: rgba(255, 255, 255, 0.67);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:after {
  color: rgba(255, 255, 255, 0.67);
}
.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 {
  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 {
  background: #ff6d20;
  color: #fff;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: inherit;
  color: rgba(0, 0, 0, 0.43);
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
label {
  font-size: 12px;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 15px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
}
label {
  position: relative;
}
label > .anticon {
  vertical-align: top;
  font-size: 12px;
}
.ant-form-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  line-height: 1;
  font-size: 12px;
  color: #f04134;
}
.ant-form-hide-required-mark .ant-form-item-required:before {
  display: none;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled {
  cursor: not-allowed;
}
.ant-radio-inline.disabled,
.ant-radio-vertical.disabled,
.ant-checkbox-inline.disabled,
.ant-checkbox-vertical.disabled {
  cursor: not-allowed;
}
.ant-radio.disabled label,
.ant-checkbox.disabled label {
  cursor: not-allowed;
}
.ant-form-item {
  font-size: 12px;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-form-item-control > .ant-form-item:last-child,
.ant-form-item [class^="ant-col-"] > .ant-form-item:only-child {
  margin-bottom: -24px;
}
.ant-form-item-control {
  line-height: 31.9999px;
  position: relative;
  zoom: 1;
}
.ant-form-item-control:before,
.ant-form-item-control:after {
  content: " ";
  display: table;
}
.ant-form-item-control:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-form-item-control:before,
.ant-form-item-control:after {
  content: " ";
  display: table;
}
.ant-form-item-control:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-form-item-with-help {
  margin-bottom: 6px;
}
.ant-form-item-label {
  text-align: right;
  vertical-align: middle;
  line-height: 32px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-form-item-label label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label label:after {
  content: ":";
  margin: 0 8px 0 2px;
  position: relative;
  top: -0.5px;
}
.ant-form-item .ant-switch {
  margin: 4px 0;
}
.ant-form-item-no-colon .ant-form-item-label label:after {
  content: " ";
}
.ant-form-explain,
.ant-form-extra {
  color: rgba(0, 0, 0, 0.43);
  line-height: 1.5;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 24px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 21px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form textarea.ant-input {
  height: auto;
}
form .ant-upload {
  background: transparent;
}
form input[type="radio"],
form input[type="checkbox"] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  margin-left: 8px;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number {
  margin-right: 8px;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-select:only-child,
form .ant-cascader-picker:only-child {
  display: block;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form .ant-input-group-addon .ant-select:only-child,
form .ant-input-group-addon .ant-cascader-picker:only-child {
  display: inline-block;
}
form .ant-input-group-wrapper {
  position: relative;
  top: 2px;
}
form .ant-input-group-wrapper.ant-input-group-wrapper-lg {
  top: 0;
}
form .ant-input-group-wrapper.ant-input-group-wrapper-sm {
  top: 5px;
}
.ant-input-group-wrap .ant-select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-wrap .ant-select-selection:hover {
  border-color: #d9d9d9;
}
.ant-input-group-wrap .ant-select-selection--single {
  margin-left: -1px;
  height: 32px;
  background-color: #eee;
}
.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
  padding-left: 8px;
  padding-right: 25px;
  line-height: 30px;
}
.ant-input-group-wrap .ant-select-open .ant-select-selection {
  border-color: #d9d9d9;
  box-shadow: none;
}
.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;
  margin: 0;
  display: block;
  text-align: left;
  line-height: 1.5;
}
.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;
}
@media (max-width: 767px) {
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-xs-24.ant-form-item-label label:after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-sm-24.ant-form-item-label label:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-md-24.ant-form-item-label label:after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-lg-24.ant-form-item-label label:after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > div {
  display: inline-block;
  vertical-align: middle;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.ant-form-inline .ant-form-explain {
  position: absolute;
}
.has-success.has-feedback:after,
.has-warning.has-feedback:after,
.has-error.has-feedback:after,
.is-validating.has-feedback:after {
  position: absolute;
  top: 0;
  right: 0;
  visibility: visible;
  pointer-events: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  z-index: 1;
}
.has-success.has-feedback:after {
  animation-name: diffZoomIn1 !important;
}
.has-error.has-feedback:after {
  animation-name: diffZoomIn2 !important;
}
.has-warning.has-feedback:after {
  animation-name: diffZoomIn3 !important;
}
.has-success.has-feedback:after {
  content: '\E630';
  color: #00a854;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #ffbf00;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  border-color: #ffbf00;
}
.has-warning .ant-input:focus {
  border-color: #ffce3d;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #ffbf00;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffce3d;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-input-prefix {
  color: #ffbf00;
}
.has-warning .ant-input-group-addon {
  color: #ffbf00;
  border-color: #ffbf00;
  background-color: #fff;
}
.has-warning .has-feedback {
  color: #ffbf00;
}
.has-warning.has-feedback:after {
  content: '\E62C';
  color: #ffbf00;
}
.has-warning .ant-select-selection {
  border-color: #ffbf00;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffce3d;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-calendar-picker-icon:after,
.has-warning .ant-time-picker-icon:after,
.has-warning .ant-picker-icon:after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #ffbf00;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #ffbf00;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffce3d;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #ffbf00;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffce3d;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f04134;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  border-color: #f04134;
}
.has-error .ant-input:focus {
  border-color: #f46e65;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f04134;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #f46e65;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input-prefix {
  color: #f04134;
}
.has-error .ant-input-group-addon {
  color: #f04134;
  border-color: #f04134;
  background-color: #fff;
}
.has-error .has-feedback {
  color: #f04134;
}
.has-error.has-feedback:after {
  content: '\E62E';
  color: #f04134;
}
.has-error .ant-select-selection {
  border-color: #f04134;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #f46e65;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon:after,
.has-error .ant-time-picker-icon:after,
.has-error .ant-picker-icon:after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f04134;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f04134;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #f46e65;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f04134;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f04134;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #f46e65;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #f46e65;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.is-validating.has-feedback:after {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
  content: "\E64D";
  color: #ff6d20;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 16px;
}
.ant-advanced-search-form .ant-input,
.ant-advanced-search-form .ant-input-group .ant-input,
.ant-advanced-search-form .ant-input-group .ant-input-group-addon {
  height: 28px;
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ant-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block;
}
.ant-row:before,
.ant-row:after {
  content: " ";
  display: table;
}
.ant-row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-row:before,
.ant-row:after {
  content: " ";
  display: table;
}
.ant-row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}
.ant-row-flex:before,
.ant-row-flex:after {
  display: flex;
}
.ant-row-flex-start {
  justify-content: flex-start;
}
.ant-row-flex-center {
  justify-content: center;
}
.ant-row-flex-end {
  justify-content: flex-end;
}
.ant-row-flex-space-between {
  justify-content: space-between;
}
.ant-row-flex-space-around {
  justify-content: space-around;
}
.ant-row-flex-top {
  align-items: flex-start;
}
.ant-row-flex-middle {
  align-items: center;
}
.ant-row-flex-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  display: block;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  float: left;
  flex: 0 0 auto;
}
.ant-col-24 {
  display: block;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  float: left;
  flex: 0 0 auto;
}
.ant-col-xs-24 {
  display: block;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
}
@media (min-width: 768px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ant-col-sm-24 {
    display: block;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
  }
}
@media (min-width: 992px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ant-col-md-24 {
    display: block;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
  }
}
@media (min-width: 1200px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ant-col-lg-24 {
    display: block;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
  }
}
@media (min-width: 1600px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    float: left;
    flex: 0 0 auto;
  }
  .ant-col-xl-24 {
    display: block;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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-input-search-icon {
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
}
.ant-input-search-icon:hover {
  color: #ff6d20;
}
.ant-search-input-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.ant-search-input.ant-input-group .ant-input:first-child,
.ant-search-input.ant-input-group .ant-select:first-child {
  border-radius: 4px;
  position: absolute;
  top: -1px;
  width: 100%;
}
.ant-search-input.ant-input-group .ant-input:first-child {
  padding-right: 36px;
}
.ant-search-input .ant-search-btn {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-radius: 0 3px 3px 0;
  left: -1px;
  position: relative;
  border-width: 0 0 0 1px;
  z-index: 2;
  padding-left: 8px;
  padding-right: 8px;
}
.ant-search-input .ant-search-btn > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn:hover,
.ant-search-input .ant-search-btn:focus {
  color: #ff6d20;
  background-color: #fff;
  border-color: #ff6d20;
}
.ant-search-input .ant-search-btn:hover > a:only-child,
.ant-search-input .ant-search-btn:focus > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn:hover > a:only-child:after,
.ant-search-input .ant-search-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn:active,
.ant-search-input .ant-search-btn.active {
  color: #e4531b;
  background-color: #fff;
  border-color: #e4531b;
}
.ant-search-input .ant-search-btn:active > a:only-child,
.ant-search-input .ant-search-btn.active > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn:active > a:only-child:after,
.ant-search-input .ant-search-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn.disabled,
.ant-search-input .ant-search-btn[disabled],
.ant-search-input .ant-search-btn.disabled:hover,
.ant-search-input .ant-search-btn[disabled]:hover,
.ant-search-input .ant-search-btn.disabled:focus,
.ant-search-input .ant-search-btn[disabled]:focus,
.ant-search-input .ant-search-btn.disabled:active,
.ant-search-input .ant-search-btn[disabled]:active,
.ant-search-input .ant-search-btn.disabled.active,
.ant-search-input .ant-search-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-search-input .ant-search-btn.disabled > a:only-child,
.ant-search-input .ant-search-btn[disabled] > a:only-child,
.ant-search-input .ant-search-btn.disabled:hover > a:only-child,
.ant-search-input .ant-search-btn[disabled]:hover > a:only-child,
.ant-search-input .ant-search-btn.disabled:focus > a:only-child,
.ant-search-input .ant-search-btn[disabled]:focus > a:only-child,
.ant-search-input .ant-search-btn.disabled:active > a:only-child,
.ant-search-input .ant-search-btn[disabled]:active > a:only-child,
.ant-search-input .ant-search-btn.disabled.active > a:only-child,
.ant-search-input .ant-search-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn.disabled > a:only-child:after,
.ant-search-input .ant-search-btn[disabled] > a:only-child:after,
.ant-search-input .ant-search-btn.disabled:hover > a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:hover > a:only-child:after,
.ant-search-input .ant-search-btn.disabled:focus > a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:focus > a:only-child:after,
.ant-search-input .ant-search-btn.disabled:active > a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:active > a:only-child:after,
.ant-search-input .ant-search-btn.disabled.active > a:only-child:after,
.ant-search-input .ant-search-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn:hover,
.ant-search-input .ant-search-btn:focus,
.ant-search-input .ant-search-btn:active,
.ant-search-input .ant-search-btn.active {
  background: #fff;
}
.ant-search-input .ant-search-btn:hover {
  border-color: #d9d9d9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty,
.ant-search-input:hover .ant-search-btn-noempty {
  color: #fff;
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,
.ant-search-input:hover .ant-search-btn-noempty:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,
.ant-search-input:hover .ant-search-btn-noempty:focus {
  color: #fff;
  background-color: #ff9055;
  border-color: #ff9055;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:hover > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:focus > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:hover > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,
.ant-search-input:hover .ant-search-btn-noempty:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,
.ant-search-input:hover .ant-search-btn-noempty.active {
  color: #fff;
  background-color: #e4531b;
  border-color: #e4531b;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.active > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled,
.ant-search-input:hover .ant-search-btn-noempty.disabled,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled],
.ant-search-input:hover .ant-search-btn-noempty[disabled],
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled] > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled] > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled] > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled] > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-select-combobox .ant-select-selection__rendered {
  margin-right: 29px;
}
.ant-input {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:hover {
  border-color: #ff9055;
}
.ant-input:focus {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-input-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-input-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.ant-input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 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;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
}
.ant-input-group-addon {
  padding: 4px 7px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -7px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  background-color: inherit;
  margin: -1px;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #ff6d20;
}
.ant-input-group-addon > i:only-child:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-bottom-right-radius: 0;
  border-top-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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6px 7px;
  height: 32px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 1px 7px;
  height: 22px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 32px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 22px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  width: 100%;
  float: left;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
  content: " ";
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
  content: " ";
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-input-group.ant-input-group-compact > * {
  border-radius: 0;
  border-right-width: 0;
  vertical-align: top;
  float: none;
  display: inline-block;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
  z-index: auto;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.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-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-radius: 0;
  border-right-width: 0;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.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,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.ant-input-group-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ant-input-affix-wrapper .ant-input {
  z-index: 1;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #ff9055;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  line-height: 0;
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 7px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 7px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 24px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 24px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-number {
  position: relative;
  padding: 4px 7px;
  width: 100%;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  margin: 0;
  padding: 0;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 80px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:hover {
  border-color: #ff9055;
}
.ant-input-number:focus {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-input-number-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-input-number-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-input-number-handler {
  text-align: center;
  line-height: 0;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.43);
  position: relative;
  transition: all 0.1s linear;
  display: block;
  width: 100%;
  font-weight: bold;
}
.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: #ff9055;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 12px;
  user-select: none;
  position: absolute;
  width: 12px;
  height: 12px;
  transition: all 0.1s linear;
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  right: 4px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-input-number-handler-up-inner:before,
.ant-input-number-handler-down-inner:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-down-inner {
  filter: none;
}
:root .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number:hover {
  border-color: #ff9055;
}
.ant-input-number-focused {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-input-number-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-disabled:hover {
  border-color: #e2e2e2;
}
.ant-input-number-input {
  width: 100%;
  text-align: left;
  outline: 0;
  -moz-appearance: textfield;
  height: 26px;
  transition: all 0.3s linear;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 0 7px;
  display: block;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input[disabled] {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-input[disabled]:hover {
  border-color: #e2e2e2;
}
.ant-input-number-lg {
  padding: 0;
}
.ant-input-number-lg input {
  height: 30px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 20px;
}
.ant-input-number-handler-wrap {
  border-left: 1px solid #d9d9d9;
  width: 22px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  border-radius: 0 4px 4px 0;
  transition: opacity 0.24s linear 0.1s;
  z-index: 2;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -6px;
}
.ant-input-number-handler-up-inner:before {
  text-align: center;
  content: "\E61E";
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  border-top: 1px solid #d9d9d9;
  top: -1px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
}
.ant-input-number-handler-down-inner:before {
  text-align: center;
  content: "\E61D";
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner,
.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner,
.ant-input-number-disabled .ant-input-number-handler-down-inner,
.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner,
.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner,
.ant-input-number-disabled .ant-input-number-handler-up-inner {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-input {
  opacity: 0.72;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-disabled .ant-input-number-handler {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}
.ant-layout {
  display: flex;
  flex-direction: column;
  flex: auto;
  background: #ececec;
}
.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 {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  background: #404040;
  padding: 0 50px;
  height: 64px;
  line-height: 64px;
}
.ant-layout-footer {
  background: #ececec;
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ant-layout-content {
  flex: auto;
}
.ant-layout-sider {
  transition: all 0.2s;
  position: relative;
  background: #404040;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
}
.ant-layout-sider-children {
  height: 100%;
  padding-top: 0.1px;
  margin-top: -0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  text-align: center;
  bottom: 0;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background: #404040;
  z-index: 1;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  text-align: center;
  width: 36px;
  height: 42px;
  line-height: 42px;
  background: #404040;
  color: #fff;
  font-size: 18px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #535353;
}
.ant-mention-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.ant-mention-wrapper .ant-mention-editor {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  line-height: 1.5;
  padding: 0;
  display: block;
}
.ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mention-wrapper .ant-mention-editor:hover {
  border-color: #ff9055;
}
.ant-mention-wrapper .ant-mention-editor:focus {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-mention-wrapper .ant-mention-editor-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-mention-wrapper .ant-mention-editor-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-mention-wrapper .ant-mention-editor {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mention-wrapper .ant-mention-editor-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-mention-wrapper .ant-mention-editor-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-mention-wrapper .ant-mention-editor-wrapper {
  overflow-y: auto;
  height: auto;
}
.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-mention-wrapper.disabled .ant-mention-editor {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-mention-wrapper.disabled .ant-mention-editor:hover {
  border-color: #e2e2e2;
}
.ant-mention-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
}
.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  color: #bfbfbf;
  opacity: 1;
  outline: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  height: auto;
  padding: 4px 7px;
}
.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 4px 7px;
}
.ant-mention-dropdown {
  margin-top: 1.5em;
  max-height: 250px;
  min-width: 120px;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 1050;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 12px;
}
.ant-mention-dropdown-notfound.ant-mention-dropdown-item {
  color: rgba(0, 0, 0, 0.25);
}
.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
  color: #ff6d20;
  text-align: center;
  display: block;
}
.ant-mention-dropdown-item {
  position: relative;
  display: block;
  padding: 7px 8px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: background 0.3s;
}
.ant-mention-dropdown-item:hover {
  background-color: #fff4ed;
}
.ant-mention-dropdown-item.focus,
.ant-mention-dropdown-item-active {
  background-color: #fff4ed;
}
.ant-mention-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mention-dropdown-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mention-dropdown-item-selected,
.ant-mention-dropdown-item-selected:hover {
  background-color: #f7f7f7;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
}
.ant-mention-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e9e9e9;
  line-height: 0;
}
.ant-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  z-index: 1050;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  line-height: 46px;
  transition: background 0.3s, width 0.2s;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-title {
  color: rgba(0, 0, 0, 0.43);
  font-size: 12px;
  line-height: 1.5;
  padding: 8px 16px;
  transition: all 0.3s;
}
.ant-menu-item,
.ant-menu-submenu,
.ant-menu-submenu-title {
  cursor: pointer;
}
.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-item,
.ant-menu-submenu-title {
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 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-item:active,
.ant-menu-submenu-title:active {
  background: #fff4ed;
}
.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-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #ff6d20;
}
.ant-menu-item > a:focus {
  text-decoration: none;
}
.ant-menu-item > a:before {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  background-color: #e9e9e9;
  line-height: 0;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #ff6d20;
}
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
  z-index: 1050;
}
.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: #ff6d20;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #ff6d20;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff4ed;
}
.ant-menu-horizontal,
.ant-menu-inline,
.ant-menu-vertical {
  z-index: auto;
}
.ant-menu-inline,
.ant-menu-vertical {
  border-right: 1px solid #e9e9e9;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-item {
  margin-left: -1px;
  left: 1px;
  position: relative;
  z-index: 1;
}
.ant-menu-inline .ant-menu-item:after,
.ant-menu-vertical .ant-menu-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 3px solid #ff6d20;
  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);
}
.ant-menu-vertical.ant-menu-sub {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item {
  border-right: 0;
  margin-left: 0;
  left: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item:last-child,
.ant-menu-vertical.ant-menu-sub > .ant-menu-item-group:last-child > .ant-menu-item-group-list:last-child > .ant-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item:only-child {
  border-radius: 4px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected:after,
.ant-menu-inline .ant-menu-item-selected:after {
  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);
  opacity: 1;
  transform: scaleY(1);
}
.ant-menu-submenu-horizontal > .ant-menu {
  top: 100%;
  left: 0;
  position: absolute;
  min-width: 100%;
  margin-top: 7px;
  z-index: 1050;
}
.ant-menu-submenu-vertical {
  z-index: 1;
}
.ant-menu-submenu-vertical > .ant-menu {
  top: 0;
  left: 100%;
  position: absolute;
  min-width: 160px;
  margin-left: 4px;
  z-index: 1050;
}
.ant-menu-item,
.ant-menu-submenu-title {
  margin: 0;
  padding: 0 20px;
  position: relative;
  display: block;
  white-space: nowrap;
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 8px;
  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);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  padding: 0;
  line-height: 0;
  background-color: #e9e9e9;
}
.ant-menu-submenu {
  position: relative;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title:after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:after {
  font-family: "anticon" !important;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  position: absolute;
  content: "\E61D";
  right: 16px;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg) scale(0.75);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title:after {
  font-family: "anticon" !important;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  position: absolute;
  content: "\E61D";
  right: 16px;
  top: 0;
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-menu-submenu-inline > .ant-menu-submenu-title:after {
  filter: none;
}
:root .ant-menu-submenu-inline > .ant-menu-submenu-title:after {
  font-size: 12px;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(180deg) scale(0.75);
}
.ant-menu-vertical .ant-menu-submenu-selected {
  color: #ff6d20;
}
.ant-menu-vertical .ant-menu-submenu-selected > a {
  color: #ff6d20;
}
.ant-menu-horizontal {
  border: 0;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: none;
  z-index: 0;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  float: left;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  border-bottom: 2px solid #ff6d20;
  color: #ff6d20;
}
.ant-menu-horizontal > .ant-menu-item > a,
.ant-menu-horizontal > .ant-menu-submenu > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover,
.ant-menu-horizontal > .ant-menu-submenu > a:hover {
  color: #ff6d20;
}
.ant-menu-horizontal:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding: 0 16px;
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline-collapsed {
  width: 64px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  text-overflow: clip;
  padding: 0 24px !important;
}
.ant-menu-inline-collapsed > .ant-menu-item:after,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item:after,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title:after {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  font-size: 16px;
  line-height: 42px;
  margin: 0;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  max-width: 0;
  display: inline-block;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.91);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 4px;
  padding-right: 4px;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-vertical.ant-menu-sub {
  padding: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  line-height: 42px;
  height: 42px;
  list-style-type: disc;
  list-style-position: inside;
}
.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;
  cursor: not-allowed;
  background: none;
  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-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.67);
  background: #404040;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #333;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom-color: #404040;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  border-color: #404040;
  border-bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.67);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item {
  border-right: 0;
  margin-left: 0;
  left: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item:after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item:after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  background-color: transparent;
  color: #fff;
}
.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:not(.ant-menu-inline) .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected {
  border-right: 0;
  color: #fff;
}
.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 > a:hover {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: #ff6d20;
}
.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 {
  opacity: 0.8;
  color: rgba(255, 255, 255, 0.35) !important;
}
.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-message {
  font-size: 12px;
  position: fixed;
  z-index: 1010;
  width: 100%;
  top: 16px;
  left: 0;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  padding: 8px 16px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  display: inline-block;
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #00a854;
}
.ant-message-error .anticon {
  color: #f04134;
}
.ant-message-warning .anticon {
  color: #ffbf00;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #108ee9;
}
.ant-message .anticon {
  margin-right: 8px;
  font-size: 14px;
  top: 1px;
  position: relative;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  animation-name: MessageMoveOut;
  overflow: hidden;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    opacity: 1;
    max-height: 150px;
    padding: 8px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    padding: 0;
  }
}
.ant-modal {
  position: relative;
  width: auto;
  margin: 0 auto;
  top: 100px;
  padding-bottom: 24px;
}
.ant-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.ant-modal-title {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.ant-modal-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color 0.3s ease;
  color: rgba(0, 0, 0, 0.43);
  outline: 0;
}
.ant-modal-close-x {
  display: block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
}
.ant-modal-close-x:before {
  content: "\E633";
  display: block;
  font-family: "anticon" !important;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: #444;
  text-decoration: none;
}
.ant-modal-header {
  padding: 13px 16px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid #e9e9e9;
}
.ant-modal-body {
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
}
.ant-modal-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px 10px 10px;
  text-align: right;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  animation-duration: 0.3s;
  transform: none;
  opacity: 0;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  z-index: 1000;
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
@media (max-width: 768px) {
  .ant-modal {
    width: auto !important;
    margin: 10px;
  }
  .vertical-center-modal .ant-modal {
    flex: 1;
  }
}
.ant-confirm .ant-modal-header {
  display: none;
}
.ant-confirm .ant-modal-close {
  display: none;
}
.ant-confirm .ant-modal-body {
  padding: 30px 40px;
}
.ant-confirm-body-wrapper {
  zoom: 1;
}
.ant-confirm-body-wrapper:before,
.ant-confirm-body-wrapper:after {
  content: " ";
  display: table;
}
.ant-confirm-body-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-confirm-body-wrapper:before,
.ant-confirm-body-wrapper:after {
  content: " ";
  display: table;
}
.ant-confirm-body-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-confirm-body .ant-confirm-title {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  font-size: 14px;
}
.ant-confirm-body .ant-confirm-content {
  margin-left: 42px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 8px;
}
.ant-confirm-body > .anticon {
  font-size: 24px;
  margin-right: 16px;
  padding: 0 1px;
  float: left;
}
.ant-confirm .ant-confirm-btns {
  margin-top: 30px;
  float: right;
}
.ant-confirm .ant-confirm-btns button + button {
  margin-left: 10px;
  margin-bottom: 0;
}
.ant-confirm-error .ant-confirm-body > .anticon {
  color: #f04134;
}
.ant-confirm-warning .ant-confirm-body > .anticon,
.ant-confirm-confirm .ant-confirm-body > .anticon {
  color: #ffbf00;
}
.ant-confirm-info .ant-confirm-body > .anticon {
  color: #108ee9;
}
.ant-confirm-success .ant-confirm-body > .anticon {
  color: #00a854;
}
.ant-notification {
  position: fixed;
  z-index: 1010;
  width: 335px;
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-left: 24px;
  margin-right: 0;
}
.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;
}
.ant-notification-notice {
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  line-height: 1.5;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.ant-notification-notice-message {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 4px;
  line-height: 20px;
  display: inline-block;
}
.ant-notification-notice-message-single-line-auto-margin {
  width: calc(335px - 16px * 2 - 24px - 48px - 100%);
  background-color: transparent;
  pointer-events: none;
  display: block;
  max-width: 4px;
}
.ant-notification-notice-message-single-line-auto-margin:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.ant-notification-notice-description {
  font-size: 12px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  font-size: 14px;
  margin-left: 48px;
  margin-bottom: 4px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 12px;
}
.ant-notification-notice-icon {
  position: absolute;
  font-size: 32px;
  line-height: 32px;
}
.ant-notification-notice-icon-success {
  color: #00a854;
}
.ant-notification-notice-icon-info {
  color: #108ee9;
}
.ant-notification-notice-icon-warning {
  color: #ffbf00;
}
.ant-notification-notice-icon-error {
  color: #f04134;
}
.ant-notification-notice-close-x:after {
  font-size: 12px;
  content: "\E633";
  font-family: "anticon";
  cursor: pointer;
}
.ant-notification-notice-close {
  position: absolute;
  right: 16px;
  top: 10px;
  color: rgba(0, 0, 0, 0.43);
  outline: none;
  text-decoration: none;
}
.ant-notification-notice-close:hover {
  color: #404040;
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  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% {
    opacity: 0;
    left: 335px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    opacity: 0;
    right: 335px;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    opacity: 1;
    margin-bottom: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    max-height: 150px;
  }
  100% {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
  }
}
.ant-pagination {
  font-size: 12px;
}
.ant-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ant-pagination-total-text {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  line-height: 28px;
  margin-right: 8px;
}
.ant-pagination-item {
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
  font-family: Arial;
  outline: 0;
}
.ant-pagination-item a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
  transition: none;
  margin: 0 6px;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  transition: all 0.3s;
  border-color: #ff6d20;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #ff6d20;
}
.ant-pagination-item-active {
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  background-color: #ff9055;
  border-color: #ff9055;
}
.ant-pagination-item-active a,
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #fff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev:after,
.ant-pagination-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-pagination-jump-prev:focus:after,
.ant-pagination-jump-next:focus:after,
.ant-pagination-jump-prev:hover:after,
.ant-pagination-jump-next:hover:after {
  color: #ff6d20;
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  letter-spacing: -1px;
  font-family: "anticon";
}
:root .ant-pagination-jump-prev:focus:after,
:root .ant-pagination-jump-next:focus:after,
:root .ant-pagination-jump-prev:hover:after,
:root .ant-pagination-jump-next:hover:after {
  filter: none;
}
:root .ant-pagination-jump-prev:focus:after,
:root .ant-pagination-jump-next:focus:after,
:root .ant-pagination-jump-prev:hover:after,
:root .ant-pagination-jump-next:hover:after {
  font-size: 12px;
}
.ant-pagination-jump-prev:focus:after,
.ant-pagination-jump-prev:hover:after {
  content: "\E620\E620";
}
.ant-pagination-jump-next:focus:after,
.ant-pagination-jump-next:hover:after {
  content: "\E61F\E61F";
}
.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 {
  font-family: Arial;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  list-style: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  transition: all 0.3s;
  display: inline-block;
  vertical-align: middle;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  color: #ff6d20;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  display: block;
  transition: all 0.3s;
}
.ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-next .ant-pagination-item-link:after {
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: block;
  height: 26px;
  line-height: 26px;
  font-family: "anticon";
  text-align: center;
  font-weight: 500;
}
:root .ant-pagination-prev .ant-pagination-item-link:after,
:root .ant-pagination-next .ant-pagination-item-link:after {
  filter: none;
}
:root .ant-pagination-prev .ant-pagination-item-link:after,
:root .ant-pagination-next .ant-pagination-item-link:after {
  font-size: 12px;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  border-color: #ff6d20;
  color: #ff6d20;
}
.ant-pagination-prev .ant-pagination-item-link:after {
  content: "\E620";
  display: block;
}
.ant-pagination-next .ant-pagination-item-link:after {
  content: "\E61F";
  display: block;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}
.ant-pagination-options-size-changer {
  display: inline-block;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  margin: 0 8px;
  width: 50px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #ff9055;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 1px 7px;
  height: 22px;
}
.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 {
  border: 0;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after {
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  margin-right: 8px;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 0 6px;
  height: 100%;
  text-align: center;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #ff6d20;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-item {
  border: 0;
  margin: 0;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  margin: 0;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  border: 0;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 8px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  padding: 1px 7px;
  height: 22px;
  width: 44px;
}
@media only screen and (max-width: 1024px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
.ant-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  cursor: auto;
  user-select: text;
  white-space: normal;
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
}
.ant-popover:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 8px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 8px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 8px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 8px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-popover-title {
  min-width: 177px;
  margin: 0;
  padding: 8px 16px;
  min-height: 32px;
  border-bottom: 1px solid #e9e9e9;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 500;
}
.ant-popover-inner-content {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  padding: 8px 0 16px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message > .anticon {
  color: #ffbf00;
  line-height: 17px;
  position: absolute;
}
.ant-popover-message-title {
  padding-left: 20px;
}
.ant-popover-buttons {
  text-align: right;
  margin-bottom: 8px;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow,
.ant-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ant-popover-arrow {
  border-width: 5px;
}
.ant-popover-arrow:after {
  border-width: 4px;
  content: "";
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  border-bottom-width: 0;
  border-top-color: rgba(217, 217, 217, 0.7);
  bottom: 3px;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -4px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 3px;
  border-left-width: 0;
  border-right-color: rgba(217, 217, 217, 0.7);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  left: 1px;
  bottom: -4px;
  border-left-width: 0;
  border-right-color: #fff;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  border-top-width: 0;
  border-bottom-color: rgba(217, 217, 217, 0.7);
  top: 3px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -4px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 3px;
  border-right-width: 0;
  border-left-color: rgba(217, 217, 217, 0.7);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -4px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-progress {
  display: inline-block;
}
.ant-progress-line {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  padding-right: 2.75em;
  margin-right: -2.75em;
}
.ant-progress-inner {
  display: inline-block;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 100px;
  vertical-align: middle;
}
.ant-progress-circle-trail {
  stroke: #f7f7f7;
}
.ant-progress-circle-path {
  stroke: #ff6d20;
  animation: ant-progress-appear 0.3s;
}
.ant-progress-bg {
  border-radius: 100px;
  background-color: #ff6d20;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  position: relative;
}
.ant-progress-text {
  word-break: normal;
  width: 2em;
  text-align: left;
  font-size: 1em;
  margin-left: 0.75em;
  vertical-align: middle;
  display: inline-block;
}
.ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-status-active .ant-progress-bg:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f04134;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f04134;
}
.ant-progress-status-exception .ant-progress-circle-path {
  stroke: #f04134;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #00a854;
}
.ant-progress-status-success .ant-progress-text {
  color: #00a854;
}
.ant-progress-status-success .ant-progress-circle-path {
  stroke: #00a854;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-family: tahoma;
  margin: 0;
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle .ant-progress-status-exception .ant-progress-text {
  color: #f04134;
}
.ant-progress-circle .ant-progress-status-success .ant-progress-text {
  color: #00a854;
}
@keyframes ant-progress-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ant-progress-active {
  0% {
    opacity: 0.1;
    width: 0;
  }
  20% {
    opacity: 0.5;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
.ant-radio-group {
  display: inline-block;
  font-size: 12px;
}
.ant-radio-wrapper {
  font-size: 12px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio {
  white-space: nowrap;
  outline: none;
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: text-bottom;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.ant-radio:hover .ant-radio-inner,
.ant-radio-focused .ant-radio-inner {
  border-color: #ff6d20;
}
.ant-radio-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #ff6d20;
  content: '';
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  visibility: hidden;
}
.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: 14px;
  height: 14px;
  border-width: 1px;
  border-style: solid;
  border-radius: 14px;
  border-color: #d9d9d9;
  background-color: #fff;
  transition: all 0.3s;
}
.ant-radio-inner:after {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 3px;
  top: 3px;
  border-radius: 4px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: ' ';
  background-color: #ff6d20;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #ff6d20;
}
.ant-radio-checked .ant-radio-inner:after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}
.ant-radio-disabled .ant-radio-inner:after {
  background-color: #ccc;
}
.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-left: 8px;
  padding-right: 8px;
}
.ant-radio-button-wrapper {
  margin: 0;
  height: 28px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.65);
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-left: 0;
  background: #fff;
  padding: 0 16px;
  position: relative;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  margin-left: 0;
  display: block;
  width: 0;
  height: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 32px;
  line-height: 30px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 22px;
  line-height: 20px;
  padding: 0 12px;
}
.ant-radio-group-small .ant-radio-button-wrapper:first-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-group-small .ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  content: "";
  display: block;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #d9d9d9;
}
.ant-radio-button-wrapper:first-child {
  border-radius: 4px 0 0 4px;
  border-left: 1px solid #d9d9d9;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover,
.ant-radio-button-wrapper-focused {
  color: #ff6d20;
  position: relative;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type="checkbox"],
.ant-radio-button-wrapper input[type="radio"] {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  height: 0;
}
.ant-radio-button-wrapper-checked {
  background: #fff;
  border-color: #ff6d20;
  color: #ff6d20;
  box-shadow: -1px 0 0 0 #ff6d20;
  z-index: 1;
}
.ant-radio-button-wrapper-checked::before {
  background-color: #ff6d20 !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:first-child {
  border-color: #ff6d20;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:hover {
  border-color: #ff9055;
  box-shadow: -1px 0 0 0 #ff9055;
  color: #ff9055;
}
.ant-radio-button-wrapper-checked:active {
  border-color: #e4531b;
  box-shadow: -1px 0 0 0 #e4531b;
  color: #e4531b;
}
.ant-radio-button-wrapper-disabled {
  border-color: #d9d9d9;
  background-color: #f7f7f7;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  border-color: #d9d9d9;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.25);
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  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-rate {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #f5a623;
}
.ant-rate-disabled .ant-rate-star {
  cursor: not-allowed;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  transition: all 0.3s;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star-first,
.ant-rate-star-second {
  user-select: none;
  transition: all 0.3s;
  color: #e9e9e9;
}
.ant-rate-star:hover {
  transform: scale(1.1);
}
.ant-rate-star-first {
  position: absolute;
  left: 0;
  top: 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 {
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
}
.ant-select {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-size: 12px;
  font-size: 9px \9;
  transform: scale(0.75) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
.ant-select-arrow:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-select-arrow {
  filter: none;
}
:root .ant-select-arrow {
  font-size: 12px;
}
.ant-select-arrow * {
  display: none;
}
.ant-select-arrow:before {
  content: '\E61D';
  transition: transform 0.2s ease;
}
.ant-select-selection {
  outline: none;
  user-select: none;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection:hover {
  border-color: #ff9055;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-select-selection__clear {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  opacity: 0;
  position: absolute;
  right: 8px;
  z-index: 1;
  background: #fff;
  top: 50%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-select-selection__clear:before {
  display: block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.43);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 14px;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f7f7f7;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  background: #eee;
  color: #aaa;
  padding-right: 10px;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  height: 28px;
  position: relative;
  cursor: pointer;
}
.ant-select-selection__rendered {
  display: block;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  line-height: 26px;
}
.ant-select-selection__rendered:after {
  content: '.';
  visibility: hidden;
  pointer-events: none;
  display: inline-block;
  width: 0;
}
.ant-select-lg .ant-select-selection--single {
  height: 32px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 30px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 24px;
  line-height: 24px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear {
  top: 16px;
}
.ant-select-sm .ant-select-selection--single {
  height: 22px;
}
.ant-select-sm .ant-select-selection__rendered {
  line-height: 20px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 14px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear {
  top: 11px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  display: inline-block;
  position: relative;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 9px;
  color: #bfbfbf;
  line-height: 20px;
  height: 20px;
  max-width: 100%;
  margin-top: -10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.ant-select-search__field__placeholder {
  left: 8px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: -9999px;
  white-space: pre;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ant-select-selection--multiple .ant-select-search--inline {
  float: left;
  position: static;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  border-width: 0;
  font-size: 100%;
  height: 100%;
  width: 100%;
  background: transparent;
  outline: 0;
  border-radius: 4px;
  line-height: 1;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 28px;
  cursor: text;
  padding-bottom: 3px;
  zoom: 1;
}
.ant-select-selection--multiple:before,
.ant-select-selection--multiple:after {
  content: " ";
  display: table;
}
.ant-select-selection--multiple:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-select-selection--multiple:before,
.ant-select-selection--multiple:after {
  content: " ";
  display: table;
}
.ant-select-selection--multiple:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-select-selection--multiple .ant-select-search--inline {
  width: auto;
  padding: 0;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  max-width: 100%;
  width: 0.75em;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  margin-left: 5px;
  margin-bottom: -3px;
  height: auto;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  margin-top: 3px;
  height: 20px;
  line-height: 20px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  color: rgba(0, 0, 0, 0.65);
  background-color: #f3f3f3;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 4px;
  max-width: 99%;
  position: relative;
  overflow: hidden;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 20px 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(0, 0, 0, 0.43);
  line-height: inherit;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  position: absolute;
  right: 4px;
  padding: 0 0 0 8px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  filter: none;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: #404040;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  content: "\E633";
}
.ant-select-selection--multiple .ant-select-selection__clear {
  top: 14px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -ms-transform: rotate(180deg);
}
.ant-select-open .ant-select-arrow:before {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  height: 100%;
  width: 100%;
  float: none;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: none;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 1050;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  overflow: hidden;
  font-size: 12px;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow: auto;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 16px;
}
.ant-select-dropdown-menu-item-group-title {
  color: rgba(0, 0, 0, 0.43);
  line-height: 1.5;
  padding: 8px;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 7px 8px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover {
  background-color: #fff4ed;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  background-color: #f7f7f7;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.ant-select-dropdown-menu-item-active {
  background-color: #fff4ed;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E632";
  color: transparent;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  font-weight: bold;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
}
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  filter: none;
}
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  font-size: 12px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
  color: #ddd;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
  color: #ff6d20;
  display: inline-block;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.ant-slider {
  position: relative;
  margin: 10px 6px;
  padding: 4px 0;
  height: 12px;
  cursor: pointer;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  height: 100%;
  width: 4px;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
}
.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;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #e9e9e9;
  transition: background-color 0.3s ease;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  border-radius: 4px;
  background-color: #ffc5a6;
  transition: background-color 0.3s ease;
}
.ant-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #ffb690;
  background-color: #fff;
  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:hover {
  border-color: #ff9055;
  transform: scale(1.2);
  transform-origin: center center;
}
.ant-slider-handle:active {
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #ffa779;
}
.ant-slider:hover .ant-slider-handle {
  border-color: #ff9055;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.43);
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #ffb690;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.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 {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background-color: #fff;
  cursor: not-allowed;
  box-shadow: none;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-spin {
  color: #ff6d20;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  position: absolute;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  font-size: 12px;
  display: none;
}
.ant-spin-spinning {
  opacity: 1;
  position: static;
  display: inline-block;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  height: 100%;
  max-height: 320px;
  width: 100%;
  z-index: 4;
}
.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: 6px;
}
.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: 3px;
}
.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: 12px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
}
.ant-spin-blur {
  overflow: hidden;
  opacity: 0.7;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
  /* autoprefixer: off */
  filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false);
  -webkit-transform: translateZ(0);
}
.ant-spin-blur:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;
  transition: all 0.3s;
  z-index: 10;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.43);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-dot i {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #ff6d20;
  transform: scale(0.75);
  display: block;
  position: absolute;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
  transform-origin: 50% 50%;
}
.ant-spin-dot i:nth-child(1) {
  left: 0;
  top: 0;
}
.ant-spin-dot i:nth-child(2) {
  right: 0;
  top: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot i:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot i:nth-child(4) {
  left: 0;
  bottom: 0;
  animation-delay: 1.2s;
}
.ant-spin-sm .ant-spin-dot {
  width: 14px;
  height: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  width: 32px;
  height: 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(405deg);
  }
}
.ant-steps {
  font-size: 0;
  line-height: 1.5;
}
.ant-steps .ant-steps-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner {
  border-color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title {
  color: rgba(0, 0, 0, 0.43);
}
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description {
  color: rgba(0, 0, 0, 0.43);
}
.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail > i {
  background-color: #e9e9e9;
}
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  border-color: #ff6d20;
  background-color: #ff6d20;
}
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot {
  background: #ff6d20;
}
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail > i {
  background-color: #e9e9e9;
}
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  border-color: #ff6d20;
  background-color: #fff;
}
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #ff6d20;
}
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot {
  background: #ff6d20;
}
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  width: 100%;
  background: #ff6d20;
  transition: all 0.6s;
  opacity: 1;
  box-shadow: 0 0 0 0 #ff6d20;
  animation: tailEffect 0.4s;
}
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title {
  color: rgba(0, 0, 0, 0.43);
}
.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description {
  color: rgba(0, 0, 0, 0.43);
}
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner {
  border-color: #f04134;
  background-color: #fff;
}
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner > .ant-steps-icon {
  color: #f04134;
}
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot {
  background: #f04134;
}
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title {
  color: #f04134;
}
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description {
  color: #f04134;
}
.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-tail > i {
  background-color: #e9e9e9;
}
.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail > i,
.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail > i:after {
  background-color: #f04134;
}
.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
  background: none;
  border: 0;
  width: auto;
  height: auto;
}
.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 26px;
  width: 26px;
  height: 26px;
}
.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon {
  color: #ff6d20;
}
.ant-steps .ant-steps-head,
.ant-steps .ant-steps-main {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ant-steps .ant-steps-head {
  background: #fff;
}
.ant-steps .ant-steps-head-inner {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 26px;
  height: 26px;
  line-height: 23px;
  text-align: center;
  border-radius: 26px;
  font-size: 14px;
  margin-right: 8px;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ant-steps .ant-steps-head-inner > .ant-steps-icon {
  line-height: 1;
  color: #ff6d20;
  position: relative;
}
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon {
  font-size: 12px;
}
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon-cross,
.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon-check {
  font-weight: bold;
}
.ant-steps .ant-steps-title {
  font-size: 14px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  background-color: #fff;
  display: inline-block;
  padding-right: 10px;
}
.ant-steps .ant-steps-title > a:first-child:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps .ant-steps-item:last-child .ant-steps-title {
  padding-right: 0;
  width: 100%;
}
.ant-steps .ant-steps-item:last-child .ant-steps-tail {
  display: none;
}
.ant-steps .ant-steps-description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-steps .ant-steps-tail {
  position: absolute;
  left: 0;
  width: 100%;
  top: 13px;
  padding: 0 10px;
}
.ant-steps .ant-steps-tail > i {
  display: inline-block;
  vertical-align: top;
  background: #e9e9e9;
  height: 1px;
  border-radius: 1px;
  width: 100%;
  position: relative;
}
.ant-steps .ant-steps-tail > i:after {
  position: absolute;
  content: '';
  top: 0;
  width: 0;
  background: #e9e9e9;
  height: 100%;
  opacity: 0;
}
.ant-steps.ant-steps-small .ant-steps-head-inner {
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  border-radius: 18px;
  font-size: 12px;
  margin-right: 10px;
}
.ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon {
  display: inline-block;
  font-size: 12px;
  font-size: 9px \9;
  transform: scale(0.75) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  top: 0;
}
:root .ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon {
  filter: none;
}
:root .ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon {
  font-size: 12px;
}
.ant-steps.ant-steps-small .ant-steps-main {
  margin-top: 0;
}
.ant-steps.ant-steps-small .ant-steps-title {
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
}
.ant-steps.ant-steps-small .ant-steps-description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-steps.ant-steps-small .ant-steps-tail {
  top: 8px;
  padding: 0 8px;
}
.ant-steps.ant-steps-small .ant-steps-tail > i {
  height: 1px;
  border-radius: 1px;
  width: 100%;
}
.ant-steps.ant-steps-small .ant-steps-custom .ant-steps-head-inner > .ant-steps-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-tail {
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  width: 1px;
  padding: 30px 0 4px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-tail > i {
  height: 100%;
  width: 1px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-tail > i:after {
  height: 0;
  width: 100%;
}
.ant-steps-vertical .ant-steps-status-finish .ant-steps-tail > i:after {
  height: 100%;
}
.ant-steps-vertical .ant-steps-head {
  float: left;
}
.ant-steps-vertical .ant-steps-head-inner {
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-main {
  min-height: 47px;
  overflow: hidden;
  display: block;
}
.ant-steps-vertical .ant-steps-main .ant-steps-title {
  line-height: 26px;
}
.ant-steps-vertical .ant-steps-main .ant-steps-description {
  padding-bottom: 12px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-tail {
  position: absolute;
  left: 9px;
  top: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-tail > i {
  height: 100%;
}
.ant-steps-vertical.ant-steps-small .ant-steps-title {
  line-height: 18px;
}
.ant-steps-horizontal.ant-steps-hidden {
  visibility: hidden;
}
.ant-steps-horizontal .ant-steps-description {
  max-width: 120px;
}
.ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
  padding-left: 10px;
  margin-left: -10px;
}
.ant-steps-dot .ant-steps-item .ant-steps-step {
  display: inline-block;
  text-align: center;
  width: 120px;
}
.ant-steps-dot .ant-steps-item:not(:first-child) .ant-steps-head {
  margin-left: 0;
  padding-left: 0;
}
.ant-steps-dot .ant-steps-tail {
  margin: 0 0 0 60px;
  padding: 0;
  width: 100%;
  top: 1px;
}
.ant-steps-dot .ant-steps-tail > i {
  height: 3px;
}
.ant-steps-dot .ant-steps-head {
  display: inline-block;
  padding-right: 0;
}
.ant-steps-dot .ant-steps-head-inner {
  margin: 0 auto;
  width: 5px;
  height: 5px;
  line-height: 5px;
  border: 0;
}
.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot {
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 2.5px;
  position: relative;
}
.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:after {
  content: '';
  background: rgba(255, 255, 255, 0.001);
  width: 40px;
  height: 24px;
  position: absolute;
  top: -8px;
  left: -16px;
}
.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:hover {
  transform: scale(1.3);
}
.ant-steps-dot .ant-steps-main {
  display: block;
  margin-top: 10px;
}
.ant-steps-dot .ant-steps-main .ant-steps-title {
  padding-right: 0;
  background-color: transparent;
}
.ant-steps-dot .ant-steps-status-process .ant-steps-head {
  top: -1px;
}
.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner {
  width: 7px;
  height: 7px;
  line-height: 7px;
}
.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner .ant-steps-icon-dot {
  border-radius: 3.5px;
}
.ant-steps-dot.ant-steps-vertical .ant-steps-tail {
  left: 2px;
  height: 100%;
  padding: 0;
  top: 15px;
}
.ant-steps-dot.ant-steps-vertical .ant-steps-tail > i {
  height: 100%;
  width: 3px;
}
.ant-steps-dot.ant-steps-vertical .ant-steps-head {
  top: 12px;
  left: 1px;
}
.ant-steps-dot.ant-steps-vertical .ant-steps-status-process .ant-steps-head {
  left: 0;
}
@keyframes tailEffect {
  to {
    box-shadow: 0 0 3px 3px transparent;
  }
}
.ant-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 22px;
  min-width: 44px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 20px;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch-inner {
  color: #fff;
  font-size: 12px;
  margin-left: 24px;
  margin-right: 6px;
  display: block;
}
.ant-switch:after {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 1px;
  top: 1px;
  border-radius: 18px;
  background-color: #fff;
  content: " ";
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-switch:active:after {
  width: 24px;
}
.ant-switch:focus {
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
  outline: 0;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-small {
  height: 14px;
  min-width: 28px;
  line-height: 12px;
}
.ant-switch-small .ant-switch-inner {
  margin-left: 18px;
  margin-right: 3px;
}
.ant-switch-small:after {
  width: 12px;
  height: 12px;
  top: 0;
  left: 0.5px;
}
.ant-switch-small:active:after {
  width: 16px;
}
.ant-switch-small.ant-switch-checked:after {
  left: 100%;
  margin-left: -12.5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-left: 3px;
  margin-right: 18px;
}
.ant-switch-small:active.ant-switch-checked:after {
  margin-left: -16.5px;
}
.ant-switch-checked {
  background-color: #ff6d20;
}
.ant-switch-checked .ant-switch-inner {
  margin-left: 6px;
  margin-right: 24px;
}
.ant-switch-checked:after {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-checked:active:after {
  margin-left: -25px;
}
.ant-switch-disabled {
  cursor: not-allowed;
  background: #f4f4f4;
}
.ant-switch-disabled:after {
  background: #ccc;
  cursor: not-allowed;
}
.ant-switch-disabled .ant-switch-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper:before,
.ant-table-wrapper:after {
  content: " ";
  display: table;
}
.ant-table-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-table-wrapper:before,
.ant-table-wrapper:after {
  content: " ";
  display: table;
}
.ant-table-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-table {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-body {
  transition: opacity 0.3s ease;
}
.ant-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.ant-table-thead > tr > th {
  background: #f7f7f7;
  font-weight: 500;
  transition: background 0.3s ease;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
}
.ant-table-thead > tr > th[colspan] {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: relative;
  margin-left: 4px;
  font-size: 12px;
  cursor: pointer;
  color: #999;
  transition: all 0.3s;
  width: 14px;
}
.ant-table-thead > tr > th .anticon-filter:hover,
.ant-table-thead > tr > th .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th .anticon-filter:after,
.ant-table-thead > tr > th .ant-table-filter-icon:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 50px;
  left: 0;
  top: -19px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #ff6d20;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e9e9e9;
  transition: all 0.3s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s;
}
.ant-table-thead > tr.ant-table-row-hover > td,
.ant-table-tbody > tr.ant-table-row-hover > td,
.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
  background: #fff4ed;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  padding: 16px 8px;
  background: #f7f7f7;
  border-radius: 0 0 4px 4px;
  position: relative;
}
.ant-table-footer:before {
  content: '';
  height: 1px;
  background: #f7f7f7;
  position: absolute;
  top: -1px;
  width: 100%;
  left: 0;
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e9e9e9;
}
.ant-table-title {
  padding: 16px 0;
  position: relative;
  top: 1px;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  border: 1px solid #e9e9e9;
  padding-left: 8px;
  padding-right: 8px;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row-selected {
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #eee;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 8px;
  word-break: break-all;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom {
  padding-left: 16px;
  padding-right: 0;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
  min-width: 62px;
  width: 62px;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  text-align: center;
  min-width: 50px;
  width: 50px;
}
.ant-table-header {
  background: #f7f7f7;
  overflow: hidden;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  height: 20px;
  line-height: 20px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  position: absolute;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-middle .ant-table-thead > tr > th,
.ant-table-middle .ant-table-tbody > tr > td {
  padding: 10px 8px;
}
.ant-table-middle .ant-table-title,
.ant-table-middle .ant-table-footer {
  padding: 10px 8px;
}
.ant-table-middle .ant-table-column-sorter-up:after {
  top: -13px;
  height: 13px;
}
.ant-table-middle .ant-table-column-sorter-down:after {
  bottom: -11px;
  height: 13px;
}
.ant-table-middle .ant-table-thead > tr > th .anticon-filter:after,
.ant-table-middle .ant-table-thead > tr > th .ant-table-filter-icon:after {
  height: 38px;
  top: -13px;
}
.ant-table-small {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.ant-table-small .ant-table-header > table,
.ant-table-small .ant-table-body > table {
  border: 0;
  padding: 0 8px;
}
.ant-table-small .ant-table-thead > tr > th {
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-small .ant-table-tbody > tr > td {
  padding: 6px 8px;
}
.ant-table-small .ant-table-title,
.ant-table-small .ant-table-footer,
.ant-table-small .ant-table-thead > tr > th {
  padding: 10px 8px;
}
.ant-table-small .ant-table-title {
  border-bottom: 1px solid #e9e9e9;
  top: 0;
}
.ant-table-small .ant-table-header {
  background: #fff;
}
.ant-table-small .ant-table-placeholder,
.ant-table-small .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small .ant-table-column-sorter-up:after {
  top: -14px;
  height: 13px;
}
.ant-table-small .ant-table-column-sorter-down:after {
  bottom: -11px;
  height: 13px;
}
.ant-table-small .ant-table-thead > tr > th .anticon-filter:after,
.ant-table-small .ant-table-thead > tr > th .ant-table-filter-icon:after {
  height: 39px;
  top: -14px;
}
.ant-table-column-sorter {
  position: relative;
  margin-left: 4px;
  display: inline-block;
  width: 14px;
  vertical-align: middle;
  text-align: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  line-height: 4px;
  display: block;
  width: 14px;
  height: 6px;
  cursor: pointer;
}
.ant-table-column-sorter-up:hover .anticon,
.ant-table-column-sorter-down:hover .anticon {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-column-sorter-up.on .anticon-caret-up,
.ant-table-column-sorter-down.on .anticon-caret-up,
.ant-table-column-sorter-up.on .anticon-caret-down,
.ant-table-column-sorter-down.on .anticon-caret-down {
  color: #ff6d20;
}
.ant-table-column-sorter-up:after,
.ant-table-column-sorter-down:after {
  position: absolute;
  content: '';
  height: 20px;
  width: 14px;
  left: 0;
}
.ant-table-column-sorter-up:after {
  top: -19px;
}
.ant-table-column-sorter-down:after {
  bottom: -17px;
}
.ant-table-column-sorter .anticon-caret-up,
.ant-table-column-sorter .anticon-caret-down {
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  line-height: 4px;
  height: 4px;
  color: #999;
  transition: all 0.3s;
}
:root .ant-table-column-sorter .anticon-caret-up,
:root .ant-table-column-sorter .anticon-caret-down {
  filter: none;
}
:root .ant-table-column-sorter .anticon-caret-up,
:root .ant-table-column-sorter .anticon-caret-down {
  font-size: 12px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
  border: 0;
}
.ant-table-bordered .ant-table-thead > tr > th {
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-small {
  border-right: 0;
}
.ant-table-bordered.ant-table-small .ant-table-header > table,
.ant-table-bordered.ant-table-small .ant-table-body > table,
.ant-table-bordered.ant-table-small .ant-table-fixed-left table,
.ant-table-bordered.ant-table-small .ant-table-fixed-right table {
  border: 0;
  padding: 0;
}
.ant-table-bordered.ant-table-small .ant-table-title {
  border: 0;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-small .ant-table-footer {
  border: 0;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-small .ant-table-footer:before {
  display: none;
}
.ant-table-bordered.ant-table-small .ant-table-placeholder {
  border-left: 0;
  border-bottom: 0;
}
.ant-table-placeholder {
  position: relative;
  padding: 16px 8px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
  z-index: 1;
}
.ant-table-placeholder .anticon {
  margin-right: 4px;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
  float: right;
}
.ant-table-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  box-shadow: none;
  border-radius: 4px 4px 0 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
  color: #ff6d20;
  font-weight: bold;
  text-shadow: 0 0 2px #ffe3d5;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  overflow: hidden;
  padding: 7px 8px;
  border-top: 1px solid #e9e9e9;
}
.ant-table-filter-dropdown-link {
  color: #ff6d20;
}
.ant-table-filter-dropdown-link:hover {
  color: #ff9055;
}
.ant-table-filter-dropdown-link:active {
  color: #e4531b;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #999;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-table-selection-menu .ant-action-down {
  color: #999;
}
.ant-table-selection-down {
  cursor: pointer;
  padding: 0;
  display: inline-block;
  line-height: 1;
}
.ant-table-selection-down:hover .anticon-down {
  color: #666;
}
.ant-table-row-expand-icon {
  cursor: pointer;
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #e9e9e9;
  user-select: none;
  background: #fff;
}
.ant-table-row-expanded:after {
  content: '-';
}
.ant-table-row-collapsed:after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced:after {
  content: '.';
}
.ant-table-row[class*="ant-table-row-level-0"] .ant-table-selection-column > span {
  display: inline-block;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  width: auto;
  min-width: 100%;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  overflow: scroll;
  padding-bottom: 20px;
  margin-bottom: -20px;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  border-radius: 0;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-container {
  height: 32px;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  margin: 0;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: #f9f9f9;
  margin-right: 2px;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  padding: 5px 16px 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  background: #fff;
  border-color: #d9d9d9;
  color: #ff6d20;
  padding-bottom: 5px;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {
  color: rgba(0, 0, 0, 0.43);
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  margin-right: 0;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -5px;
  overflow: hidden;
  text-align: center;
  border-radius: 2px;
  width: 14px;
  height: 14px;
  line-height: 1;
}
:root .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {
  filter: none;
}
:root .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close {
  font-size: 12px;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-content > .ant-tabs-tabpane {
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 32px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  color: rgba(0, 0, 0, 0.43);
  transition: all 0.3s;
}
:root .ant-tabs-extra-content .ant-tabs-new-tab {
  filter: none;
}
:root .ant-tabs-extra-content .ant-tabs-new-tab {
  font-size: 12px;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #ff6d20;
  border-color: #ff6d20;
}
.ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
  border-right: 0;
  border-radius: 4px 0 0 4px;
  margin-right: 1px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-tab {
  border-left: 0;
  border-radius: 0 4px 4px 0;
  margin-left: 1px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  zoom: 1;
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs:before,
.ant-tabs:after {
  content: " ";
  display: table;
}
.ant-tabs:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-tabs:before,
.ant-tabs:after {
  content: " ";
  display: table;
}
.ant-tabs:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-tabs-ink-bar {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  height: 2px;
  background-color: #ff6d20;
  transform-origin: 0 0;
}
.ant-tabs-bar {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 16px;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  margin-bottom: -1px;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container:before,
.ant-tabs-nav-container:after {
  content: " ";
  display: table;
}
.ant-tabs-nav-container:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-tabs-nav-container:before,
.ant-tabs-nav-container:after {
  content: " ";
  display: table;
}
.ant-tabs-nav-container:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-tabs-nav-container-scrolling {
  padding-left: 32px;
  padding-right: 32px;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  user-select: none;
  z-index: 2;
  width: 0;
  height: 100%;
  line-height: 32px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  position: absolute;
  text-align: center;
  color: rgba(0, 0, 0, 0.43);
  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), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  opacity: 1;
  width: 32px;
  height: 100%;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: inherit;
  vertical-align: baseline;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: none;
}
.ant-tabs-tab-prev-icon:before,
.ant-tabs-tab-next-icon:before {
  display: block;
  font-family: "anticon" !important;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-tabs-tab-prev-icon:before,
:root .ant-tabs-tab-next-icon:before {
  filter: none;
}
:root .ant-tabs-tab-prev-icon:before,
:root .ant-tabs-tab-next-icon:before {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-next-icon:before {
  content: "\E61F";
}
.ant-tabs-tab-prev {
  left: 0;
}
.ant-tabs-tab-prev-icon:before {
  content: "\E620";
}
:root .ant-tabs-tab-prev {
  filter: none;
}
.ant-tabs-nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  box-sizing: border-box;
  padding-left: 0;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.ant-tabs-nav:before,
.ant-tabs-nav:after {
  display: table;
  content: " ";
}
.ant-tabs-nav:after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-nav .ant-tabs-tab {
  display: inline-block;
  height: 100%;
  margin-right: 24px;
  box-sizing: border-box;
  position: relative;
  padding: 8px 20px;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  text-decoration: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #ff9055;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #e4531b;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #ff6d20;
}
.ant-tabs-mini .ant-tabs-nav-container {
  font-size: 12px;
}
.ant-tabs-mini .ant-tabs-tab {
  margin-right: 0;
  padding: 8px 16px;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content {
  width: 100%;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  transition: opacity 0.45s;
  opacity: 1;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  opacity: 0;
  height: 0;
  padding: 0 !important;
  pointer-events: none;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  will-change: margin-left;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-vertical > .ant-tabs-bar {
  border-bottom: 0;
  height: 100%;
}
.ant-tabs-vertical > .ant-tabs-bar-tab-prev,
.ant-tabs-vertical > .ant-tabs-bar-tab-next {
  width: 32px;
  height: 0;
  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), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-vertical > .ant-tabs-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-vertical > .ant-tabs-bar-tab-next.ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab {
  float: none;
  margin-right: 0;
  margin-bottom: 16px;
  display: block;
  padding: 8px 24px;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-container,
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-ink-bar {
  width: 2px;
  left: auto;
  height: auto;
  top: 0;
}
.ant-tabs-vertical > .ant-tabs-content {
  overflow: hidden;
  width: auto;
  margin-top: 0 !important;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab-next {
  width: 100%;
  bottom: 0;
  height: 32px;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab-next-icon:before {
  content: "\E61D";
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab-prev-icon:before {
  content: "\E61E";
}
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
  float: left;
  border-right: 1px solid #e9e9e9;
  margin-right: -1px;
  margin-bottom: 0;
}
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
  padding-left: 24px;
  border-left: 1px solid #e9e9e9;
}
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
  float: right;
  border-left: 1px solid #e9e9e9;
  margin-left: -1px;
  margin-bottom: 0;
}
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs-vertical.ant-tabs-right > .ant-tabs-content {
  padding-right: 24px;
  border-right: 1px solid #e9e9e9;
}
.ant-tabs-bottom > .ant-tabs-bar {
  margin-bottom: 0;
  margin-top: 16px;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  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);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content-animated,
.ant-tabs-vertical > .ant-tabs-content-animated {
  transform: none !important;
  margin-left: 0 !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-vertical > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  display: none;
}
.ant-tag {
  display: inline-block;
  line-height: 20px;
  height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  background: #f3f3f3;
  font-size: 12px;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag-text a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-cross {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  cursor: pointer;
  font-weight: bold;
  margin-left: 3px;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0.66;
}
:root .ant-tag .anticon-cross {
  filter: none;
}
:root .ant-tag .anticon-cross {
  font-size: 12px;
}
.ant-tag .anticon-cross:hover {
  opacity: 1;
}
.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-cross,
.ant-tag-has-color .anticon-cross:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #ff6d20;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #ff6d20;
}
.ant-tag-checkable:active {
  background-color: #e4531b;
}
.ant-tag-close {
  width: 0 !important;
  padding: 0;
  margin: 0;
}
.ant-tag-zoom-enter,
.ant-tag-zoom-appear {
  animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-tag-zoom-leave {
  animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-tag-pink {
  color: #f5317f;
  background: #fdd8e7;
  border-color: #fdd8e7;
}
.ant-tag-pink-inverse {
  background: #f5317f;
  border-color: #f5317f;
  color: #fff;
}
.ant-tag-red {
  color: #f04134;
  background: #fcdbd9;
  border-color: #fcdbd9;
}
.ant-tag-red-inverse {
  background: #f04134;
  border-color: #f04134;
  color: #fff;
}
.ant-tag-orange {
  color: #f56a00;
  background: #fde3cf;
  border-color: #fde3cf;
}
.ant-tag-orange-inverse {
  background: #f56a00;
  border-color: #f56a00;
  color: #fff;
}
.ant-tag-yellow {
  color: #ffbf00;
  background: #fff3cf;
  border-color: #fff3cf;
}
.ant-tag-yellow-inverse {
  background: #ffbf00;
  border-color: #ffbf00;
  color: #fff;
}
.ant-tag-cyan {
  color: #00a2ae;
  background: #cfedf0;
  border-color: #cfedf0;
}
.ant-tag-cyan-inverse {
  background: #00a2ae;
  border-color: #00a2ae;
  color: #fff;
}
.ant-tag-green {
  color: #00a854;
  background: #cfefdf;
  border-color: #cfefdf;
}
.ant-tag-green-inverse {
  background: #00a854;
  border-color: #00a854;
  color: #fff;
}
.ant-tag-blue {
  color: #108ee9;
  background: #d2eafb;
  border-color: #d2eafb;
}
.ant-tag-blue-inverse {
  background: #108ee9;
  border-color: #108ee9;
  color: #fff;
}
.ant-tag-purple {
  color: #7265e6;
  background: #e4e2fa;
  border-color: #e4e2fa;
}
.ant-tag-purple-inverse {
  background: #7265e6;
  border-color: #7265e6;
  color: #fff;
}
.ant-time-picker-panel {
  z-index: 1050;
  position: absolute;
}
.ant-time-picker-panel-inner {
  position: relative;
  outline: none;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  line-height: 1.5;
  overflow: hidden;
  left: -2px;
}
.ant-time-picker-panel-input {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  cursor: auto;
  line-height: 1.5;
  outline: 0;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input-wrap {
  box-sizing: border-box;
  position: relative;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.ant-time-picker-panel-input-invalid {
  border-color: red;
}
.ant-time-picker-panel-clear-btn {
  position: absolute;
  right: 5px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 5px;
  margin: 0;
}
.ant-time-picker-panel-clear-btn:after {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
  width: 20px;
  transition: color 0.3s ease;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
}
.ant-time-picker-panel-clear-btn:hover:after {
  color: rgba(0, 0, 0, 0.43);
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  float: left;
  font-size: 12px;
  border-left: 1px solid #e9e9e9;
  box-sizing: border-box;
  width: 56px;
  overflow: hidden;
  position: relative;
  max-height: 144px;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 120px;
  width: 100%;
}
.ant-time-picker-panel-select li {
  list-style: none;
  box-sizing: content-box;
  margin: 0;
  padding: 0 0 0 8px;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  user-select: none;
  transition: background 0.3s;
}
.ant-time-picker-panel-select li:hover {
  background: #fff4ed;
}
li.ant-time-picker-panel-select-option-selected {
  background: #f7f7f7;
  font-weight: bold;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f7f7f7;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox:before,
.ant-time-picker-panel-combobox:after {
  content: " ";
  display: table;
}
.ant-time-picker-panel-combobox:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-time-picker-panel-combobox:before,
.ant-time-picker-panel-combobox:after {
  content: " ";
  display: table;
}
.ant-time-picker-panel-combobox:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e9e9e9;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  position: relative;
  display: inline-block;
  outline: none;
  font-size: 12px;
  transition: opacity 0.3s ease;
  width: 100px;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:hover {
  border-color: #ff9055;
}
.ant-time-picker-input:focus {
  border-color: #ff9055;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 109, 32, 0.2);
}
.ant-time-picker-input-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-time-picker-input-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-time-picker-input-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-time-picker-input[disabled] {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-time-picker-input[disabled]:hover {
  border-color: #e2e2e2;
}
.ant-time-picker-large .ant-time-picker-input {
  padding: 6px 7px;
  height: 32px;
}
.ant-time-picker-small .ant-time-picker-input {
  padding: 1px 7px;
  height: 22px;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon {
  position: absolute;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 14px;
  height: 12px;
  line-height: 12px;
  right: 8px;
  color: rgba(0, 0, 0, 0.43);
  top: 50%;
  margin-top: -6px;
}
.ant-time-picker-icon:after {
  content: "\E641";
  font-family: "anticon";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
  display: block;
  line-height: 1;
}
.ant-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-timeline-item {
  position: relative;
  padding: 0 0 12px;
  list-style: none;
  margin: 0;
}
.ant-timeline-item-tail {
  position: absolute;
  left: 5px;
  top: 0;
  height: 100%;
  border-left: 2px solid #e9e9e9;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100px;
  border: 2px solid transparent;
}
.ant-timeline-item-head-blue {
  border-color: #ff6d20;
  color: #ff6d20;
}
.ant-timeline-item-head-red {
  border-color: #f04134;
  color: #f04134;
}
.ant-timeline-item-head-green {
  border-color: #00a854;
  color: #00a854;
}
.ant-timeline-item-head-custom {
  position: absolute;
  text-align: center;
  width: 40px;
  left: -14px;
  line-height: 1;
  margin-top: 6px;
  border: 0;
  height: auto;
  border-radius: 0;
  padding: 3px 0;
  font-size: 12px;
  transform: translateY(-50%);
}
.ant-timeline-item-content {
  padding: 0 0 10px 24px;
  font-size: 12px;
  position: relative;
  top: -3px;
}
.ant-timeline-item-last .ant-timeline-item-tail {
  border-left: 2px dotted #e9e9e9;
  display: none;
}
.ant-timeline-item-last .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
}
.ant-tooltip {
  position: absolute;
  z-index: 1060;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  max-width: 250px;
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  min-height: 34px;
}
.ant-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 16px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 16px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 8px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 8px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 8px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 8px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 16px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 16px;
}
.ant-transfer {
  position: relative;
  line-height: 1.5;
}
.ant-transfer-list {
  font-size: 12px;
  border: 1px solid #d9d9d9;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  position: relative;
  width: 180px;
  height: 200px;
  padding-top: 33px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 33px;
}
.ant-transfer-list-search-action {
  color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
}
.ant-transfer-list-search-action .anticon {
  transition: all 0.3s;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.43);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  padding: 7px 15px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 15px;
}
.ant-transfer-list-body {
  font-size: 12px;
  position: relative;
  height: 100%;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px;
  width: 100%;
}
.ant-transfer-list-body-with-search {
  padding-top: 34px;
}
.ant-transfer-list-content {
  height: 100%;
  overflow: auto;
}
.ant-transfer-list-content > .LazyLoad {
  animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 15px;
  min-height: 32px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  cursor: pointer;
  background-color: #fff4ed;
}
.ant-transfer-list-content-item-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-body-not-found {
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  display: none;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -10px;
}
.ant-transfer-list-content:empty + .ant-transfer-list-body-not-found {
  display: block;
}
.ant-transfer-list-footer {
  border-top: 1px solid #e9e9e9;
  border-radius: 0 0 4px 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.ant-transfer-operation {
  display: inline-block;
  overflow: hidden;
  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 {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-transfer-operation .ant-btn .anticon {
  filter: none;
}
:root .ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@keyframes transferHighlightIn {
  0% {
    background: #ffe3d5;
  }
  100% {
    background: transparent;
  }
}
.ant-tree-checkbox {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: text-bottom;
}
.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: #ff6d20;
}
.ant-tree-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #ff6d20;
  content: '';
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  visibility: hidden;
}
.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: 14px;
  height: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner:after {
  transform: rotate(45deg) scale(0);
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-tree-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
  content: ' ';
  transform: scale(1);
  position: absolute;
  left: 2px;
  top: 5px;
  width: 8px;
  height: 1px;
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  transform: rotate(45deg) scale(1);
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
  animation-name: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
  animation-name: none;
  border-color: #f7f7f7;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper + span,
.ant-tree-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-tree-checkbox-group {
  font-size: 12px;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  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;
}
@media \0screen {
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner:before,
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
    font-family: 'anticon';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E632";
    font-weight: bold;
    font-size: 8px;
    border: 0;
    color: #fff;
    left: 2px;
    top: 3px;
    position: absolute;
  }
}
.ant-tree {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.ant-tree li {
  padding: 4px 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable="true"] {
  user-select: none;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  margin-top: -2px;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  background-color: #ff6d20;
  color: white;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #ff6d20;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #ff6d20;
}
.ant-tree li.filter-node > span {
  color: #f04134 !important;
  font-weight: 500 !important;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 2px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
  position: relative;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #fff4ed;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #ffe3d5;
}
.ant-tree li span.ant-tree-checkbox {
  margin: 0 4px 0 2px;
  vertical-align: middle;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  text-align: center;
}
.ant-tree li span.ant-tree-icon_loading {
  position: absolute;
  left: 0;
  top: 1px;
  background: #fff;
  transform: translateX(-100%);
  transition: all 0.3s;
}
.ant-tree li span.ant-tree-icon_loading:after {
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E6AE";
  animation: loadingCircle 1s infinite linear;
  color: #ff6d20;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E606";
  font-weight: bold;
  transition: transform 0.3s;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
  filter: none;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E606";
  font-weight: bold;
  transition: transform 0.3s;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
  filter: none;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
  transform: rotate(270deg) scale(0.59);
}
.ant-tree li:last-child > span.ant-tree-switcher:before,
.ant-tree li:last-child > span.ant-tree-iconEle:before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree {
  display: none;
}
.ant-tree-child-tree-open {
  display: block;
}
li.ant-tree-treenode-disabled > span,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span,
li.ant-tree-treenode-disabled > span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after {
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E664";
  vertical-align: baseline;
  font-weight: normal;
  transition: transform 0.3s;
}
:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after {
  filter: none;
}
:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after {
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open {
  color: rgba(0, 0, 0, 0.43);
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after {
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E621";
  vertical-align: baseline;
  font-weight: normal;
  transition: transform 0.3s;
}
:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after {
  filter: none;
}
:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after {
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close {
  color: rgba(0, 0, 0, 0.43);
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after {
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E645";
  vertical-align: baseline;
  font-weight: normal;
  transition: transform 0.3s;
}
:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after {
  filter: none;
}
:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after {
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li:not(:last-child):before {
  content: ' ';
  width: 1px;
  border-left: 1px solid #d9d9d9;
  height: 100%;
  position: absolute;
  left: 12px;
  margin: 22px 0;
}
.ant-select-tree-checkbox {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: text-bottom;
}
.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: #ff6d20;
}
.ant-select-tree-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #ff6d20;
  content: '';
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  visibility: hidden;
}
.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: 14px;
  height: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner:after {
  transform: rotate(45deg) scale(0);
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-select-tree-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
  content: ' ';
  transform: scale(1);
  position: absolute;
  left: 2px;
  top: 5px;
  width: 8px;
  height: 1px;
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  transform: rotate(45deg) scale(1);
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #ff6d20;
  border-color: #ff6d20;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
  animation-name: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
  animation-name: none;
  border-color: #f7f7f7;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper + span,
.ant-select-tree-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-select-tree-checkbox-group {
  font-size: 12px;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  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;
}
@media \0screen {
  .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:before,
  .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    font-family: 'anticon';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E632";
    font-weight: bold;
    font-size: 8px;
    border: 0;
    color: #fff;
    left: 2px;
    top: 3px;
    position: absolute;
  }
}
.ant-select-tree {
  margin: 0;
  padding: 0 4px;
  margin-top: -4px;
  font-size: 12px;
}
.ant-select-tree li {
  padding: 0;
  margin: 8px 0;
  list-style: none;
  white-space: nowrap;
  outline: 0;
}
.ant-select-tree li.filter-node > span {
  font-weight: 500;
}
.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 2px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
  width: calc(100% - 24px);
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #fff4ed;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #ffe3d5;
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  text-align: center;
}
.ant-select-tree li span.ant-select-tree-icon_loading:after {
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E6AE";
  animation: loadingCircle 1s infinite linear;
  color: #ff6d20;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after {
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E606";
  font-weight: bold;
  transition: transform 0.3s;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after {
  filter: none;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: inline-block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E606";
  font-weight: bold;
  transition: transform 0.3s;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
  filter: none;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after {
  transform: rotate(270deg) scale(0.59);
}
.ant-select-tree-child-tree {
  display: none;
}
.ant-select-tree-child-tree-open {
  display: block;
}
li.ant-select-tree-treenode-disabled > span,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span,
li.ant-select-tree-treenode-disabled > span.ant-select-tree-switcher {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  display: block;
  padding: 4px;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  padding: 4px 7px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
}
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}
.ant-select-tree-dropdown .ant-select-not-found {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  padding: 7px 16px;
  display: block;
}
.ant-upload {
  font-size: 12px;
  outline: 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-select-picture-card {
  border: 1px dashed #d9d9d9;
  width: 96px;
  height: 96px;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  margin-bottom: 8px;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #ff6d20;
}
.ant-upload.ant-upload-drag {
  border: 1px dashed #d9d9d9;
  transition: border-color 0.3s ease;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border: 2px dashed #ff9055;
}
.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: #ff9055;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  height: 60px;
  margin-bottom: 24px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  font-size: 80px;
  margin-top: -5px;
  color: #ff9055;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  font-size: 14px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload.ant-upload-drag .anticon-plus {
  font-size: 30px;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.25);
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload-list {
  overflow: hidden;
}
.ant-upload-list-item {
  overflow: hidden;
  margin-top: 8px;
  font-size: 12px;
  position: relative;
  height: 24px;
}
.ant-upload-list-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 16px;
  width: 100%;
  display: inline-block;
}
.ant-upload-list-item-info {
  line-height: 24px;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  margin-right: 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
  position: absolute;
  top: 5.5px;
}
.ant-upload-list-item .anticon-cross {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  transition: all 0.3s;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 4px;
  color: rgba(0, 0, 0, 0.43);
  line-height: 24px;
}
:root .ant-upload-list-item .anticon-cross {
  filter: none;
}
:root .ant-upload-list-item .anticon-cross {
  font-size: 12px;
}
.ant-upload-list-item .anticon-cross:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #fff4ed;
}
.ant-upload-list-item:hover .anticon-cross {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f04134;
}
.ant-upload-list-item-error .anticon-cross {
  opacity: 1;
  color: #f04134 !important;
}
.ant-upload-list-item-progress {
  line-height: 0;
  font-size: 12px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  height: 66px;
  position: relative;
}
.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: #f04134;
}
.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;
  position: absolute;
  top: 8px;
  left: 8px;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  width: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
  line-height: 48px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 0 8px;
  line-height: 44px;
  transition: all 0.3s;
  padding-left: 48px;
  padding-right: 8px;
  max-width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
.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 {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-left: 56px;
  margin-top: 0;
  bottom: 24px;
  width: calc(100% - 24px);
}
.ant-upload-list-picture .anticon-cross,
.ant-upload-list-picture-card .anticon-cross {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 1;
}
.ant-upload-list-picture-card {
  display: inline;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 96px;
  height: 96px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:before {
  content: ' ';
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.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;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 16px;
  width: 16px;
  color: rgba(255, 255, 255, 0.91);
  margin: 0 4px;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o: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 {
  display: block;
  width: 100%;
  height: 100%;
  position: static;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fbfbfb;
}
.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-o,
.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-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-left: 0;
  bottom: 32px;
}
.ant-upload-list .ant-upload-success-icon {
  color: #00a854;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

@font-face {
  font-family: "DIN-Regular";
  src: url(/_next/static/media/DIN-Regular.799221d7.otf);
}
@font-face {
  font-family: "DIN-Bold";
  src: url(/_next/static/media/DIN-Bold.20720c3a.otf);
}

cite,
em {
  font-style: normal;
}
.not-active {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
}
.spinner {
  /* width: 40px;
    height: 40px;
    margin: 100px auto;*/
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: scaleout 1s infinite ease-in-out;
  animation: scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
/*@font-face {
    font-family: 'iconfont';  !* project id："170635" *!
    src: url('//at.alicdn.com/t/font_8ktlapigwybq33di.eot');
    src: url('//at.alicdn.com/t/font_8ktlapigwybq33di.eot') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_8ktlapigwybq33di.woff') format('woff'),
    url('//at.alicdn.com/t/font_8ktlapigwybq33di.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_8ktlapigwybq33di.svg#iconfont') format('svg');
}
.iconfontbyJunz{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}*/
.im_box {
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-background-clip: content;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
  border: 1px solid #d9d9d9;
  position: fixed;
  right: 0;
  bottom: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  z-index: 1000;
}
.im_show {
  display: block;
}
.im_min_content {
  position: relative;
  overflow: auto;
  margin: 0 5px;
  padding: 5px 10px;
  white-space: nowrap;
  line-height: 40px;
  cursor: pointer;
  border-radius: 3px;
}
.im_min_content img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.head_icon_img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.im_min_content_title {
  padding-left: 10px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 120px;
}
.im_min {
  /* display: none; */
}
.im_max {
  width: 260px;
  height: 540px;
  display: none;
}
.im_title {
  background: #f6f6f6;
  margin: 0;
  padding: 10px;
}
.im_user_name {
  max-width: 200px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.im_close {
  float: right;
  color: #000;
}
.im_close i {
  font-size: 16px;
}
.im_max_content {
  /* height: 410px;
	overflow: visible;
	position: relative;
	padding: 10px 0; */
}
.im_main {
  overflow: hidden;
}
.im_main .im_roster_list {
  height: 415px;
  /*overflow: scroll;*/
  padding: 10px 0;
}
.im_roster_list ul {
  padding: 0;
  margin: 0;
  display: none;
}
.im_roster_list li {
  padding: 0;
  margin: 0;
}
/*.im_roster_list li{
	!*position: relative;

    padding: 5px 15px 5px 60px;
    font-size: 0;
    cursor: pointer;*!
    height: 42px;
}*/
.im_roster_list li h5 {
  position: relative;
  margin-right: 15px;
  padding-left: 30px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  white-space: nowrap;
}
.im_roster_list li h5 i {
  position: absolute;
  left: 12px;
  top: 0;
  color: #C9BDBB;
  font-size: 16px;
  line-height: 28px;
}
.im_roster_list img {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
}
.im_roster_list span {
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  display: inline-block;
}
.im_roster_list li h5 em {
  padding-left: 5px;
  color: #999;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
/*.im_roster_list ul{
    margin-bottom: 10px;
}*/
.im_frend_list li {
  position: relative;
  height: 42px;
  padding: 5px 15px 5px 60px;
  font-size: 0;
  cursor: pointer;
}
.im_frend_list li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.im_frend_list li * {
  vertical-align: top;
}
.im_frend_list li p {
  display: block;
  line-height: 18px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.im_tool {
  background: #f6f6f6;
  overflow: hidden;
  line-height: 3;
}
.im_tool li {
  float: left;
  width: 45px;
  text-align: center;
}
.im_tool a {
  color: #000;
}
.im_tool a i {
  font-size: 20px;
}
.im_search {
  position: absolute;
  bottom: 5px;
  left: 5px;
  height: 28px;
  line-height: 28px;
  display: none;
}
.im_search input {
  width: 210px;
  padding: 0 30px 0 10px;
  height: 30px;
  line-height: 30px;
  border: none;
  border-radius: 3px;
  background-color: #ddd;
  font-size: 14px;
}
.im_search a {
  color: #000;
  position: absolute;
  top: 3px;
  right: 6px;
}
.im_search i {
  font-size: 20px;
}
.im_chat {
  position: fixed;
  overflow: visible;
  z-index: 9999;
  width: 600px;
  height: 520px;
  display: none;
  box-shadow: none;
}
.im_chat_list {
  position: relative;
  top: 0px;
  width: 200px;
  height: 520px;
  background-color: #d9d9d9;
  overflow: hidden;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  display: none;
  float: left;
  /*overflow-x: auto;
    overflow-y: scroll;*/
}
.im_chat_list:hover {
  overflow-y: auto;
}
.im_chatlist_friend {
  position: relative;
  margin: 5px;
  padding: 5px 30px 5px 5px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 3px;
  white-space: nowrap;
}
.im_chatlist_friend:hover {
  background: #e2e2e2;
}
.im_chatlist_friend:hover a {
  display: block;
}
.im_chatlist_this {
  background: #f3f3f3;
}
.im_chatlist_this:hover {
  background: #f3f3f3;
}
.im_chatlist_friend img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.im_chatlist_friend span {
  width: 100px;
  padding-left: 10px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.im_chatlist_friend a {
  display: none;
  position: absolute;
  right: 5px;
  top: 7px;
  color: #555;
  font-size: 22px;
  color: #000;
}
.im_chat_friend {
  /* width: 600px;
    height: 520px;
    position: absolute;
    z-index:9999;
    top: 0;
    left: 0;
    overflow: hidden; */
  position: relative;
  display: inline-block;
  top: 0px;
  left: 0px;
  width: 600px;
  vertical-align: top;
  display: none;
}
.im_chat_friend.im_chat_show {
  display: inline-block;
}
.im_chat_title {
  height: 80px;
  background-color: rgba(245, 245, 245, 0.7);
  padding: 15px;
}
.im_chat_title img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.im_chat_title span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  width: 410px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.im_chat_main {
  height: 262px;
  padding: 15px 15px 5px;
  overflow-y: auto;
}
.im_chat_main ul {
  padding-left: 0;
  margin-bottom: 0;
}
.im_chat_main ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 60px;
  min-height: 68px;
}
.im_chat_user {
  position: absolute;
  left: 3px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.im_chat_user img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.im_chat_user cite {
  position: absolute;
  left: 60px;
  top: -2px;
  width: 500px;
  line-height: 24px;
  font-size: 12px;
  white-space: nowrap;
  color: #999;
  text-align: left;
  font-style: normal;
}
.im_chat_user cite i {
  padding-left: 15px;
}
.chat-icon-message-send-status {
  float: right;
  margin-top: 27px;
  padding: 10px 15px;
  font-size: 25px;
  display: inline-block;
}
.chat-icon-spin {
  -webkit-animation: uk-rotate 1s infinite linear;
  animation: uk-rotate 1s infinite linear;
}
.im_chat_text {
  position: relative;
  line-height: 22px;
  margin-top: 25px;
  padding: 10px 15px;
  background-color: #eee;
  border-radius: 3px;
  color: #333;
  word-break: break-all;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.im_chat_text_left {
  float: left;
}
.im_chat_text_right {
  float: right;
}
.im_chat_text:after {
  content: '';
  position: absolute;
  left: -10px;
  top: 15px;
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #eee transparent transparent;
  overflow: hidden;
  border-width: 10px;
}
.im_chat_main ul .im_chat_mine {
  text-align: right;
  padding-left: 0;
  padding-right: 60px;
}
.im_chat_mine .im_chat_user {
  left: auto;
  right: 3px;
}
.im_chat_mine .im_chat_user cite {
  left: auto;
  right: 60px;
  text-align: right;
}
.im_chat_mine .im_chat_user cite i {
  padding-left: 0;
  padding-right: 15px;
}
.im_chat_mine .im_chat_text {
  margin-left: 0;
  text-align: left;
  background-color: #2e9dd9;
  color: #fff;
}
.im_chat_mine .im_chat_text:after {
  left: auto;
  right: -10px;
  border-top-color: #2e9dd9;
}
.im_chat_footer {
  border-top: 1px solid #f1f1f1;
}
.im_chat_tool {
  padding: 0 8px;
  height: 38px;
  line-height: 38px;
}
.im_chat_tool a {
  margin: 0 10px;
  display: inline-block;
  position: relative;
  font-size: 20px;
  color: #000;
}
.im_chat_tool a i {
  font-size: 20px;
  color: #000;
}
.im_chat_tool .im_chat_tool_log {
  float: right;
  font-size: 14px;
}
.im_chat_tool .im_chat_tool_log span {
  vertical-align: top;
  display: inline-block;
  margin-left: 5px;
}
.im_chat_tool input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.im_chat_textarea {
  margin-left: 10px;
}
.im_chat_textarea textarea {
  display: block;
  width: 100%;
  padding: 5px 0 0;
  height: 68px;
  line-height: 20px;
  border: none;
  overflow: auto;
  resize: none;
  background: 0 0;
  font-size: 14px;
}
.im_chat_bottom {
  position: relative;
  height: 46px;
}
.im_chat_send {
  position: absolute;
  right: 15px;
  top: 3px;
  height: 32px;
  line-height: 32px;
}
.im_chat_send a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 32px;
  margin-left: 5px;
  padding: 0 20px;
  background-color: #2e9dd9;
  color: #fff;
  border-radius: 3px;
  float: none;
}
.im_chat_send a:hover {
  color: #fff !important;
}
.im_chat_close {
  float: right;
  color: #000;
  font-size: 16px;
}
.im_chat_sendloading {
  width: 18px;
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: -9px;
}
.im_chat_senderror {
  font-size: 18px;
  color: #ee3a2c;
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  text-align: center;
}
.im_anim {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.im_anim_close {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.im_anim_fadein {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
.im_anim_shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounceOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  30% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  30% {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.unread_msg_count,
.unread_msg_total_count {
  /*position: absolute;
    top: -4px;
    right: 0;*/
  line-height: 20px;
  font-style: normal;
  width: 18px;
  height: 18px;
  font-size: 12px!important;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #fcfdfb;
  -webkit-tap-highlight-color: transparent;
  background-color: #ff3a00;
  float: right;
}
/*文件消息样式*/
.im_msg_filename {
  width: calc(100% - 40px);
  display: inline-block;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.im_msg_file_icon {
  vertical-align: middle;
  display: inline-block;
  margin: -46px 4px 0 -4px;
  line-height: 40px;
  color: #868683;
  width: 30px;
  height: 30px;
  font-size: 30px!important;
}
.im_msg_fileurl {
  display: block;
  margin-left: 30px;
  margin-top: -28px;
  font-size: 12px;
  color: #79f751;
  text-decoration: none;
}
.im_msg_fileheader {
  line-height: 30px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: right;
}
.im_msg_fileurl:hover {
  color: #fff !important;
}
.emoij_menu {
  z-index: 1;
  position: absolute;
  width: 280px;
  height: 194px;
  bottom: 150px;
  left: 16px;
  border-radius: 2px;
  background: #fff;
  box-sizing: border-box;
  padding: 4px;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 12px 0px;
  display: none;
}
.emoij_menu > li {
  cursor: pointer;
  display: inline-block;
  margin: 2px 3px 0 3px;
}
/*div模拟text area*/
.div_text_area {
  width: 100%;
  padding: 5px 0 0;
  height: 90px;
  line-height: 20px;
  border: none;
  overflow: auto;
  resize: none;
  background: 0 0;
  font-size: 14px;
  /*margin-left: auto;
    margin-right: auto;
    padding: 3px;*/
  /* outline: 0;
    border: 1px solid #a0b3d6;*/
  word-wrap: break-word;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-modify: read-write-plaintext-only;
  outline: none;
}
.im-find-intocenter {
  padding: 0 30px;
}
/*用户查找面板*/
.layui-layer-title {
  border-bottom: none!important;
}
.layui-layer-content {
  overflow: hidden!important;
}
.im-find-i-color {
  color: #fff;
}
.im-find-title {
  font-size: 12px;
  text-align: center;
}
.im-find-tab-container {
  height: 9.5%;
  /*    width: 100%;*/
  background-color: #2e9dd9;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  position: relative;
}
.im-find-tab-container i {
  font-size: 20px;
  background-color: #2e9dd9;
  /* line-height: 60px; */
  display: block;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.im-find-tab {
  height: 100%;
  width: 100px;
  margin: auto 45% ;
}
.triangle-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #fff;
  display: block;
  margin: 0 auto;
}
.im-find-main-container {
  border-style: solid;
  border-width: 1px;
  border-color: #e3e4e5;
  background-color: #f5fbff;
  width: 100%;
  height: 90%;
}
.im-find-input-container {
  /*width: 100%;*/
  height: 15%;
  display: flex;
  align-items: center;
}
.im-find-content-main {
  width: 940px;
  height: 100%;
  margin: 0 auto;
}
.im-find-input {
  width: 580px;
  height: 39px;
  border-width: 1px;
  border-color: #2e9dd9;
  border-style: solid;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #b3b3b3;
  line-height: 2.25;
  text-align: justify;
  padding-left: 10px;
}
.im-find-searchBtn {
  width: 96px;
  font-size: 20px;
  font-family: "Microsoft YaHei";
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  background-color: #2e9dd9;
  height: 50px;
  border-radius: 10%;
  margin-left: 150px;
}
.im-find-searchBtn:hover {
  background-color: #7ec3e8;
  color: #fff !important;
}
#im-find-result-list {
  display: none;
}
#im-find-recommend-list {
  height: 85%;
}
.im-find-friends-recommend {
  height: 65%;
  /*width: 100%;*/
  border-top: 1px solid #e3e4e5;
}
.im-find-recommend-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  height: 16%;
}
.im-find-recommend-list {
  /*height: 84%;*/
}
.im-find-recommend-element {
  height: 45%;
  width: 25%;
  display: flex;
  align-items: center;
  float: left;
  margin-top: 20px;
}
.im-find-recommend-element > img {
  height: 80px;
  width: 80px;
  float: left;
  border-radius: 50%;
}
.im-find-recommend-desc {
  float: right;
  margin-left: 10px;
}
.im-find-recommend-desc > i {
  display: block;
}
.im-find-recommend-addbtn {
  line-height: 25px;
  text-align: center;
  background-color: #2e9dd9;
  border-radius: 10%;
  color: #fff;
  display: block;
  width: 59px;
}
.im-find-recommend-addbtn:hover {
  background-color: #7ec3e8;
  color: #fff !important;
}
/*.im-find-friends-recommend-main{
    width: 940px;
    height: 100%;
    border-top: 1px solid #e3e4e5;
}*/
.im-find-sup-recommend {
  height: 35%;
  /*width: 100%;*/
  border-top: 1px solid #e3e4e5;
}
/*查找结果区域*/
.im-find-search-text {
  height: 40px;
  background-color: #fafafa;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e3e4e5;
}
.im-find-search-text > * {
  margin-right: 30px;
}
.im-find-search-result {
  height: 65px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e3e4e5;
}
/*发送好友申请部分*/
.im-find-add-friend-container {
  height: 85%;
}
.im-find-add-friend-userinfo-container {
  width: 40%;
  height: 100%;
  background-color: #f5fbff;
  float: left;
}
.im-table-view {
  display: table;
}
.im-table-cell-view {
  display: table-cell;
  vertical-align: middle;
}
.im-margin-center {
  margin: 0 auto;
}
.im-find-add-friend-userinfo-main {
  width: 190px;
}
.im-find-add-friend-userinfo-main i {
  display: block;
  text-align: center;
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.im-find-add-friend-userinfo-container img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: block;
}
.im-find-add-friend-sendmsg-container {
  background-color: #fff;
  width: 60%;
  float: right;
  height: 100%;
}
.im-find-add-friend-sendmsg-main {
  width: 80%;
  height: 100%;
}
.im-find-add-friend-sendmsg-main * {
  margin-top: 20px;
}
.im-find-add-friend-sendmsg-main > i {
  display: block;
  font-size: 14px;
  color: #58b1e1;
}
.im-find-add-friend-sendmsg-main textarea {
  height: 50%;
  width: 100%;
}
.im-find-add-friend-btn-container {
  height: 15%;
  background-color: #f5fbff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #e3e4e5;
}
.im-find-add-friend-sendbtn {
  width: 64px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  background-color: #2e9dd9;
  border-radius: 10%;
  color: #fff;
  display: block;
  margin-left: 10px;
}
.im-find-add-friend-sendbtn:hover {
  background-color: #7ec3e8;
  color: #fff !important;
}
/*.im-find-sup-recommend-main{
    width: 940px;
    height: 100%;
}*/
/*
.add-user-container{
    width: 90%;
    height:75%;
    background-color: #a1a1a1;
    margin: 5% auto;
}
.add-user-container input{
    height: 38px;
    line-height: 38px;
    width: 300px;
}
.add-user-tab-title{
    font-size: 20px;
    line-height: 3;
    vertical-align: middle;
    background-color: aqua
}
.add-user-title{
    font-size: 20px;
    line-height: 2;
    background-color: aqua;
    color: #fff;
}
.add-user-tab{
    width: 80%;
    height: 80%;
    margin: 10% auto;
}
.find-user-button{
    background: #2e9dd9;
    color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 0px #adcbdb;
    width: 100px;
    height: 38px;
    font-size: 20px;
    !* vertical-align: top; *!
    line-height: 2;
    text-align: center;
    float: right;
}

.add-user-tab > ul > li
{
    width: 300px;
    height: 200px;
    position: relative;
}
.add-user-tab > ul > li >img{
    position: absolute;
    left: 15px;
    top: 0px;
    width: 100px;
    height: 100px;
}
.add-user-tab > ul > li >p{
    font-size: 14px;
    margin-left: 150px;
    margin-top: 10px!important;
}
.add-user-button{
    background: #2e9dd9;
    color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 0px #adcbdb;
    width: 30px;
    height: 20px;
    font-size: 20px;
    !* vertical-align: top; *!
    text-align: center;
}
.find-userlist-container{
    display: none;
}*/
/*好友申请窗口*/
.apply-friends-container {
  width: 100%;
  height: 80%;
  margin: 0;
}
.apply-friends-userinfo-container {
  width: 30%;
  height: 80%;
  float: left;
}
.apply-friends-userinfo-container > img {
  width: 90%;
}
.apply-friends-userinfo-container > p {
  font-size: 12px;
  margin-top: 5px!important;
}
.apply-friends-main {
  margin: 5% auto;
}
.apply-friends-msg-container {
  width: 70%;
  height: 80%;
  float: right;
}
.apply-friends-msg-container > p {
  font-size: 14px;
  margin-top: 5px!important;
}
.apply-friends-msg-container > textarea {
  font-size: 14px;
  width: 90%;
  height: 40%;
}
.apply-friends-button-container {
  width: 100%;
  height: 20%;
}
.apply-friends-button {
  width: 80px;
  height: 40px;
  background-color: #00a0e9;
  font-size: 14px;
  text-align: center;
}
/* 定义keyframe动画，命名为blink  闪烁效果*/
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100% {
    opacity: 0;
  }
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* 定义blink类*/
.blink {
  animation: blink 0.75s linear infinite;
  /* 其它浏览器兼容性前缀 */
  -webkit-animation: blink 0.75s linear infinite;
  -moz-animation: blink 0.75s linear infinite;
  -ms-animation: blink 0.75s linear infinite;
  -o-animation: blink 0.75s linear infinite;
  /*color: #dd4814;*/
}

.company-side-bar {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
  line-height: 1.5;
}
.company-side-bar .content {
  position: absolute;
  top: 0;
  right: 44px;
  transition: all 0.2s linear;
  z-index: -1;
}
.company-side-bar .content > div:first-child {
  padding: 20px;
  background-color: #51c796;
}
.company-side-bar .content > div {
  display: inline-block;
}
.company-side-bar .content p:first-child {
  font-size: 18px;
}
.company-side-bar .content p:first-child > img {
  margin-right: 12px;
  vertical-align: bottom;
}
.company-side-bar .content:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #51c796;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
.company-side-bar .arrow-content {
  width: 160px;
  height: 100%;
  background-color: transparent;
}
.company-side-bar > ul > li {
  width: 44px;
  height: 40px;
  font-size: 14px;
  color: white;
  background-color: white;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  transition: all 0.3s linear;
  position: relative;
}
.company-side-bar > ul > li:hover {
  border-color: #51c796;
}
.company-side-bar > ul > li > a {
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.company-side-bar > ul > li > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.company-side-bar > ul .active > div {
  transform: translateX(0) !important;
}
.company-side-bar > ul > li:first-child {
  height: 100px;
  background-color: #51c796;
  border: 0;
  padding: 9px 15px;
}
.company-side-bar > ul > li:first-child .consulting-content {
  width: 233px;
  height: 140px;
  transform: translateX(150%);
  position: absolute;
  top: 0;
  right: 44px;
  transition: all 0.2s linear;
  z-index: -1;
}
.company-side-bar > ul > li:first-child .consulting-content > div {
  width: 223px;
}
.company-side-bar > ul > li:first-child .consulting-content > div:first-child {
  padding: 20px;
  background-color: #51c796;
}
.company-side-bar > ul > li:first-child .consulting-content > div {
  display: inline-block;
}
.company-side-bar > ul > li:first-child .consulting-content p:first-child {
  font-size: 18px;
}
.company-side-bar > ul > li:first-child .consulting-content p:first-child > img {
  margin-right: 12px;
  vertical-align: bottom;
}
.company-side-bar > ul > li:first-child .consulting-content:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #51c796;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
.company-side-bar > ul > li:first-child .consulting-content p {
  font-size: 14px;
}
.company-side-bar > ul > li:first-child .consulting-content p:nth-child(2) {
  padding: 10px 0 12px 0;
  border-bottom: 1px dashed white;
}
.company-side-bar > ul > li:first-child .consulting-content p:last-child {
  padding-top: 12px;
}
.company-side-bar > ul > li:nth-child(2) .phone-content {
  width: 233px;
  height: 118px;
  top: -40px !important;
  transform: translateX(150%);
  position: absolute;
  top: 0;
  right: 44px;
  transition: all 0.2s linear;
  z-index: -1;
}
.company-side-bar > ul > li:nth-child(2) .phone-content > div {
  width: 223px;
}
.company-side-bar > ul > li:nth-child(2) .phone-content p:first-child {
  margin-bottom: 16px;
}
.company-side-bar > ul > li:nth-child(2) .phone-content p:nth-child(2) {
  padding-top: 16px;
  border-top: 1px dashed white;
}
.company-side-bar > ul > li:nth-child(2) .phone-content > div:first-child {
  padding: 20px;
  background-color: #51c796;
}
.company-side-bar > ul > li:nth-child(2) .phone-content > div {
  display: inline-block;
}
.company-side-bar > ul > li:nth-child(2) .phone-content p:first-child {
  font-size: 18px;
}
.company-side-bar > ul > li:nth-child(2) .phone-content p:first-child > img {
  margin-right: 12px;
  vertical-align: bottom;
}
.company-side-bar > ul > li:nth-child(2) .phone-content:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #51c796;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
.company-side-bar > ul > li:nth-child(2) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/phone.png') no-repeat;
  width: 22px;
  height: 20px;
}
.company-side-bar > ul > li:nth-child(2):hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/phone-active.png') no-repeat;
}
.company-side-bar > ul > li:nth-child(3) .code-content {
  transform: translateX(150%);
  width: 140px;
  height: 130px;
  top: -47px !important;
  position: absolute;
  top: 0;
  right: 44px;
  transition: all 0.2s linear;
  z-index: -1;
}
.company-side-bar > ul > li:nth-child(3) .code-content > div:first-child {
  padding: 20px;
  background-color: #51c796;
}
.company-side-bar > ul > li:nth-child(3) .code-content > div {
  display: inline-block;
}
.company-side-bar > ul > li:nth-child(3) .code-content p:first-child {
  font-size: 18px;
}
.company-side-bar > ul > li:nth-child(3) .code-content p:first-child > img {
  margin-right: 12px;
  vertical-align: bottom;
}
.company-side-bar > ul > li:nth-child(3) .code-content:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #51c796;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
.company-side-bar > ul > li:nth-child(3) .code-content > div {
  text-align: center;
  width: 130px;
  padding: 13px 0px !important;
}
.company-side-bar > ul > li:nth-child(3) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/code.png') no-repeat;
  width: 22px;
  height: 21px;
}
.company-side-bar > ul > li:nth-child(3):hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/code-active.png') no-repeat;
}
.company-side-bar > ul > li:nth-child(4) .message-content {
  transform: translateX(150%);
  width: 95px;
  position: absolute;
  top: 0;
  right: 44px;
  transition: all 0.2s linear;
  z-index: -1;
}
.company-side-bar > ul > li:nth-child(4) .message-content > div {
  width: 84px;
  height: 40px;
  padding: 0 !important;
}
.company-side-bar > ul > li:nth-child(4) .message-content p {
  text-align: center;
  line-height: 40px;
  font-size: 14px !important;
}
.company-side-bar > ul > li:nth-child(4) .message-content > div:first-child {
  padding: 20px;
  background-color: #51c796;
}
.company-side-bar > ul > li:nth-child(4) .message-content > div {
  display: inline-block;
}
.company-side-bar > ul > li:nth-child(4) .message-content p:first-child {
  font-size: 18px;
}
.company-side-bar > ul > li:nth-child(4) .message-content p:first-child > img {
  margin-right: 12px;
  vertical-align: bottom;
}
.company-side-bar > ul > li:nth-child(4) .message-content:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #51c796;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
.company-side-bar > ul > li:nth-child(4) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/message.png') no-repeat;
  width: 21px;
  height: 20px;
}
.company-side-bar > ul > li:nth-child(4):hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/message-active.png') no-repeat;
}
.company-side-bar > ul > li:nth-child(5) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/arrow.png') no-repeat;
  width: 14px;
  height: 7px;
}
.company-side-bar > ul > li:nth-child(5):hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/icon/arrow-active.png') no-repeat;
}
.company-side-bar-feedback .ant-modal-body textarea {
  height: 200px;
}
.company-side-bar-feedback .ant-modal-body p {
  color: #999;
  margin: 20px 0;
}
.company-side-bar-feedback .ant-modal-body label {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.company-side-bar-feedback .ant-modal-body input {
  width: 40%;
}
.company-side-bar-feedback .ant-modal-body div {
  margin: 10px 0;
}

.financeBg {
  padding-top: 30px;
  background-color: #f8f8f8;
}
.financeTop {
  padding-top: 120px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/finance/financeBg.jpg") no-repeat;
  background-size: 100% 100%;
  height: 580px;
}
.financeTop .financeTil {
  color: #fff;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 28px;
}
.financeTop .financeTil p {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 17px;
}
.financeTop .financeTil span {
  font-size: 16px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-bar {
  margin-bottom: 0;
  border-bottom: none;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
  text-align: center;
  height: auto;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #397ecd;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab {
  width: 393.33px;
  font-size: 16px;
  background-color: #fff;
  color: #666;
  margin-right: 0;
  padding: 13px 0;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-left: 0;
  border-top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab:last-child {
  border-right: 0;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab-active {
  background-color: #397ecd;
  color: #fff;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content {
  max-width: 1180px;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 32px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch {
  overflow: hidden;
  padding-top: 56px;
  padding-bottom: 40px;
  text-align: center;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon {
  text-align: center;
  border: 1px solid #397ecd;
  padding: 13px 0;
  display: inline-block;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon p {
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-left: 20px;
  padding-right: 10px;
  border-right: 1px solid #e3e3e3;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon i {
  font-size: 20px;
  margin-left: 20px;
  vertical-align: middle;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .financeSearchLine {
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #e3e3e3;
  margin-left: 15px;
  vertical-align: middle;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon input {
  display: inline-block;
  border: 0;
  color: #aaa;
  width: 491px;
  padding: 0 15px;
  outline: none;
  height: 21px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .ant-select {
  margin-left: 20px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
  height: 21px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .ant-select .ant-select-selection .ant-select-selection__rendered {
  line-height: 21px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .ant-select .ant-select-selection:hover {
  border: 0;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .ant-select .ant-select-selection:active {
  box-shadow: none;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch .financeSearchCon .ant-select-open .ant-select-selection {
  box-shadow: none;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch a {
  width: 244px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #fff;
  background-color: #397ecd;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabSearch a:hover {
  background-color: #5193de;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid {
  padding: 0 90px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridTil {
  text-align: center;
  margin-bottom: 16px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridTil img {
  vertical-align: middle;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridTil p {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #666;
  margin-left: 12px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridCon {
  padding: 20px 25px;
  background-color: #f8f8f8;
  min-height: 144px;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridCon a {
  font-size: 14px;
  color: #666;
  width: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.3s;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridCon a:nth-child(2n) {
  margin-right: 0;
}
.financeTop .financeTopTab .ant-tabs .ant-tabs-content .financeTabGrid .financeGridCon a:hover {
  color: #397ecd;
}
.financeTop .ant-carousel {
  width: 1180px;
  overflow: hidden;
  margin: 0 auto;
}
.financeTop .ant-carousel .slick-slide a {
  display: block;
  position: relative;
}
.financeTop .ant-carousel .slick-slide a p {
  font-size: 30px;
  color: #fff;
  line-height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 100%;
  text-align: center;
}
.financeCon {
  margin: 340px auto 0 auto;
  width: 1180px;
  overflow: hidden;
}
.financeCon .financeModal {
  margin-bottom: 69px;
}
.financeCon .financeModal .financeConTil {
  text-align: center;
  margin-bottom: 33px;
}
.financeCon .financeModal .financeConTil p {
  font-size: 24px;
  color: #333;
  padding-right: 11px;
  display: inline-block;
  border-right: 1px solid #666;
  margin-right: 11px;
  vertical-align: middle;
  line-height: 24px;
}
.financeCon .financeModal .financeConTil span {
  font-size: 18px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
}
.financeCon .financeModal .financeConCszx p {
  border-right: 0;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle {
  border: 1px solid #e3e3e3;
  transition: all 0.3s;
  margin-right: 20px;
  display: inline-block;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscTop {
  position: relative;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscTop .financeTsscWz {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 16px;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscTop .financeTsscWz p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 21px;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscTop .financeTsscImg {
  display: block;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscTop .financeTsscHotImg {
  position: absolute;
  right: 0;
  top: 0;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscBottom {
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscBottom p {
  font-size: 16px;
  color: #3b3b3b;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle .financeTsscBottom p span {
  font-size: 18px;
  color: #ff8e09;
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle:hover {
  border: 1px solid #397ecd;
  box-shadow: 0 0 10px rgba(57, 126, 205, 0.5);
}
.financeCon .financeModal .financeTsscCon .financeTsscSingle:last-child {
  margin-right: 0;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle {
  display: inline-block;
  width: 380px;
  background-color: #f1f5f8;
  border: 1px solid #e3e3e3;
  padding: 16px 27px 37px 27px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleLeft {
  float: left;
  padding-top: 70px;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleLeft p {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleLeft span {
  color: #666;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleLeft .price {
  margin-top: 35px;
  margin-bottom: 0;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleLeft .price span {
  color: #ff8e09;
  font-size: 24px;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .financeServerImg {
  float: right;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleHover {
  position: absolute;
  bottom: -252px;
  left: 0;
  width: 380px;
  height: 100%;
  background-color: #397ecd;
  transition: all 0.3s;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleHover a {
  width: 200px;
  height: 46px;
  line-height: 46px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 50%;
  margin-left: -100px;
  transition: all 0.3s;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle .serverSingleHover a:hover {
  background: #fff;
  color: #397ecd;
  cursor: pointer;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle:hover .serverSingleHover {
  bottom: 0;
}
.financeCon .financeModal .financeServerCon .financeServerTop .financeServerSingle:last-child {
  margin-right: 0;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle {
  display: inline-block;
  width: 580px;
  background-color: #f2f2f1;
  border: 1px solid #e3e3e3;
  padding: 0 56px 34px 30px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleLeft {
  float: left;
  padding-top: 27px;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleLeft p {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleLeft span {
  color: #666;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleLeft .price {
  margin-top: 35px;
  margin-bottom: 0;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleLeft .price span {
  color: #ff8e09;
  font-size: 24px;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .financeServerImg {
  float: right;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleHover {
  position: absolute;
  bottom: -190px;
  left: 0;
  width: 580px;
  height: 100%;
  background-color: #397ecd;
  transition: all 0.3s;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleHover a {
  width: 200px;
  height: 46px;
  line-height: 46px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 50%;
  margin-left: -100px;
  transition: all 0.3s;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle .serverSingleHover a:hover {
  background: #fff;
  color: #397ecd;
  cursor: pointer;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle:hover .serverSingleHover {
  bottom: 0;
}
.financeCon .financeModal .financeServerCon .financeServerBottom .financeServerSingle:last-child {
  margin-right: 0;
}
.financeCon .financeModal .financeQydzServer .financeServerTop .financeServerSingle .serverSingleLeft {
  padding-top: 92px;
}
.financeCon .financeModal .financeQydzServer .financeServerTop .financeServerSingle .serverSingleLeft p {
  margin-bottom: 0;
}
.financeCon .financeModal .financeQydzServer .financeServerTop .financeServerSingle .serverSingleHover .serverBtnGroup {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: -58px;
}
.financeCon .financeModal .financeQydzServer .financeServerTop .financeServerSingle .serverSingleHover .serverBtnGroup a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: 0 auto 24px auto;
}
.financeCon .financeModal .financeQydzServer .financeServerTop .financeServerSingle .serverSingleHover .serverBtnGroup a:last-child {
  margin-bottom: 0;
}
.financeCon .financeModal .financeQydzServer .financeServerBottom .financeServerSingle .serverSingleLeft {
  padding-top: 50px;
}
.financeCon .financeModal .financeQydzServer .financeServerBottom .financeServerSingle .serverSingleLeft p {
  margin-bottom: 0;
}
.financeCon .financeModal .financeQydzServer .financeServerBottom .financeServerSingle .serverSingleHover .serverBtnGroup {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: -58px;
}
.financeCon .financeModal .financeQydzServer .financeServerBottom .financeServerSingle .serverSingleHover .serverBtnGroup a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: 0 auto 24px auto;
}
.financeCon .financeModal .financeQydzServer .financeServerBottom .financeServerSingle .serverSingleHover .serverBtnGroup a:last-child {
  margin-bottom: 0;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer {
  margin-top: 67px;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerCon {
  width: 295px;
  height: 240px;
  display: inline-block;
  vertical-align: middle;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerMain {
  color: #fff;
  background-color: #397ecd;
  padding-left: 34px;
  padding-top: 80px;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerMain p {
  font-size: 30px;
  margin-bottom: 28px;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerMain span {
  font-size: 16px;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild {
  position: relative;
  overflow: hidden;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild img {
  display: block;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild .zzdbServerWz {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -68px;
  margin-left: -40px;
  transition: all 0.3s;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild .zzdbServerWz p {
  margin-top: 35px;
  color: #fff;
  font-size: 16px;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild .zzdbServerBtn {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  background-color: #397ecd;
  transition: all 0.3s;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild .zzdbServerBtn:hover {
  background-color: #5193de;
  cursor: pointer;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild:hover .zzdbServerWz {
  margin-top: -85px;
}
.financeCon .financeModal .financeQydzServer .financeZzdbServer .zzdbServerChild:hover .zzdbServerBtn {
  bottom: 0;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle {
  border: 1px solid #e3e3e3;
  transition: all 0.3s;
  margin-right: 16px;
  display: inline-block;
  position: relative;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle .financeYhhdImg {
  display: block;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle .financeYhhdBottom {
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle .financeYhhdBottom p {
  font-size: 18px;
  color: #666;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle:hover {
  border: 1px solid #397ecd;
  box-shadow: 0 0 10px rgba(57, 126, 205, 0.5);
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle:last-child {
  margin-right: 0;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle .financeYhhdHotImg {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdSingle .financeYhhdEndImg {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdHot .financeYhhdHotImg {
  display: block;
}
.financeCon .financeModal .financeYhhdCon .financeYhhdEnd .financeYhhdEndImg {
  display: block;
}
.financeCon .financeModal .financeCszxCon {
  border: 1px solid #ddd;
}
.financeCon .financeModal .financeCszxCon .financeCszxLeft {
  background-color: #fff;
  padding: 20px 0;
  width: 385px;
  display: inline-block;
  vertical-align: middle;
}
.financeCon .financeModal .financeCszxCon .financeCszxLeft .financeCszxTil {
  color: #999;
  padding: 20px 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
  display: block;
}
.financeCon .financeModal .financeCszxCon .financeCszxLeft .financeCszxTil span {
  color: #666;
  display: inline-block;
  margin-left: 15px;
}
.financeCon .financeModal .financeCszxCon .financeCszxLeft .financeCszxHover {
  background-color: #f2f2f2;
}
.financeCon .financeModal .financeCszxCon .financeCszxCenter {
  width: 510px;
  display: inline-block;
  vertical-align: middle;
}
.financeCon .financeModal .financeCszxCon .financeCszxCenter .financeCszxImg {
  display: none;
  height: 345px;
  width: 100%;
}
.financeCon .financeModal .financeCszxCon .financeCszxCenter .cszxImgHover {
  display: block;
}
.financeCon .financeModal .financeCszxCon .financeCszxRight {
  width: 283px;
  height: 345px;
  display: inline-block;
  background-color: #5d6168;
  padding: 0 32px;
  vertical-align: middle;
}
.financeCon .financeModal .financeCszxCon .financeCszxRight .financeCszxWz {
  padding-top: 30px;
  display: none;
}
.financeCon .financeModal .financeCszxCon .financeCszxRight .financeCszxWz .cszxWzCon {
  color: #fff;
  line-height: 25px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.financeCon .financeModal .financeCszxCon .financeCszxRight .financeCszxWz .cszxEnd {
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}
.financeCon .financeModal .financeCszxCon .financeCszxRight .cszxWzHover {
  display: block;
}
.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 22px;
  margin: 12px 0;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
}
.selectModalCon .selectModalForm {
  margin-top: 33px;
  text-align: center;
}
.selectModalCon .selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn {
  vertical-align: middle;
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a {
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 14px;
  color: #b0b0b0;
  display: inline-block;
  margin-right: 8px;
  transition: all 0.3s;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:first-child {
  margin-bottom: 10px;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:nth-child(3),
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:last-child {
  margin-right: 0;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn .selectTypeClick {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle input {
  background-color: #f5f5f5;
  font-size: 14px;
  color: #b0b0b0;
  border: 0;
  width: 280px;
  padding: 12.5px 12px;
  outline: none;
}
.selectModalCon .selectModalForm .selectPhoneTip {
  margin-bottom: 7px;
  display: none;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon {
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon p {
  color: #2cb278;
}
.selectModalCon .selectFormSubmit {
  width: 356px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: block;
  background-color: #397ecd;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  margin: 0 auto 34px auto;
}
.selectModalCon .selectFormSubmit:hover {
  background-color: #5193de;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
body {
  background: #f8f8f8;
}
.companyServiceBox {
  position: relative;
  width: 100%;
  padding-top: 60px;
}
.companyServiceBox .banner {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/reCompanyService/banner.png') 50% 50% / cover no-repeat;
}
.companyServiceBox .banner-2 {
  background: url('https://360humi-public-obs.360humi.com/localImg/images/reCompanyService/banner-2.jpg') 50% 50% / cover no-repeat;
}
.companyServiceBox .companyBanner {
  width: 100%;
  height: 460px;
  /* margin-top:80px; */
}
.companyServiceBox .companyBanner .slick-dots {
  bottom: 100px;
}
.companyServiceBox .companyBanner .bannerBox {
  position: relative;
  display: block;
  width: 100%;
  height: 460px;
}
.companyServiceBox .companyBanner .bannerBox .topTitle,
.companyServiceBox .companyBanner .bannerBox .botTitle {
  position: absolute;
}
.companyServiceBox .companyBanner .bannerBox .topTitle {
  top: 115px;
  left: 25%;
  height: 29px;
  font-size: 29px;
  color: rgba(255, 255, 255, 0.7);
}
.companyServiceBox .companyBanner .bannerBox .botTitle {
  top: 170px;
  left: 25.2%;
  height: 35px;
  font-size: 35px;
  font-weight: 600;
  color: #fff;
}
.companyServiceBox .companyBanner .bannerBox .allDetail {
  position: absolute;
  top: 260px;
  left: 26%;
  width: 140px;
  height: 37px;
  line-height: 37px;
  font-size: 16px;
  text-align: center;
  color: #51c796;
  background: #fff;
  border-radius: 18px;
}
.companyServiceBox .companyContentBox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 2950px;
}
.companyServiceBox .companyContentBox .companyContent {
  position: absolute;
  top: -90px;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  background: #f8f8f8;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox {
  width: 100%;
  height: 201px;
  background: #fff;
  box-sizing: border-box;
  padding: 25px 140px 27px;
  box-shadow: 0px 4px 8px 0 #e3e3e3;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .ant-tabs .ant-tabs-bar {
  border-bottom: none;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .ant-tabs-nav {
  left: 40%;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  border: none;
  background: #fff;
  width: 60px;
  height: 40px;
  text-align: center;
  margin-right: 25px;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .ant-tabs-nav .ant-tabs-tab:hover {
  color: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .ant-tabs-nav .ant-tabs-tab-active {
  color: #51c796;
  border-bottom: 10px solid #51c796;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .searchBox .ant-input-affix-wrapper {
  width: 690px;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .searchBox .ant-input-lg {
  width: 690px;
  height: 50px;
  line-height: 50px;
  padding: 18px 0 18px 25px;
  border-radius: 0px;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .searchBox .searchBtn {
  display: inline-block;
  width: 229px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  color: #fff;
  background: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox {
  width: 650px;
  margin: 27px auto 0;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .icon,
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .perNum,
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .desc {
  display: block;
  float: left;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .desc {
  width: 350px;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .desc .ant-carousel {
  width: 100%;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .icon {
  width: 15px;
  height: 17px;
  margin-right: 17px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/reCompanyService/bulb.png");
  background-size: 100% 100%;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .perNum span {
  color: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .ant-carousel {
  overflow: hidden;
  height: 23px;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .ant-carousel .slick-list {
  width: 460px !important;
  height: 23px;
}
.companyServiceBox .companyContentBox .companyContent .companySearchBox .descBox .ant-carousel .slick-list .slick-slide {
  width: 460px !important;
}
.companyServiceBox .companyContentBox .companyContent .classBox {
  width: 100%;
  height: 175px;
  margin-top: 18px;
}
.companyServiceBox .companyContentBox .companyContent .classBox .box {
  float: left;
  display: block;
  width: 285px;
  height: 175px;
  margin-right: 20px;
  box-sizing: border-box;
  padding: 20px 0 20px 133px;
  background: #fff;
  box-shadow: 0px 4px 8px 0 #e3e3e3;
  position: relative;
  transition: all 0.3s linear;
}
.companyServiceBox .companyContentBox .companyContent .classBox .box:hover {
  transform: translateY(-5px);
}
.companyServiceBox .companyContentBox .companyContent .classBox .box .imgBox {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.companyServiceBox .companyContentBox .companyContent .classBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.companyServiceBox .companyContentBox .companyContent .classBox .box .title {
  margin: 36px 0 5px;
  font-size: 20px;
  color: #383838;
}
.companyServiceBox .companyContentBox .companyContent .classBox .box .desc {
  font-size: 14px;
  color: #8a8a8a;
}
.companyServiceBox .companyContentBox .companyContent .classBox .box:last-child {
  margin-right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox {
  width: 1200px;
  margin: 79px auto 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox h2 {
  font-size: 31px;
  color: #333;
  text-align: center;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox h2 span {
  padding-bottom: 10px;
  font-size: 32px;
  border-bottom: 2px solid #50d88b;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .ant-carousel .slick-dots {
  bottom: -12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .ant-carousel .slick-dots .slick-active button {
  background: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e3e3e3;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot {
  box-sizing: border-box;
  padding: 46px 0 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box {
  float: left;
  width: 385px;
  height: 200px;
  background: #f2f2f1;
  margin-right: 22px;
  border: 1px solid #e3e3e3;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box:hover {
  background: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .left {
  float: left;
  box-sizing: border-box;
  padding: 29px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .left .title {
  font-size: 17px;
  margin-bottom: 12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .left .desc {
  margin-bottom: 55px;
  font-size: 14px;
  color: #666;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .left .seeDetail {
  display: block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #51c796;
  border: 1px solid #51c796;
  border-radius: 18px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .left .seeDetail:hover {
  background: #51c796;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .right {
  position: relative;
  float: right;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .right div {
  position: absolute;
  top: 0;
  right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box .right .hotImg {
  margin: 80px 50px 0 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .topHot .box:last-child {
  margin-right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox {
  margin-top: 22px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box {
  float: left;
  width: 589px;
  height: 200px;
  background: #f2f2f1;
  border: 1px solid #e3e3e3;
  margin-right: 21px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box:hover {
  background: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .left {
  float: left;
  box-sizing: border-box;
  padding: 29px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .left .title {
  font-size: 17px;
  margin-bottom: 12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .left .desc {
  margin-bottom: 55px;
  font-size: 14px;
  color: #666;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .left .seeDetail {
  display: block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #51c796;
  border: 1px solid #51c796;
  border-radius: 18px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .left .seeDetail:hover {
  background: #51c796;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .right {
  float: right;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box .right .hotImg {
  margin: 80px 50px 0 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .botBox .box:last-child {
  margin-right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .knowBkzqArrow {
  width: 100px;
  height: 44px;
  margin: 27px auto 30px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .knowBkzqArrow a {
  display: inline-block;
  width: 44px;
  height: 24px;
  color: #e3e3e3;
  border: 1px solid #e3e3e3;
  text-align: center;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime {
  width: 100%;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right {
  float: left;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left {
  margin-right: 12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left .box {
  width: 230px;
  height: 100px;
  background: #fff;
  box-sizing: border-box;
  padding: 31px 0 30px 40px;
  margin-bottom: 8px;
  cursor: pointer;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left .box .imgBox,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left .box p {
  float: left;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left .box p {
  margin: 10px 0 0 10px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left .box:hover {
  background: #51c796;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .left .choose {
  background: #51c796;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box {
  position: relative;
  float: left;
  width: 230px;
  height: 320px;
  box-sizing: border-box;
  padding: 29px 0 0 24px;
  background: #f2f2f1;
  border: 1px solid #e3e3e3;
  margin-right: 10px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box .topBox .title {
  margin-bottom: 13px;
  font-size: 18px;
  color: #333;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box .topBox .desc {
  color: #999;
  font-size: 14px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box .botBox {
  width: 82px;
  height: 99px;
  margin: 63px auto 40px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box .hotImgBox {
  position: absolute;
  top: 0;
  right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box .seeDetail {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 230px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #51c796;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box:hover {
  background: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box:hover .seeDetail {
  display: block;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .box:last-child {
  margin-right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs {
  float: left;
  width: 230px;
  height: 320px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT {
  position: relative;
  width: 230px;
  height: 154px;
  border: 1px solid #e3e3e3;
  background: #f2f2f1;
  box-sizing: border-box;
  padding: 28px 23px 29px 19px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP .title,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT .title {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP .desc,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT .desc {
  font-size: 13px;
  color: #999;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP .hotImg,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT .hotImg {
  position: absolute;
  top: 50px;
  right: 30px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP .seeDetail,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT .seeDetail {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 230px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #51c796;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP:hover,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT:hover {
  background: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP:hover .seeDetail,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT:hover .seeDetail {
  display: block;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP .hot,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .BOT .hot {
  position: absolute;
  top: 0;
  right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTime .right .boxs .TOP {
  margin-bottom: 12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox {
  width: 1200px;
  margin-top: 64px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .hotTypeTitle {
  width: 1200px;
  margin-bottom: 19px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .hotTypeTitle p {
  float: left;
  font-size: 18px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .hotTypeTitle p span {
  display: inline-block;
  width: 4px;
  height: 18px;
  background: #51c796;
  vertical-align: middle;
  margin-right: 10px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .hotTypeTitle a {
  float: right;
  display: inline-block;
  width: 70px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #51c796;
  color: #51c796;
  text-align: center;
  border-radius: 18px;
  font-size: 13px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeTopBox .box,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeBotBox .box {
  float: left;
  width: 185px;
  height: 214px;
  background: #fff;
  margin-right: 18px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeTopBox .box .bot,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeBotBox .box .bot {
  box-sizing: border-box;
  padding: 17px 0 18px 15px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeTopBox .box .bot p:nth-child(1),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeBotBox .box .bot p:nth-child(1) {
  color: #383838;
  margin-bottom: 14px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeTopBox .box .bot p:nth-child(2),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeBotBox .box .bot p:nth-child(2) {
  font-size: 17px;
  color: #ff8e09;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeTopBox .box:last-child,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .typeBotBox .box:last-child {
  margin-right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .ant-carousel .slick-dots {
  bottom: -12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .ant-carousel .slick-dots .slick-active button {
  background: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotTypeBox .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e3e3e3;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox {
  width: 1200px;
  margin-top: 32px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox {
  margin-right: 19px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox {
  float: left;
  width: 590px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .titleBox,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .titleBox {
  width: 590px;
  margin-bottom: 19px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .titleBox p,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .titleBox p {
  float: left;
  font-size: 18px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .titleBox p span,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .titleBox p span {
  display: inline-block;
  width: 4px;
  height: 18px;
  background: #51c796;
  vertical-align: middle;
  margin-right: 10px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .titleBox a,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .titleBox a {
  float: right;
  display: inline-block;
  width: 70px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #51c796;
  color: #51c796;
  text-align: center;
  border-radius: 18px;
  font-size: 13px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeTopBox,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeTopBox,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeBotBox,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeBotBox {
  width: 590px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeTopBox .box,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeTopBox .box,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeBotBox .box,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeBotBox .box {
  float: left;
  width: 185px;
  height: 214px;
  background: #fff;
  margin-right: 17px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeTopBox .box .bot,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeTopBox .box .bot,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeBotBox .box .bot,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeBotBox .box .bot {
  box-sizing: border-box;
  padding: 17px 0 18px 15px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeTopBox .box .bot p:nth-child(1),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeTopBox .box .bot p:nth-child(1),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeBotBox .box .bot p:nth-child(1),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeBotBox .box .bot p:nth-child(1) {
  width: 150px;
  height: 16px;
  color: #383838;
  margin-bottom: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeTopBox .box .bot p:nth-child(2),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeTopBox .box .bot p:nth-child(2),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeBotBox .box .bot p:nth-child(2),
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeBotBox .box .bot p:nth-child(2) {
  font-size: 17px;
  color: #ff8e09;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeTopBox .box:last-child,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeTopBox .box:last-child,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .typeBotBox .box:last-child,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .typeBotBox .box:last-child {
  margin-right: 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .ant-carousel .slick-list,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .ant-carousel .slick-list {
  width: 100%;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .ant-carousel .slick-dots,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .ant-carousel .slick-dots {
  bottom: -12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .ant-carousel .slick-dots .slick-active button,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .ant-carousel .slick-dots .slick-active button {
  background: #51c796;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .leftBox .ant-carousel .slick-dots li button,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .hotserverBox .rightBox .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e3e3e3;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox {
  width: 1200px;
  height: 280px;
  margin-top: 34px;
  background-image: url("https://360humi-public-obs.360humi.com/localImg/images/reCompanyService/cenBanner1.png");
  box-sizing: border-box;
  padding: 52px 0 58px 0;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox h2 {
  margin-bottom: 41px;
  font-size: 22px;
  color: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox .allServer {
  width: 450px;
  margin: 0 auto;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox .allServer .top {
  margin-bottom: 12px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox .allServer .top a,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox .allServer .bot a {
  float: left;
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 18px;
  font-size: 14px;
  margin-right: 20px;
}
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox .allServer .top a:hover,
.companyServiceBox .companyContentBox .companyContent .hotServiceBox .allServerBox .allServer .bot a:hover {
  background: #51c796;
  border: none;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox {
  width: 1200px;
  margin-top: 72px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox h2 {
  font-size: 31px;
  text-align: center;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox h2 span {
  font-size: 31px;
  padding-bottom: 18px;
  border-bottom: 2px solid #50d88b;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener {
  margin-top: 56px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox {
  border: 1px solid #ebebeb;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box {
  float: left;
  width: 239px;
  height: 140px;
  box-sizing: border-box;
  padding: 17px 30px 20px 43px;
  border-right: 1px solid #ebebeb;
  background: #fff;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box p {
  margin-top: 15px;
  text-align: center;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box .imgBox {
  margin: 0 auto;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:last-child {
  border-right: none;
  width: 240px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(1) .imgBox {
  width: 66px;
  height: 68px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(2) {
  padding-top: 40px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(2) .imgBox {
  width: 152px;
  height: 46px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(3) {
  padding-top: 25px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(3) .imgBox {
  width: 109px;
  height: 61px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(4) {
  padding-top: 28px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(4) .imgBox {
  width: 88px;
  height: 58px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(5) {
  padding-top: 40px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .ImgBox .box:nth-child(5) .imgBox {
  width: 120px;
  height: 44px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .patenerDetail {
  width: 1200px;
  height: 365px;
  margin-top: 62px;
  box-sizing: border-box;
  padding: 37px 92px 44px;
  background: #fff;
  box-shadow: 0px 4px 8px 0 #e3e3e3;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .patenerDetail .left {
  float: left;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .patenerDetail .right {
  margin-top: 10px;
  float: right;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .patenerDetail .right .title {
  font-size: 23px;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .patenerDetail .right .title span {
  font-size: 23px;
  padding-bottom: 10px;
  border-bottom: 2px solid #51c796;
}
.companyServiceBox .companyContentBox .companyContent .hotPatenerBox .hotPatener .patenerDetail .right .desc {
  width: 602px;
  font-size: 14px;
  margin-top: 28px;
}
.companyServiceBox .typeNumBox {
  width: 100%;
  height: 369px;
  background-image: url("https://360humi-public-obs.360humi.com/localImg/images/reCompanyService/botBanner.jpg");
}
.companyServiceBox .typeNumBox .typeNum {
  width: 1200px;
  margin: 0 auto;
}
.companyServiceBox .typeNumBox .typeNum .box {
  float: left;
  margin-right: 173px;
  margin-top: 245px;
}
.companyServiceBox .typeNumBox .typeNum .box p:nth-child(1) {
  font-size: 31px;
  color: #fff;
  font-weight: 600;
}
.companyServiceBox .typeNumBox .typeNum .box p:nth-child(1) span {
  font-size: 20px;
}
.companyServiceBox .typeNumBox .typeNum .box p:nth-child(2) {
  width: 32px;
  height: 2px;
  background: #fff;
  margin: 8px 0;
}
.companyServiceBox .typeNumBox .typeNum .box p:nth-child(3) {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.companyServiceBox .typeNumBox .typeNum .box:last-child {
  margin-right: 0;
}
.selectModalCon .selectFormSubmit {
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 18px;
  text-align: center;
  display: block;
  background-color: #51c796;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  margin: 0 auto 34px auto;
}
.selectModalCon .selectFormSubmit:hover {
  background-color: #51c796;
}
.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 22px;
  margin: 12px 0;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
}
.selectModalCon .selectModalForm {
  margin-top: 33px;
  text-align: center;
}
.selectModalCon .selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn {
  vertical-align: middle;
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a {
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 14px;
  color: #b0b0b0;
  display: inline-block;
  margin-right: 8px;
  transition: all 0.3s;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:first-child {
  margin-bottom: 10px;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:nth-child(3),
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:last-child {
  margin-right: 0;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn .selectTypeClick {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle input {
  background-color: #f5f5f5;
  font-size: 14px;
  color: #b0b0b0;
  border: 0;
  width: 280px;
  padding: 12.5px 12px;
  outline: none;
}
.selectModalCon .selectModalForm .selectPhoneTip {
  margin-bottom: 7px;
  display: none;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon {
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon p {
  color: #2cb278;
}

.header-top {
  line-height: 1.5;
}
.header-top .tool {
  height: 30px;
  background-color: #eee;
  position: relative;
  z-index: 102;
}
.header-top .tool > div {
  width: 1200px;
  margin: 0 auto;
}
.header-top .tool > div:after {
  display: block;
  content: '';
  clear: both;
}
.header-top .float-left {
  float: left;
  height: 30px;
}
.header-top .float-left > span {
  line-height: 30px;
}
.header-top .float-left > span > img {
  margin-right: 7px;
  vertical-align: middle;
}
.header-top .float-left > span > a {
  margin-right: 24px;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  transition: all 0.2s linear;
  cursor: pointer;
}
.header-top .float-left > span > a:hover {
  color: #5774b8;
}
.header-top .float-right {
  float: right;
}
.header-top .float-right > span {
  margin-left: 28px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
}
.header-top .float-right > span > a {
  font-size: 12px;
  color: #666;
  transition: all 0.2s linear;
  cursor: pointer;
}
.header-top .float-right > span > a:hover {
  color: #5774b8;
}
.header-top .float-right > span > a .arrow {
  transition: all 0.2s linear;
  color: #bfbfbf;
  font-size: 12px;
  margin-left: 4px;
}
.header-top .float-right > span > a.active {
  color: #5774b8;
}
.header-top .float-right > span > a.active .arrow {
  color: #5774b8;
  transform: rotate(90deg);
}
.header-top .float-right > span:nth-child(2) > i,
.header-top .float-right > span:nth-child(1) > i {
  display: inline-block;
  margin: 0 12px;
  background-color: #bfbfbf;
  width: 1px;
  height: 12px;
  vertical-align: middle;
  margin-top: -2px;
}
.header-top .nav-content {
  width: 100% !important;
  height: 250px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  z-index: 101;
  box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.1);
}
.header-top .nav-content > div {
  width: 1200px;
  margin: 0 auto;
}
.header-top .nav-content > div > div {
  padding: 15px 0;
  display: inline-block;
}
.header-top .nav-content > div > div > p {
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
  color: #666;
  font-weight: 600;
  line-height: 13px;
  margin-bottom: 10px;
}
.header-top .nav-content > div > div > p > img {
  margin-right: 5px;
  vertical-align: bottom;
}
.header-top .nav-content > div > div .header-top-label {
  display: inline-block;
  width: 74px;
  color: #666;
  font-weight: 600;
  vertical-align: top;
}
.header-top .nav-content > div > div .header-top-content {
  display: inline-block;
  width: 750px;
}
.header-top .nav-content > div > div .header-top-content > a {
  color: #666;
  transition: all 0.2s linear;
  cursor: pointer;
  margin-right: 22px;
  margin-bottom: 15px;
  display: inline-block;
}
.header-top .nav-content > div > div .header-top-content > a:hover {
  color: #5774b8;
}
.header-top .nav-content > div > div .header-top-content > a:last-child {
  margin-right: 0px;
}
.header-top .nav-content > div > div:first-child {
  width: 824px;
}
.header-top .nav-content > div > div:last-child {
  width: 224px;
  float: right;
}
.header-top .nav-content > div > div:last-child .sec-title {
  margin-top: 30px;
}

.logoHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  background: #5774b8;
}
.logoHeader .headerBox {
  width: 1200px;
  height: 75px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 11px 0 12px 0;
}
.logoHeader .headerBox .logoBox,
.logoHeader .headerBox .navBox {
  float: left;
}
.logoHeader .headerBox .logoBox a {
  width: 124px;
  height: 53px;
  cursor: pointer;
}
.logoHeader .headerBox .logoBox a svg {
  width: 124px;
  height: 53px;
}
.logoHeader .headerBox .navBox {
  margin-left: 60px;
  line-height: 52px;
}
.logoHeader .headerBox .navBox a {
  margin-right: 42px;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}
.logoHeader .headerBox .btnBox {
  float: right;
  line-height: 52px;
  margin-top: 7px;
}
.logoHeader .headerBox .btnBox .telImageBox {
  float: left;
  cursor: pointer;
  margin-right: 15px;
}
.logoHeader .headerBox .btnBox .telImageBox .telImage {
  width: 20px;
  height: 20px;
  margin-top: 12px;
}
.logoHeader .headerBox .btnBox .lineBox {
  position: relative;
  float: left;
}
.logoHeader .headerBox .btnBox .lineBox .telLine {
  position: absolute;
  top: -4px;
  left: 50%;
  color: #afafaf;
}
.logoHeader .headerBox .btnBox .headertellogo {
  line-height: 43px;
  float: left;
  cursor: pointer;
  font-size: 16px;
  color: #ffffff;
}
.logoHeader .headerBox .btnBox .headertellogo .icon {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  font-size: 18px;
}
.logoHeader .headerBox .btnBox .btn {
  float: left;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin-left: 90px;
  text-align: center;
  border-radius: 4px;
  background: #5774b8;
  font-size: 14px;
  color: #fff;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.route {
  height: 80px;
  box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #5774b8;
  position: relative;
}
.route > div {
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 0 200px 0 221px;
}
.route > div > a {
  position: absolute;
  left: 0;
  top: 13px;
  width: 121px;
  height: 58px;
}
.route > div > a > svg {
  width: 100%;
  height: 100%;
}
.route > div > button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.route > div > button:hover {
  background-color: #fff;
  color: #5774b8;
}
.route .phone {
  display: flex;
  align-items: center;
  position: absolute;
  right: 250px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 18px;
}
.route .phone .phone-icon {
  display: inline-block;
  width: 17px;
  height: 19px;
  margin-right: 7px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/tel.png') no-repeat;
}
.route .about-consult {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 20px;
}
.route .about-consult:after {
  display: block;
  content: '';
  clear: both;
}
.route .about-consult > button {
  width: 123px;
  height: 40px;
  float: left;
  margin-right: 32px;
}
.route .about-consult > p {
  float: right;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
.route .about-consult > p > span {
  font-size: 16px;
}
.route .nav:after {
  display: block;
  content: '';
  clear: both;
}
.route .nav > li {
  float: left;
  margin-right: 32px;
  position: relative;
}
.route .nav > li .new-zhiboicon {
  display: inline-block;
  position: relative;
}
.route .nav > li .new-zhiboicon img {
  position: absolute;
  top: 8px;
  right: -44px;
}
.route .nav > li .new-zhiboicon a,
.route .nav > li .new-zhiboicon span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  transition: all 0.2s linear;
  border-bottom: 2px solid transparent;
}
.route .nav > li .new-zhiboicon a:hover,
.route .nav > li .new-zhiboicon span:hover {
  border-color: #fe721b;
}
.route .nav > li .hot {
  width: 29px;
  height: 13px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/hot.png') no-repeat;
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
  right: -32px;
}
.route .nav > li > a,
.route .nav > li > span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  transition: all 0.2s linear;
  border-bottom: 2px solid transparent;
}
.route .nav > li > a:hover,
.route .nav > li > span:hover {
  border-color: #fe721b;
}
.route .nav > li:last-child {
  margin-right: 0;
}
.route .nav > li.active > a {
  border-color: #fe721b;
}
.route .intelligent-title:hover .intelligent-content {
  visibility: visible;
}
.route .intelligent-content {
  position: absolute;
  left: -147px;
  top: 80px;
  background-color: #fff;
  box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.1);
  height: 120px;
  padding: 0 22px;
  width: 838px;
  z-index: 1;
  transition: all 0.2s linear;
  cursor: auto;
}
.route .intelligent-content p {
  line-height: 38px;
  color: #333;
  border-bottom: 1px solid #e3e3e3;
}
.route .intelligent-content .cover {
  line-height: 14px;
  padding: 15px 0 0 0;
}
.route .intelligent-content .cover span {
  margin: 0 22px 22px 0;
  display: inline-block;
}
.route .intelligent-content .cover span:nth-child(4n) {
  margin-right: 0;
}
.route .intelligent-content .cover img {
  margin-right: 7px;
  vertical-align: middle;
}
.route .intelligent-content .cover a {
  vertical-align: middle;
  color: #666;
  font-weight: 500;
  transition: all 0.2s linear;
  cursor: pointer;
}
.route .intelligent-content .cover a:hover {
  color: #5774b8;
}
.route .demand-hall {
  width: 120px;
  background-color: white;
  box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 18px 16px;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
}
.route .demand-hall > li {
  line-height: 16px;
  margin-bottom: 18px;
}
.route .demand-hall > li:last-child {
  margin-bottom: 0;
}
.route .demand-hall > li:hover > a {
  color: #5774b8;
}
.route .demand-hall > li:hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/service-2.png') no-repeat 50% 50%;
}
.route .demand-hall > li > a {
  color: #666;
  font-weight: 500;
}
.route .demand-hall > li > a > i {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: sub;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/service-1.png') no-repeat 50% 50%;
}
.route .demand-hall > li:nth-child(2) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/trade-1.png') no-repeat 50% 50%;
}
.route .demand-hall > li:nth-child(2):hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/trade-2.png') no-repeat 50% 50%;
}
.route .demand-hall > li:nth-child(3) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/case-1.png') no-repeat 50% 50%;
}
.route .demand-hall > li:nth-child(3):hover i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/case-2.png') no-repeat 50% 50%;
}
.route .appreciation-content {
  height: 350px;
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  top: 80px;
  box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.route .appreciation-content > div {
  width: 1200px;
  margin: 0 auto;
  padding-top: 32px;
}
.route .appreciation-content > div p {
  color: #666;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 11px;
}
.route .appreciation-content > div p > a {
  float: right;
  color: #666;
  font-weight: 500;
  font-size: 12px;
}
.route .appreciation-content > div p > a:hover {
  color: #5774b8;
}
.route .appreciation-content .appreciation-label {
  display: inline-block;
  margin-bottom: 12px;
  color: #666;
  font-weight: 600;
  width: 56px;
  vertical-align: top;
  cursor: pointer;
  transition: all 0.2s linear;
}
.route .appreciation-content .appreciation-label:hover {
  color: #5774b8;
}
.route .appreciation-content .appreciation-text {
  display: inline-block;
  width: 228px;
}
.route .appreciation-content .appreciation-text > a {
  color: #666;
  display: inline-block;
  margin-bottom: 11px;
  margin-left: 19px;
  transition: all 0.2s linear;
  cursor: pointer;
}
.route .appreciation-content .appreciation-text > a:hover {
  color: #5774b8;
}
.route .appreciation-content .person {
  position: relative;
  background-color: #fff7f7;
  height: 120px;
  cursor: pointer;
  transition: all 0.2s linear;
}
.route .appreciation-content .person:hover {
  background-color: #f8fafe;
}
.route .appreciation-content .person img {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  left: 12px;
  top: 12px;
}
.route .appreciation-content .person > div {
  padding: 15px 0 0 86px;
  height: 80px;
}
.route .appreciation-content .person > div p {
  color: #666;
  font-weight: 600;
  border-bottom: 0;
  margin-bottom: 0;
  font-size: 14px;
}
.route .appreciation-content .person > div span {
  display: inline-block;
  padding: 4px 11px 6px 11px;
  background-color: #eee;
  color: #666;
  font-size: 12px;
}
.route .appreciation-content .person > p {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  border: 0;
  padding: 0 20px 0 13px;
}
.route .appreciation-content .person:nth-child(3) {
  margin-top: 6px;
}
.route .appreciation-content .person:nth-child(3) span {
  padding: 5px;
}
.route .appreciation-content .person:nth-child(3) span:last-child {
  margin-left: 9px;
}
.route .appreciation-content .cq {
  height: 78px;
  margin-bottom: 6px;
  position: relative;
  cursor: pointer;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/bg-2.png') no-repeat;
}
.route .appreciation-content .cq:hover > i {
  opacity: 1;
}
.route .appreciation-content .cq > a {
  position: relative;
  z-index: 1;
  line-height: 78px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
}
.route .appreciation-content .cq > i {
  opacity: 0;
  transition: all 0.3s linear;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(86, 116, 184, 0.8);
}
.route .appreciation-content .tj {
  height: 78px;
  margin-bottom: 6px;
  position: relative;
  cursor: pointer;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/bg-1.png') no-repeat;
}
.route .appreciation-content .tj:hover > i {
  opacity: 1;
}
.route .appreciation-content .tj > a {
  position: relative;
  z-index: 1;
  line-height: 78px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
}
.route .appreciation-content .tj > i {
  opacity: 0;
  transition: all 0.3s linear;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(86, 116, 184, 0.8);
}
.route .appreciation-content .tj span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-style: normal;
}
.route .appreciation-content .tj:hover a {
  color: transparent;
}
.route .appreciation-content .zb {
  height: 78px;
  margin-bottom: 6px;
  position: relative;
  cursor: pointer;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/bg-3.png') no-repeat;
}
.route .appreciation-content .zb:hover > i {
  opacity: 1;
}
.route .appreciation-content .zb > a {
  position: relative;
  z-index: 1;
  line-height: 78px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
}
.route .appreciation-content .zb > i {
  opacity: 0;
  transition: all 0.3s linear;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(86, 116, 184, 0.8);
}
.route .appreciation-content .zb span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-style: normal;
}
.route .appreciation-content .zb:hover a {
  color: transparent;
}
.route .marketing {
  text-align: center;
  margin-bottom: 6px;
}
.route .marketing > a {
  display: inline-block;
  line-height: 78px;
  width: 100%;
  height: 78px;
  background-color: #fff7f7;
  transition: all 0.2s linear;
  color: #666;
}
.route .marketing > a:hover {
  background-color: #ffdede;
}
.route .service-market {
  width: 1200px;
  background-color: rgba(0, 0, 0, 0.68);
  left: 0;
  top: 80px;
  position: absolute;
}
.route .service-market > p {
  line-height: 50px;
  color: #fff;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 16px;
}
.route .service-market > p > img {
  position: relative;
  top: 3px;
  margin-right: 7px;
}
.route .service-market > div {
  padding: 12px 22px;
}
.route .service-market > div > div:nth-child(1) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/design.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(1) .light-icon {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/design-2.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(2) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/box.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(2) .light-icon {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/box-2.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(3) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/share.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(3) .light-icon {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/share-2.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(4) i {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/cloud.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:nth-child(4) .light-icon {
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiHeader/cloud-2.png') no-repeat 50% / 100%;
}
.route .service-market > div > div:last-child > div {
  margin-bottom: 0;
}
.route .service-market .service-market-title {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
}
.route .service-market .service-market-title > i {
  margin-right: 7px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-top: -3px;
}
.route .service-market .service-market-title > span {
  vertical-align: middle;
}
.route .service-market .service-market-content {
  margin-bottom: 20px;
}
.route .service-market .service-market-content a {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.71;
  margin-right: 13px;
  font-weight: 500;
  transition: all 0.2s linear;
  cursor: pointer;
}
.route .service-market .service-market-content a:hover {
  color: #5774b8;
}
.route .service-market .make > a:nth-child(3) {
  margin-right: 18px;
}
.route .service-market .cloud > a:nth-child(3) {
  margin-right: 44px;
}
.route .service-market.light {
  background-color: white;
  line-height: normal;
  box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.06);
  left: -70%;
  cursor: auto;
}
.route .service-market.light .service-market-title > a {
  color: #333;
}
.route .service-market.light .service-market-content > a {
  color: #666;
  font-weight: 500;
  transition: all 0.2s linear;
  cursor: pointer;
}
.route .service-market.light .service-market-content > a:hover {
  color: #5774b8;
}
.route .badge {
  position: absolute;
  top: 30%;
  transform: scale(0.7);
}
.route .badge .ant-badge-count {
  background-color: #52ba1a;
}
.route .badge .ant-badge-count p {
  font-size: 12px;
  font-family: tahoma;
}

.humi-header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
}

.HumiBrandAggregation {
  width: 100%;
  background: #F8F8F8;
}
.HumiBrandAggregation .hba_bodyBox {
  margin-top: 110px;
  box-sizing: border-box;
  padding-bottom: 100px;
}
.HumiBrandAggregation .hba_bodyBox .anchor-a {
  position: relative;
  top: -220px;
  height: 0;
  display: block;
}
.HumiBrandAggregation .hba_bodyBox .hdf_body_oneBox {
  width: 100%;
  height: 281px;
  box-sizing: border-box;
  padding: 32px 0 29px;
  background: #F8F8F8;
}
.HumiBrandAggregation .hba_bodyBox .hdf_body_oneBox .hba_oneBox {
  width: 1200px;
  height: 220px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px 76px 0;
}
.HumiBrandAggregation .hba_bodyBox .hdf_body_oneBox .hba_oneBox h2 {
  font-size: 36px;
  font-weight: 800;
  color: #111D5B;
}
.HumiBrandAggregation .hba_bodyBox .hdf_body_oneBox .hba_oneBox h4 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 400;
  color: #2A3982;
}
.HumiBrandAggregation .hba_bodyBox .nav_active {
  position: fixed;
  top: 110px;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox {
  width: 100%;
  height: 60px;
  background: #F8F8F8;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox {
  width: 1200px;
  height: 60px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 15px;
  background: #fff;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .li_box {
  float: left;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .li_box .hba_navBox {
  width: 240px;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .hba_navBox {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-right: 1px solid #E3E3E3;
  color: #999999;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .hba_navBox img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 8px;
  vertical-align: middle;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .ant-col-4:last-child .hba_navBox,
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .ant-col-6:last-child .hba_navBox,
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .ant-col-8:last-child .hba_navBox,
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .ant-col-12:last-child .hba_navBox,
.HumiBrandAggregation .hba_bodyBox .hba_body_twoBox .hba_twoBox .li_box:last-child .hba_navBox {
  border-right: none;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox {
  width: 1200px;
  margin: 0 auto;
  background: #F8F8F8;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_box {
  margin-top: 99px;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox h3 {
  margin-bottom: 60px;
  text-align: center;
  font-size: 36px;
  font-weight: 800;
  color: #333333;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box {
  display: block;
  float: left;
  width: 282px;
  height: 330px;
  margin-right: 24px;
  margin-bottom: 24px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(181, 195, 234, 0.27);
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .imgBox {
  height: 188px;
  background: #7d7d7d;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .botBox {
  height: 142px;
  box-sizing: border-box;
  padding: 19px 16px 30px;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .botBox p {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .botBox ul li {
  float: left;
  height: 22px;
  line-height: 22px;
  margin-right: 16px;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 12px;
  color: #999999;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .botBox .price {
  margin-top: 15px;
  font-size: 14px;
  color: #ff7919;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box .botBox .price span {
  font-size: 24px;
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box:hover {
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08), 0 24px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08), 0 24px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.HumiBrandAggregation .hba_bodyBox .hba_body_threeBox .hba_threeBox .hba_detailBox .box:nth-child(4n) {
  margin-right: 0;
}

.modelContent {
  display: flex;
  align-items: center;
  flex-direction: column ;
}
.modelContent .modelTitle {
  font-size: 24px;
  color: #666666;
  font-weight: 500;
  margin: 35px 0px 10px 0px;
}
.modelContent .modelIntro {
  font-size: 14px;
  color: #666666;
  margin-bottom: 30px;
}
.modelContent .information {
  width: 100%;
  text-align: left;
  padding-left: 72.5px;
}
.modelContent .information .selectBot {
  font-size: 14px;
  color: #666666;
  margin: 25px 0px 12px 0px;
}
.modelContent .botIcon {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  margin-bottom: 35px;
}
.modelContent .botIcon .botIconSingle {
  display: flex;
  flex-direction: column ;
  align-items: center;
}
.modelContent .botIcon .botIconSingle img {
  height: 42px;
  width: 42px;
}
.modelContent .botIcon .botIconSingle h3 {
  font-size: 14px;
  color: #666666;
  margin: 10px 0px 13px 0px;
}
.modelContent .botIcon .botIconSingle p {
  font-size: 12px;
  color: #666666;
}

.TopBox {
  width: 100%;
  /* margin-top:80px; */
}
.TopBox .bannerBox {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/logoDesign/curbigBanner.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  height: 600px;
  margin-bottom: 84px;
}
.TopBox .bannerBox .sub {
  position: absolute;
  left: 50%;
  bottom: 130px;
  margin-left: -404px;
  width: 808px;
  height: 52px;
  box-sizing: border-box;
  padding: 9px 18px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 10px 19px 1px rgba(102, 102, 102, 0.1);
}
.TopBox .bannerBox .sub .ant-select-selection:hover,
.TopBox .bannerBox .sub .ant-select-selection:active,
.TopBox .bannerBox .sub .ant-select-selection:focus {
  border: none!important;
  box-shadow: none!important;
}
.TopBox .bannerBox .sub .ant-input,
.TopBox .bannerBox .sub .line,
.TopBox .bannerBox .sub .ant-select,
.TopBox .bannerBox .sub .ant-btn {
  float: left;
  position: relative;
  top: 5px;
}
.TopBox .bannerBox .sub input::-webkit-input-placeholder {
  font-size: 14px;
}
.TopBox .bannerBox .sub .ant-input {
  padding: 4px 24px;
  border-radius: 0;
  font-size: 14px;
}
.TopBox .bannerBox .sub .ant-input:hover,
.TopBox .bannerBox .sub .ant-input:focus {
  border: none;
  border-color: #fff !important;
  box-shadow: none;
}
.TopBox .bannerBox .sub .line {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: #e3e3e3;
}
.TopBox .bannerBox .sub .ant-select-selection {
  border: none;
}
.TopBox .bannerBox .sub .ant-btn {
  font-size: 14px;
  font-weight: 600;
  border-color: #fff;
  color: #666666;
}
.TopBox .designExample {
  width: 1200px;
  margin: 0 auto;
}
.TopBox .designExample .title {
  position: relative;
  width: 100%;
  height: 34px;
}
.TopBox .designExample .title .line,
.TopBox .designExample .title .lines {
  position: absolute;
  top: 15px;
  display: inline-block;
  width: 429px;
  height: 1px;
  background-color: #e3e3e3;
}
.TopBox .designExample .title .line {
  left: 0;
}
.TopBox .designExample .title .lines {
  right: 0;
}
.TopBox .designExample .title .titleName {
  position: absolute;
  top: 0;
  left: 36%;
  font-size: 36px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 2.5px;
  color: #333333;
  padding: 0 30px;
}
.TopBox .designExample .subTitle {
  text-align: center;
  height: 16px;
  margin: 25px auto 50px;
  font-size: 16px;
  line-height: 1.88;
  letter-spacing: 1.1px;
  color: #666666;
}
.TopBox .designExample .exampleNav {
  width: 1196px;
  height: 60px;
  box-shadow: 0 10px 19px 1px rgba(102, 102, 102, 0.1);
  background-color: #ffffff;
  margin: 0 auto 67px;
  padding: 15px 38px;
}
.TopBox .designExample .exampleNav .navItem {
  width: 160px;
  height: 100%;
  line-height: 30px ;
  text-align: center;
  border-right: 1px solid #e3e3e3;
  float: left;
}
.TopBox .designExample .exampleNav .navItem span {
  cursor: pointer;
  font-size: 16px;
  font-weight: 900;
  color: #666666;
}
.TopBox .designExample .exampleNav .navItem:last-child {
  border: none;
}
.TopBox .designExample .exampleNav .navItem .active {
  color: #108ee9;
}
.TopBox .designExample .exampleContent {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.TopBox .designExample .exampleContent .contentLeft {
  width: 373px;
  float: left;
}
.TopBox .designExample .exampleContent .contentLeft .contentLeftTitle {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 1.7px;
  color: #666666;
  margin-bottom: 49px;
}
.TopBox .designExample .exampleContent .contentLeft .leftContentItem {
  height: 385px ;
  font-size: 16px;
  line-height: 2.06;
  letter-spacing: 1.4px;
  color: #666666;
}
.TopBox .designExample .exampleContent .contentLeft .contentBtn {
  cursor: pointer;
  width: 218px;
  height: 40px;
  border-radius: 4px;
  background-color: #108ee9;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.TopBox .designExample .exampleContent .contentRight {
  width: 739px;
  height: 540px;
  float: right;
}

.centerBox-logocur {
  width: 100%;
  box-sizing: border-box;
  padding: 90px 0;
  background: #f8f8f8;
}
.centerBox-logocur .center {
  width: 1196px;
  margin: 0 auto;
}
.centerBox-logocur .center .title {
  position: relative;
  width: 100%;
  height: 34px;
}
.centerBox-logocur .center .title .line,
.centerBox-logocur .center .title .lines {
  position: absolute;
  top: 15px;
  display: inline-block;
  width: 429px;
  height: 1px;
  background-color: #e3e3e3;
}
.centerBox-logocur .center .title .line {
  left: 0;
}
.centerBox-logocur .center .title .lines {
  right: 0;
}
.centerBox-logocur .center .title .titleName {
  position: absolute;
  top: 0;
  left: 36%;
  font-size: 36px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 2.5px;
  color: #333333;
  padding: 0 30px;
}
.centerBox-logocur .center .subTitle {
  width: 240px;
  height: 16px;
  margin: 25px auto 50px;
  font-size: 16px;
  line-height: 1.88;
  letter-spacing: 1.1px;
  color: #666666;
}
.centerBox-logocur .center .serverBox {
  width: 100%;
  height: 291px;
  box-sizing: border-box;
  padding: 37px 0 34px;
  box-shadow: 0px 10px 19px 1px rgba(102, 102, 102, 0.1);
  background-color: #ffffff;
}
.centerBox-logocur .center .serverBox .box {
  float: left;
  width: 371px;
  height: 220px;
  border-right: 1px solid #e3e3e3;
}
.centerBox-logocur .center .serverBox .box .title {
  position: relative;
  width: 90px;
  margin: 0 auto 29px;
  text-align: center;
}
.centerBox-logocur .center .serverBox .box .title .line {
  position: absolute;
  top: 8px;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 15px;
  background-color: #aecd42;
}
.centerBox-logocur .center .serverBox .box .title .name {
  line-height: 1.67;
  font-size: 18px;
  font-weight: 600;
  color: #666666;
}
.centerBox-logocur .center .serverBox .box .des {
  width: 250px;
  margin: 0 auto;
}
.centerBox-logocur .center .serverBox .box .des .son {
  position: relative;
  width: 110px;
  display: inline-block;
}
.centerBox-logocur .center .serverBox .box .des .son span:nth-child(2) {
  padding-left: 10px;
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 1px;
  color: #666666;
}
.centerBox-logocur .center .serverBox .box .des .son span:nth-child(1) {
  position: absolute;
  left: 0;
  top: 12px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #bcbcbc;
}
.centerBox-logocur .center .serverBox .box .des .son:nth-child(2n-1) {
  margin-right: 20px;
}
.centerBox-logocur .center .serverBox .box:nth-child(2) {
  width: 452px;
}
.centerBox-logocur .center .serverBox .box:nth-child(2) .des {
  width: 170px;
  margin: 0 auto;
}
.centerBox-logocur .center .serverBox .box:nth-child(2) .des .son {
  width: 100%;
}
.centerBox-logocur .center .serverBox .box:nth-child(3) {
  border-right: none;
}
.centerBox-logocur .center .serverBox .box:nth-child(3) .des {
  width: 195px;
  margin: 0 auto;
}
.centerBox-logocur .center .serverBox .box:nth-child(3) .des .son {
  width: 100%;
}
.centerBox-logocur .center .titles {
  margin-top: 67px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 1.3px;
  text-align: center;
  color: #666666;
}
.centerBox-logocur .center .logoDesBox {
  margin-top: 43px;
}
.centerBox-logocur .center .logoDesBox .box {
  float: left;
  width: 588px;
  height: 185px;
  box-sizing: border-box;
  padding: 23px 0 22px 36px;
  box-shadow: 0px 10px 19px 1px rgba(102, 102, 102, 0.1);
  background-color: #ffffff;
}
.centerBox-logocur .center .logoDesBox .box .left {
  float: left;
  height: 140px;
  box-sizing: border-box;
  padding: 30px 39px 0 0;
  border-right: 1px solid #e3e3e3;
}
.centerBox-logocur .center .logoDesBox .box .left div {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1.3px;
  color: #666666;
}
.centerBox-logocur .center .logoDesBox .box .left p {
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 1px;
  color: #666666;
}
.centerBox-logocur .center .logoDesBox .box .right {
  float: left;
  box-sizing: border-box;
  padding-left: 32px;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs {
  float: left;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs .title {
  position: relative;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs .title .line {
  position: absolute;
  top: 8px;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 13px;
  background-color: #aecd42;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs .title .name {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.14;
  letter-spacing: 1px;
  color: #666666;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs .des .son {
  position: relative;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs .des .son span:nth-child(2) {
  padding-left: 10px;
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 1px;
  color: #666666;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs .des .son span:nth-child(1) {
  position: absolute;
  left: 0;
  top: 12px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #bcbcbc;
}
.centerBox-logocur .center .logoDesBox .box .right .boxs:nth-child(2) {
  margin-left: 58px;
}
.centerBox-logocur .center .logoDesBox .box:nth-child(2) {
  float: right;
}
.centerBox-logocur .center .logoDesBox .box:nth-child(2) .right {
  padding-top: 34px;
}
.centerBox-logocur .center .btn {
  cursor: pointer;
  width: 218px;
  height: 40px;
  margin: 43px auto 0;
  border-radius: 4px;
  background-color: #108ee9;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
}

.crossDiv {
  height: 1px;
  width: 493px;
  background-color: #e3e3e3;
  display: inline-block;
  vertical-align: middle;
}
.introduceUs {
  font-size: 16px;
  color: #666666;
  display: block;
  text-align: center;
  margin-top: 26px;
  margin-bottom: 43px;
}
.bottomOut .topImg {
  width: 100%;
  height: 480px;
  margin-bottom: 90px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/981-3.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
  padding-top: 55px;
  text-align: center;
}
.bottomOut .topImg h3 {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 22px;
}
.bottomOut .topImg span {
  font-size: 14px;
  color: #ffffff;
}
.bottomOut .chooseUs {
  width: 1200px;
  margin: auto;
}
.bottomOut .chooseUs .chooseUsTop {
  width: 1200px;
}
.bottomOut .chooseUs .chooseUsTop > span {
  font-size: 36px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 2.5px;
  color: #333333;
  margin: 0px 30px 0px 30px;
  display: inline-block;
  vertical-align: middle;
}
.bottomOut .chooseUs img {
  height: 547px;
  width: 100%;
  margin-top: 40px;
}
.bottomOut .serverSafe {
  width: 1200px;
  margin: auto;
  box-sizing: border-box;
  padding-bottom: 40px;
}
.bottomOut .serverSafe .serverSafeTop {
  width: 1200px;
  margin-bottom: 23px;
}
.bottomOut .serverSafe .serverSafeTop > span {
  font-size: 36px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 2.5px;
  color: #333333;
  margin: 0px 30px 0px 30px;
  display: inline-block;
  vertical-align: middle;
}
.bottomOut .serverSafe .serverList {
  width: 1200px;
  height: 400px;
  background-color: #ffffff;
  padding: 21px 0px 21px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center ;
}
.bottomOut .serverSafe .serverList .serverListSin {
  display: flex;
  flex: 3;
  border-right: 1px solid #e3e3e3;
  align-items: center;
  flex-direction: column;
  padding: 18px 0px 18px 0px;
}
.bottomOut .serverSafe .serverList .serverListSin img {
  height: 62px;
  width: 62px;
  margin-bottom: 27px;
}
.bottomOut .serverSafe .serverList .serverListSin p {
  font-size: 18px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 25px;
}
.bottomOut .serverSafe .serverList .serverListSin ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bottomOut .serverSafe .serverList .serverListSin ul li {
  list-style-type: disc;
  color: #666666;
  font-size: 14px;
  margin-bottom: 15px;
}
.bottomOut .serverSafe .serverList .serverListSin ul li:last-child {
  margin-bottom: 0px;
}
.bottomOut .serverSafe .serverList .serverListSin:nth-child(2) {
  flex: 3.7;
}
.bottomOut .serverSafe .serverList .serverListSin:last-child {
  border-right: 0px;
}
.bottomOut .copyRight {
  font-size: 8px;
  color: #666666;
  display: block;
  text-align: center;
  padding-bottom: 20px;
}

.consult-index {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.consult-index .sub-pop {
  position: relative;
  width: 760px;
  height: 736px;
  background: #fff;
}
.consult-index .sub-pop img {
  float: right;
  width: 28px;
  margin-top: 25px;
  margin-right: 25px;
}
.consult-index .sub-pop .pop-title {
  width: 700px;
  margin: 40px auto 10px;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}
.consult-index .sub-pop .pop-title .title-top {
  font-size: 24px;
  color: #333;
  font-weight: 900;
}
.consult-index .sub-pop .pop-title .title-bottom {
  font-size: 16px;
  color: #333;
  margin-top: 18px;
  margin-bottom: 18px;
}
.consult-index .sub-pop .pop-input {
  width: 446px;
  margin: 20px auto;
}
.consult-index .sub-pop .pop-input ul {
  width: 100%;
}
.consult-index .sub-pop .pop-input ul li {
  width: 100%;
  margin-bottom: 10px;
}
.consult-index .sub-pop .pop-input ul li label {
  width: 64px;
  text-align: right;
  font-size: 16px;
  color: #333;
  margin-right: 22px;
  display: inline-block;
}
.consult-index .sub-pop .pop-input ul li input {
  width: 340px;
  height: 40px;
  padding-left: 15px;
  border: none;
  border: 1px solid #d8d8d8;
}
.consult-index .sub-pop .pop-input ul li .input-code {
  width: 208px;
}
.consult-index .sub-pop .pop-input ul li .btn {
  width: 130px;
  height: 40px;
  margin-right: 22px;
  background: #397ecd;
  display: inherit;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  float: right;
}
.consult-index .sub-pop .pop-input ul li .sub-lab {
  display: block;
  height: 100%;
  float: left;
}
.consult-index .sub-pop .pop-input ul li textarea {
  width: 340px;
  height: 120px;
  padding: 15px;
  box-sizing: border-box;
  resize: none;
  margin-bottom: 30px;
  float: left;
}
.consult-index .sub-pop .pop-input ul li #expertCode {
  margin-left: 19%;
}
.consult-index .sub-pop .pop-input ul li #expertCode .nc_scale span {
  height: 34px;
}
.consult-index .sub-pop .pop-input button {
  width: 260px;
  height: 40px;
  margin: 0 26%;
  font-size: 16px;
  color: #fff;
  outline: none;
  border: none;
  background: #397ecd;
}
.consult-index .sub-pop .pop-input .pop-bottom {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  margin-left: 26%;
}
.consult-index .sub-pop .pop-input .pop-bottom span {
  text-decoration: underline;
  cursor: pointer;
}

* {
  padding: 0;
  margin: 0;
}
#expertcards {
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0.5px 0.9px 20px 0 rgba(153, 153, 153, 0.25);
  padding-top: 26px;
}
#expertcards .card-flag {
  position: absolute;
  top: 18px;
  left: -23px;
  width: 105px;
  text-align: center;
  font-size: 8.5px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: #e95249;
  transform: rotate(-45deg);
}
#expertcards .card-type {
  font-size: 14px;
  color: #ff8c1b;
  border-right: 4px solid #ff8c1b;
  margin-top: 10px;
  text-align: right;
  padding-right: 16px;
}
#expertcards .card-flag-hide {
  display: none;
}
#expertcards .card-img {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  margin-bottom: 10px;
}
#expertcards .card-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#expertcards .card-name {
  text-align: center;
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
}
#expertcards .card-title {
  height: 20px;
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  letter-spacing: 0.7px;
  padding: 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#expertcards .card-list {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
  letter-spacing: 0.7px;
}
#expertcards .card-lable {
  width: 100%;
  text-align: center;
}
#expertcards .card-lable .lable-second {
  width: 100%;
  padding: 0 10px;
}
#expertcards .card-lable .lable-second span {
  display: inline-block;
  background: #f0f2f5;
  margin-right: 6px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #999;
  padding: 2px 10px;
}
#expertcards .card-lable .lable-second span:last-child {
  margin-right: 0px;
}
#expertcards .card-lable .lable-third span {
  display: inline-block;
  background: #f0f2f5;
  margin-right: 6px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #999;
  padding: 2px 10px;
}
#expertcards .card-lable .lable-third span:last-child {
  margin-right: 0px;
}
#expertcards .card-ul {
  width: 236px;
  overflow: hidden;
  margin: 0 auto;
}
#expertcards .describesizelkkkk {
  width: 219px;
  height: 62px;
  margin: 10px auto 0px;
  line-height: 20px;
  font-size: 14px;
  overflow: auto;
  display: block;
  overflow-y: hidden;
  overflow-x: hidden;
}

.expertInterview {
  width: 100%;
  position: relative;
  background: #f8f8f8;
}
.expertInterview .banner {
  width: 100%;
  height: 580px;
}
.expertInterview .expert-editor {
  background-color: #fff;
  margin-top: 25px;
  padding: 0 31px 0 36px;
}
.expertInterview .expert-editor .title {
  padding-top: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #333;
}
.expertInterview .describe {
  position: relative;
  background-color: #fff;
  margin-top: 24px;
  padding: 0 37px 0 38px;
}
.expertInterview .describe .des-left {
  padding-top: 46px;
}
.expertInterview .describe .des-left span:nth-of-type(1) {
  color: #272b2e;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.06;
}
.expertInterview .describe .des-left span:nth-of-type(2) {
  color: #ff8e09;
  font-size: 14px;
  line-height: 1.06;
  margin-left: 10px;
  border-radius: 10px;
  padding: 3px 30px 3px 30px;
  background-color: rgba(255, 140, 27, 0.1);
}
.expertInterview .describe .des-left img:nth-of-type(1) {
  width: 22px;
  height: 17px;
  margin-left: 20px;
  margin-bottom: -2px;
}
.expertInterview .describe .des-left img:nth-of-type(2) {
  width: 17px;
  height: 17px;
  margin-left: 10px;
  margin-bottom: -2px;
}
.expertInterview .describe .des-left p:nth-of-type(1) {
  margin-top: 20px;
  padding-bottom: 21px;
  color: #333333;
  font-size: 14px;
  border-bottom: dashed 1px #e3e3e3;
}
.expertInterview .describe .des-right {
  position: absolute;
  top: 50px;
  right: 27px;
  height: 36px;
  width: 167px;
  background-color: #397ecd;
}
.expertInterview .describe .des-right a {
  color: #fff;
}
.expertInterview .describe .describe-text {
  padding: 21px 0 44px 0;
  font-size: 14px;
  line-height: 1.71;
  color: #333333;
}
.expertInterview .expert-insterest {
  position: relative;
  background-color: #fff;
  margin-top: 16px;
  padding: 0 27px 0 34px;
}
.expertInterview .expert-insterest .title {
  padding: 17px 0 16px 0;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  border-bottom: solid 1px #f0f0f0;
}
.expertInterview .expert-insterest .expert-list {
  display: flex;
  flex-direction: row;
}
.expertInterview .expert-insterest .expert-list .item {
  padding: 26px 0 30px 0;
}
.expertInterview .expert-insterest .expert-list .item img {
  width: 268px;
  height: 176px;
}
.expertInterview .expert-insterest .expert-list .item div {
  margin-top: 21px;
  font-size: 16px;
  color: #333333;
  width: 268px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.expertInterview .expert-insterest .expert-list .item-after {
  padding: 26px 0 30px 0;
  margin-left: 22px;
}
.expertInterview .expert-insterest .expert-list .item-after img {
  width: 268px;
  height: 176px;
}
.expertInterview .expert-insterest .expert-list .item-after div {
  margin-top: 21px;
  font-size: 16px;
  color: #333333;
}

.winnowTalentOut {
  background-color: #f8fafe;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 110px;
}
.winnowTalentOut .wtBanner {
  height: 460px;
  width: 100%;
  position: relative;
}
.winnowTalentOut .wtBanner .topBanner {
  height: 460px;
  width: 100%;
}
.winnowTalentOut .wtBanner .topBanner .referEnter {
  margin-top: 300px;
  margin-left: 68%;
}
.winnowTalentOut .wtBanner .topBanner .referEnter .enterJump {
  margin-top: 30px;
  color: #fefeff;
  font-size: 16px;
  display: block;
}
.winnowTalentOut .wtBanner .slick-dots {
  left: 18%;
  bottom: 76px;
  text-align: left;
}
.winnowTalentOut .wtBanner .slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 15px;
}
.winnowTalentOut .talentOrganOut {
  width: 1200px;
  margin: auto;
  cursor: pointer;
}
.winnowTalentOut .talentOrganOut .talentOrgan {
  height: 60px;
  width: 1200px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.winnowTalentOut .talentOrganOut .talentOrgan span {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
}
.winnowTalentOut .talentOrganOut .talentOrgan span:first-child {
  margin-right: 110px;
}
.winnowTalentOut .talentOrganOut .talentOrgan .active {
  border-bottom: 3px solid #ff7919;
}

* {
  margin: 0;
  padding: 0;
}
.monitor {
  padding-top: 60px;
  width: 100%;
  background: #f8f8f8;
}
.monitor .binner {
  width: 100%;
  height: 580px;
  position: relative;
  overflow: hidden;
}
.monitor .binner .monitor-binner {
  width: 100%;
  height: 580px;
  overflow: hidden;
}
.monitor .binner .monitor-binner .binner-img {
  width: 100%;
  height: 580px;
}
.monitor .binner .binner-bg {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/banner.png") no-repeat center;
}
.monitor .binner .binner-bg1 {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/banner.png") no-repeat center;
}
.monitor .binner .binner-bg2 {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/banner.png") no-repeat center;
}
.monitor .binner .binner-bg3 {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/banner.png") no-repeat center;
}
.monitor .binner .binner-bg4 {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/banner.png") no-repeat center;
}
.monitor .binner .binner-ul {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 1130px;
  overflow: hidden;
  margin: 0 auto;
}
.monitor .binner .binner-ul .binner-li {
  float: left;
  width: 209px;
  height: 106px;
  margin-right: 19px;
  background: #fff;
}
.monitor .binner .binner-ul .binner-li:last-child {
  margin-right: 0px;
}
.monitor .binner .binner-ul .binner-li img {
  margin: 28px auto;
  display: block;
}
.monitor .monitor-hot {
  width: 1200px;
  margin: 54px auto;
  margin-bottom: 0;
}
.monitor .monitor-hot .hot-title {
  font-size: 28px;
  color: #333;
  font-weight: 900;
  margin-bottom: 24px;
}
.monitor .monitor-hot .hot-title span {
  font-size: 14px;
  color: #1b5cef;
  float: right;
  font-weight: normal;
  margin-top: 30px;
  cursor: pointer;
}
.monitor .monitor-hot .hot-ul {
  width: 100%;
  overflow: hidden;
}
.monitor .monitor-hot .hot-ul .hot-li {
  float: left;
  width: 282px;
  height: 340px;
  background: #fff;
  margin-right: 18px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 3px;
}
.monitor .monitor-hot .hot-ul .hot-li:hover {
  box-shadow: 0 0 8px 0 rgba(114, 114, 114, 0.3);
}
.monitor .monitor-hot .hot-ul .hot-li:last-child {
  margin-right: 0;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-img {
  width: 100%;
  height: 200px;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-img img {
  width: 100%;
  height: 100%;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-discount {
  position: absolute;
  right: -35px;
  top: -35px;
  width: 70px;
  height: 70px;
  background: #e21515;
  transform: rotate(45deg);
}
.monitor .monitor-hot .hot-ul .hot-li .hot-discount i {
  display: block;
  transform: rotate(-45deg);
  font-size: 14px;
  color: #fff;
  font-style: normal;
  margin-top: 35px;
  margin-left: 17px;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-des {
  width: 252px;
  height: 72px;
  margin: 20px auto;
  border-bottom: #f0f0f0 solid 1px;
  margin-bottom: 0px;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-des .des-title {
  font-size: 16px;
  color: #333;
  font-weight: 900;
  margin-bottom: 12px;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-des .des-des {
  font-size: 14px;
  color: #999;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-price {
  margin-left: 15px;
  font-size: 14px;
  color: #ff8109;
  margin-top: 5px;
  margin-right: 15px;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-price i {
  font-size: 24px;
  font-style: normal;
}
.monitor .monitor-hot .hot-ul .hot-li .hot-price span {
  float: right;
  text-decoration: line-through;
  font-size: 14px;
  color: #999;
  margin-top: 14px;
}
.monitor .monitor-gg {
  width: 1200px;
  height: 220px;
  margin: 80px auto;
  margin-bottom: 0px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/gg.png") no-repeat center;
  overflow: hidden;
}
.monitor .monitor-gg .gg-title {
  margin-top: 49px;
  font-size: 28px;
  color: #fff;
  font-weight: 900;
  text-align: center;
}
.monitor .monitor-gg .gg-search {
  width: 480px;
  height: 40px;
  background: #fff;
  margin: 35px auto;
  margin-bottom: 0px;
}
.monitor .monitor-gg .gg-search input {
  width: 390px;
  height: 100%;
  font-size: 14px;
  padding-left: 27px;
  border: none;
}
.monitor .monitor-gg .gg-search .seacch-icon {
  float: right;
  border-left: 1px solid #e3e3e3;
  width: 88px;
  height: 28px;
  margin-top: 7px;
  cursor: pointer;
}
.monitor .monitor-gg .gg-search .seacch-icon img {
  margin-left: 32px;
  margin-top: 4px;
  cursor: pointer;
}
.monitor .monitor-gg .gg-href {
  margin-top: 22px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.monitor .monitor-traffic {
  width: 1200px;
  margin: 28px auto;
  margin-bottom: 0px;
}
.monitor .monitor-traffic .traffic-title {
  font-size: 20px;
  color: #333;
  margin-bottom: 18px;
  float: left;
}
.monitor .monitor-traffic .top-href {
  float: right;
  font-size: 14px;
  color: #397ecd;
  margin-top: 12px;
  cursor: pointer;
}
.monitor .monitor-traffic .traffic-ul {
  width: 100%;
  overflow: hidden;
}
.monitor .monitor-traffic .traffic-ul .traffic-li {
  width: 286px;
  float: left;
  margin-right: 18px;
}
.monitor .monitor-traffic .traffic-ul .traffic-li:first-child .traffic-img img {
  width: 95px;
}
.monitor .monitor-traffic .traffic-ul .traffic-li:last-child {
  margin-right: 0;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .traffic-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .traffic-img .img-title {
  font-size: 18px;
  color: #333;
  margin-top: 30px;
  margin-left: 31px;
  margin-bottom: 17px;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .traffic-img hr {
  width: 24px;
  height: 3px;
  border: none;
  border-top: 3px solid #a3a3a3;
  margin-left: 31px;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .traffic-img img {
  width: 110px;
  float: right;
  margin-right: 34px;
  margin-top: 15px;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .traffic-bg1 {
  background: #e0f6fe;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .traffic-bg2 {
  background: #ede7d9;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .img-img {
  width: 100%;
  background: #fff;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .img-img .img-ul {
  width: 242px;
  margin: 0 auto;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .img-img .img-ul .img-li {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  line-height: 42px;
  position: relative;
  cursor: pointer;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .img-img .img-ul .img-li:last-child {
  border: none;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .img-img .img-ul .img-li:hover p {
  color: #397ecd;
}
.monitor .monitor-traffic .traffic-ul .traffic-li .img-img .img-ul .img-li img {
  position: absolute;
  right: 0;
  top: 10px;
}
.monitor .monitor-physical {
  width: 1200px;
  margin: 28px auto;
  margin-bottom: 0px;
  overflow: hidden;
}
.monitor .monitor-physical .physical {
  width: 590px;
  float: left;
}
.monitor .monitor-physical .physical:last-child {
  float: right;
}
.monitor .monitor-physical .physical .physical-title {
  font-size: 20px;
  color: #333;
  font-weight: 900;
  margin-bottom: 18px;
}
.monitor .monitor-physical .physical .physical-table {
  width: 100%;
  height: 171px;
  text-align: center;
  border-color: #e3e3e3;
  border-collapse: collapse;
  border: 1px solid #e3e3e3;
  font-size: 14px;
  color: #333;
}
.monitor .monitor-physical .physical .physical-table tr td:hover {
  background: #397ecd;
  color: #fefefe;
  cursor: pointer;
}
.monitor .monitor-device {
  width: 1200px;
  overflow: hidden;
  margin: 96px auto;
  margin-bottom: 0px;
}
.monitor .monitor-device .device-top {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}
.monitor .monitor-device .device-top .top-title {
  font-size: 28px;
  color: #333;
  font-weight: 900;
  display: inline-block;
  margin-right: 86px;
  float: left;
}
.monitor .monitor-device .device-top .top-ul {
  width: 770px;
  height: 100%;
  float: left;
}
.monitor .monitor-device .device-top .top-ul .top-li {
  width: 185px;
  height: 100%;
  float: left;
  margin-right: 105px;
  cursor: pointer;
}
.monitor .monitor-device .device-top .top-ul .top-li:last-child {
  margin-right: 0px;
}
.monitor .monitor-device .device-top .top-ul .top-li img {
  float: left;
  width: 50px;
  margin-left: 10px;
}
.monitor .monitor-device .device-top .top-ul .top-li .li-title {
  font-size: 16px;
  color: #666;
  display: inline-block;
  margin-left: 21px;
  margin-top: 7px;
}
.monitor .monitor-device .device-top .top-ul .top-click {
  border-bottom: 2px solid #397ecd;
}
.monitor .monitor-device .device-top .top-ul .top-click .li-title {
  color: #397ecd;
}
.monitor .monitor-device .device-top .top-href {
  float: right;
  font-size: 14px;
  color: #397ecd;
  margin-top: 12px;
  cursor: pointer;
}
.monitor .monitor-device .device-ul {
  width: 100%;
  height: 305px;
  margin-top: 28px;
  overflow: hidden;
}
.monitor .monitor-device .device-ul .device-li {
  width: 284px;
  height: 300px;
  float: left;
  margin-right: 20px;
  background: #fff;
  cursor: pointer;
}
.monitor .monitor-device .device-ul .device-li:hover {
  box-shadow: 0 0 8px 0 rgba(114, 114, 114, 0.3);
}
.monitor .monitor-device .device-ul .device-li:last-child {
  margin-right: 0;
}
.monitor .monitor-device .device-ul .device-li .device-img {
  width: 100%;
  height: 210px;
}
.monitor .monitor-device .device-ul .device-li .device-img img {
  width: 100%;
  height: 100%;
}
.monitor .monitor-device .device-ul .device-li .device-name {
  font-size: 16px;
  color: #333;
  margin-top: 22px;
  margin-left: 22px;
}
.monitor .monitor-device .device-ul .device-li .device-des {
  font-size: 14px;
  color: #999;
  margin-top: 6px;
  margin-left: 22px;
}
.monitor .monitor-news {
  width: 1200px;
  margin: 80px auto;
  margin-bottom: 0px;
  overflow: hidden;
}
.monitor .monitor-news .news-title {
  font-size: 28px;
  color: #333;
  font-weight: 900;
}
.monitor .monitor-news .news-content {
  width: 100%;
  height: 300px;
  margin-top: 24px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.monitor .monitor-news .news-content .content-left {
  float: left;
  width: 385px;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.monitor .monitor-news .news-content .content-left .left-ul {
  width: 100%;
  height: 256px;
  margin-top: 16px;
}
.monitor .monitor-news .news-content .content-left .left-ul .left-li {
  width: 100%;
  height: 52px;
  line-height: 52px;
  cursor: pointer;
}
.monitor .monitor-news .news-content .content-left .left-ul .left-li p {
  margin-left: 27px;
  font-size: 14px;
  color: #666;
}
.monitor .monitor-news .news-content .content-left .left-ul .li-click {
  background: #f2f2f2;
}
.monitor .monitor-news .news-content .content-content {
  height: 100%;
}
.monitor .monitor-news .news-content .content-content .content-center {
  width: 530px;
  height: 100%;
  float: left;
}
.monitor .monitor-news .news-content .content-content .content-center img {
  width: 100%;
  height: 100%;
}
.monitor .monitor-news .news-content .content-content .content-right {
  width: 283px;
  height: 100%;
  float: left;
  background: #5d6168;
}
.monitor .monitor-news .news-content .content-content .content-right .right-des {
  width: 220px;
  margin: 12px auto;
  margin-bottom: 0px;
  padding-bottom: 27px;
}
.monitor .monitor-news .news-content .content-content .content-right .right-des .des-des {
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.7px;
}
.monitor .monitor-news .news-content .content-content .content-right .right-time {
  margin-right: 27px;
  margin-top: 20px;
  text-align: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.monitor .monitor-bottom {
  margin-top: 38.7px;
  width: 100%;
  height: 341px;
  overflow: hidden;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/monitor/bottom.png");
}
.monitor .monitor-bottom .bottom-title {
  margin-top: 53px;
  font-size: 28px;
  color: #fff;
  font-weight: 900;
  text-align: center;
}
.monitor .monitor-bottom .bottom-ul {
  width: 1200px;
  margin: 55px auto;
  overflow: hidden;
}
.monitor .monitor-bottom .bottom-ul .bottom-li {
  float: left;
  width: 194px;
  margin-right: 140px;
  text-align: center;
}
.monitor .monitor-bottom .bottom-ul .bottom-li:last-child {
  margin-right: 0px;
}
.monitor .monitor-bottom .bottom-ul .bottom-li img {
  width: 80px;
  height: 70px;
  display: block;
  margin: 0 auto;
}
.monitor .monitor-bottom .bottom-ul .bottom-li .li-des {
  font-size: 16px;
  color: #fff;
  margin-top: 28px;
}

.solution_total {
  padding-top: 60px;
  background-color: #f8f8f8;
}
.solution_total .commonItemTitle {
  margin-bottom: 20px;
}
.solution_total .commonItemTitle span:nth-child(1) {
  font-size: 18px;
  font-weight: 900;
  color: #333333;
}
.solution_total .commonItemTitle span:nth-child(2) {
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: #ececec;
  vertical-align: middle;
}
.solution_total .commonItemTitle span:nth-child(3) {
  font-size: 14px;
  font-weight: 500;
  color: #108ee9;
}
.solution_total .commonItemTitle span:nth-child(4) {
  font-size: 14px;
  font-weight: 500;
  color: #108ee9;
  display: inline-block;
  width: 86px;
  height: 34px;
  border-radius: 17px;
  border: solid 1px #108ee9;
  line-height: 34px;
  text-align: center;
  float: right;
}
.solution_total .commonItemTitle span:nth-child(4) a {
  display: block;
  width: 86px;
  height: 34px;
}
.solution_total .commonItemTitle span:nth-child(4) a:hover {
  border-radius: 17px;
  background: #108ee9;
  color: #fff;
}

@keyframes mymove1 {
  from {
    top: 0px;
  }
  to {
    top: -400px;
  }
}
@-webkit-keyframes mymove1 {
  /* Safari and Chrome */
  from {
    top: 0px;
  }
  to {
    top: -400px;
  }
}
.solutionOne .logo {
  width: 100%;
  height: 460px;
  position: relative;
}
.solutionOne .logo .bannerBox {
  width: 100%;
  height: 460px;
}
.solutionOne .logo .bannerBox .banDiv {
  width: 100%;
  display: block;
  height: 460px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.solutionOne .logo .gameCount {
  position: absolute;
  width: 1200px;
  overflow: hidden;
  background-color: #fff;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
}
.solutionOne .logo .gameCount .countCommon {
  width: 300px;
  height: 140px;
  float: left;
}
.solutionOne .logo .gameCount .countCommon .commonInner {
  width: 200px;
  height: 58px;
  margin: 41px auto;
  padding-left: 20px;
}
.solutionOne .logo .gameCount .countCommon .commonInner .countLeft {
  float: left;
  width: 70px;
  height: 80px;
}
.solutionOne .logo .gameCount .countCommon .commonInner .countLeft img {
  width: 54px;
  height: 54px;
}
.solutionOne .logo .gameCount .countCommon .commonInner .countRight {
  float: left;
  color: #333333;
  font-weight: 500;
}
.solutionOne .logo .gameCount .countCommon .commonInner .countRight p .countRightNum {
  font-size: 28px;
}
.solutionOne .threeKinds {
  overflow: hidden;
  width: 1200px;
  padding-top: 130px;
  margin: 0 auto;
}
.solutionOne .threeKinds .commonItem {
  width: 384px;
  height: 424px;
  box-shadow: 0 0 11.2px 1.8px rgba(235, 235, 235, 0.5);
  background-color: #ffffff;
  float: left;
  margin-right: 24px;
  padding: 20px;
}
.solutionOne .threeKinds .commonItem .ant-tabs-nav .ant-tabs-tab-active {
  margin-right: 14px;
  padding: 8px 0;
}
.solutionOne .threeKinds .commonItem .ant-tabs-nav .ant-tabs-tab {
  margin-right: 14px;
  padding: 8px 0;
}
.solutionOne .threeKinds .commonItem .ant-tabs-nav .ant-tabs-tab .tabTitle {
  font-size: 16px;
  text-align: center;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solutionOne .threeKinds .commonItem:last-child {
  margin-right: 0px;
}
.solutionOne .threeKinds .commonItem .itemContent {
  height: 230px;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner {
  margin-top: 20px;
  height: 230px;
  width: 100%;
  position: relative;
  animation: mymove1 20s;
  -webkit-animation: mymove1 20s;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner .itemContentInnerKind {
  width: 100%;
  height: 66px;
  line-height: 66px;
  border-bottom: 1px dashed #ececec;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner .itemContentInnerKind .ant-row {
  height: 100%;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner .itemContentInnerKind .ant-row .ant-col-10 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner .itemContentInnerKind .ant-row .ant-col-5 {
  color: #666666;
  font-weight: 500;
}
.solutionOne .threeKinds .commonItem .itemContent .itemContentInner .itemContentInnerKind .ant-row .immediatelyPart {
  color: #108ee9;
}
.solutionOne .threeKinds .commonItem .similar {
  display: block;
  margin: 0 auto;
  width: 130px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  background-color: #108ee9;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
.solutionOne .threeKinds .commonItem .similar:hover {
  background: #70a1d9;
}
.solutionOne .threeKinds .commonItem .shareInformationItem {
  height: 148px;
  width: 100%;
  margin-bottom: 30px;
}
.solutionOne .threeKinds .commonItem .shareInformationItem:hover {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.solutionOne .threeKinds .commonItem .shareInformationItem img {
  width: 100%;
  height: 100%;
}
.solutionOne .threeKinds .commonItem .newsContent {
  width: 100%;
  height: 148px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 20px;
}
.solutionOne .threeKinds .commonItem .newsContent .ant-row .ant-col-1 span {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #108ee9;
  border-radius: 50%;
  position: relative;
  top: 15px;
}
.solutionOne .threeKinds .commonItem .newsContent .ant-row .ant-col-23 {
  font-size: 14px;
  font-weight: 500;
  line-height: 2.57;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solutionOne .threeKinds .commonItem .newsContent .ant-row .ant-col-23 a {
  color: #666666;
}
.solutionOne .threeKinds .commonItem .newsContent .ant-row .ant-col-23:hover a {
  color: #108ee9;
}
.solutionOne .threeKinds .commonItem .newsContent:last-child {
  border-bottom: none;
  overflow: hidden;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentLeft {
  float: left;
  width: 164px;
  height: 150px;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentLeft img {
  width: 160px;
  height: 116px;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentRight {
  float: right;
  width: 163px;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentRight p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #666666;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentRight p:first-child a {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentRight .newsContentRightContent {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-weight: 500;
  color: #666666;
  padding-top: 6px;
  text-align: justify;
}
.solutionOne .threeKinds .commonItem .newsContent .newsContentRight .newsContentRightContent a {
  font-weight: 500;
  color: #666666;
}

.solutionTwo {
  margin-top: 30px;
}
.solutionTwo .industrialService {
  width: 1200px;
  height: 476px;
  box-shadow: 0 0 11.2px 1.8px rgba(235, 235, 235, 0.5);
  background-color: #ffffff;
  margin: 0 auto 30px;
  padding: 20px;
}
.solutionTwo .industrialService .serverTitle {
  margin-bottom: 20px;
}
.solutionTwo .industrialService .serviceContent {
  width: 100%;
  height: 420px;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft {
  float: left;
  width: 580px;
  height: 380px;
  border-right: 1px solid #ececec;
  padding-right: 34px;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(1) {
  margin-bottom: 10px;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(1) .active {
  color: #108ee9;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(1) span {
  cursor: pointer;
  font-size: 16px;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(1) img {
  vertical-align: middle;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(2) {
  width: 540px;
  height: 300px;
  margin-bottom: 15px;
  overflow: hidden;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(3) a {
  display: block;
  width: 130px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  background-color: #108ee9;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.solutionTwo .industrialService .serviceContent .serviceContentLeft p:nth-child(3) a:hover {
  background: #70a1d9;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight {
  position: relative;
  width: 580px;
  height: 380px;
  float: left;
  padding-left: 38px;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .titleMore {
  border-left: 3px solid #108ee9;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .horizontalLine {
  position: absolute;
  height: 1px;
  width: 539px;
  border-top: 1px dotted #ececec;
  top: 53%;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .verticalLine {
  position: absolute;
  height: 336px;
  width: 1px;
  border-right: 1px dotted #ececec;
  left: 53%;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .moreServers .serversItem {
  display: block;
  width: 268px;
  height: 170px;
  float: left;
  padding-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #108ee9;
  line-height: 40px;
  transition: 0.3s all linear;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .moreServers .serversItem span {
  font-size: 16px;
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .moreServers .serversItem:hover {
  transform: translateY(-5px);
}
.solutionTwo .industrialService .serviceContent .serviceContentRight .moreServers .serversItem:nth-child(3),
.solutionTwo .industrialService .serviceContent .serviceContentRight .moreServers .serversItem:nth-child(4) {
  padding-top: 36px;
}
.solutionTwo .partsSupply {
  width: 1200px;
  height: 474px;
  box-shadow: 0 0 11.2px 1.8px rgba(235, 235, 235, 0.5);
  background-color: #ffffff;
  margin: 0 auto 30px;
  padding: 20px;
}
.solutionTwo .partsSupply .supplyContent {
  width: 100%;
  height: 420px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft {
  float: left;
  width: 580px;
  height: 380px;
  border-right: 1px solid #ececec;
  padding-right: 38px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab {
  margin-right: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab .tabTitle {
  text-align: center;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab .tabTitle span:first-child {
  font-size: 16px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab .tabTitle .small {
  font-size: 12px;
  font-weight: 500;
  color: #999999;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab-active {
  margin-right: 16px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab-active .tabTitle {
  font-size: 16px;
  font-weight: 500;
  color: #108ee9;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab-active .tabTitle span:first-child {
  font-size: 16px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .ant-tabs-nav .ant-tabs-tab-active .tabTitle .small {
  font-size: 12px;
  font-weight: 500;
  color: #108ee9;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 {
  height: 268px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne {
  margin-bottom: 20px;
  height: 114px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .commonTitle {
  border-left: 3px solid #108ee9;
  font-size: 16px;
  color: #666;
  padding-left: 10px;
  margin-bottom: 10px;
  height: 18px;
  line-height: 18px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .supplyItem {
  width: 100%;
  overflow: hidden;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .supplyItem .supplyItemCom {
  text-align: center;
  float: left;
  margin-right: 20px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .supplyItem .supplyItemCom:last-child {
  margin-right: 0;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .supplyItem .supplyItemCom span {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .supplyItem .supplyItemCom img {
  width: 120px;
  height: 56px;
  border: 1px solid #ececec;
}
.solutionTwo .partsSupply .supplyContent .supplyContentLeft .tabBox1 .supplyOne .supplyItem .supplyItemCom img:hover {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.solutionTwo .partsSupply .supplyContent .supplyContentRight {
  width: 580px;
  height: 380px;
  float: left;
  padding-left: 34px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentRight img {
  width: 546px;
  height: 295px;
}
.solutionTwo .partsSupply .supplyContent .supplyContentRight .partBtn {
  display: block;
  margin: 46px auto 0;
  width: 130px;
  height: 34px;
  border-radius: 17px;
  background-color: #108ee9;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 34px;
  text-align: center;
}
.solutionTwo .partsSupply .supplyContent .supplyContentRight .partBtn:hover {
  background: #70a1d9;
}
.solutionTwo .partsSupply .supplyBtn {
  display: block;
  width: 130px;
  height: 34px;
  border-radius: 17px;
  border: solid 1px #108ee9;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  color: #108ee9;
  margin: 0 auto;
}
.solutionTwo .partsSupply .supplyBtn:hover {
  background: #108ee9;
  color: #fff;
}
.solutionTwo .industrialDesign {
  width: 1200px;
  height: 440px;
  box-shadow: 0 0 11.2px 1.8px rgba(235, 235, 235, 0.5);
  background-color: #ffffff;
  margin: 0 auto 30px;
  padding: 20px;
}
.solutionTwo .industrialDesign .designContent {
  width: 100%;
  overflow: hidden;
}
.solutionTwo .industrialDesign .designContent .designContentItem1,
.solutionTwo .industrialDesign .designContent .designContentItem3 {
  width: 375px;
  height: 320px;
  float: left;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 {
  padding-right: 30px;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 p {
  height: 63px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 .contentItem1Com {
  width: 100%;
  overflow: hidden;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 .contentItem1Com .contentItem1ComKind {
  width: 90px;
  height: 120px;
  margin-right: 37px;
  float: left;
  text-align: center;
  margin-bottom: 10px;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 .contentItem1Com .contentItem1ComKind img {
  width: 90px;
  height: 90px;
  border: 1px solid #ececec;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 .contentItem1Com .contentItem1ComKind img:hover {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.solutionTwo .industrialDesign .designContent .designContentItem1 .contentItem1Com .contentItem1ComKind span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 12px;
  display: block;
  color: #666666;
}
.solutionTwo .industrialDesign .designContent .designContentItem1 .contentItem1Com .contentItem1ComKind:nth-child(3n) {
  margin-right: 0;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 {
  width: 410px;
  height: 320px;
  float: left;
  padding: 0 33px;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .commonItemTitle {
  padding-left: 10px;
  border-left: 3px solid #108ee9;
  height: 18px;
  line-height: 18px;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .commonItemTitle span:nth-child(1) a {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples {
  width: 100%;
  overflow: hidden;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples .ContentItem2Example {
  position: relative;
  width: 166px;
  height: 136px;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples .ContentItem2Example img {
  width: 166px;
  height: 136px;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples .ContentItem2Example:hover .title {
  display: block;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples .ContentItem2Example:nth-child(3+n) {
  margin-bottom: 0;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples .ContentItem2Example:nth-child(2n) {
  margin-right: 0;
}
.solutionTwo .industrialDesign .designContent .designContentItem2 .ContentItem2Examples .ContentItem2Example .title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  width: 166px;
  text-align: center;
  height: 136px;
  line-height: 136px;
  opacity: 0.8;
  background-color: #1058e9;
  display: none;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 {
  padding-left: 30px;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .commonItemTitle {
  padding-left: 10px;
  border-left: 3px solid #108ee9;
  height: 18px;
  line-height: 18px;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .commonItemTitle span:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .megagames {
  width: 100%;
  overflow: hidden;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .megagames .megagamesItem {
  width: 344px;
  height: 136px;
  margin-bottom: 6px;
  position: relative;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .megagames .megagamesItem a img {
  width: 344px;
  height: 136px;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .megagames .megagamesItem:hover .megagamesItemDes {
  display: block;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .megagames .megagamesItem:last-child {
  margin-bottom: 0;
}
.solutionTwo .industrialDesign .designContent .designContentItem3 .megagames .megagamesItem .megagamesItemDes {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: 0.8;
  background-color: #1058e9;
  line-height: 40px;
  color: #ffffff;
  display: none;
}

.solutionThree .productionAndSales {
  width: 1200px;
  height: 520px;
  margin: 0 auto;
}
.solutionThree .productionAndSales .productionAndSalesItem {
  width: 588px;
  height: 520px;
  margin-right: 24px;
  float: left;
  padding: 20px;
  box-shadow: 0 0 11.2px 1.8px rgba(235, 235, 235, 0.5);
  background-color: #ffffff;
}
.solutionThree .productionAndSales .productionAndSalesItem:last-child {
  margin-right: 0;
}
.solutionThree .productionAndSales .productionAndSalesItem .commonItemDes {
  width: 100%;
  height: 39px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs {
  width: 100%;
  height: 148px;
  padding-top: 10px;
  background-color: #f7f8fa;
  margin-bottom: 20px;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-ink-bar-animated {
  display: none!important;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar {
  border-bottom: none;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-prev,
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-next {
  color: #333;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-btn-disabled {
  color: #999;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-prev:hover,
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-next:hover,
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-btn-disabled:hover {
  color: #108ee9;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-prev-icon:before,
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-next-icon:before {
  font-size: 25px;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-nav .ant-tabs-tab-active {
  margin-right: 0;
  padding: 8px 11px;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 11px;
  margin-right: 0;
  font-size: 16px;
  font-weight: 500;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-nav .ant-tabs-tab .tabTitle {
  text-align: center;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-nav .ant-tabs-tab .tabTitle img {
  width: 90px;
  height: 90px;
  border: 1px solid #ececec;
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-nav .ant-tabs-tab .tabTitle img:hover {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.solutionThree .productionAndSales .productionAndSalesItem .productionAndSalesItemTabs .ant-tabs-nav .ant-tabs-tab .tabTitle span {
  display: block;
  width: 100px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}
.solutionThree .productionAndSales .productionAndSalesItem .title1 {
  padding-left: 10px;
  border-left: 3px solid #108ee9;
  margin-bottom: 20px;
  height: 18px;
  line-height: 18px;
}
.solutionThree .productionAndSales .productionAndSalesItem .title1 span:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.solutionThree .productionAndSales .productionAndSalesItem .equipment {
  width: 100%;
  overflow: hidden;
}
.solutionThree .productionAndSales .productionAndSalesItem .equipment .equipmentItem {
  position: relative;
  width: 264px;
  height: 148px;
  margin-right: 20px;
  float: left;
}
.solutionThree .productionAndSales .productionAndSalesItem .equipment .equipmentItem img {
  width: 262px;
  height: 146px;
}
.solutionThree .productionAndSales .productionAndSalesItem .equipment .equipmentItem:hover .title {
  display: block;
}
.solutionThree .productionAndSales .productionAndSalesItem .equipment .equipmentItem:last-child {
  margin-right: 0;
}
.solutionThree .productionAndSales .productionAndSalesItem .equipment .equipmentItem .title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  width: 264px;
  height: 146px;
  line-height: 136px;
  opacity: 0.8;
  background-color: #1058e9;
  display: none;
}
.solutionThree .classic {
  width: 1200px;
  height: 384px;
  margin: 30px auto 0;
  box-shadow: 0 0 11.2px 1.8px rgba(235, 235, 235, 0.5);
  background-color: #ffffff;
  padding: 20px;
}
.solutionThree .classic .classicExamples {
  width: 100%;
  height: 270px;
}
.solutionThree .classic .classicExamples .classicExample {
  position: relative;
  width: 372px;
  height: 270px;
  float: left;
  margin-right: 22px;
}
.solutionThree .classic .classicExamples .classicExample img {
  width: 372px;
  height: 270px;
}
.solutionThree .classic .classicExamples .classicExample:hover .exampleDes1 {
  display: none;
}
.solutionThree .classic .classicExamples .classicExample:hover .exampleDes2 {
  display: block;
}
.solutionThree .classic .classicExamples .classicExample:last-child {
  margin-right: 0;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes1,
.solutionThree .classic .classicExamples .classicExample .exampleDes2 {
  width: 372px;
  height: 69px;
  opacity: 0.8;
  background-color: #1058e9;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 20px;
  line-height: 24px;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes1 p:last-child,
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:last-child {
  font-size: 12px;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes1 p:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 {
  display: none;
  height: 198px!important;
  line-height: 18px;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:nth-child(1) {
  font-size: 16px;
  margin: 10px 0;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:nth-child(2) {
  font-size: 12px;
  width: 100%;
  height: 53px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:nth-child(3) {
  font-size: 14px;
  margin-bottom: 10px;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:nth-child(4) {
  width: 100%;
  overflow: hidden;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:nth-child(4) .kind {
  display: inline-block;
  width: 76px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px #ffffff;
  line-height: 24px;
  text-align: center;
  margin-right: 9px;
  font-size: 12px;
  margin-bottom: 5px;
}
.solutionThree .classic .classicExamples .classicExample .exampleDes2 p:nth-child(4) .kind:nth-child(4n) {
  margin-right: 0;
}
.solutionThree .down {
  width: 100%;
  height: 200px;
  margin-top: 50px;
}
.solutionThree .down img {
  width: 100%;
  height: 100%;
}

.examineDetailBox {
  padding-top: 60px;
  width: 100%;
  background: #eef2f8;
}
.examineDetailBox .contentTitle {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #333333;
}
.examineDetailBox .resourse {
  width: 100%;
  height: 18px;
  line-height: 18px;
  margin-bottom: 36px;
}
.examineDetailBox .resourse .resourseLine {
  float: left;
  width: 3px;
  height: 20px;
  background: #ff7919;
}
.examineDetailBox .resourse .resourseTitle {
  float: left;
  margin-left: 11px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #333333;
}
.examineDetailBox .resourse .moreBtn1,
.examineDetailBox .resourse .moreBtn2 {
  float: right;
  font-size: 14px;
  font-weight: 500;
  color: #4991fd;
}
.examineDetailBox .examineDetail .topTitleBox {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.examineDetailBox .examineDetail .topTitleBox .titleBox {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.examineDetailBox .examineDetail .introBox {
  overflow: hidden;
  width: 100%;
  height: 300px;
  background: #fff;
}
.examineDetailBox .examineDetail .introBox .intro {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px 0;
}
.examineDetailBox .examineDetail .introBox .intro .leftBox {
  float: left;
  width: 360px;
  height: 220px;
}
.examineDetailBox .examineDetail .introBox .intro .leftBox img {
  width: 100%;
  height: 100%;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox {
  float: right;
  width: 810px;
  box-sizing: border-box;
  padding: 10px 0 13px;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox .companyTitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox .adress {
  margin: 16px 0 18px;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox .adress img {
  float: left;
  margin-right: 8px;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox .adress p {
  float: left;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #999999;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox .adress .rightBox-unattesation {
  margin-left: 10px;
}
.examineDetailBox .examineDetail .introBox .intro .rightBox #examileEncyclo {
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-align: justify;
  color: #666666;
}
.examineDetailBox .examineDetail .contentBox {
  box-sizing: border-box;
  padding-top: 30px;
}
.examineDetailBox .examineDetail .contentBox .navBox {
  width: 1200px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 45px;
  box-sizing: border-box;
  padding-left: 362px;
  box-shadow: 0px 4px 10px 0 rgba(156, 156, 156, 0.1);
  background-color: #ffffff;
}
.examineDetailBox .examineDetail .contentBox .navBox a {
  display: inline-block;
  margin-right: 66px;
  font-size: 18px;
  font-weight: 900;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox .navBox .active {
  line-height: 57px;
  border-bottom: 3px solid #ff7919;
}
.examineDetailBox .examineDetail .contentBox #childNav0 {
  width: 1200px;
  height: 419px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 0 81px;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox {
  width: 100%;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .slick-slide {
  width: 300px !important;
  height: 240px !important;
  box-sizing: border-box;
  padding: 0 9px;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .slick-next:before,
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .slick-prev:before {
  color: rgba(0, 0, 0, 0.2);
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box {
  float: left;
  width: 100%;
  height: 240px;
  background-color: #ffffff;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .imgBox {
  width: 100%;
  height: 156px;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .botBox {
  width: 100%;
  height: 84px;
  box-sizing: border-box;
  padding: 0 20px 0 12px;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .botBox .numBox p {
  font-size: 14px;
  line-height: 43px;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .botBox .numBox .title {
  float: left;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .botBox .numBox .num {
  float: right;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .botBox .line {
  width: 250px;
  height: 1px;
  background-color: #e8e8e8;
}
.examineDetailBox .examineDetail .contentBox #childNav0 .serProjectBox .box .botBox .price {
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ff7919;
}
.examineDetailBox .examineDetail .contentBox #childNav1 {
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  padding: 49px 0 72px;
  background: #fff;
}
.examineDetailBox .examineDetail .contentBox #childNav1 .serFllowBox {
  width: 985px;
  height: 198px;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiExamine/fllow.png");
}
.examineDetailBox .examineDetail .contentBox #childNav2 {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 21px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox {
  width: 100%;
  margin-bottom: 50px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .detail-acpert-list {
  width: 278px;
  height: 351px;
  margin-right: 27px;
  background: #fff;
  float: left;
  margin-bottom: 26px;
  cursor: pointer;
  position: relative;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .detail-acpert-list:nth-child(4n+4) {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .detail-acpert-list a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box {
  float: left;
  position: relative;
  width: 384px;
  height: 126px;
  margin-right: 24px;
  box-sizing: border-box;
  padding: 21px 9px 23px 12px;
  background-color: #ffffff;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .left {
  position: absolute;
  top: -7px;
  left: 12px;
  width: 100px;
  height: 110px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .left img {
  width: 100%;
  height: 100%;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .right {
  margin-left: 123px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .right p:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .right p:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .right .tagBox {
  margin-top: 19px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .right .tagBox span {
  display: inline-block;
  max-width: 76px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  margin-right: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box .right .tagBox span:last-child {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box:nth-child(3n) {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .personBox .box:nth-child(-n+3) {
  margin-bottom: 27px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox {
  width: 100%;
  margin-bottom: 50px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box {
  float: left;
  width: 224px;
  height: 284px;
  margin-right: 20px;
  background-color: #ffffff;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .top {
  width: 100%;
  height: 154px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .top img {
  width: 100%;
  height: 100%;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot {
  width: 100%;
  box-sizing: border-box;
  padding: 21px 10px 22px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .num .price {
  float: left;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.33;
  color: #fc9153;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .num .price .unit {
  font-size: 12px;
  line-height: 2;
  color: #666666;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .num .equi_contact {
  float: right;
  padding-top: 4px;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .num .equi_contact img,
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .num .equi_contact a {
  float: left;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .num .equi_contact a {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #fc9153;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .line {
  width: 204px;
  height: 1px;
  margin: 16px 0;
  background-color: #ededed;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .desc {
  width: 204px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box .bot .company {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineDetailBox .examineDetail .contentBox #childNav2 .equiBox .box:last-child {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav3 {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 53px 0 73px;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content {
  width: 1200px;
  margin: 0 auto;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .paperBox {
  width: 100%;
  margin-bottom: 50px;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .paperBox .box {
  float: left;
  position: relative;
  width: 282px;
  height: 180px;
  margin-right: 24px;
  background-color: #f8fafe !important;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .paperBox .box p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .paperBox .box:last-child {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox {
  width: 100%;
  margin-bottom: 50px;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box {
  float: left;
  width: 588px;
  height: 220px;
  margin-right: 24px;
  box-sizing: border-box;
  padding: 28px 20px 28px 13px;
  background-color: #f8fafe;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box .left {
  float: left;
  width: 260px;
  height: 164px;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box .left img {
  width: 100%;
  height: 100%;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box .right {
  float: right;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box .right p:nth-child(1) {
  line-height: 14px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box .right p:nth-child(2) {
  width: 276px;
  line-height: 1.67;
  margin-top: 18px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .scienBox .box:last-child {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box {
  position: relative;
  float: left;
  width: 282px;
  height: 200px;
  margin-right: 24px;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box .mask {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 12px 21px;
  background: rgba(255, 255, 255, 0.8);
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box .mask p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box .mask p:nth-child(1) {
  font-size: 14px;
  line-height: 1.71;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box .mask p:nth-child(2) {
  font-size: 12px;
  line-height: 1.67;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box:hover .mask {
  display: block;
}
.examineDetailBox .examineDetail .contentBox #childNav3 .content .caseBox .box:last-child {
  margin-right: 0;
}
.examineDetailBox .examineDetail .contentBox #childNav4 {
  width: 100%;
}
.examineDetailBox .examineDetail .contentBox #childNav4 .childBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0 60px;
}
.examineDetailBox .examineDetail .contentBox #childNav4 .childBox .box {
  margin-bottom: 20px;
}
.examineDetailBox .examineDetail .contentBox #childNav4 .childBox .box .title {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #333333;
}
.examineDetailBox .examineDetail .contentBox #childNav4 .childBox .box .content {
  font-size: 14px;
  line-height: 2;
  color: #333333;
}

* {
  padding: 0;
  margin: 0;
}
.rcindex {
  width: 100%;
  height: 580px;
  position: relative;
}
.rcindex .banner-car {
  width: 100%;
  height: 580px;
  overflow: hidden;
}
.rcindex .banner-car .banner-img {
  height: 580px;
  overflow: hidden;
  position: relative;
}
.rcindex .banner-car .banner-img .banner-des {
  width: 330px;
  margin-top: 227px;
  margin-left: 30%;
}
.rcindex .banner-car .banner-img .banner-des .des-name {
  font-size: 30px;
  color: #fff;
  font-weight: 900;
}
.rcindex .banner-car .banner-img .banner-des .des-name span {
  display: inline-block;
  margin-left: 23px;
  padding: 2px 25px;
  background: rgba(255, 140, 27, 0.1);
  color: #ff8c1b;
  font-size: 14px;
  border-radius: 10px;
}
.rcindex .banner-car .banner-img .banner-des .des-des {
  height: 88px;
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
  line-height: 32px;
}
.rcindex .banner-car .banner-img .banner-des .des-btn {
  width: 260px;
  height: 40px;
  margin-top: 40px;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  display: inherit;
}
.rcindex .banner-car .banner-img .banner-des .des-href {
  font-size: 16px;
  color: #397ecd;
  margin-top: 30px;
  display: inherit;
}
.rcindex .car-bg {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/banner.jpg") no-repeat center;
}
.rcindex .car-bg1 {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/banner1.jpg") no-repeat center;
}
.rcindex .car-bg2 {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/banner2.jpg") no-repeat center;
}
.rcindex .index-icon {
  width: 100%;
  background: #fff;
  text-align: center;
  overflow: hidden;
}
.rcindex .index-icon .icon-title {
  margin-top: 79px;
  font-size: 30px;
  color: #333;
  font-weight: 900;
}
.rcindex .index-icon .icon-descript {
  margin-top: 24px;
  font-size: 18px;
  color: #333;
}
.rcindex .index-icon ul {
  width: 840px;
  margin: 80px auto 0px;
  overflow: hidden;
}
.rcindex .index-icon ul li {
  width: 99px;
  float: left;
  margin-right: 147px;
  overflow: hidden;
}
.rcindex .index-icon ul li:last-child {
  margin-right: 0px;
}
.rcindex .index-icon ul li img {
  width: 87px;
  height: 87px;
  border-radius: 87px;
}
.rcindex .index-icon ul li p {
  margin-top: 18px;
  margin-bottom: 21px;
  font-size: 14px;
  color: #272b2e;
  height: 35px;
}
.rcindex .index-icon ul .li-choose {
  border-bottom: 4px solid #397ecd;
}
.rcindex .index-people {
  width: 100%;
  background: #f8f8f8;
  overflow: hidden;
}
.rcindex .index-people .people-descript {
  width: 945px;
  line-height: 28px;
  margin: 34px auto;
  margin-bottom: 25px;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.rcindex .index-people .people-move {
  width: 1180px;
  margin: 0 auto;
  text-align: right;
  color: #397ecd;
  font-size: 14px;
}
.rcindex .index-people .people-ul {
  width: 1180px;
  overflow: hidden;
  margin: 10px auto;
}
.rcindex .index-people .people-ul .people-li {
  width: 580px;
  height: 340px;
  float: left;
  margin-bottom: 18px;
}
.rcindex .index-people .people-ul .people-li:nth-child(2n+2) {
  margin-left: 20px;
}
.rcindex .index-wen {
  width: 100%;
  background: #f8f8f8;
  overflow: hidden;
  padding-bottom: 30px;
}
.rcindex .index-wen .wen-title {
  width: 228px;
  margin: 40px auto;
  font-size: 30px;
  color: #333;
  font-weight: 900;
}
.rcindex .index-wen .wen-card {
  width: 1246px;
  margin: 0px auto;
  overflow: hidden;
}
.rcindex .index-wen .wen-card .card-left {
  float: left;
  width: 23px;
  margin-top: 167px;
  margin-right: 10px;
}
.rcindex .index-wen .wen-card .card-car {
  width: 1180px;
  overflow: hidden;
  float: left;
}
.rcindex .index-wen .wen-card .card-car .wen-ul {
  width: 1180px;
  overflow: hidden;
  float: left;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li {
  width: 281px;
  height: 375px;
  float: left;
  margin-right: 16px;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li:last-child {
  margin-right: 0px;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first {
  width: 100%;
  height: 100%;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first .frist-top {
  width: 100%;
  height: 216px;
  text-align: center;
  overflow: hidden;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/lock.png");
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first .frist-top .top-tilte {
  font-size: 18px;
  color: #fefefe;
  font-weight: 900;
  margin-top: 128px;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first .frist-top .top-detail {
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first .first-bottom {
  width: 100%;
  height: 159px;
  background: #fff;
  overflow: hidden;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first .first-bottom p {
  font-size: 16px;
  color: #333;
  margin-left: 30px;
  margin-top: 10px;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .wen-li .li-first .first-bottom p:first-child {
  margin-top: 30px;
}
.rcindex .index-wen .wen-card .card-car .wen-ul .first {
  width: 289px;
}
.rcindex .index-wen .wen-card .card-right {
  float: left;
  width: 23px;
  margin-top: 167px;
  margin-left: 10px;
}
.rcindex .index-gg {
  width: 100%;
  height: 175px;
  background: #f8f8f8;
}
.rcindex .index-gg ul {
  width: 1179px;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/gg.png");
  overflow: hidden;
  margin: 0px auto;
}
.rcindex .index-gg ul li {
  float: left;
}
.rcindex .index-gg ul .gg-left {
  margin-left: 88px;
  margin-top: 48px;
}
.rcindex .index-gg ul .gg-left p {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
}
.rcindex .index-gg ul .gg-center {
  margin-top: 77px;
  margin-left: 55px;
}
.rcindex .index-gg ul .gg-center p {
  font-size: 18px;
  color: #fff;
}
.rcindex .index-gg ul .gg-right {
  margin-top: 62px;
  margin-left: 62px;
  width: 203px;
  height: 46px;
  background: #fff;
  text-align: center;
  line-height: 46px;
}
.rcindex .index-gg ul .gg-right a {
  font-size: 16px;
  color: #00cac3;
}
.rcindex .index-gg ul .gg-right:hover {
  background: #397ecd;
}
.rcindex .index-gg ul .gg-right:hover a {
  color: #fff;
}
.rcindex .index-talk {
  width: 100%;
  background: #f8f8f8;
  overflow: hidden;
  padding-bottom: 37px;
}
.rcindex .index-talk .talk-title {
  width: 180px;
  margin: 79px auto;
  margin-bottom: 50px;
  font-size: 30px;
  color: #333;
  font-weight: 900;
}
.rcindex .index-talk .talk-center {
  width: 1245px;
  height: 420px;
  margin: 0px auto;
}
.rcindex .index-talk .talk-center .talk-left {
  float: left;
  width: 23px;
  margin-right: 10px;
  margin-top: 186px;
}
.rcindex .index-talk .talk-center .talk-center {
  width: 1179px;
  height: 420px;
  float: left;
  overflow: hidden;
}
.rcindex .index-talk .talk-center .talk-center .talk-card {
  width: 1179px;
  height: 420px;
}
.rcindex .index-talk .talk-center .talk-right {
  float: left;
  width: 23px;
  margin-left: 10px;
  margin-top: 186px;
}
.rcindex .index-how {
  width: 100%;
  height: 395px;
  overflow: hidden;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/howbg.jpg");
}
.rcindex .index-how .how-tilte {
  margin-top: 85px;
  font-size: 30px;
  color: #fff;
  font-weight: 900;
}
.rcindex .index-how ul {
  width: 1120px;
  margin: 78px auto;
}
.rcindex .index-how ul li {
  float: left;
  margin-right: 132px;
}
.rcindex .index-how ul li:last-child {
  margin-right: 0px;
}
.rcindex .index-how ul li .li-name {
  font-size: 18px;
  color: #fff;
}
.rcindex .index-how ul li .li-how {
  font-size: 14px;
  color: #fff;
}
.rcindex .index-how ul li .li-how span {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #4392ec;
}
.rcindex .pop-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.rcindex .sub-pop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 200px auto;
  z-index: 2;
  width: 760px;
  height: 736px;
  background: #fff;
}
.rcindex .sub-pop img {
  float: right;
  width: 28px;
  margin-top: 25px;
  margin-right: 25px;
}
.rcindex .sub-pop .pop-title {
  width: 700px;
  margin: 40px auto;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}
.rcindex .sub-pop .pop-title .title-top {
  font-size: 24px;
  color: #333;
  font-weight: 900;
}
.rcindex .sub-pop .pop-title .title-bottom {
  font-size: 16px;
  color: #333;
  margin-top: 18px;
  margin-bottom: 18px;
}
.rcindex .sub-pop .pop-input {
  width: 446px;
  margin: 60px auto;
}
.rcindex .sub-pop .pop-input ul {
  width: 100%;
}
.rcindex .sub-pop .pop-input ul li {
  width: 100%;
  margin-bottom: 30px;
}
.rcindex .sub-pop .pop-input ul li label {
  width: 64px;
  text-align: right;
  font-size: 16px;
  color: #333;
  margin-right: 22px;
  display: inline-block;
}
.rcindex .sub-pop .pop-input ul li input {
  width: 360px;
  height: 40px;
  padding-left: 15px;
  border: none;
  border: 1px solid #d8d8d8;
}
.rcindex .sub-pop .pop-input ul li .input-code {
  width: 208px;
}
.rcindex .sub-pop .pop-input ul li a {
  width: 152px;
  height: 40px;
  background: #397ecd;
  display: inherit;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  float: right;
}
.rcindex .sub-pop .pop-input ul li .sub-lab {
  display: block;
  height: 100%;
  float: left;
}
.rcindex .sub-pop .pop-input ul li textarea {
  width: 360px;
  height: 120px;
  padding: 15px;
  box-sizing: border-box;
  resize: none;
  margin-bottom: 30px;
  float: right;
}
.rcindex .sub-pop .pop-input button {
  width: 260px;
  height: 40px;
  margin: 0 26%;
  font-size: 16px;
  color: #fff;
  outline: none;
  border: none;
  background: #397ecd;
}
.rcindex .sub-pop .pop-input .pop-bottom {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  margin-left: 26%;
}
.rcindex .hide-pop {
  display: none;
}

.ant-pagination .ant-pagination-item {
  border-radius: 0;
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination .ant-pagination-next .ant-pagination-item-link {
  border-radius: 0;
}
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-jump-prev,
.ant-pagination .ant-pagination-jump-next {
  border-radius: 0;
}

.sideMenuCon {
  position: fixed;
  top: 50%;
  margin-top: -140px;
  right: 50px;
  z-index: 999;
  width: 70px;
  background-color: white;
  display: none;
}
.sideMenuCon .sideMenuList {
  padding: 10px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid transparent;
  color: #666;
  cursor: pointer;
  display: block;
  position: relative;
}
.sideMenuCon .sideMenuList .attentionQRcode {
  position: absolute;
  width: 124px;
  height: 124px;
  left: -124px;
  top: 50%;
  margin-top: -62px;
  display: none;
}
.sideMenuCon .sideMenuList i {
  color: #397ecd;
  font-size: 20px;
}
.sideMenuCon .sideMenuList p {
  font-size: 12px;
  color: #666;
  display: block;
}
.sideMenuCon .slideQRcode:hover .attentionQRcode {
  display: block;
}
.sideMenuCon .sideMenuList:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.sideMenuCon .sideMenuList:hover {
  background-color: #397ecd;
}
.sideMenuCon .sideMenuList:hover i {
  color: #fff;
}
.sideMenuCon .sideMenuList:hover p {
  color: #fff;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
@media screen and (max-width: 996px) {
  html {
    font-size: 100px;
  }
  .bannerCon {
    position: relative;
    width: 100%;
  }
  .bannerCon .ant-carousel .slick-slide {
    height: 3rem;
  }
  .bannerCon .banner {
    width: 100%;
    height: 3rem;
  }
  .bannerCon .banner .phone_banner {
    background-size: 100% 3rem !important;
  }
  .bannerCon .bannerCenter {
    position: absolute;
    top: 0.5rem;
    left: 0;
    right: 0;
    width: 96%;
    height: 2.45rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
  }
  .bannerCon .bannerCenter .bannerTil span:nth-child(1) {
    display: block;
    height: 0.12rem;
    line-height: 0.18rem;
    margin-bottom: 0.2rem;
    font-size: 18px;
    font-weight: 900;
  }
  .bannerCon .bannerCenter .bannerTil i {
    margin: 0 0.1rem 0 0;
  }
  .bannerCon .bannerCenter .bannerTil span:last-child {
    height: 0.12rem;
    font-size: 12px;
    font-weight: 600;
  }
  .bannerCon .bannerCenter .bannerTag {
    margin: 0.1rem 0 0.05rem;
  }
  .bannerCon .bannerCenter .bannerTag a {
    min-width: 1rem;
    box-sizing: border-box;
    padding: 0.01rem;
    margin: 0 0.05rem 0.1rem 0;
    font-size: 10px;
  }
  .bannerCon .bannerCenter .bannerInfo p {
    font-size: 8px;
  }
  .bannerCon .bannerCenter .bannerInfo p span {
    font-size: 16px;
  }
  .bannerCon .bannerCenter .bannerBtn {
    width: 0.9rem;
    margin-top: 0.05rem;
    padding: 0.06rem 0;
    font-size: 9px;
  }
  .conEnteService,
  .conMap,
  .conActiv {
    padding-bottom: 0.1rem;
  }
  .conModule .content {
    width: 98%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.2rem 0.1rem 0.1rem;
  }
  .conModule .content .conTil {
    margin-top: 0;
  }
  .conModule .content .conTil .conTilLine {
    width: 0.03rem;
    height: 0.2rem;
    margin-right: 0.1rem;
  }
  .conModule .content .conTil .conTilWz {
    font-size: 16px;
  }
  .conModule .content .conTil .conTilYw {
    font-size: 12px;
  }
  .conModule .content .conInfo {
    padding-top: 0.15rem;
  }
  .conModule .content .conInfo p {
    margin-bottom: 0.1rem;
  }
  .conModule .content .conInfo p:last-child {
    margin-bottom: 0;
  }
  .conModule .content .conInfo .phone_conreg,
  .conModule .content .conInfo .phone_center {
    display: none;
  }
  .conModule .content .conInfo .conRegService {
    width: 1.2rem;
    height: 1rem;
    padding: 0.08rem;
  }
  .conModule .content .conInfo .conRegService .conRegName {
    font-size: 12px;
    margin-bottom: 0.05rem;
  }
  .conModule .content .conInfo .conRegService .conRegIntro {
    font-size: 10px;
    margin-bottom: 0.05rem;
  }
  .conModule .content .conInfo .conRegService .conRegPrice {
    font-size: 15px;
    margin-top: 0;
  }
  .conModule .content .conInfo .conRegLarge {
    width: 2rem;
    height: 1.5rem;
  }
  .conModule .content .conInfo .conRegLarge .conRegBtn {
    padding: 0.05rem 0.1rem;
    font-size: 12px;
    margin: 0 0 0.15rem;
  }
  .conModule .content .conInfo .phone_left {
    width: 32%;
  }
  .conModule .content .conInfo .phone_right {
    width: 65%;
    height: 3rem;
    background: #fff;
    border: 1px solid #ccc;
  }
  .conModule .content .conInfo .phone_right .conRegRead {
    border-right: none;
  }
  .conModule .content .conInfo .phone_right .conRegRead .conReadTil {
    padding: 0.1rem;
    font-size: 12px;
  }
  .conModule .content .conInfo .phone_right .conRegRead .conReadList {
    height: 2.5rem;
    border-bottom: none;
    padding: 0 0.15rem;
  }
  .conModule .content .conInfo .phone_right .conRegRead .conReadList .conReadSingle {
    height: 0.8rem;
    padding: 0.1rem 0;
  }
  .conModule .content .conInfo .phone_right .conRegRead .conReadList .conReadSingle img {
    width: 20%;
  }
  .conModule .content .conInfo .phone_right .conRegRead .conReadList .conReadSingle span {
    margin-left: 0.1rem;
    font-size: 10px;
  }
  .conModule .content .conInfo .conInfoSlide {
    width: 100%;
    height: 2rem;
  }
  .conModule .content .conInfo .conInfoSlide .slider {
    height: 2rem;
  }
  .conModule .content .conInfo .conInfoSlide .slideWz {
    top: 0.5rem;
  }
  .conModule .content .conInfo .conInfoSlide .slideWz p {
    font-size: 15px;
  }
  .conModule .content .conInfo .conInfoSlide .slideWz span {
    margin-bottom: 0.5rem;
  }
  .conModule .content .conInfo .custom-card {
    height: 1.5rem;
    padding: 0.05rem;
  }
  .conModule .content .conInfo .phone_map {
    display: block;
    margin-top: 0.1rem;
  }
  .conModule .content .conInfo .pc_map {
    display: none;
  }
  .conModule .content .pc_active,
  .conModule .content .pc_company {
    display: none;
  }
  .conModule .content .phone_active {
    display: block;
    margin-top: 0.2rem;
  }
  .conModule .content .phone_active .activeBox {
    float: left;
    width: 47%;
    height: 2rem;
    margin-right: 0.1rem;
  }
  .conModule .content .phone_company {
    display: block;
    margin-top: 0.2rem;
  }
  .conModule .content .phone_company .box {
    margin-bottom: 0.2rem;
  }
  .conModule .content .phone_company .box .sonBoxs {
    float: left;
    margin-right: 0.2rem;
  }
  .conModule .content .phone_company .box .sonBoxs .imgBoxs {
    height: 0.58rem;
    margin-bottom: 0.1rem;
  }
  .conModule .content .phone_company .box .sonBoxs .imgBoxs img {
    width: 100%;
    height: 100%;
  }
  .conModule .content .phone_company .box .sonBoxs p {
    height: 0.09rem;
    text-align: center;
    font-size: 9px;
  }
  .conModule .content .phone_company .box .sonBoxs .a1 {
    width: 1rem;
    margin: 0 auto 0.1rem;
  }
  .conModule .content .phone_company .box .sonBoxs .a3 {
    width: 0.58rem;
  }
  .conModule .content .phone_company .box .sonBoxs .a5 {
    width: 0.58rem;
  }
  .conModule .content .phone_company .box .sonBoxs .a6 {
    width: 1rem;
    height: 0.5rem;
    margin-bottom: 0.19rem;
  }
  .conModule .content .conSpaceEnte {
    width: 100%;
  }
  .conModule .content .conSpaceEnte .conEnteList {
    width: 0.5rem;
    height: 0.5rem;
  }
  .conModule .content .conSpaceEnte .conEnteList img {
    width: 100%;
    height: 100%;
  }
}

#print {
  background-color: #ffffff;
}

#print {
  background-color: #ffffff;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.employerCenterMyorder .mainPanel {
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.employerCenterMyorder .mainPanel .basicMainTil {
  padding: 20px 25px;
}
.employerCenterMyorder .mainPanel .basicMainTil .basicTilLine {
  width: 4px;
  height: 26px;
  display: inline-block;
  background-color: #3377c4;
  vertical-align: middle;
  margin-right: 15px;
}
.employerCenterMyorder .mainPanel .basicMainTil .basicTilWz {
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.employerCenterMyorder .mainPanel .basicMainTil .basicTilPrompt {
  color: #ef7c00;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.employerCenterMyorder .mainPanel .mainTabs {
  padding-left: 15px;
  margin: 0 25px;
  border-bottom: 1px solid #e8e8e8;
}
.employerCenterMyorder .mainPanel .mainTabs .ant-badge {
  margin-right: 34px;
  vertical-align: baseline;
}
.employerCenterMyorder .mainPanel .mainTabs .ant-badge .ant-badge-count {
  top: -5px;
  height: 14px;
  border-radius: 10px;
  min-width: 14px;
  background: #ff3c3c;
  line-height: 14px;
  padding: 0;
  right: -25px;
}
.employerCenterMyorder .mainPanel .mainTabs .ant-badge:last-child {
  margin-right: 0;
}
.employerCenterMyorder .mainPanel .mainTabs a {
  padding-bottom: 20px;
  color: #999;
  font-size: 14px;
  display: inline-block;
}
.employerCenterMyorder .mainPanel .mainTabs a:hover {
  color: #3377c4;
}
.employerCenterMyorder .mainPanel .mainTabs .mainTabsActive a {
  position: relative;
  color: #3377c4;
}
.employerCenterMyorder .mainPanel .mainTabs .mainTabsActive a .mainTabsLine {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: #3377c4;
}
.employerCenterMyorder .vicePanel {
  padding: 20px 25px;
  background-color: #fff;
  overflow: hidden;
}
.employerCenterMyorder .vicePanel .selectProp .ant-checkbox-wrapper {
  margin-left: 30px;
}
.employerCenterMyorder .mainCon {
  padding: 0 25px 20px 25px;
}
.employerCenterMyorder .mainCon .selectProp select {
  margin-right: 30px;
}
.employerCenterMyorder .mainCon .invoiceTab .operaBtns a:last-child {
  color: #999;
}
.employerCenterMyorder .mainCon .tabDataPrice {
  color: #0cad00;
}
.employerCenterMyorder .selectProp {
  position: relative;
}
.employerCenterMyorder .selectProp .propName {
  color: #999;
  font-size: 14px;
  display: inline-block;
  margin-right: 18px !important;
}
.employerCenterMyorder .selectProp input[type="text"],
.employerCenterMyorder .selectProp select {
  width: 120px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 8px 10px;
  margin-right: 30px;
}
.employerCenterMyorder .selectProp .propLine {
  margin: 0 10px;
}
.employerCenterMyorder .selectProp input.priceInput {
  margin-right: 0;
  width: 90px;
}
.employerCenterMyorder .selectProp input[type="text"]:focus {
  background-color: #fff;
}
.employerCenterMyorder .selectProp .ant-calendar-picker {
  vertical-align: bottom;
  margin-right: 30px;
}
.employerCenterMyorder .selectProp .ant-calendar-picker .ant-input {
  width: 200px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.employerCenterMyorder .selectProp .ant-calendar-picker .ant-calendar-range-picker-separator {
  line-height: 26px;
}
.employerCenterMyorder .selectProp select {
  margin-right: 0;
  height: 36px;
}
.employerCenterMyorder .selectProp .propDivision {
  display: inline-block;
  margin: 0 5px;
  color: #999;
}
.employerCenterMyorder .busineProp {
  margin-bottom: 20px;
}
.employerCenterMyorder .busineProp .selectBtn {
  float: none;
  margin: 0;
}
.employerCenterMyorder .selectBtn {
  display: inline-block;
  margin-bottom: 20px;
  float: right;
  width: 80px;
  padding: 7.5px 0;
  color: #fff;
  background-color: #3377c4;
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}
.employerCenterMyorder .tabCon {
  clear: both;
}
.employerCenterMyorder .tabCon .tabHead {
  padding: 10px 0 !important;
  color: #fff;
  background-color: #b6bdc4;
  text-align: center;
  margin-bottom: 10px;
}
.employerCenterMyorder .tabCon .tabHead span {
  display: inline-block;
}
.employerCenterMyorder .tabCon .tabHead span:first-child {
  width: 260px;
}
.employerCenterMyorder .tabCon .tabHead span:nth-child(2),
.employerCenterMyorder .tabCon .tabHead span:nth-child(3),
.employerCenterMyorder .tabCon .tabHead span:nth-child(4),
.employerCenterMyorder .tabCon .tabHead span:nth-child(5) {
  width: 108px;
}
.employerCenterMyorder .tabCon .tabHead span:last-child {
  width: 308px;
}
.employerCenterMyorder .tabCon .tabList {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #999;
}
.employerCenterMyorder .tabCon .tabList .tabNum {
  padding: 10px 10px 10px 13px;
  border-bottom: 1px solid #eee;
}
.employerCenterMyorder .tabCon .tabList .tabNum span:first-child b {
  display: inline-block;
  font-weight: 400;
  margin-left: 20px;
}
.employerCenterMyorder .tabCon .tabList .tabNum span:last-child {
  float: right;
  width: 230px;
  text-align: center;
}
.employerCenterMyorder .tabCon .tabList .tabData {
  padding: 0;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center {
  display: inline-block;
  text-align: center;
  border-right: 1px solid #eee;
  padding: 10px 0;
  vertical-align: middle;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:first-child {
  width: 280px;
  padding: 19px 0 19px 15px;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(2),
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(3),
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(4),
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(5) {
  width: 109px;
  min-height: 83px;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(2) p,
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(3) p,
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(4) p,
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:nth-child(5) p {
  line-height: 63px;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:last-child {
  width: 308px;
  border-right: 0;
  position: relative;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataWz-center:last-child .tabBtnsGroup {
  min-height: 83px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataTask {
  text-align: left;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataTask a {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-weight: 600;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataTask span {
  margin-right: 10px;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataTask p {
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataTask p span {
  margin-left: 10px;
  margin-right: 0;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataPrice p {
  color: #3377c4;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabDataBack p {
  line-height: 30px !important;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabBtnAgreem {
  width: 80px;
  padding: 3px 0;
  background-color: #3377c4;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabBtnsGroup a {
  margin-right: 9px;
  color: #3377c4;
}
.employerCenterMyorder .tabCon .tabList .tabData .tabBtnsGroup .tabBtnDelete {
  color: #999;
}
.employerCenterMyorder .pagesCon {
  padding-top: 20px;
  margin-bottom: 15px;
  text-align: right;
}
.employerCenterMyorder .tableCon .ant-table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.employerCenterMyorder .tableCon .ant-table table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-thead tr th {
  text-align: center;
  background-color: #b6bdc4;
  color: #fff;
  font-size: 14px;
  padding: 7.5px 8px;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-tbody tr td {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-tbody tr td .businePrice {
  color: #0cad00;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-tbody tr td .operaBtns a {
  color: #3377c4;
  margin-right: 50px;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-tbody tr td .operaBtns a:last-child {
  color: #f40000;
  margin-right: 0;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-tbody tr td .operaBtns .checkBtn {
  color: #3377c4 !important;
  margin-right: 0;
  display: none;
}
.employerCenterMyorder .tableCon .ant-table table .ant-table-tbody tr:hover td {
  background-color: #f8fbff;
}
.employerCenterMyct .mainPanel {
  padding-bottom: 0;
  margin-bottom: 0;
}
.employerCenterMyct .mainPanel .basicMainTil {
  padding-bottom: 0;
}
.employerCenterMyct .tabCon .tabHead span:nth-child(2),
.employerCenterMyct .tabCon .tabHead span:nth-child(3),
.employerCenterMyct .tabCon .tabHead span:nth-child(4) {
  width: 108px;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataWz-center:nth-child(2),
.employerCenterMyct .tabCon .tabList .tabData .tabDataWz-center:nth-child(3),
.employerCenterMyct .tabCon .tabList .tabData .tabDataWz-center:nth-child(4) {
  width: 108px;
  min-height: 83px;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataWz-center:nth-child(2) p,
.employerCenterMyct .tabCon .tabList .tabData .tabDataWz-center:nth-child(3) p,
.employerCenterMyct .tabCon .tabList .tabData .tabDataWz-center:nth-child(4) p {
  line-height: 63px;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataTask p {
  line-height: 20px;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataTask p:last-child {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataTg p {
  display: inline-block;
  margin-right: 20px;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataTg a {
  color: #397ecd;
}
.employerCenterMyct .tabCon .tabList .tabData .tabDataZf p {
  line-height: 30px !important;
  text-align: left;
  padding-left: 2px;
}
.employerCenterMyct .selectProp .propName {
  margin-right: 15px !important;
}
.employerCenterMyct .selectProp .statePropName {
  margin-left: 15px;
  display: inline-block;
}
.employerCenterMyct .selectProp input[type="text"]:not(.priceInput) {
  margin-right: 20px;
}
.employerCenterMyct .selectProp .ant-calendar-picker {
  margin-right: 20px;
}
.cancelBox {
  position: relative;
}
.cancelBox select {
  width: 100%;
  height: 32px;
  border: 1px solid #d2d2d2;
  padding-left: 14px;
  line-height: 36px;
  font-size: 12px;
  color: #d2d2d2;
}
.cancelBox .cancelContent {
  text-align: left;
  font-size: 12px;
  color: #666;
  margin: 10px 0 42px 0;
}
.cancelBox .cancelBtns {
  text-align: center;
  margin-bottom: 18px;
}
.cancelBox .cancelBtns a {
  padding: 11px 0 10px 0;
  line-height: 1.1;
  width: 150px;
  color: #fff;
  background: #b3b3b3;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}
.cancelBox .cancelBtns a:first-child {
  margin-right: 30px;
  background: #397ecd;
}
.urg .urgImg,
.urg2 .urgImg {
  text-align: center;
}
.urg .urgImg .iconfont,
.urg2 .urgImg .iconfont {
  font-size: 86px;
  color: #bbd4ed;
}
.urg .urgContent,
.urg2 .urgContent {
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 41px 0;
  text-align: center;
}
.accept .acceptBox {
  position: relative;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.accept .acceptMesItem {
  margin: 0 0 15px 0;
}
.accept .acceptMesItem span {
  color: #333;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.accept .acceptMesItem .daiAccept {
  color: #43c88f;
}
.accept .acceptDes {
  padding: 20px 16px;
  border: 1px solid #d2d2d2;
  background: #f6f6f6;
  margin: 0 0 20px 0;
}
.accept .acceptDes p:first-child {
  font-size: 14px;
  color: #333;
  margin: 0 0 20px 0;
  line-height: 1.1;
}
.accept .acceptDes p:last-child {
  text-align: justify;
  color: #999;
}
.accept .addFile li {
  padding: 0 0 0 14px;
}
.accept .addFile li span {
  color: #666;
  font-size: 14px;
  margin: 0 8px 0 0;
}
.accept .addFile li a {
  color: #397ecd;
}
.accept .acceptingBtn {
  padding: 10px 15px;
  border: 1px solid #397ecd;
  background: none;
  line-height: 1.1;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.accept .acceptingBtn:hover {
  background: #397ecd;
  color: #fff;
}
.confirmAccept p {
  color: #333;
  font-size: 14px;
  text-align: center;
  margin: 0 0 76px 0;
}
.confirmAccept p span {
  color: #ff9600;
  font-size: 24px;
}
.confirmAccept p i {
  color: #ff9600;
  font-style: normal;
}
.confirmAccept .operateBtns a {
  color: #fff;
  background: #397ecd;
  padding: 11px 47px;
  font-size: 14px;
  line-height: 1.1;
  display: inline-block;
  margin: 0 30px 0 0;
}
.confirmAccept .operateBtns a:last-child {
  color: #333;
  border: 1px solid #999;
  background: none;
}
.fundsDeposit ul {
  width: 100%;
}
.fundsDeposit ul li {
  margin-top: 10px;
}
.fundsDeposit ul li span {
  font-size: 22px;
  color: #fdab0c;
}
.fundsDeposit ul li .fundsDeposit-span {
  width: 30%;
  color: #000;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 12px;
}
.fundsDeposit ul li input {
  padding: 8px 10px;
  width: 261px;
  height: 32px;
  border: 1px solid #d2d2d2;
}
.fundsDeposit p {
  font-size: 10px;
  color: #666;
  margin: 20px 0 0 0;
  text-align: center;
}
.fundsDeposit .fundsDepositBtns {
  text-align: center;
  margin-top: 10px;
}
.fundsDeposit .fundsDepositBtns p {
  display: inline-block;
}
.fundsDeposit .fundsDepositBtns p a {
  display: inline-block;
  padding: 10px 0;
  width: 130px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #377fcb;
  line-height: 1.1;
}
.fundsDeposit .fundsDepositBtns p:last-child {
  margin: 10px 0 20px 30px;
}
.fundsDeposit .fundsDepositBtns p:last-child a {
  background: none;
  color: #000;
  border: 1px solid #c9c9c9;
}
.evaluate .evaluateImg {
  text-align: center;
  font-size: 0;
  line-height: 1.1;
  margin: 0 0 32px 0;
}
.evaluate .evaluateImg i {
  color: #bbd4ed;
  font-size: 92px;
}
.evaluate .evaluateContent {
  padding: 0 30px;
  margin: 0 0 49px 0;
}
.evaluate .evaluateContent li {
  line-height: 1.1;
  margin: 0 0 28px 0;
}
.evaluate .evaluateContent li span {
  font-size: 14px;
  color: #4c4c4c;
}
.evaluate .evaluateContent li span input {
  margin: 0 5px 0 0;
}
.evaluate .evaluateContent li span:first-child {
  font-weight: bold;
}
.evaluate .evaluateContent li:last-child {
  margin: 0;
}
.evaluate .evaluateContent li .ant-radio-group {
  margin-top: 15px;
}
.evaluate .evaluateContent li .ant-radio-group i {
  font-style: normal;
}
.evaluate .evaluateContent textarea {
  width: 100%;
  height: 150px;
  resize: none;
  outline: none;
  border: 1px solid #ccc;
  padding: 5px 10px;
  overflow-y: scroll;
}
.evaluate .evaluateBtns {
  text-align: center;
  margin: 0 0 39px 0;
}
.evaluate .evaluateBtns a {
  display: inline-block;
  padding: 11px 0 10px 0;
  width: 130px;
  background: #377fcb;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.applyBill .applyBillBox {
  padding: 34px 24px 39px 24px;
}
.applyBill .applyBillBox .ant-row {
  margin-bottom: 30px;
}
.applyBill .applyBillBox .ant-row .applyBillName {
  font-size: 16px;
  color: #333;
  text-align: right;
}
.applyBill .applyBillBox .ant-row .applyBillInput {
  line-height: 36px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo label {
  margin-right: 50px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo label:last-child {
  margin-right: 0;
}
.applyBill .applyBillBox .ant-row .applyBillInfo input[type="radio"] {
  vertical-align: middle;
  margin-right: 10px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .applyBillWz {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  vertical-align: middle;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .ant-select-selection--single {
  width: 367px;
  height: 36px;
  margin-right: 15px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .ant-select-selection__rendered {
  line-height: 36px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo a {
  font-size: 14px;
  color: #397ecd;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .applyBillInfoWz {
  padding: 20px 30px;
  background-color: #f2f2f2;
  width: 367px;
  margin-top: 15px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .applyBillInfoWz p {
  color: #333;
}
.applyBill .billBtns {
  text-align: center;
  margin: 73px 0 0 0;
}
.applyBill .billBtns a {
  width: 130px;
  display: inline-block;
  padding: 10px 0 9px 0;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
}
.suppleDemand textarea {
  padding: 8px 10px;
  margin-top: 14px;
  width: 100%;
  height: 176px;
  border: 1px solid #dcdcdc;
  resize: none;
  outline: none;
}
.suppleDemand p {
  margin: 14px 0 40px 0;
  font-size: 18px;
  color: #999999;
  text-align: center;
}
.suppleDemand .suppleDemand-div {
  text-align: center;
}
.suppleDemand .suppleDemand-div a {
  width: 150px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin-bottom: 14px;
}
.suppleDemand .suppleDemand-div .suppleDemand-a {
  background: #397ecd;
  color: #fff;
  margin-right: 30px;
}
.suppleDemand .suppleDemand-div a:last-child {
  border: 1px solid #dcdcdc;
  color: #000;
}
.suppleAgreement p {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.suppleAgreement textarea {
  width: 100%;
  padding: 8px 10px;
  margin-top: 14px;
  height: 176px;
  border: 1px solid #dcdcdc;
  resize: none;
  outline: none;
}
.suppleAgreement .suppleAgreement-div {
  margin: 16px 0 70px 0;
  font-size: 16px;
  width: 100%;
  height: 16px;
  line-height: 16px;
}
.suppleAgreement .suppleAgreement-div div {
  position: relative;
  color: #397ecd;
  display: inline;
}
.suppleAgreement .suppleAgreement-div div input {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.suppleAgreement .suppleAgreement-div span {
  color: #a0a0a0;
}
.suppleAgreement .suppleAgreementDiv {
  text-align: center;
}
.suppleAgreement .suppleAgreementDiv a {
  width: 150px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin-bottom: 14px;
}
.suppleAgreement .suppleAgreementDiv .suppleAgreement-a {
  background: #397ecd;
  color: #fff;
  margin-right: 30px;
}
.suppleAgreement .suppleAgreementDiv a:last-child {
  border: 1px solid #dcdcdc;
  color: #000;
}
.confirmAgreement {
  width: 100%;
}
.confirmAgreement .confirmAgreement-one {
  border: 1px solid #d2d2d2;
  width: 100%;
  height: 254px;
  overflow-y: scroll;
  padding: 20px 32px 0 18px;
  background: #f6f6f6;
}
.confirmAgreement .confirmAgreement-one p:nth-child(1),
.confirmAgreement .confirmAgreement-one p:nth-child(2) {
  text-align: justify;
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}
.confirmAgreement .confirmAgreement-one p:nth-child(3),
.confirmAgreement .confirmAgreement-one p:nth-child(4) {
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.confirmAgreement .confirmAgreement-two {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}
.confirmAgreement .confirmAgreement-two p:nth-child(1) {
  margin: 34px 0 18px 0;
  font-size: 14px;
  color: #333333;
}
.confirmAgreement .confirmAgreement-two p:nth-child(2) {
  font-size: 14px;
  color: #999999;
  text-align: justify;
}
.confirmAgreement .confirmAgreement-two p:nth-child(3) {
  margin-top: 10px;
  text-align: left;
  margin-bottom: 18px;
}
.confirmAgreement .confirmAgreement-two p:nth-child(3) span {
  color: #666;
  margin-right: 5px;
}
.confirmAgreement .confirmAgreement-two p:nth-child(3) a {
  color: #397ecd;
}
.confirmAgreement .ant-table-thead tr th {
  text-align: center;
  border-right: 1px solid #d2d2d2;
}
.confirmAgreement .ant-table-tbody {
  color: #999;
}
.confirmAgreement .ant-table-row td a {
  color: #999;
  cursor: text;
}
.confirmAgreement table {
  width: 100%;
  height: 228px;
  border: 1px solid #d2d2d2;
  margin-bottom: 20px;
  text-align: center;
}
.confirmAgreement table tr {
  width: 100%;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.confirmAgreement table tr td:nth-child(1),
.confirmAgreement table tr td:nth-child(2) {
  border-right: 1px solid #d2d2d2;
}
.confirmAgreement table tr td {
  width: 33.33%;
  height: 42px;
  line-height: 42px;
}
.confirmAgreement table tr:first-child {
  height: 37px;
  text-align: center;
  line-height: 37px;
  font-size: 14px;
}
.confirmAgreement .confirmAgreement-three {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-bottom: 10px;
}
.confirmAgreement .confirmAgreement-three p {
  font-size: 14px;
  color: #333;
  margin-bottom: 18px;
}
.confirmAgreement .confirmAgreement-three div {
  width: 100%;
  height: 254px;
  background: #f6f6f6;
  padding: 32px 14px 14px 14px;
}
.confirmAgreement .confirmAgreement-three div p {
  font-size: 14px;
  color: #999;
  margin-bottom: 0;
}
.confirmAgreement .confirmAgreement-three div .confirmAgreement-three-div {
  margin-top: 20px;
  padding: 0;
  width: 100%;
  text-align: left;
  height: 22px;
}
.confirmAgreement .confirmAgreement-three div .confirmAgreement-three-div span {
  color: #666;
  margin-right: 5px;
}
.confirmAgreement .confirmAgreement-three div .confirmAgreement-three-div a {
  color: #397ecd;
  margin-right: 56px;
}
.confirmAgreement label {
  font-size: 12px;
  color: #999;
}
.confirmAgreement .suppleAgreement-four {
  text-align: center;
  margin: 30px 0 14px 0;
}
.confirmAgreement .suppleAgreement-four a {
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  background: #397ecd;
  color: #fff;
}
.confirmAgreement .suppleAgreement-four a:last-child {
  border: 1px solid #dcdcdc;
  color: #000;
  background: #fff;
  margin-left: 30px;
}
.backMoneyModal .ant-row {
  margin: 0 0 20px 0;
}
.backMoneyModal .ant-col-4 {
  color: #333;
  font-size: 14px;
  line-height: 32px;
}
.backMoneyModal .backMoneyNum {
  font-size: 18px;
  color: #fdab0c;
  line-height: 32px;
}
.backMoneyModal .ant-col-20 input {
  height: 32px;
  padding: 0 15px;
  border: 1px solid #d2d2d2;
  width: 258px;
}
.backMoneyModal .ant-col-20 .ant-select-selection {
  border-radius: 0;
  border: 1px solid #d2d2d2;
  min-width: 258px;
}
.backMoneyModal .ant-col-20 textarea {
  width: 100%;
  height: 72px;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  overflow-y: auto;
  resize: none;
  outline: none;
}
.backMoneyModal .backMoneyConfrimBtn {
  margin: 30px 0;
}
.backMoneyModal .backMoneyConfrimBtn a {
  padding: 12px 62px;
  background: #397ecd;
  line-height: 1.1;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin: 0 30px 0 0;
  border: 1px solid transparent;
}
.backMoneyModal .backMoneyConfrimBtn a:last-child {
  background: #fff;
  border: 1px solid #999;
  color: #333;
  margin: 0;
}
.reportModal {
  position: relative;
}
.reportModal .ant-row {
  margin: 0 0 20px 0;
}
.reportModal .ant-col-4 {
  line-height: 32px;
  font-size: 16px;
  color: #333;
}
.reportModal .ant-col-20 .ant-select-selection {
  border-radius: 0;
  border: 1px solid #e0e0e0;
  width: 250px;
}
.reportModal .ant-col-20 input {
  width: 367px;
  height: 32px;
  border: 1px solid #e0e0e0;
  padding: 0 15px;
  outline: none;
}
.reportModal .ant-col-20 textarea {
  outline: none;
  resize: none;
  width: 367px;
  height: 131px;
  border: 1px solid #e0e0e0;
  overflow-y: auto;
  padding: 5px 10px;
}
.reportModal .ant-col-20 p {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.reportModal .ant-col-20 .reportUploadBtn {
  position: relative;
}
.reportModal .ant-col-20 .reportUploadBtn a {
  padding: 9px 27px;
  background: #397ecd;
  line-height: 1.1;
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
.reportModal .ant-col-20 .reportUploadBtn input[type="file"] {
  width: 110px;
  height: 33px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.reportModal .ant-col-20 .reportDxCon input {
  width: 208px;
}
.reportModal .ant-col-20 .reportWz {
  margin-bottom: 0;
  line-height: 32px;
}
.reportModal .reportModalConfirmBtn {
  margin: 40px 0;
}
.reportModal .reportModalConfirmBtn a {
  padding: 11px 49px;
  background: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
  line-height: 1.1;
  display: inline-block;
  margin: 0 15px;
}
.reportModal .reportModalConfirmBtn a:last-child {
  background: #fff;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.reportSuccessModal p {
  font-size: 16px;
  text-align: center;
}
.enterBcxy .enterBcxyCon .enterBcxySingle {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyTil {
  color: #333;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles {
  margin-top: 10px;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles .fileBox .fileName {
  float: left;
  display: block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles .fileBox a {
  float: left;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns {
  text-align: center;
  margin-top: 50px;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a {
  display: inline-block;
  margin: 20px;
  width: 80px;
  padding: 7.5px 0;
  color: #fff;
  background-color: #397ecd;
  text-align: center;
  font-size: 14px;
  border: 1px solid #397ecd;
  transition: all 0.3s;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:last-child {
  color: #397ecd;
  background-color: #fff;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:last-child:hover {
  color: #fff;
  background-color: #397ecd;
}
.enterBcxy .enterBcxyCon .enterBcxyNull {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.serviceTCP {
  top: 30px !important;
}
.serviceTCP .serviceTCPBox {
  padding: 4px 14px 32px 14px;
}
.serviceTCP .serviceTCPBox .serviceTCPContent {
  padding: 12px 22px 13px 11px;
  border: 1px solid #ccc;
  width: 100%;
  height: 162px;
  overflow-y: auto;
}
.serviceTCP .serviceTCPBox .buCong {
  font-size: 14px;
  margin-bottom: 10px;
}
.serviceTCP .serviceTCPBox .agree {
  font-size: 14px;
  color: #666;
  line-height: 1.1;
  margin: 20px 0;
}
.serviceTCP .serviceTCPBox .replenish {
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  height: 72px;
  overflow-y: auto;
  resize: none;
  outline: none;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns {
  text-align: center;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns a {
  padding: 10px 0 9px 0;
  background: none;
  border: 1px solid #999;
  text-align: center;
  width: 120px;
  font-size: 14px;
  color: #333;
  display: inline-block;
  line-height: 1.1;
  margin-right: 30px;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns a:first-child {
  background: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
}
.serviceTCP .serviceTCPBox .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e2e2e2;
  position: relative;
}
.serviceTCP .serviceTCPBox .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.serviceTCP .serviceTCPBox .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName {
  margin-top: 10px;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName .fileList {
  font-size: 14px;
  color: #666;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName .fileList i {
  font-size: 15px;
  color: #397ecd;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen {
  margin-bottom: 30px;
  font-size: 14px;
  color: #999;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .fwxyAddCon {
  margin-bottom: 15px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen span {
  display: inline-block;
  margin-right: 15px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .ant-calendar-picker-icon {
  margin-right: 0;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .ant-input {
  width: 120px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ccc;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"],
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"],
.serviceTCP .serviceTCPBox .serviceTCPScreen select {
  width: 120px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  padding: 0 10px;
  height: 36px;
  margin-right: 20px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"]:active,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"]:focus,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"]:active,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"]:focus,
.serviceTCP .serviceTCPBox .serviceTCPScreen select:active {
  background-color: #fff;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen a {
  color: #397ecd;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen a i {
  margin-right: 10px;
  font-size: 15px;
}
.serviceEnter {
  top: 30px !important;
}
.serviceEnter .serviceEnterSupply {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
}
.serviceEnter .serviceEnterSupply p {
  color: #333;
}
.serviceEnter .serviceEnterSupply span {
  display: block;
  color: #666;
  line-height: 20px;
}
.serviceEnter .serviceEnterFile {
  font-size: 14px;
  margin-top: 20px;
}
.serviceEnter .serviceEnterFile p {
  margin-bottom: 20px;
}
.serviceEnter .serviceEnterFile p span {
  color: #666;
}
.serviceEnter .serviceEnterFile p a {
  color: #397ecd;
  margin-left: 15px;
}
.serviceEnter .ant-table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.serviceEnter .ant-table .ant-table-body table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.serviceEnter .ant-table .ant-table-body table .ant-table-thead th {
  text-align: center;
  width: 33.333%;
  background-color: #b6bdc4;
  font-size: 14px;
  color: #fff;
}
.serviceEnter .ant-table .ant-table-body table .ant-table-tbody td {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.serviceEnter .servicEnterAdd {
  padding: 20px 15px;
  background-color: #f7f7f7;
  font-size: 14px;
  color: #666;
}
.serviceEnter .servicEnterAdd p {
  margin-bottom: 10px;
}
.serviceEnter .servicEnterAdd span {
  line-height: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile {
  margin-top: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p {
  margin-bottom: 10px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p a {
  color: #397ecd;
  margin-left: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p:last-child {
  margin-bottom: 0;
}
.serviceEnter .enterFwxyUser {
  margin-top: 15px;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo {
  margin-bottom: 10px;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo p {
  display: inline-block;
  line-height: 36px;
  vertical-align: middle;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo p:first-child {
  width: 56px;
  text-align: right;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo input {
  width: 180px;
  height: 36px;
  vertical-align: middle;
  border: 1px solid #ccc;
  padding: 0 10px;
}
.completeJob .completeJobMain textarea {
  resize: none;
  width: 85%;
  height: 158px;
  padding: 12px 10px;
  color: #999;
  font-size: 14px;
  border: 1px solid #ccc;
}
.completeJob .completeJobMain .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.completeJob .completeJobMain .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.completeJob .completeJobMain .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.completeJob .completeJobMain .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.completeJob .completeJobMain .fileName {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 12px 0 0 0;
}
.completeJob .completeJobMain .fileName .anticon-delete {
  margin: 0 0 0 10px;
  cursor: pointer;
}
.completeJob .completeJobMain .fileName i {
  color: #397ecd;
}
.completeJob .completeJobMain .completeJobBtns {
  text-align: center;
  margin: 32px 0;
}
.completeJob .completeJobMain .completeJobBtns a {
  display: inline-block;
  color: #333;
  line-height: 1.1;
  font-size: 14px;
  padding: 10px 0 9px 0;
  width: 120px;
  background: none;
  border: 1px solid #999;
  text-align: center;
}
.completeJob .completeJobMain .completeJobBtns a:first-child {
  color: #fff;
  background: #397ecd;
  margin: 0 30px 0 0;
  border: 1px solid #397ecd;
}
.titleStyle {
  font-size: 22px;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.descStyle {
  text-align: center;
  margin-bottom: 15px;
}
.btnStyle {
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  background: #169bd5;
  color: #fff;
}
.write {
  vertical-align: top;
  margin-left: 6px;
}
.AllWriteMain .topMain {
  border-bottom: 1px dashed #ccc;
}
.AllWriteMain .topMain .imgBox {
  width: 12px;
  height: 11px;
}
.AllWriteMain .topMain .imgBox .imgs {
  width: 100%;
  height: 100%;
}
.AllWriteMain .topMain .bot {
  margin-bottom: 10px;
}
.AllWriteMain .topMain .bot .boxs {
  width: 650px;
  line-height: 20px;
}
.AllWriteMain .topMain .bot .boxs .timeBox {
  background-color: #eee;
}
.AllWriteMain .topMain .bot .boxs .timeBox,
.AllWriteMain .topMain .bot .boxs .timeBoxs {
  display: inline-block;
  width: 210px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 6px;
}
.AllWriteMain .topMain .box {
  overflow: auto;
  width: 650px;
  height: 160px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.AllWriteMain .bottomMain .box {
  overflow: auto;
  width: 650px;
  height: 160px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.fileNames {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

* {
  padding: 0;
  margin: 0;
}
.expertList {
  padding-top: 60px;
  width: 100%;
  background: #f8f8f8;
  overflow: hidden;
}
.expertList .list-banner {
  width: 100%;
  height: 580px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/rcindex/expertBanner.jpg") no-repeat center;
  position: relative;
}
.expertList .list-banner .banner-search {
  position: absolute;
  top: 227px;
  left: 24%;
}
.expertList .list-banner .banner-search .search-title {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
}
.expertList .list-banner .banner-search hr {
  width: 42px;
  margin-top: 20px;
  border: none;
  border-top: 2px solid #ccc;
  margin-bottom: 22px;
}
.expertList .list-banner .banner-search .search-des {
  font-size: 17px;
  color: #fff;
  font-weight: 100;
  letter-spacing: 2px;
}
.expertList .list-banner .banner-search .search-input {
  width: 417px;
  height: 46px;
  margin-top: 42px;
}
.expertList .list-banner .banner-search .search-input input {
  border: none;
  width: 367px;
  height: 100%;
  font-size: 14px;
  letter-spacing: 1.1px;
  padding-left: 14px;
}
.expertList .list-banner .banner-search .search-input .input-glass {
  width: 50px;
  height: 100%;
  background: #397ecd;
  float: right;
}
.expertList .list-banner .banner-search .search-input .input-glass img {
  width: 16px;
  margin: 17px 16px;
}
.expertList .list-all {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.expertList .list-all .all {
  width: 1200px;
  margin: 0 auto;
  line-height: 78px;
  overflow: hidden;
}
.expertList .list-all .all .all-title {
  font-size: 14px;
  color: #999;
  margin-right: 47px;
  float: left;
  cursor: pointer;
}
.expertList .list-all .all .all-ul {
  overflow: hidden;
  width: 950px;
  min-height: 46px;
  float: left;
}
.expertList .list-all .all .all-ul .all-li {
  float: left;
  margin-right: 43px;
  cursor: pointer;
}
.expertList .list-all .all .all-ul .all-li:last-child {
  margin-right: 0px;
}
.expertList .list-all .all .all-ul .all-li p {
  font-size: 14px;
  color: #666;
}
.expertList .list-all .all .all-ul .all-click p {
  color: #fe6d20;
}
.expertList .list-all .all .all-ul-click {
  height: 46px;
}
.expertList .list-all .all .all-sort {
  float: right;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  margin-left: 20px;
}
.expertList .list-all .all .all-sort img {
  margin-left: 13px;
  margin-right: 2px;
  width: 5px;
  transform: rotate(90deg);
}
.expertList .list-all .all .sort-click img {
  transform: rotate(-90deg);
}
.expertList #list-more {
  width: 100%;
  background: #fff;
}
.expertList #list-more .more {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height: 70px;
}
.expertList #list-more .more:after {
  content: '.';
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 70px;
}
.expertList #list-more .more .condition-moudle {
  width: 1200px;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  background-color: #f2f4f5;
  padding-top: 6px;
  padding-left: 10px;
}
.expertList #list-more .more .condition-moudle span {
  display: inline-block;
  height: 28px;
  width: 90px;
  background-color: #ffffff;
  line-height: 28px;
  text-align: center;
  color: #666666;
  font-size: 14px;
  cursor: pointer;
}
.expertList #list-more .more .condition-moudle span:nth-of-type(1) {
  margin-right: 18px;
}
.expertList #list-more .more .condition-moudle span:nth-of-type(2) {
  margin-right: 710px;
}
.expertList #list-more .more .condition-moudle .selectOpr {
  display: inline-block;
  width: 264px;
  vertical-align: top;
}
.expertList #list-more .more .condition-moudle .selectOpr .seacher {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: 64px;
  text-align: center;
  line-height: 28px;
  background-color: #fe6d20;
  color: #ffffff;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.expertList .list-open {
  width: 100%;
  height: 56px;
  margin-top: 16px;
  overflow: hidden;
}
.expertList .list-open .open {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.expertList .list-open .open .open-ul {
  width: 1200px;
  height: 100%;
  line-height: 56px;
  margin: 0 auto;
}
.expertList .list-open .open .open-ul .open-li {
  float: right;
  margin-right: 29px;
  cursor: pointer;
}
.expertList .list-open .open .open-ul .open-li:first-child {
  margin-right: 0;
}
.expertList .list-open .open .open-ul .open-li p {
  font-size: 14px;
  color: #666;
}
.expertList .list-open .open .open-ul .open-li p img {
  width: 5px;
  margin-left: 11px;
  margin-right: 2px;
  transform: rotate(90deg);
}
.expertList .list-open .open .open-ul .open-click p {
  color: #397ecd;
}
.expertList .list-open .open .open-ul .open-click p img {
  width: 5px;
  margin-left: 11px;
  margin-right: 2px;
  transform: rotate(-90deg);
}
.expertList .list-card {
  width: 1222px;
  overflow: hidden;
  margin: 31px auto;
  padding-left: 10px;
}
.expertList .list-card .list-li {
  width: 280px;
  height: 351px;
  margin-right: 27px;
  background: #fff;
  float: left;
  margin-bottom: 26px;
  cursor: pointer;
  position: relative;
}
.expertList .list-card .list-li:nth-child(4n+4) {
  margin-right: 0;
}
.expertList .list-card .list-li a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.expertList .list-page {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 80px;
}

.patentList {
  padding-top: 80px;
  width: 100%;
  background: #f8fafc;
  overflow: hidden;
}
.patentList .netAddress {
  width: 1200px;
  margin: 0 auto 24px;
}
.patentList .hot-card {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.patentList .hot-card:hover {
  box-shadow: 0 8px 16px rgba(31, 31, 31, 0.1);
  top: -10px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.patentList .hot-card .card-bg-1 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiIntyduce/faming.png") no-repeat center;
  background-size: contain;
}
.patentList .hot-card .card-bg-2 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiIntyduce/129@2x.png") no-repeat center;
  background-size: contain;
}
.patentList .hot-card .card-bg-3 {
  width: 100%;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiIntyduce/shiyong.png") no-repeat center;
  background-size: contain;
}
.patentList .hot-card .card-content {
  display: block;
  width: 100%;
  overflow: hidden;
  background: #feffff;
  /* .card-title{
        overflow: hidden;
        width:282px;
        height:3em;
        box-sizing: border-box;
        padding:0 10px;
        margin-top: 40px;
        margin-bottom: 35px;
        font-size: 16px;
        line-height:20px;
        color: #333;
        text-align: center;
      }
      .active{
        position: relative;
        line-height:1.5em;
        height:3em;
        word-break:break-all;
        overflow: hidden;
        &:after{
          content:"...";
          position:absolute;
          bottom:0;
          right:0;
          padding: 0 13px 0 2px;
          background-color: #fff
        }
      } */
}
.patentList .hot-card .card-content .mainBox {
  overflow: hidden;
  line-height: 20px;
  margin: 0px 12px;
  box-sizing: border-box;
  padding: 0px 10px;
  border-bottom: 1px dotted #e6e6e6;
}
.patentList .hot-card .card-content .mainBox .card-title {
  width: 100%;
  word-break: break-all;
  font-size: 16px;
  color: #333;
  margin: 30px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patentList .hot-card .card-content .active {
  overflow: hidden;
  height: 40px;
  line-height: 20px;
  margin: 40px 0 35px 0;
  box-sizing: border-box;
  padding: 0 10px;
}
.patentList .hot-card .card-content .active .card-title {
  float: right;
  margin-left: -5px;
  width: 100%;
  word-break: break-all;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patentList .hot-card .card-content .active::before {
  float: left;
  width: 5px;
  content: '';
  height: 40px;
}
.patentList .hot-card .card-content .active::after {
  float: right;
  content: "...";
  height: 20px;
  line-height: 20px;
  /* 为三个省略号的宽度 */
  width: 3em;
  /* 使盒子不占位置 */
  margin-left: -3em;
  /* 移动省略号位置 */
  position: relative;
  left: 113%;
  top: 20px;
  padding-right: 5px;
}
.patentList .hot-card .card-content .botSty {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-top: 25px;
  margin-bottom: 37px;
  padding: 0px 12px;
}
.patentList .hot-card .card-content .botSty .card-des {
  font-size: 14px;
  color: #666;
  text-align: left;
  line-height: 30px;
  display: inline-block;
  vertical-align: text-top;
  width: 146px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.patentList .hot-card .card-content .botSty .cardPri span {
  font-size: 20px;
  color: #fc9153;
}
.patentList .hot-card .card-content .botSty .cardPri span:first-child {
  font-size: 14px;
  color: #fc9153;
}
.patentList .hot-card .card-content .botSty .cardPri span:last-child {
  font-size: 12px;
  color: #666666;
}
.patentList .hot-card .card-content .card-btn {
  width: 150px;
  height: 38px;
  display: block;
  text-align: center;
  line-height: 38px;
  color: #fff;
  font-size: 14px;
  background: #397ecd;
  cursor: pointer;
  margin: 26px auto;
}
.patentList .hot-card .card-content .card-btn:hover {
  background-color: #628eff;
}
.patentList .list-out {
  width: 1200px;
  margin: auto;
}
.patentList .list-out .list-filter {
  width: 894px;
  background: #ffffff;
  overflow: hidden;
  line-height: 0;
}
.patentList .list-out .list-filter .filter:last-child {
  border-bottom: 0px;
}
.patentList .list-out .list-filter .filter {
  width: 894px;
  height: auto;
  overflow: hidden;
  border-bottom: 1px #eeeeee solid;
}
.patentList .list-out .list-filter .filter span {
  font-size: 14px;
  color: #999;
  display: inline-block;
  vertical-align: top;
  width: 166px;
  height: 46px;
  text-align: center;
  line-height: 46px;
}
.patentList .list-out .list-filter .filter ul {
  overflow: hidden;
  min-height: 46px;
  width: 727px;
  display: inline-block;
  border-left: 1px solid #eeeeee;
  padding-left: 29px;
  padding-bottom: 8px;
}
.patentList .list-out .list-filter .filter ul li {
  display: inline-block;
  padding: 5px 12px;
  line-height: 22px;
  margin-right: 20px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  background-color: #f1f5f7;
  margin-top: 10px;
}
.patentList .list-out .list-filter .filter ul li:last-child {
  margin-right: 0;
}
.patentList .list-out .list-filter .filter ul .li-click {
  background-color: #fff6f1;
}
.patentList .list-out .list-sort {
  width: 894px;
  margin-top: 12px;
  overflow: hidden;
  background-color: #ffffff;
}
.patentList .list-out .list-sort::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.patentList .list-out .list-sort .listSorth {
  width: 1px;
  height: 18px;
  background-color: #e3e3e3;
  float: left;
  margin-top: 11px;
}
.patentList .list-out .list-sort .sort {
  width: 130px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.patentList .list-out .list-sort .sort span {
  font-size: 16px;
  color: #333;
}
.patentList .list-out .list-sort .choosed span {
  color: #ff7919;
}
.patentList .list-out .fliterRight {
  width: 282px;
  display: inline-block;
  background-color: #ffffff;
  vertical-align: top;
  margin-left: 24px;
  padding: 20px 31px 0px 31px;
}
.patentList .list-out .fliterRight img {
  height: 70;
  width: 220px;
  margin-bottom: 20px;
  cursor: pointer;
}
.patentList .list-card {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.patentList .list-card::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.patentList .list-card ul {
  width: 100%;
  margin-top: 30px;
}
.patentList .list-card ul li {
  width: 282px;
  height: auto;
  margin-right: 24px;
  margin-bottom: 24px;
  display: inline-block;
}
.patentList .list-card ul li:nth-child(4n+4) {
  margin-right: 0;
}
.patentList .list-page {
  width: 1200px;
  text-align: center;
  margin: 30px auto 20px;
}
.patentList .recommend {
  width: 100%;
  padding: 105px 0px 95px 0px;
  background-color: #ffffff;
}
.patentList .recommend .recommendContent {
  width: 1200px;
  margin: auto;
}
.patentList .recommend .recommendContent .recommendTitle {
  display: inline-block;
  margin-bottom: 39px;
}
.patentList .recommend .recommendContent .recommendList {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.patentList .recommend .recommendContent .recommendList li {
  list-style: none;
  width: 282px;
}
.patentList .orderContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.patentList .orderContainer .orderModal {
  position: relative;
  width: 470px;
  height: 575px;
  background: #fff;
}
.patentList .orderContainer .orderModal img {
  position: absolute;
  right: 20px;
  top: 22px;
}
.patentList .orderContainer .orderModal p:nth-of-type(1) {
  margin-top: 40px;
  font-size: 22px;
  line-height: 1.27;
  letter-spacing: 1.1px;
  text-align: center;
  color: #000000;
}
.patentList .orderContainer .orderModal div:nth-child(3) {
  margin-top: 25px;
}
.patentList .orderContainer .orderModal div:nth-child(3) span:nth-of-type(1) {
  padding-left: 65px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentList .orderContainer .orderModal div:nth-child(3) span:nth-of-type(2) {
  padding-left: 25px;
  font-size: 14px;
  line-height: 2;
  color: #666666;
}
.patentList .orderContainer .orderModal div:nth-child(4) {
  margin-top: 15px;
}
.patentList .orderContainer .orderModal div:nth-child(4) span:nth-of-type(1) {
  padding-left: 65px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentList .orderContainer .orderModal div:nth-child(4) span:nth-of-type(2) {
  padding-left: 24px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #f38400;
}
.patentList .orderContainer .orderModal div:nth-child(4) span:nth-of-type(3) {
  margin-top: -11px;
  font-size: 30px;
  color: #f38400;
}
.patentList .orderContainer .orderModal div:nth-child(4) span:nth-of-type(4) {
  font-size: 14px;
  color: #666;
}
.patentList .orderContainer .orderModal div:nth-child(6) {
  margin-bottom: 15px;
}
.patentList .orderContainer .orderModal div:nth-child(6) span {
  padding-left: 51px;
  margin-top: 51px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentList .orderContainer .orderModal div:nth-child(6) input {
  margin-top: 20px;
  height: 36px;
  width: 339px;
  margin-left: 15px;
  padding-left: 21px;
}
.patentList .orderContainer .orderModal div:nth-child(7) {
  margin-left: 23%;
}
.patentList .orderContainer .orderModal div:nth-child(7) div div:nth-child(3) {
  margin-top: 0;
}
.patentList .orderContainer .orderModal div:nth-child(7) div div:nth-child(3) span:nth-of-type(1) {
  padding-left: 0;
}
.patentList .orderContainer .orderModal div:nth-child(8) span:nth-of-type(1) {
  margin-top: 52px;
  padding-left: 51px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
}
.patentList .orderContainer .orderModal div:nth-child(8) input {
  margin-top: 20px;
  height: 36px;
  width: 230px;
  margin-left: 15px;
  padding-left: 21px;
}
.patentList .orderContainer .orderModal div:nth-child(8) span:nth-of-type(2) {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  height: 36px;
  width: 97px;
  background-color: #397ecd;
  font-size: 14px;
  line-height: 36px;
  letter-spacing: 0.7px;
  color: #fff;
}
.patentList .orderContainer .orderModal div:nth-child(9) span:nth-of-type(1) {
  font-size: 14px;
  margin-left: 63px;
  margin-top: 41px;
  color: #333;
  line-height: 2;
  letter-spacing: 0.7px;
}
.patentList .orderContainer .orderModal div:nth-child(9) input {
  height: 36px;
  width: 336px;
  margin-left: 19px;
  margin-top: 20px;
  padding-left: 21px;
}
.patentList .orderContainer .orderModal p:nth-of-type(2) {
  width: 356px;
  height: 46px;
  background-color: #397ecd;
  margin: 20px 0 0 50px;
  text-align: center;
  line-height: 46px;
  letter-spacing: 0.7px;
  color: #ffffff;
  font-size: 14px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.mainPanel {
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.mainPanel .basicMainTil {
  padding: 20px 25px;
}
.mainPanel .basicMainTil .basicTilLine {
  width: 4px;
  height: 26px;
  display: inline-block;
  background-color: #3377c4;
  vertical-align: middle;
  margin-right: 15px;
}
.mainPanel .basicMainTil .basicTilWz {
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.mainPanel .basicMainTil .basicTilPrompt {
  color: #ef7c00;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.mainPanel .mainTabs {
  padding-left: 15px;
  margin: 0 25px;
  border-bottom: 1px solid #e8e8e8;
}
.mainPanel .mainTabs .ant-badge {
  margin-right: 34px;
  vertical-align: baseline;
}
.mainPanel .mainTabs .ant-badge .ant-badge-count {
  top: -5px;
  height: 14px;
  border-radius: 10px;
  min-width: 14px;
  background: #ff3c3c;
  line-height: 14px;
  padding: 0;
  right: -25px;
}
.mainPanel .mainTabs .ant-badge:last-child {
  margin-right: 0;
}
.mainPanel .mainTabs a {
  padding-bottom: 20px;
  color: #999;
  font-size: 14px;
  display: inline-block;
}
.mainPanel .mainTabs a:hover {
  color: #3377c4;
}
.mainPanel .mainTabs .mainTabsActive {
  position: relative;
  color: #3377c4;
}
.mainPanel .mainTabs .mainTabsActive .mainTabsLine {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: #3377c4;
}
.vicePanel {
  padding: 20px 25px;
  background-color: #fff;
  overflow: hidden;
}
.vicePanel .selectProp .ant-checkbox-wrapper {
  margin-left: 30px;
}
.mainCon {
  padding: 0 25px 20px 25px;
}
.mainCon .selectProp select {
  margin-right: 30px;
}
.mainCon .invoiceTab .operaBtns .onlyOne {
  color: #397ecd !important;
}
.mainCon .invoiceTab .operaBtns a:last-child {
  color: #999;
}
.mainCon .tabDataPrice {
  color: #0cad00;
}
.selectProp .propName {
  color: #999;
  font-size: 14px;
  display: inline-block;
  margin-right: 20px;
}
.selectProp input[type="text"],
.selectProp select {
  width: 110px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 6.5px 10px;
  margin-right: 25px;
}
.selectProp input[type="text"]:focus {
  background-color: #fff;
}
.selectProp .propLine {
  margin: 0 10px;
}
.selectProp input.priceInput {
  margin-right: 0;
  width: 90px;
}
.selectProp .ant-calendar-picker {
  vertical-align: bottom;
  margin-right: 30px;
}
.selectProp .ant-calendar-picker .ant-input {
  width: 200px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.selectProp .ant-calendar-picker .ant-calendar-range-picker-separator {
  line-height: 26px;
}
.selectProp select {
  margin-right: 0;
  height: 36px;
}
.selectProp .propDivision {
  display: inline-block;
  margin: 0 5px;
  color: #999;
}
.busineProp {
  margin-bottom: 20px;
}
.busineProp .selectBtn {
  float: none;
  margin: 0;
}
.busineProp .ant-select-selection {
  width: 100px;
  height: 36px;
  margin-right: 40px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 0;
}
.busineProp .ant-select-selection .ant-select-selection__rendered {
  line-height: 36px;
}
.busineProp .ant-select-selection:focus {
  background-color: #fff;
}
.myinvoiceCon .ant-select-selection {
  width: 170px;
  height: 36px;
  margin-right: 40px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 0;
}
.myinvoiceCon .ant-select-selection .ant-select-selection__rendered {
  line-height: 36px;
}
.myinvoiceCon .ant-select-selection:focus {
  background-color: #fff;
}
.selectBtn {
  display: inline-block;
  margin-bottom: 20px;
  float: right;
  width: 80px;
  padding: 7.5px 0;
  color: #fff;
  background-color: #3377c4;
  text-align: center;
  font-size: 14px;
  transition: all 0.3s;
  margin-top: 20px;
}
.selectBtn:hover {
  color: #fff;
  background-color: #5193de;
}
.tabCon {
  clear: both;
}
.tabCon .tabHead {
  padding: 10px 15px;
  color: #fff;
  background-color: #b6bdc4;
  text-align: center;
  margin-bottom: 10px;
}
.tabCon .tabHead span {
  display: inline-block;
}
.tabCon .tabHead span:first-child {
  width: 180px;
}
.tabCon .tabHead span:nth-child(2),
.tabCon .tabHead span:nth-child(3),
.tabCon .tabHead span:nth-child(4),
.tabCon .tabHead span:nth-child(5),
.tabCon .tabHead span:nth-child(6) {
  width: 108px;
}
.tabCon .tabHead span:last-child {
  width: 195px;
}
.tabCon .tabList {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #999;
}
.tabCon .tabList .tabNum {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.tabCon .tabList .tabNum span:first-child b {
  display: inline-block;
  font-weight: 400;
  margin-left: 20px;
}
.tabCon .tabList .tabNum span:last-child {
  float: right;
  width: 240px;
  text-align: center;
}
.tabCon .tabList .tabData {
  padding: 0 15px;
}
.tabCon .tabList .tabData .tabDataWz {
  display: inline-block;
  text-align: center;
  border-right: 1px solid #eee;
  padding: 10px 0;
  vertical-align: top;
}
.tabCon .tabList .tabData .tabDataWz:first-child {
  width: 180px;
  padding: 19px 0;
}
.tabCon .tabList .tabData .tabDataWz:nth-child(2),
.tabCon .tabList .tabData .tabDataWz:nth-child(3),
.tabCon .tabList .tabData .tabDataWz:nth-child(4),
.tabCon .tabList .tabData .tabDataWz:nth-child(5),
.tabCon .tabList .tabData .tabDataWz:nth-child(6) {
  width: 108px;
  min-height: 83px;
}
.tabCon .tabList .tabData .tabDataWz:nth-child(2) p,
.tabCon .tabList .tabData .tabDataWz:nth-child(3) p,
.tabCon .tabList .tabData .tabDataWz:nth-child(4) p,
.tabCon .tabList .tabData .tabDataWz:nth-child(5) p,
.tabCon .tabList .tabData .tabDataWz:nth-child(6) p {
  line-height: 63px;
}
.tabCon .tabList .tabData .tabDataWz:last-child {
  width: 190px;
  border-right: 0;
  padding: 31px 0;
}
.tabCon .tabList .tabData .tabDataTask {
  text-align: left;
}
.tabCon .tabList .tabData .tabDataTask a {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-weight: 600;
}
.tabCon .tabList .tabData .tabDataTask span {
  margin-right: 10px;
}
.tabCon .tabList .tabData .tabDataTask span:last-child {
  margin-right: 0;
}
.tabCon .tabList .tabData .tabDataTask p {
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.tabCon .tabList .tabData .tabDataTask p span {
  margin-left: 10px;
  margin-right: 0;
}
.tabCon .tabList .tabData .tabDataPrice p {
  color: #3377c4;
}
.tabCon .tabList .tabData .tabDataBack p {
  line-height: 30px !important;
}
.tabCon .tabList .tabData .tabBtnAgreem {
  min-width: 80px;
  padding: 3px 5px;
  background-color: #3377c4;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.tabCon .tabList .tabData .tabBtnsGroup a {
  margin-right: 9px;
  color: #397ecd;
}
.tabCon .tabList .tabData .tabBtnsGroup a:last-child {
  margin-right: 0;
}
.tabCon .tabList .tabData .tabBtnsGroup .tabBtnDelete {
  color: #999;
}
.pagesCon {
  padding-top: 20px;
  margin-bottom: 15px;
  text-align: right;
}
.tableCon .ant-table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tableCon .ant-table table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tableCon .ant-table table .ant-table-thead tr th {
  text-align: center;
  background-color: #b6bdc4;
  color: #fff;
  font-size: 14px;
  padding: 7.5px 7px;
}
.tableCon .ant-table table .ant-table-tbody tr td {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.tableCon .ant-table table .ant-table-tbody tr td .color-black {
  color: #666;
}
.tableCon .ant-table table .ant-table-tbody tr td .color-black:hover {
  color: #3377c4;
}
.tableCon .ant-table table .ant-table-tbody tr td .businePrice {
  color: #0cad00;
}
.tableCon .ant-table table .ant-table-tbody tr td .operaBtns a {
  color: #3377c4;
  margin-right: 20px;
}
.tableCon .ant-table table .ant-table-tbody tr td .operaBtns a:last-child {
  color: #f40000;
  margin-right: 0;
}
.tableCon .ant-table table .ant-table-tbody tr td .operaBtns .checkBtn {
  color: #3377c4 !important;
  margin-right: 0;
  display: none;
}
.tableCon .ant-table table .ant-table-tbody tr:hover td {
  background-color: #f8fbff;
}
.startJob .startJobImg {
  text-align: center;
  font-size: 0;
  margin: 14px 0 20px 0;
}
.startJob .startJobImg img {
  display: inline-block;
}
.startJob .startJobContent {
  font-size: 16px;
  color: #333;
  margin: 0 0 50px 0;
  text-align: center;
  line-height: 1.1;
}
.startJob .startJobBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.startJob .startJobBtns a {
  display: inline-block;
  color: #397ecd;
  background: none;
  border: 1px solid #397ecd;
  padding: 9.5px 0;
  width: 120px;
  text-align: center;
  line-height: 1.1;
  font-size: 14px;
}
.startJob .startJobBtns a:first-child {
  background: #397ecd;
  color: #fff;
  margin: 0 60px 0 0;
}
.evaluateBoss .evaluateScores {
  padding: 0 14px;
  font-size: 14px;
  line-height: 1.1;
  margin: 34px 0 40px 0;
}
.evaluateBoss .evaluateScores .ant-radio-group {
  width: 100%;
}
.evaluateBoss .evaluateScores .ant-radio-wrapper {
  width: 20%;
  margin-right: 0;
}
.evaluateBoss .evaluateScores .ant-radio-wrapper i {
  font-style: normal;
  color: #397ecd;
}
.evaluateBoss .evaluateContent {
  padding: 0 14px;
  margin: 0 0 30px 0;
}
.evaluateBoss .evaluateContent textarea {
  width: 100%;
  height: 158px;
  border: 1px solid #ccc;
  resize: none;
  padding: 5px 10px;
}
.evaluateBoss .evaluateBtns {
  text-align: center;
  padding: 0 14px;
  margin: 0 0 10px 0;
}
.evaluateBoss .evaluateBtns a {
  color: #fff;
  padding: 11px 0;
  line-height: 1.1;
  width: 120px;
  background: #397ecd;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.cancelTender .cancelTenderImg {
  font-size: 0;
  text-align: center;
  margin: 14px 0 20px 0;
}
.cancelTender .cancelTenderImg img {
  display: inline-block;
}
.cancelTender .cancelTenderContent {
  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.cancelTender .cancelTenderBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.cancelTender .cancelTenderBtns a {
  display: inline-block;
  background: none;
  padding: 10px 0 9px 0;
  line-height: 1.1;
  text-align: center;
  width: 120px;
  border: 1px solid #397ecd;
  color: #397ecd;
  font-size: 14px;
}
.cancelTender .cancelTenderBtns a:first-child {
  margin: 0 60px 0 0;
  background: #397ecd;
  color: #fff;
}
.deleteOrderModal .deleteOrderImg {
  text-align: center;
  font-size: 0;
  margin: 14px 0 20px 0;
}
.deleteOrderModal .deleteOrderImg img {
  display: inline-block;
}
.deleteOrderModal .deleteOrderContent {
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.deleteOrderModal .deleteOrderBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.deleteOrderModal .deleteOrderBtns a {
  display: inline-block;
  line-height: 1.1;
  padding: 10px 0 9px 0;
  background: none;
  border: 1px solid #397ecd;
  color: #397ecd;
  font-size: 14px;
  width: 120px;
}
.deleteOrderModal .deleteOrderBtns a:first-child {
  background: #397ecd;
  margin: 0 60px 0 0;
  color: #fff;
}
.remindModal .remindImg {
  text-align: center;
  font-size: 0;
  margin: 14px 0 20px 0;
}
.remindModal .remindImg img {
  display: inline-block;
}
.remindModal .remindContent {
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.remindModal .remindBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.remindModal .remindBtns a {
  display: inline-block;
  color: #fff;
  line-height: 1.1;
  width: 120px;
  padding: 10px 0 9px 0;
  background: #397ecd;
  font-size: 14px;
}
.completeJob .completeJobMain {
  padding: 4px 14px 32px 14px;
}
.completeJob .completeJobMain textarea {
  resize: none;
  width: 85%;
  height: 158px;
  padding: 12px 10px;
  color: #999;
  font-size: 14px;
  border: 1px solid #ccc;
}
.completeJob .completeJobMain .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.completeJob .completeJobMain .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.completeJob .completeJobMain .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.completeJob .completeJobMain .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.completeJob .completeJobMain .fileName {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 12px 0 0 0;
}
.completeJob .completeJobMain .fileName .anticon-delete {
  margin: 0 0 0 10px;
  cursor: pointer;
}
.completeJob .completeJobMain .fileName i {
  color: #397ecd;
}
.completeJob .completeJobMain .completeJobBtns {
  text-align: center;
  margin: 32px 0;
}
.completeJob .completeJobMain .completeJobBtns a {
  display: inline-block;
  color: #333;
  line-height: 1.1;
  font-size: 14px;
  padding: 10px 0 9px 0;
  width: 120px;
  background: none;
  border: 1px solid #999;
  text-align: center;
}
.completeJob .completeJobMain .completeJobBtns a:first-child {
  color: #fff;
  background: #397ecd;
  margin: 0 30px 0 0;
  border: 1px solid #397ecd;
}
.serviceTCP {
  top: 30px !important;
}
.serviceTCP .serviceTCPBox {
  padding: 4px 14px 32px 14px;
}
.serviceTCP .serviceTCPBox .serviceTCPContent {
  padding: 12px 22px 13px 11px;
  border: 1px solid #ccc;
  width: 100%;
  height: 162px;
  overflow-y: auto;
}
.serviceTCP .serviceTCPBox .buCong {
  font-size: 14px;
  margin-bottom: 10px;
}
.serviceTCP .serviceTCPBox .agree {
  font-size: 14px;
  color: #666;
  line-height: 1.1;
  margin: 20px 0;
}
.serviceTCP .serviceTCPBox .faqEgStyle {
  float: right;
}
.serviceTCP .serviceTCPBox .replenish {
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  height: 72px;
  overflow-y: auto;
  resize: none;
  outline: none;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns {
  text-align: center;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns a {
  padding: 10px 0 9px 0;
  background: none;
  border: 1px solid #999;
  text-align: center;
  width: 120px;
  font-size: 14px;
  color: #333;
  display: inline-block;
  line-height: 1.1;
  margin-right: 30px;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns a:first-child {
  background: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
}
.serviceTCP .serviceTCPBox .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e2e2e2;
  position: relative;
}
.serviceTCP .serviceTCPBox .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.serviceTCP .serviceTCPBox .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName {
  margin-top: 10px;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName .fileList {
  font-size: 14px;
  color: #666;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName .fileList i {
  font-size: 15px;
  color: #397ecd;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen {
  margin-bottom: 30px;
  font-size: 14px;
  color: #999;
  /* span{
        display: inline-block;
        margin-right: 15px;
      } */
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .fwxyAddCon {
  margin-bottom: 15px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .ant-calendar-picker-icon {
  margin-right: 0;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .ant-input {
  width: 120px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ccc;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"],
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"],
.serviceTCP .serviceTCPBox .serviceTCPScreen select {
  width: 120px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  padding: 0 10px;
  height: 36px;
  margin-right: 20px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"]:active,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"]:focus,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"]:active,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"]:focus,
.serviceTCP .serviceTCPBox .serviceTCPScreen select:active {
  background-color: #fff;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen a {
  color: #397ecd;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen a i {
  margin-right: 10px;
  font-size: 15px;
}
.serviceEnter {
  top: 30px !important;
}
.serviceEnter .serviceEnterSupply {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
}
.serviceEnter .serviceEnterSupply p {
  color: #333;
}
.serviceEnter .serviceEnterSupply span {
  display: block;
  color: #666;
  line-height: 20px;
}
.serviceEnter .serviceEnterFile {
  font-size: 14px;
  margin-top: 20px;
}
.serviceEnter .serviceEnterFile p {
  margin-bottom: 20px;
}
.serviceEnter .serviceEnterFile p span {
  color: #666;
}
.serviceEnter .serviceEnterFile p a {
  color: #397ecd;
  margin-left: 15px;
}
.serviceEnter .ant-table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.serviceEnter .ant-table .ant-table-body table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.serviceEnter .ant-table .ant-table-body table .ant-table-thead th {
  text-align: center;
  width: 33.333%;
  background-color: #b6bdc4;
  font-size: 14px;
  color: #fff;
}
.serviceEnter .ant-table .ant-table-body table .ant-table-tbody td {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.serviceEnter .servicEnterAdd {
  padding: 20px 15px;
  background-color: #f7f7f7;
  font-size: 14px;
  color: #666;
}
.serviceEnter .servicEnterAdd p {
  margin-bottom: 10px;
}
.serviceEnter .servicEnterAdd span {
  line-height: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile {
  margin-top: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p {
  margin-bottom: 10px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p a {
  color: #397ecd;
  margin-left: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p:last-child {
  margin-bottom: 0;
}
.serviceEnter .enterFwxyUser {
  margin-top: 15px;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo {
  margin-bottom: 10px;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo p {
  display: inline-block;
  line-height: 36px;
  vertical-align: middle;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo p:first-child {
  width: 56px;
  text-align: right;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo input {
  width: 180px;
  height: 36px;
  vertical-align: middle;
  border: 1px solid #ccc;
  padding: 0 10px;
}
.examineRefund {
  text-align: center;
  padding-top: 20px;
}
.examineRefund p {
  font-size: 16px;
  color: #999;
  width: 80%;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 30px;
}
.examineRefund span {
  color: #333;
}
.examineRefund .refundPrice span {
  color: #397ecd;
  font-size: 30px;
}
.examineRefund .refundPriceSpan {
  position: relative;
  height: 100%;
}
.examineRefund .refundPriceSpan p:first-child {
  display: inline-block;
  color: #999;
  width: 30%;
  height: 100%;
}
.examineRefund .refundPriceSpan p:last-child {
  width: 70%;
  height: 100%;
  color: #333;
  text-align: justify;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 80px;
}
.examineRefund .refundBtnGroup {
  padding-top: 30px;
  padding-bottom: 50px;
}
.examineRefund .refundBtnGroup a {
  width: 120px;
  text-align: center;
  border: 1px solid #397ecd;
  font-size: 14px;
  display: inline-block;
  margin: 0 15px;
  padding: 6.5px 0;
  transition: all 0.3s;
}
.examineRefund .refundBtnGroup a:first-child {
  background-color: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}
.examineRefund .refundBtnGroup a:last-child {
  color: #397ecd;
}
.examineRefund .refundBtnGroup a:first-child:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.examineRefund .refundBtnGroup a:last-child:hover {
  background-color: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}
.submitValid {
  overflow: hidden;
  top: 30px !important;
}
.submitValid .ant-modal-body {
  padding: 0;
  font-size: 14px;
}
.submitValid .ant-modal-body .submitLeft {
  height: 778px;
  width: 660px;
  float: left;
  border-right: 1px solid #e9e9e9;
  padding: 20px 30px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList {
  overflow-y: auto;
  height: 625px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle {
  border-bottom: 1px dashed #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil {
  overflow: hidden;
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil span {
  float: left;
  display: inline-block;
  color: #333;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil a {
  float: right;
  color: #397ecd;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil a i {
  margin-right: 10px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput {
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput span {
  color: #999;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput .ant-input {
  height: 36px;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="text"],
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="number"] {
  width: 120px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  padding: 6.5px 10px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="text"]:focus,
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="number"]:focus {
  background-color: #fff;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput i {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  margin-left: 10px;
  font-style: normal;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitSel {
  position: relative;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitSel .ant-select span {
  margin-right: 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn {
  color: #999;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList {
  margin-top: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList p {
  margin-bottom: 10px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList p a {
  color: #397ecd;
  margin-left: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList p:last-child {
  margin-bottom: 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle textarea {
  width: 100%;
  padding: 10px;
  height: 72px;
  resize: none;
  border: 1px solid #ccc;
}
.submitValid .ant-modal-body .submitLeft .submitAddBtn {
  font-size: 14px;
  color: #397ecd;
  display: block;
  margin-bottom: 50px;
}
.submitValid .ant-modal-body .submitLeft .submitAddBtn i {
  margin-right: 10px;
  font-size: 15px;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup {
  text-align: center;
  margin-bottom: 10px;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a {
  width: 120px;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  border: 1px solid transparent;
  padding: 6.5px 0;
  font-size: 14px;
  transition: all 0.3s;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:first-child {
  color: #fff;
  background-color: #397ecd;
  border-color: #397ecd;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:first-child:hover {
  background-color: #5193de;
  border-color: #5193de;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:last-child {
  color: #333;
  border: 1px solid #999;
  background-color: #fff;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:last-child:hover {
  color: #fff;
  border-color: #333;
  background-color: #333;
}
.submitValid .ant-modal-body .submitRight {
  padding: 20px 30px 20px 20px;
  float: left;
  width: 460px;
  font-size: 14px;
}
.submitValid .ant-modal-body .submitRight .submitWzTil {
  color: #333;
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitRight .submitList {
  height: 640px;
  overflow-y: auto;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle {
  padding-bottom: 20px;
  border-bottom: 1px dashed #e2e2e2;
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem {
  margin-bottom: 10px;
  overflow: hidden;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem p {
  display: inline-block;
  color: #999;
  float: left;
  width: 18%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem span {
  color: #666;
  float: left;
  width: 75%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitItemMainColor {
  color: #397ecd;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitListFiles {
  float: left;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitListFiles p {
  display: block;
  margin-bottom: 10px;
  width: 80%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitListFiles p a {
  display: inline-block;
  margin-left: 10px;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListIsOver p {
  width: 25%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem:last-child {
  margin-bottom: 0;
}
.detailModal,
.applyOpenModal {
  top: 30px !important;
}
.invoiceModal .invoiceModalItem {
  color: #999;
  font-size: 14px;
  margin-bottom: 20px;
}
.invoiceModal .invoiceModalItem span {
  vertical-align: middle;
}
.invoiceModal .invoiceModalItem p {
  display: inline-block;
  color: #666;
  vertical-align: middle;
}
.invoiceModal .invoiceModalItem .invoiceModalPrice {
  font-size: 30px;
  color: #397ecd;
}
.invoiceModal .invoiceModalItem .invoiceMainColor {
  color: #397ecd;
}
.invoiceModal .invoiceCard {
  margin-bottom: 20px;
  overflow: hidden;
}
.invoiceModal .invoiceCard .invoiceCardSingle {
  width: 300px;
  height: 230px;
  padding: 0 12px;
  color: #fff;
  font-size: 14px;
  float: left;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.invoiceModal .invoiceCard .invoiceCardSingle .invoiceCardTil {
  padding-left: 13px;
  padding-top: 10px;
  padding-bottom: 12px;
  margin-right: 85px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #a9b7c7;
}
.invoiceModal .invoiceCard .invoiceCardSingle .invoiceCardInfo {
  margin-bottom: 5px;
  padding-left: 13px;
}
.invoiceModal .invoiceCard .invoiceCardSingle .invoiceCardInfo p {
  display: inline-block;
  width: 70px;
  text-align: right;
}
.invoiceModal .invoiceCard .invoiceCardOne {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/invoiceModalBg1.png") no-repeat;
  margin-right: 40px;
}
.invoiceModal .invoiceCard .invoiceCardTwo {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/invoiceModalBg2.png") no-repeat;
}
.invoiceModal .invoiceCard .invoiceCardTwo .invoiceCardTil {
  border-bottom: 1px dashed #aac7ea;
}
.invoiceModal .invoiceCard .invoiceCardTwo .invoiceCardInfo p {
  display: inline-block;
  width: auto;
  text-align: inherit;
}
.invoiceModal .invoiceBtnGroup {
  margin-bottom: 44px;
}
.invoiceModal .invoiceBtnGroup a {
  min-width: 120px;
  text-align: center;
  display: inline-block;
  padding: 6.5px 0;
  border: 1px solid transparent;
  transition: all 0.3s;
  font-size: 14px;
}
.invoiceModal .invoiceBtnGroup a:first-child {
  background-color: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
  margin-right: 30px;
}
.invoiceModal .invoiceBtnGroup a:first-child:hover {
  border-color: #5193de;
  background-color: #5193de;
}
.invoiceModal .invoiceBtnGroup a:last-child {
  border: 1px solid #333;
  color: #333;
  background-color: #fff;
}
.invoiceModal .invoiceBtnGroup a:last-child:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}
.invoiceModal .invoiceBtnGroup .invoicePayBtn {
  width: 150px;
}
.collectCancleBtn {
  width: 100px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  background-color: #397ecd;
  display: inline-block;
  transition: all 0.3s;
}
.collectCancleBtn:hover {
  color: #fff;
  background-color: #5193de;
}
.applyRejectModal .applyRejectCon {
  text-align: center;
  padding: 30px 0;
}
.applyRejectModal .applyRejectCon p {
  font-size: 14px;
  color: #333;
}
.applyRejectModal .applyRejectCon .applyRejectBtns {
  margin-top: 50px;
}
.applyRejectModal .applyRejectCon .applyRejectBtns a {
  width: 130px;
  height: 36px;
  line-height: 36px;
  border: 1px solid transparent;
  text-align: center;
  display: inline-block;
  margin-right: 30px;
}
.applyRejectModal .applyRejectCon .applyRejectBtns a:first-child {
  background-color: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
}
.applyRejectModal .applyRejectCon .applyRejectBtns a:last-child {
  margin-right: 0;
  border: 1px solid #333;
  color: #333;
  background-color: #fff;
}
.enterBcxy .enterBcxyCon .enterBcxySingle {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyTil {
  color: #333;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles {
  margin-top: 10px;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles .fileBox .fileName {
  float: left;
  display: block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles .fileBox a {
  float: left;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns {
  text-align: center;
  margin-top: 50px;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a {
  display: inline-block;
  margin: 20px;
  width: 80px;
  padding: 7.5px 0;
  color: #fff;
  background-color: #397ecd;
  text-align: center;
  font-size: 14px;
  border: 1px solid #397ecd;
  transition: all 0.3s;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:last-child {
  color: #397ecd;
  background-color: #fff;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:last-child:hover {
  color: #fff;
  background-color: #397ecd;
}
.enterBcxy .enterBcxyCon .enterBcxyNull {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.titleStyle {
  font-size: 22px;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.descStyle {
  text-align: center;
  margin-bottom: 15px;
}
.btnStyle {
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  background: #169bd5;
  color: #fff;
}
.write {
  vertical-align: top;
  margin-left: 6px;
}
.AllWriteMain .topMain {
  border-bottom: 1px dashed #ccc;
}
.AllWriteMain .topMain .imgBox {
  width: 12px;
  height: 11px;
}
.AllWriteMain .topMain .imgBox .imgs {
  width: 100%;
  height: 100%;
}
.AllWriteMain .topMain .bot {
  margin-bottom: 10px;
}
.AllWriteMain .topMain .bot .boxs {
  width: 650px;
  line-height: 20px;
}
.AllWriteMain .topMain .bot .boxs .timeBox {
  background-color: #eee;
}
.AllWriteMain .topMain .bot .boxs .timeBox,
.AllWriteMain .topMain .bot .boxs .timeBoxs {
  display: inline-block;
  width: 210px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 6px;
}
.AllWriteMain .topMain .box {
  overflow: auto;
  width: 650px;
  height: 160px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.AllWriteMain .bottomMain .box {
  overflow: auto;
  width: 650px;
  height: 160px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.fileNames {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messageCon {
  background-color: #fff;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.messageCon .basicMainTil {
  padding: 20px 25px;
}
.messageCon .basicMainTil .basicTilLine {
  width: 4px;
  height: 26px;
  display: inline-block;
  background-color: #3377c4;
  vertical-align: middle;
  margin-right: 15px;
}
.messageCon .basicMainTil .basicTilWz {
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.messageCon .basicMainTil .basicTilPrompt {
  color: #ef7c00;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.messageCon .mainTabs {
  margin: 0 25px;
}
.messageCon .mainTabs .ant-tabs-bar {
  padding-left: 20px;
  background-color: #fbfbfb;
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container {
  padding-left: 10px;
  border-bottom: 1px solid #e8e8e8;
  margin-right: 20px;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
  padding: 15px 0 10px 0;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab-active {
  color: #397ecd;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #397ecd;
}
.messageCon .mainTabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab:hover {
  color: #397ecd;
}
.messageCon .mainTabs .messageHandle {
  padding-bottom: 25px;
  border-bottom: 1px solid #e1e0e0;
}
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input {
  font-size: 14px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #666;
}
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input .ant-calendar-range-picker-separator {
  line-height: 25px;
}
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input:hover,
.messageCon .mainTabs .messageHandle .ant-calendar-picker-input:focus {
  border-color: #ccc;
}
.messageCon .mainTabs .messageHandle .messageSearchInput {
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  width: 170px;
  height: 36px;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 10px;
  color: #999;
}
.messageCon .mainTabs .messageHandle a {
  width: 80px;
  padding: 6px 0;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  margin-right: 20px;
  border: 1px solid transparent;
  vertical-align: middle;
}
.messageCon .mainTabs .messageHandle a:last-child {
  margin-right: 0;
}
.messageCon .mainTabs .messageHandle .messageSearch {
  background: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
  transition: all 0.3s;
}
.messageCon .mainTabs .messageHandle .messageSearch:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.messageCon .mainTabs .messageHandle .messageDel {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  color: #397ecd;
}
.messageCon .mainTabs .allMessage {
  margin-bottom: 20px;
}
.messageCon .mainTabs .pagesCon {
  float: right;
  margin-bottom: 5px;
}
.messageCon .mainTabs .messageWz {
  padding: 20px 0;
  border-bottom: 1px solid #e1e0e0;
  overflow: hidden;
}
.messageCon .mainTabs .messageWz .messageWzTil {
  overflow: hidden;
}
.messageCon .mainTabs .messageWz .messageWzTil p {
  display: inline-block;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzName {
  font-size: 16px;
  color: #333;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzDate {
  float: right;
  height: 24px;
  line-height: 24px;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzDate i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  color: #d8d8d9;
}
.messageCon .mainTabs .messageWz .messageWzTil .messageWzDate span {
  color: #999;
  vertical-align: middle;
}
.messageCon .mainTabs .messageWz .messageWzCon {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 14px;
  height: 100px;
  overflow: hidden;
}
.messageCon .mainTabs .messageWz .messageWzConViewMore {
  height: auto !important;
}
.messageCon .mainTabs .messageWz .messageMoreBtn {
  color: #fff;
  font-size: 14px;
  float: right;
  padding: 5px 10px;
  background: #397ecd;
  margin: 0 5px 0 0;
}

.head_banner {
  background: #ffffff;
  min-width: 1200px;
  padding: 52px 0px;
}
.head_banner .banner {
  width: 706px;
  margin: auto;
  position: relative;
}
.head_banner .banner .search-box {
  width: 706px;
}
.head_banner .banner .search-box .search_input {
  height: 49px;
  border: 1px solid #3664FF;
  padding-left: 15px;
  font-size: 12px;
  color: #7C7C7C;
}
.head_banner .banner .search-box .ant-input-group-addon {
  background-color: #3664FF !important;
  border: 1px solid #3664FF;
  padding: 0 2px;
  height: 47px;
}
.head_banner .banner .search-box .ant-input-group-addon .search_btn {
  padding: 10px;
  color: #fff;
  cursor: pointer;
}
.head_banner .banner .search-box .select_box {
  text-align: left;
  border-radius: 4px;
  color: #7C7C7C;
  width: 706px;
  position: absolute;
  z-index: 1;
}
.head_banner .banner .search-box .select_box .select_item {
  background: #fff;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  cursor: pointer;
}
.head_banner .banner .search-box .select_box .select_item:hover {
  background: #3664FF;
  color: #ffffff;
}
.head_banner .banner .search_hot {
  position: absolute;
  top: 0px;
  left: 15px;
  line-height: 47px;
}
.head_banner .banner .search_hot span {
  font-size: 12px;
}
.head_banner .banner .search_hot .keywords {
  padding: 2px 6px;
  background: #F1F1F1;
  margin-left: 8px;
}
.head_banner .banner .search_hot .keywords a {
  color: #666666;
  font-size: 12px;
}
.head_banner .banner .text-wrap-text3 {
  position: absolute;
  bottom: -52px;
  left: 740px;
  width: 80px;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/robot.png") no-repeat;
}
.head_banner .banner .text-wrap-text1 {
  position: absolute;
  top: 0px;
  left: -250px;
  width: 200px;
  height: 50px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/banner.png") no-repeat;
}

.industrial_design {
  padding: 0 0 58px;
}
.industrial_design .section_gysj {
  overflow: hidden;
}
.industrial_design .section_gysj .gysj_warp {
  height: 531px;
}
.industrial_design .section_gysj .gysj_zt_banner {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/gysj_zt_banner.png");
  width: 240px;
  height: 530px;
  color: #ffffff;
  padding: 30px 24px 36px 28px;
  position: relative;
  overflow: hidden;
}
.industrial_design .section_gysj .gysj_zt_banner h2 {
  color: #ffffff;
  width: 144px;
  line-height: 36px;
}
.industrial_design .section_gysj .gysj_zt_banner p {
  padding: 20px 0 68px 0;
  font-weight: 300;
  color: #f3f3f3;
  line-height: 24px;
}
.industrial_design .section_gysj .gysj_zt_banner .sjbj div {
  padding: 10px 16px;
  color: #ffffff;
  cursor: pointer;
  width: 120px;
  height: 40px;
  background: #464646;
  border: 1px solid #979797;
}
.industrial_design .section_gysj .gysj_zt_banner .sjbj div:hover {
  background: #F40B0B;
  border: 1px solid #F40B0B;
}
.industrial_design .section_gysj .gysj_zt_banner .gysjpd {
  color: #ffffff;
  padding-top: 30px;
  display: inline-block;
}
.industrial_design .section_gysj .gysj_zt_banner .gysjpd:hover {
  color: #F40B0B;
}
.industrial_design .section_gysj .caseList .block .gysj_ty_case_hover {
  display: none;
}
.industrial_design .section_gysj .caseList .block:hover {
  padding: 0px;
}
.industrial_design .section_gysj .caseList .block:hover .box {
  width: 240px;
}
.industrial_design .section_gysj .caseList .block:hover .box img {
  width: 240px;
  height: 230px;
}
.industrial_design .section_gysj .caseList .block:hover .box .title {
  display: none;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 240px;
  height: 230px;
  display: flex;
  text-align: left;
  padding: 34px 30px 50px 30px ;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box {
  color: #ffffff;
  width: 180px;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box h3 {
  color: #ffffff;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box div,
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box h3 {
  padding: 10px 0;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box .assess {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box .assess a {
  color: #F40B0B;
}
.industrial_design .section_gysj .caseList .block:hover .gysj_ty_case_hover .hover_box .moreCase {
  width: 118px;
  height: 40px;
  border: 1px solid #e6e6e6;
  color: #fff;
  padding: 12px 16px;
}
.industrial_design .section_gysj_ty {
  color: #ffffff;
  overflow: hidden;
}
.industrial_design .section_gysj_ty .gysj_warp {
  height: 512px;
}
.industrial_design .section_gysj_ty .ty_banner {
  color: #ffffff;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/gysj_ty_banner.png") no-repeat;
  width: 240px;
  height: 512px;
}
.industrial_design .section_gysj_ty .calculate {
  padding-top: 54px;
  text-align: center;
}
.industrial_design .section_gysj_ty .calculate .text {
  color: #666666;
}
.industrial_design .section_gysj_ty .calculate .ant-btn {
  margin-top: 14px;
  color: #fff;
  border: 1px solid #f40b0b;
  background: transparent;
  border-radius: 0px;
  width: 120px;
  height: 40px;
  line-height: 40px;
}
.industrial_design .section_gysj_ty .calculate .ant-btn:hover {
  background: #F40B0B;
}
.industrial_design .section_gysj_ty .calculate .ant-btn:hover a {
  color: #fff;
}
.industrial_design .section_gysj_ty .calculate .ant-btn a {
  color: #f40b0b;
}

.mind_make {
  padding: 0 0 58px;
}
.mind_make .section_jjfa {
  text-align: center;
}
.mind_make .section_jjfa_ty .jjfa_warp {
  height: 540px;
}
.mind_make .section_jjfa_ty .ty_banner {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/znzz_ty_banner.png") no-repeat;
  width: 240px;
  height: 540px;
}
.mind_make .section_jjfa_ty .ty_banner .ant-btn {
  margin-top: 36px;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 0px;
  width: 120px;
  height: 40px;
  line-height: 40px;
}
.mind_make .section_jjfa_ty .ty_banner .ant-btn:hover {
  background: #fff;
  color: #000;
}
.mind_make .section_jjfa_ty .proMakeList .fws {
  width: 240px;
  height: 240px;
}

.pro_make {
  padding: 0 0 58px;
}
.pro_make .section_sczz_ty {
  overflow: hidden;
}
.pro_make .section_sczz_ty .sczz_warp {
  height: 530px;
}
.pro_make .section_sczz_ty .ty_banner {
  color: #ffffff;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/sczz_ty_banner.png") no-repeat;
  width: 240px;
  height: 530px;
}

.device_share {
  padding: 0 0 58px;
}
.device_share .section_yjfw .yjfw_List {
  background: #ffffff;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.device_share .section_yjfw .yjfw_List .deviceList {
  width: 960px;
}
.device_share .section_yjfw .yjfw_List .block_warp {
  width: 240px;
  border: 1px solid #E3E3E3;
}
.device_share .section_yjfw .yjfw_List .block_warp .block {
  padding: 20px;
  text-align: left;
}
.device_share .section_yjfw .yjfw_List .block_warp .block a {
  color: #666666;
}
.device_share .section_yjfw .yjfw_List .block_warp .block h4 a {
  color: #333333;
}
.device_share .section_yjfw .yjfw_List .block_warp .block:hover h4 a {
  color: #F40B0B;
}
.device_share .section_yjfw .yjfw_List .block_warp .block:nth-child(1),
.device_share .section_yjfw .yjfw_List .block_warp .block:nth-child(2) {
  border-bottom: 1px solid #E3E3E3;
}
.device_share .section_yjfw .yjfw_List .block_warp .block img {
  float: left;
  margin: 4px 14px 0 0;
}
.device_share .section_yjfw .yjfw_List .block_warp h4 {
  line-height: 18px;
}
.device_share .section_yjfw .yjfw_List .block_warp p {
  color: #666666;
  font-size: 12px;
  display: inline-block;
  padding-right: 8px;
}
.device_share .section_yjfw_ty .yjfw_ty_warp {
  overflow: hidden;
  height: 490px;
}
.device_share .section_yjfw_ty .yjfw_ty_warp .jjfa_ty_sb {
  width: 960px;
  float: right;
}
.device_share .section_yjfw_ty .yjfw_ty_warp .jjfa_ty_sb .newDeviceList2 {
  width: 240px;
  display: flex;
  border: 1px solid #e6e6e6;
}
.device_share .section_yjfw_ty .yjfw_ty_warp .jjfa_ty_sb .newDeviceList2:hover {
  border: 1px solid #F40B0B;
}
.device_share .section_yjfw_ty .yjfw_ty_warp .jjfa_ty_sb .newDeviceList2:hover .more {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/mores.png") no-repeat center center;
}
.device_share .section_yjfw_ty .yjfw_ty_warp .jjfa_ty_sb .newDeviceList2 .more {
  width: 51px;
  height: 51px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/more.png") no-repeat center center;
  background-size: contain;
  margin: auto;
  position: relative;
}
.device_share .section_yjfw_ty .yjfw_ty_warp .jjfa_ty_sb .newDeviceList2 .more span {
  position: absolute;
  top: 72px;
  left: -22px;
  color: #000;
  border: 0px;
  width: 100px;
}

.brand_market {
  padding: 0 0 58px;
}
.brand_market .section_ppwc_ty .top_block {
  display: flex;
  justify-content: start;
}

.humi_college {
  padding: 0 0 58px;
}
.humi_college .section_zjkt .newSlick {
  margin-top: 20px;
  height: 180px;
}
.humi_college .section_zjkt .newSlick .slick-list {
  height: 180px;
}
.humi_college .section_zjkt .newSlick img {
  width: 1200px;
  height: 180px;
}
.humi_college .section_zjkt_ty .zjkt_block {
  height: 604px;
}
.humi_college .section_zjkt_ty .zjkt_block .box_left {
  width: 240px;
  height: 604px;
  float: left;
  position: relative;
}
.humi_college .section_zjkt_ty .zjkt_block .box_left .expert {
  position: absolute;
  bottom: 0px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  margin-top: -5px;
  padding: 20px 25px 20px 30px;
}
.humi_college .section_zjkt_ty .zjkt_block .box_left .expert h3 {
  color: #ffffff;
}
.humi_college .section_zjkt_ty .zjkt_block .box_left .expert p {
  line-height: 18px;
  padding-top: 12px;
}
.humi_college .section_zjkt_ty .zjkt_block .box_right {
  float: left;
  width: 960px;
}

.enterprise_service {
  padding: 0 0 58px;
}
.enterprise_service .section_smzq .smzq_contain {
  width: 1200px;
  height: 393px;
  background: #ffffff;
  overflow: hidden;
  border: 1px solid #E3E3E3;
  box-shadow: 0px 4px 18px 0px rgba(209, 209, 209, 0.17);
}
.enterprise_service .section_smzq .smzq_contain .block_left {
  width: 780px;
  padding: 32px 42px;
  border-right: 1px solid #E3E3E3;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_top {
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_top .left_block {
  width: 695px;
  height: 166px;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_top .left_block h3 {
  padding-bottom: 12px;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_top .left_block p {
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_top .left_block .newBtn {
  margin-top: 30px;
  height: 30px;
  margin-bottom: 10px;
  text-align: left;
  position: absolute;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_top .left_block .newBtn span {
  background: #EE3F26;
  color: #ffffff;
  padding: 7px 22px;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_bottom .moreServer {
  padding: 13px 0;
  border-top: 1px dotted #D1D1D1;
  font-weight: 600;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_bottom .more {
  display: flex;
  justify-content: space-between;
}
.enterprise_service .section_smzq .smzq_contain .block_left .block_left_bottom .more img {
  width: 166px;
  height: 94px;
}
.enterprise_service .section_smzq .smzq_contain .block_right {
  position: relative;
  padding: 32px 45px;
  width: 418px;
  height: 393px;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info {
  overflow: hidden;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_logo {
  height: 77px;
  width: 77px;
  float: left;
  margin-right: 20px;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_title h3 {
  width: 195px;
  margin: 11px 0 19px 0;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_title div {
  overflow: hidden;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_title div span {
  float: left;
  color: #808080;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_title div img {
  float: right;
  width: 32px;
  height: 16px;
  margin-right: 10px;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_title .grade {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/lv.png") no-repeat;
  height: 16px;
  width: 32px;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block .service_info .service_title .grade span {
  color: #ffffff;
  font-size: 9px;
  text-align: right;
  width: 32px;
  margin-top: -2px;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block h4 {
  margin: 35px 0 15px 0 ;
}
.enterprise_service .section_smzq .smzq_contain .block_right .service_block p {
  color: #7C7C7C;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.enterprise_service .section_smzq .smzq_contain .block_right .direction {
  border: 1px solid #e3e3e3;
  width: 74px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  bottom: 32px;
}
.enterprise_service .section_smzq .smzq_contain .block_right .direction .prev,
.enterprise_service .section_smzq .smzq_contain .block_right .direction .next {
  width: 36px;
  height: 24px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.enterprise_service .section_smzq .smzq_contain .block_right .direction .prev .anticon,
.enterprise_service .section_smzq .smzq_contain .block_right .direction .next .anticon {
  color: #B6B6B6;
  font-weight: 600;
}
.enterprise_service .section_smzq .smzq_contain .block_right .direction .prev .anticon:hover,
.enterprise_service .section_smzq .smzq_contain .block_right .direction .next .anticon:hover {
  color: #F40B0B;
}
.enterprise_service .section_smzq .smzq_contain .block_right .direction .prev {
  border-right: 1px solid #e3e3e3;
}
.enterprise_service .section_smzq_ty {
  margin: 20px auto 40px;
}
.enterprise_service .section_smzq_ty .smzq_banner {
  position: relative;
  color: #ffffff;
  padding: 36px 24px 55px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/qyfw_ty_bnnner.png") no-repeat;
  width: 240px;
  height: 388px;
}
.enterprise_service .section_smzq_ty .smzq_banner h2 {
  color: #ffffff;
  line-height: 36px;
}
.enterprise_service .section_smzq_ty .smzq_banner .newTags {
  margin-top: 20px;
  justify-content: start;
}
.enterprise_service .section_smzq_ty .smzq_banner .newTags .tag {
  color: #FFFEFE;
  margin-bottom: 8px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.enterprise_service .section_smzq_ty .smzq_banner .newTags .tag:hover {
  background: #fff;
  color: #000;
}
.enterprise_service .section_smzq_ty .smzq_banner p {
  line-height: 14px;
  color: #e2e2e2;
}
.enterprise_service .section_smzq_ty .smzq_banner .p1 {
  margin: 20px 0 12px 0;
}
.enterprise_service .section_smzq_ty .smzq_banner .ant-btn {
  position: absolute;
  bottom: 60px;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 0px;
  width: 120px;
  height: 40px;
  line-height: 40px;
}
.enterprise_service .section_smzq_ty .smzq_banner .ant-btn:hover {
  background: #fff;
  color: #000;
}
.enterprise_service .section_smzq_ty .left_block {
  display: flex;
  justify-content: start;
  flex-flow: wrap;
  width: 960px;
}
.enterprise_service .section_smzq_ty .left_block .box_style {
  width: 480px;
  height: 195px;
  background: #fff;
  border: 1px solid #dcdcdc;
  padding: 30px 55px;
  overflow: hidden;
}
.enterprise_service .section_smzq_ty .left_block .box_style .text {
  width: 165px;
  position: absolute;
  height: 134px;
}
.enterprise_service .section_smzq_ty .left_block .box_style .text h3 {
  margin-bottom: 15px;
  line-height: 18px;
}
.enterprise_service .section_smzq_ty .left_block .box_style .text p {
  line-height: 17px;
  width: 180px;
}
.enterprise_service .section_smzq_ty .left_block .box_style .text .learn {
  position: absolute;
  bottom: 0px;
  width: 120px;
  height: 40px;
  background: transparent;
  color: #f40b0b;
  line-height: 20px;
  padding: 10px 30px;
  margin-top: 32px;
  border: 1px solid #f40b0b;
}
.enterprise_service .section_smzq_ty .left_block .box_style .text .learn:hover {
  background: #F40B0B;
  color: #FFFFFF;
}
.enterprise_service .section_smzq_ty .left_block .box_style .newSlick {
  width: 131px;
  float: right;
  margin-right: 10px;
}

.speciesList .pub-color {
  color: #3664FF !important;
}
.speciesList .about-news {
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .facilitator {
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .case {
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .resolve {
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .course {
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .facility {
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .industrycyl {
  overflow: hidden;
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .industrycyl .firm {
  display: block;
  float: left;
  position: relative;
  font-family: PingFang SC;
  width: 600px;
  height: 181px;
  background: #fffefe;
  border: 1px solid #e3e3e3;
}
.speciesList .industrycyl .firm:hover {
  border: 1px solid #3664FF;
}
.speciesList .industrycyl .firm .clt-title {
  position: absolute;
  top: 35px;
  left: 29px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.speciesList .industrycyl .firm .clt-subhead {
  position: absolute;
  top: 64px;
  left: 29px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.speciesList .industrycyl .firm .clt-pub {
  position: absolute;
  top: 109px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 26px;
}
.speciesList .industrycyl .firm .clt-inpub {
  position: absolute;
  top: 136px;
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  line-height: 26px;
}
.speciesList .industrycyl .firm .clt-time {
  position: absolute;
  left: 29px;
}
.speciesList .industrycyl .firm .clt-capital {
  position: absolute;
  left: 168px;
}
.speciesList .industrycyl .firm .clt-area {
  position: absolute;
  left: 284px;
}
.speciesList .industrycyl .firm .cotcol {
  color: #333333 !important;
}
.speciesList .industrycyl .firm .clt-contact {
  position: absolute;
  top: 33px;
  right: 33px;
  width: 120px;
  height: 40px;
  background: #3366ff;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.speciesList .industrycyl .firm .pub-huax {
  position: absolute;
  right: 65px;
  font-size: 14px;
  font-weight: 400;
  color: #3366ff;
}
.speciesList .industrycyl .firm .clt-portrayal {
  position: absolute;
  top: 100px;
}
.speciesList .industrycyl .firm .clt-report {
  position: absolute;
  top: 135px;
}
.speciesList .tools {
  display: flex;
  width: 1200px;
  margin: auto;
  padding: 30px 0;
  background: linear-gradient(180deg, #f6f7fb 0%, #ffffff 100%);
}
.speciesList .tools .box {
  width: 600px;
  height: 192px;
  background: #ffffff;
  border: 1px solid #e3e3e3;
  padding: 33px;
  position: relative;
}
.speciesList .tools .box:hover {
  border: 1px solid #3664FF;
}
.speciesList .tools .box img {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
}
.speciesList .tools h3:after {
  content: url("https://360humi-public-obs.360humi.com/localImg/images/searchOut/three_tool_info.png");
  width: 40px;
  height: 20px;
  padding-left: 10px;
}
.speciesList .tools p {
  color: #666666;
  padding: 13px 0 40px 0;
}
.speciesList .tools .tags {
  padding: 12px 0 32px 0;
  justify-content: start;
}
.speciesList .tools .btns {
  background: transparent;
  border-color: #3664FF;
  width: 120px;
  height: 40px;
  border-radius: 0px;
}
.speciesList .tools .btns a {
  color: #3664FF;
}
.speciesList .tools .btns:hover {
  background: #3664FF;
}
.speciesList .tools .btns:hover a {
  color: #fff;
}
.speciesList .info_warp {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  flex-wrap: wrap;
}
.speciesList .info_warp .info.firstInfo {
  width: 800px;
  height: 188px;
  padding: 28px;
}
.speciesList .info_warp .omit2 {
  float: right;
}
.speciesList .info_warp .info {
  width: 600px;
  height: 188px;
  background: #fffefe;
  border: 1px solid #e3e3e3;
  padding: 32px 28px 28px 28px;
  overflow: hidden;
  position: relative;
}
.speciesList .info_warp .info:hover {
  border: 1px solid #3366FF;
}
.speciesList .info_warp .info .info_video {
  width: 230px;
  height: 130px;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}
.speciesList .info_warp .info .info_video img {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.speciesList .info_warp .info .fr_box {
  width: 472px;
}
.speciesList .info_warp .info p {
  color: #666666;
  line-height: 24px;
  padding: 12px 0 22px 0;
}
.speciesList .info_warp .info .f18 {
  line-height: 28px;
}
.speciesList .info_warp .info .label {
  margin: 12px 0 20px 0;
}
.speciesList .info_warp .info .label span {
  padding: 0 5px;
  height: 22px;
  color: #fff;
  background: linear-gradient(90deg, #f36d38 0%, #3366FF 100%);
}
.speciesList .info_warp .info .time {
  display: flex;
  color: #999999;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 23px;
  width: 344px;
}
.speciesList .info_warp .info .time .lastTime {
  width: 150px;
  min-width: 150px;
}
.speciesList .info_warp .omit-info {
  position: relative;
}
.speciesList .info_warp .omit-info .omit-img {
  position: absolute;
  width: 230px;
  height: 130px;
}
.speciesList .info_warp .omit-info .omit-box {
  position: absolute;
  height: 130px;
  left: 283px;
  width: 270px;
}
.speciesList .info_warp .omit-info .omit-tit {
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.speciesList .info_warp .omit-info .omit-gao {
  height: 40px;
  overflow: hidden;
}
.speciesList .info_warp .omit-info .omit-txt {
  padding: 0 11px;
  height: 22px;
  margin-top: 16px;
  margin-right: 10px;
  line-height: 22px;
  display: inline-block;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #fffefe;
  background: linear-gradient(90deg, #5f7af3 0%, #4b62dd 100%);
}
.speciesList .info_warp .omit-info .omit-time {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}
.speciesList .info_warp .omit-info .omit-sub {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}
.speciesList .mainList,
.speciesList .caseList,
.speciesList .proMakeList,
.speciesList .courseList,
.speciesList .deviceList {
  justify-content: start;
}

.three-classify .b-title {
  margin-top: 100px;
  font-size: 36px;
  text-align: center;
  color: #fff;
}
.three-classify .serchBg {
  padding-top: 60px;
  background: #242424;
  min-width: 1200px;
}
.three-classify .banner-wp {
  position: relative;
  padding-top: 1px;
  height: 353px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/_next/static/media/bg3.f4cb083c.png);
}
.three-classify .banner-wp .search-wp {
  display: flex;
  justify-content: center;
}
.three-classify .content {
  width: 60%;
  margin: 20px auto;
  min-height: 211px;
}
.three-classify .content .c-wrap {
  background-color: #fff;
}
.three-classify .content .load {
  min-height: 211px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.three-classify .content .c-title {
  position: relative;
  padding: 15px 20px;
  font-size: 14px;
  border-bottom: 1px solid #F6F6F6;
  font-weight: bold;
}
.three-classify .content .c-title::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  display: block;
  height: 17px;
  width: 4px;
  background-color: #f50000;
}
.three-classify .content .ant-pagination {
  text-align: right !important;
}
.three-classify .content .empty-wp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.three-classify .content .empty-wp > i {
  font-size: 40px;
}
.three-classify .content .keyword-list {
  padding: 30px 0 30px 30px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.three-classify .content .keyword-list a {
  margin-right: 10px;
  width: 13%;
  flex-shrink: 0;
  line-height: 2;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.three-classify .content .keyword-list > a:hover {
  color: #f50000;
}

.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 22px;
  margin: 12px 0;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
}
.selectModalCon .selectModalForm {
  text-align: center;
}
.selectModalCon .selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn {
  vertical-align: middle;
  display: inline-block;
  width: 349px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a {
  width: 83px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 14px;
  color: #b0b0b0;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.3s;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:first-child {
  margin-bottom: 10px;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:last-child {
  margin-right: 0;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn .selectTypeClick {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectPhoneTip {
  margin-bottom: 7px;
  display: none;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon {
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon p {
  color: #2cb278;
}
.selectModalCon .selectFormSubmit {
  width: 356px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: block;
  background-color: #397ecd;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  margin: 0 auto 34px auto;
}
.selectModalCon .selectFormSubmit:hover {
  background-color: #5193de;
}
.hn-modal .ant-modal-footer button:nth-child(1) {
  display: none;
}

.HumiCreateWeek {
  padding-top: 60px;
  width: 100%;
  background: #150081;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne {
  height: 848px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/createWeek/1.png") no-repeat 50% 50% / cover;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne .hcw_logoBox {
  position: relative;
  width: 1440px;
  height: 836px;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/w-compic/createWeek/2.png") no-repeat 50% 50% / cover;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne .hcw_logoBox img {
  position: absolute;
  top: 503px;
  left: 50%;
  margin-left: -475px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne .hcw_logoBox .submitBox {
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: -244px;
  width: 487px;
  box-sizing: border-box;
  padding: 6px;
  background: rgba(82, 6, 198, 0.35);
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne .hcw_logoBox .submitBox .ant-input,
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne .hcw_logoBox .submitBox .btn {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  border-radius: 0;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyOne .hcw_logoBox .submitBox .btn {
  display: inline-block;
  width: 168px;
  height: 46px;
  text-align: center;
  color: #fff;
  background-color: #ff1526;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo {
  width: 100%;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail {
  width: 1440px;
  margin: 0 auto;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .hcw_comBtn {
  display: block;
  width: 200px;
  height: 46px;
  line-height: 42px;
  color: #fff;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/w-compic/createWeek/btn1.png");
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .partTitle {
  display: block;
  margin: 0 auto;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail {
  width: 1200px;
  margin: 56px auto 120px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box {
  float: left;
  width: 596px;
  height: 923px;
  box-sizing: border-box;
  padding: 12px;
  background-color: #5206c6;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .hcw_comBtn {
  margin: 30px auto 0;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .top {
  width: 572px;
  height: 275px;
  box-sizing: border-box;
  padding: 31px 59px 0 50px;
  background-color: rgba(178, 27, 248, 0.34);
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .top p {
  font-size: 16px;
  color: #fff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .top p:nth-child(1) {
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .top p:nth-child(2) {
  margin: 20px 0;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .top p:nth-child(3) {
  text-align: center;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot {
  margin-top: 6px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot .childBox {
  float: left;
  width: 280px;
  height: 306px;
  box-sizing: border-box;
  padding: 94px 28px 25px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot .childBox .title {
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot .childBox .desc {
  width: 200px;
  margin: 28px 0 46px;
  font-size: 14px;
  color: #ffffff;
  text-align: justify;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot .childBox .btn {
  width: 224px;
  height: 37px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/createWeek/btn2.png");
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot .childBox:nth-child(2n-1) {
  margin-right: 11px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box .bot .childBox:nth-child(-n+2) {
  margin-bottom: 6px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) {
  margin-left: 8px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot {
  margin-top: 12px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox {
  display: block;
  width: 280px;
  height: 300px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox p:nth-child(1) {
  font-size: 18px;
  margin-top: 140px;
  font-weight: 900;
  color: #333333;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox p:nth-child(2) {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox p:nth-child(2) span {
  font-size: 16px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox p:nth-child(2) span:nth-child(1) {
  color: #ff8309;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox p:nth-child(2) span:nth-child(2) {
  font-weight: 400;
  color: #999;
  text-decoration: line-through;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox:hover {
  border: solid 1px #ff1526;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part1Detail .box:nth-child(2) .bot .childBox:nth-child(-n+2) {
  margin-bottom: 12px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail {
  width: 1428px;
  height: 614px;
  margin: 33px auto 0;
  background: url("https://360humi-public-obs.360humi.com/w-compic/createWeek/13.png") no-repeat 50% 50% / cover;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left {
  float: left;
  width: 710px;
  box-sizing: border-box;
  padding: 137px 0 0 190px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left h3 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 900;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left .desc,
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left .date {
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left .one {
  margin-top: 30px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left .date {
  font-weight: 900;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left .two {
  margin-top: 60px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_left .hcw_comBtn {
  margin-top: 48px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_right {
  float: right;
  width: 715px;
  box-sizing: border-box;
  padding: 98px 223px 0 65px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_right .box h3 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 900;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_right .box p {
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part2Detail .p2d_right .box:nth-child(1) {
  margin-bottom: 70px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail {
  width: 1200px;
  margin: 82px auto 115px;
  box-sizing: border-box;
  padding: 12px;
  background: rgba(82, 6, 198, 0.35);
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild {
  width: 1176px;
  height: 344px;
  box-sizing: border-box;
  padding: 19px 19px 20px 37px;
  border-radius: 12px;
  background-color: #5206c6;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_left {
  float: left;
  width: 480px;
  box-sizing: border-box;
  padding-top: 14px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_left h3 {
  font-size: 24px;
  font-weight: 900;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_left p {
  width: 444px;
  margin: 30px 0 49px;
  font-size: 16px;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_left .category {
  margin-top: 29px;
  font-size: 14px;
  color: #ffffff;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_right {
  float: right;
  width: 621px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_right img:nth-child(1) {
  margin-right: 19px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part3Detail .part3DetailChild .p3d_right img:last-child {
  margin-top: 16px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part4Detail {
  width: 1200px;
  margin: 66px auto 115px;
}
.HumiCreateWeek .hcw_createWeekBody .hcw_bodyTwo .hcw_detail .part4Detail img:nth-child(-n+3) {
  margin-right: 13px;
}

.humiImportantServer {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
  font-size: 14px;
  color: #666666;
}
.humiImportantServer .his_bodyBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 18px 0 40px;
}
.humiImportantServer .his_bodyBox .his_titleBox a {
  color: #666;
}
.humiImportantServer .his_bodyBox .his_topBox {
  margin: 20px 0;
  box-sizing: border-box;
  padding: 30px 29px 30px 29px;
  background: #fff;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topLeft {
  float: left;
  width: 620px;
  height: 358px;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topLeft img {
  width: 100%;
  height: 100%;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight {
  float: right;
  width: 470px;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_title {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_desc {
  margin: 15px 0 20px;
  color: #999999;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box {
  box-sizing: border-box;
  padding: 8px 0 30px;
  border-top: 1px solid #eeeeef;
  border-bottom: 1px solid #eeeeef;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_price span:nth-child(1) {
  margin: 0 20px 0 10px;
  font-size: 24px;
  font-weight: 600;
  color: #ff7919;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_price span:nth-child(2) {
  font-size: 16px;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_classify {
  margin: 18px 0 25px;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_classify span {
  display: inline-block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  margin: 0 10px;
  border: solid 1px #e3e3e3;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_classify .active {
  background: #fff6f1;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_btnBox a {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-right: 37px;
  border-radius: 4px;
  border: solid 1px #f40b0b;
  color: #f40b0b;
  text-align: center;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_Box .his_btnBox a:nth-child(2) {
  color: #fff;
  background-color: #f40b0b;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_server {
  margin-top: 18px;
}
.humiImportantServer .his_bodyBox .his_topBox .his_topRight .his_server span {
  overflow: hidden;
  display: inline-block;
  width: 80px;
  height: 46px;
  margin-right: 14px;
  box-sizing: border-box;
  padding: 6px 16px;
  font-size: 12px;
  text-align: center;
  color: #333333;
  background: url("https://360humi-public-obs.360humi.com/w-compic/brandmarketing/server1.png");
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft {
  float: left;
  width: 936px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike,
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail {
  background-color: #ffffff;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_comTitle,
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail .his_comTitle {
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding-left: 38px;
  border-bottom: 1px solid #f0f0f0;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike {
  height: 328px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe {
  box-sizing: border-box;
  padding: 24px 38px 0 38px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box {
  display: block;
  float: left;
  width: 200px;
  height: 212px;
  margin-right: 20px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box .his_img {
  height: 140px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box .his_img img {
  width: 100%;
  height: 100%;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box .his_bot {
  width: 100%;
  height: 72px;
  box-sizing: border-box;
  padding: 14px 19px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box .his_bot p:nth-child(1) {
  width: 162px;
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box .his_bot p:nth-child(2) {
  margin-top: 8px;
  font-size: 16px;
  color: #ff7919;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box:hover {
  box-shadow: 0px 10px 16px 0 #e3e3e3;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botLike .his_likeDe .his_box:last-child {
  margin-right: 0;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail {
  margin-top: 20px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail .his_debox {
  box-sizing: border-box;
  padding: 30px 45px 25px 39px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail .his_debox .his_flowBox {
  margin-bottom: 35px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail .his_debox .his_flowtitle {
  line-height: 2;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botLeft .his_botDetail .his_debox .his_flowdesc {
  line-height: 2.14;
  letter-spacing: 0.7px;
  color: #333333;
  text-align: justify;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight {
  float: right;
  width: 254px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_imgs {
  height: 430px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_imgs img {
  width: 100%;
  height: 100%;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer {
  margin-top: 20px;
  background: #fff;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotTitle {
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding-left: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox {
  box-sizing: border-box;
  padding: 24px 23px 20px 16px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox .his_box {
  display: block;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox .his_box .his_left {
  float: left;
  width: 100px;
  height: 70px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox .his_box .his_left img {
  width: 100%;
  height: 100%;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox .his_box .his_right {
  float: right;
  width: 104px;
  box-sizing: border-box;
  padding-top: 16px;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox .his_box .his_right p:nth-child(1) {
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiImportantServer .his_bodyBox .his_botBox .his_botRight .his_hotServer .his_hotBox .his_box .his_right p:nth-child(2) {
  color: #ff7919;
}

.humiFinance {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
.humiFinance .bannerBox {
  width: 100%;
  box-sizing: border-box;
  padding-top: 33px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/finance/banner.png') 50% 50% / cover no-repeat;
}
.humiFinance .bannerBox .banner {
  width: 1200px;
  height: 617px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 33px 62px 24px 60px;
  border-radius: 4px;
  background-color: #f8fafe;
}
.humiFinance .bannerBox .banner h2 {
  margin-bottom: 35px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1.5px;
  color: #333333;
}
.humiFinance .bannerBox .banner .descBox {
  width: 480px;
  margin: 20px auto 39px;
}
.humiFinance .bannerBox .banner .descBox .perNum,
.humiFinance .bannerBox .banner .descBox .desc {
  display: block;
  float: left;
  color: #666666;
}
.humiFinance .bannerBox .banner .descBox .desc {
  width: 280px;
}
.humiFinance .bannerBox .banner .descBox .desc .ant-carousel {
  width: 100%;
}
.humiFinance .bannerBox .banner .descBox .ant-carousel {
  overflow: hidden;
  height: 23px;
}
.humiFinance .bannerBox .banner .descBox .ant-carousel .slick-list {
  width: 460px !important;
  height: 23px;
}
.humiFinance .bannerBox .banner .descBox .ant-carousel .slick-list .slick-slide {
  width: 460px !important;
}
.humiFinance .bannerBox .banner .searchBox {
  width: 1078px;
  height: 58px;
  margin-bottom: 20px;
}
.humiFinance .bannerBox .banner .searchBox .ant-input {
  float: left;
  width: 863px;
  height: 58px;
  line-height: 58px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.humiFinance .bannerBox .banner .searchBox .ant-btn {
  float: right;
  width: 215px;
  height: 58px;
  line-height: 58px;
  border-radius: 0;
}
.humiFinance .bannerBox .banner .searchBox .ant-btn:hover {
  background-color: #e0611e;
}
.humiFinance .bannerBox .banner .scrollContent {
  width: 350px;
  height: 15px;
  margin: 0 auto 39px;
  background: pink;
}
.humiFinance .bannerBox .banner .topContent .box {
  float: left;
  width: 348px;
  height: 196px;
  margin-right: 16px;
  margin-bottom: 24px;
  box-sizing: border-box;
  padding: 26px 55px 24px 63px;
  border-radius: 4px;
  background-color: #ffffff;
}
.humiFinance .bannerBox .banner .topContent .box .titleBox {
  width: 110px;
  margin: 0 auto 15px;
}
.humiFinance .bannerBox .banner .topContent .box .titleBox span {
  margin-left: 8px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333333;
}
.humiFinance .bannerBox .banner .topContent .box .contentBox {
  width: 230px;
}
.humiFinance .bannerBox .banner .topContent .box .contentBox a,
.humiFinance .bannerBox .banner .topContent .box .contentBox span {
  display: inline-block;
  width: 50%;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.7px;
  color: #333333;
  cursor: pointer;
}
.humiFinance .bannerBox .banner .topContent .box .contentBox span:active {
  color: #fe6d20;
}
.humiFinance .bannerBox .banner .topContent .box .contentBox a:active {
  color: #fe6d20;
}
.humiFinance .bannerBox .banner .topContent .box:nth-child(2) .contentBox,
.humiFinance .bannerBox .banner .topContent .box:nth-child(3) .contentBox {
  width: 100%;
}
.humiFinance .bannerBox .banner .topContent .box:nth-child(2) .contentBox span:nth-child(2n-1),
.humiFinance .bannerBox .banner .topContent .box:nth-child(3) .contentBox span:nth-child(2n-1) {
  width: 50%;
  margin-left: 20px;
}
.humiFinance .bannerBox .banner .topContent .box:nth-child(2) .contentBox span:nth-child(2n),
.humiFinance .bannerBox .banner .topContent .box:nth-child(3) .contentBox span:nth-child(2n) {
  width: 30%;
  margin-left: 15px;
}
.humiFinance .bannerBox .banner .topContent .box:last-child {
  margin-right: 0;
}
.humiFinance .bannerBox .banner .botContent {
  width: 100%;
}
.humiFinance .bannerBox .banner .botContent .box:hover {
  margin-top: -4px;
}
.humiFinance .bannerBox .banner .botContent .box {
  display: block;
  float: left;
  width: 348px;
  height: 120px;
  box-sizing: border-box;
  padding: 23px 28px 17px 41px;
  margin-right: 16px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  cursor: pointer;
}
.humiFinance .bannerBox .banner .botContent .box .leftBox {
  float: left;
  width: 148px;
}
.humiFinance .bannerBox .banner .botContent .box .leftBox p:nth-child(1) {
  line-height: 20px;
  margin: 15px 0 13px 0;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333333;
}
.humiFinance .bannerBox .banner .botContent .box .leftBox p:nth-child(2) {
  line-height: 14px;
  font-size: 14px;
  letter-spacing: 0.7px;
}
.humiFinance .bannerBox .banner .botContent .box .rightBox {
  float: right;
}
.humiFinance .bannerBox .banner .botContent .box:last-child {
  margin-right: 0;
}
.humiFinance .bannerBox .banners {
  width: 1200px;
  height: 120px;
  margin: 17px auto 0;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/finance/banner1.png') 50% 50% / cover no-repeat;
}
.humiFinance .contentBox {
  width: 100%;
}
.humiFinance .contentBox .content {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 76px 0 46px;
}
.humiFinance .contentBox .content h2 {
  margin-bottom: 49px;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-align: center;
  color: #333333;
}
.humiFinance .contentBox .content .account {
  width: 100%;
  margin-bottom: 108px;
}
.humiFinance .contentBox .content .account .top {
  width: 100%;
  margin-bottom: 17px;
}
.humiFinance .contentBox .content .account .top .box:hover {
  margin-top: -4px;
}
.humiFinance .contentBox .content .account .top .box {
  display: block;
  float: left;
  width: 288px;
  height: 300px;
  margin-right: 16px;
  box-sizing: border-box;
  padding: 48px 23px 14px 39px;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  cursor: pointer;
}
.humiFinance .contentBox .content .account .top .box p:nth-child(1) {
  line-height: 20px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333333;
}
.humiFinance .contentBox .content .account .top .box p:nth-child(2) {
  line-height: 14px;
  margin: 13px 0 27px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #666666;
}
.humiFinance .contentBox .content .account .top .box p:nth-child(3) {
  line-height: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #fc9153;
}
.humiFinance .contentBox .content .account .top .box p:nth-child(3) span {
  margin-left: 8px;
  font-size: 16px;
  color: #fc9153;
}
.humiFinance .contentBox .content .account .top .box:nth-child(1) img {
  margin: 35px 0 0 70px;
}
.humiFinance .contentBox .content .account .top .box:nth-child(2) img {
  margin: 28px 0 0 70px;
}
.humiFinance .contentBox .content .account .top .box:nth-child(3) img {
  margin: 35px 0 0 70px;
}
.humiFinance .contentBox .content .account .top .box:last-child {
  margin-right: 0;
}
.humiFinance .contentBox .content .account .top .box:last-child img {
  margin: 0 0 0 110px;
}
.humiFinance .contentBox .content .account .bot {
  width: 100%;
}
.humiFinance .contentBox .content .account .bot .box:hover {
  margin-top: -4px;
}
.humiFinance .contentBox .content .account .bot .box {
  float: left;
  width: 389px;
  height: 140px;
  line-height: 140px;
  margin-right: 16px;
  border-radius: 4px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  cursor: pointer;
}
.humiFinance .contentBox .content .account .bot .box p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.9px;
  text-align: center;
  color: #ffffff;
}
.humiFinance .contentBox .content .account .bot .box:last-child {
  margin-right: 0;
}
.humiFinance .contentBox .content .finance {
  width: 100%;
  height: 356px;
  margin-bottom: 80px;
}
.humiFinance .contentBox .content .finance .left {
  float: left;
  width: 292px;
  height: 356px;
  box-sizing: border-box;
  padding: 32px 0 0 31px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/finance/fin1.png') 50% 50% / cover no-repeat;
}
.humiFinance .contentBox .content .finance .left p:nth-child(1) {
  line-height: 24px;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 1.2px;
  color: #ffffff;
}
.humiFinance .contentBox .content .finance .left p:nth-child(2) {
  margin: 15px 0 33px;
  line-height: 16px;
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #ffffff;
}
.humiFinance .contentBox .content .finance .left a {
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border: 1px solid #ffffff;
  text-align: center;
}
.humiFinance .contentBox .content .finance .left a:hover {
  color: #fe6d20;
  background-color: #ffffff;
}
.humiFinance .contentBox .content .finance .center {
  float: left;
  width: 552px;
}
.humiFinance .contentBox .content .finance .center .box:hover {
  box-shadow: 0 0 5px #fe6d20;
  z-index: 10;
}
.humiFinance .contentBox .content .finance .center .box {
  display: block;
  position: relative;
  float: left;
  width: 276px;
  height: 177px;
  box-sizing: border-box;
  padding: 28px 0 20px 35px;
  background: #fff;
}
.humiFinance .contentBox .content .finance .center .box p {
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333333;
}
.humiFinance .contentBox .content .finance .center .box p:nth-child(3) {
  line-height: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #fc9153;
}
.humiFinance .contentBox .content .finance .center .box p:nth-child(3) span {
  margin-left: 6px;
  font-size: 16px;
  color: #fc9153;
}
.humiFinance .contentBox .content .finance .center .box a {
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  margin-top: 15px;
  color: #fc9153;
  border: 1px solid #fc9153;
  text-align: center;
}
.humiFinance .contentBox .content .finance .center .box a:hover {
  color: #fff;
  background-color: #fc9153;
}
.humiFinance .contentBox .content .finance .center .box:nth-child(2n-1) {
  border-right: 1px solid #eee;
}
.humiFinance .contentBox .content .finance .center .box:nth-child(-n+2) {
  border-bottom: 1px solid #eee;
}
.humiFinance .contentBox .content .finance .right {
  float: right;
  cursor: pointer;
}
.humiFinance .contentBox .content .finance .right .box:hover {
  margin-top: -4px;
}
.humiFinance .contentBox .content .finance .right .box {
  width: 340px;
  height: 170px;
  line-height: 170px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.humiFinance .contentBox .content .finance .right .box:nth-child(1) {
  margin-bottom: 16px;
}
.humiFinance .contentBox .content .money {
  width: 100%;
  margin-bottom: 80px;
}
.humiFinance .contentBox .content .money .box {
  float: left;
  width: 288px;
  height: 288px;
  margin-right: 16px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.humiFinance .contentBox .content .money .box .jinrongImg {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 2;
}
.humiFinance .contentBox .content .money .box .topImg {
  position: absolute;
  width: 64px;
  height: 64px;
  left: 50%;
  top: 50%;
  margin-top: -74px;
  margin-left: -32px;
  z-index: 3;
}
.humiFinance .contentBox .content .money .box p {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 20px;
  margin-left: -40px;
  display: block;
  line-height: 20px;
  font-size: 20px;
  color: #ffffff;
  z-index: 3;
}
.humiFinance .contentBox .content .money .box:hover .jinrongImg {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.humiFinance .contentBox .content .money .box:last-child {
  margin-right: 0;
}
.humiFinance .contentBox .content .new {
  width: 100%;
  height: 405px;
  box-sizing: border-box;
  padding: 21px 20px 20px 21px;
  background: #fff;
}
.humiFinance .contentBox .content .new .left {
  float: left;
  width: 498px;
  height: 364px;
  background: #f8f8f8;
}
.humiFinance .contentBox .content .new .left .img {
  width: 498px;
  height: 240px;
  margin-bottom: 27px;
}
.humiFinance .contentBox .content .new .left .img img {
  width: 100%;
  height: 100%;
}
.humiFinance .contentBox .content .new .left p {
  line-height: 16px;
  margin-left: 26px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #333333;
}
.humiFinance .contentBox .content .new .left .desc {
  margin-left: 26px;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #666666;
}
.humiFinance .contentBox .content .new .left .desc a {
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #5774b8;
}
.humiFinance .contentBox .content .new .right {
  float: right;
  width: 640px;
}
.humiFinance .contentBox .content .new .right .box {
  position: relative;
  width: 640px;
  height: 82px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 20px 39px 20px 18px;
}
.humiFinance .contentBox .content .new .right .box .line {
  position: absolute;
  top: 20px;
  left: 75px;
  width: 1px;
  height: 42px;
  background-color: #e3e3e3;
}
.humiFinance .contentBox .content .new .right .box .leftBox {
  float: left;
}
.humiFinance .contentBox .content .new .right .box .leftBox p:nth-child(1) {
  line-height: 18px;
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #666666;
}
.humiFinance .contentBox .content .new .right .box .leftBox p:nth-child(2) {
  line-height: 12px;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #999999;
}
.humiFinance .contentBox .content .new .right .box .rightBox {
  float: right;
  width: 506px;
}
.humiFinance .contentBox .content .new .right .box .rightBox p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiFinance .contentBox .content .new .right .box .rightBox p:nth-child(1) {
  line-height: 16px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #333333;
}
.humiFinance .contentBox .content .new .right .box .rightBox p:nth-child(2) {
  line-height: 14px;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #666666;
}
.humiFinance .contentBox .content .new .right .box:hover {
  background-color: #fff6f1;
}

.enterpriseIndexBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
.enterpriseIndexBox .bannerBox {
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  padding-top: 80px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/index/banner.png') 50% 50% / cover no-repeat;
  background-color: #1e439b;
}
.enterpriseIndexBox .bannerBox .searchBox {
  position: relative;
  width: 900px;
  height: 50px;
  margin: 0 auto;
}
.enterpriseIndexBox .bannerBox .searchBox img {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 99;
}
.enterpriseIndexBox .bannerBox .searchBox .ant-input {
  float: left;
  width: 720px;
  height: 50px;
  padding: 4px 7px 4px 40px;
  line-height: 50px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.enterpriseIndexBox .bannerBox .searchBox .ant-btn {
  float: right;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.enterpriseIndexBox .bannerBox .searchBox .ant-btn:hover {
  background-color: #e0611e;
  border-color: #e0611e;
}
.enterpriseIndexBox .bannerBox .descBox {
  width: 900px;
  margin: 16px auto 0;
}
.enterpriseIndexBox .bannerBox .descBox .perNum,
.enterpriseIndexBox .bannerBox .descBox .desc {
  display: block;
  float: left;
  color: #fff;
}
.enterpriseIndexBox .bannerBox .descBox .desc {
  width: 280px;
}
.enterpriseIndexBox .bannerBox .descBox .desc .ant-carousel {
  width: 100%;
}
.enterpriseIndexBox .bannerBox .descBox .ant-carousel {
  overflow: hidden;
  height: 23px;
}
.enterpriseIndexBox .bannerBox .descBox .ant-carousel .slick-list {
  width: 460px !important;
  height: 23px;
}
.enterpriseIndexBox .bannerBox .descBox .ant-carousel .slick-list .slick-slide {
  width: 460px !important;
}
.enterpriseIndexBox .bannerBox .contentBox {
  width: 1200px;
  height: 420px;
  margin: 59px auto 0;
  box-sizing: border-box;
  padding: 50px 18px 49px;
  background: #fff;
}
.enterpriseIndexBox .bannerBox .contentBox .topContent a {
  margin: 0 50px 0 70px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.enterpriseIndexBox .bannerBox .contentBox .topContent a:nth-child(3),
.enterpriseIndexBox .bannerBox .contentBox .topContent a:nth-child(4) {
  margin: 0 50px 0 78px;
}
.enterpriseIndexBox .bannerBox .contentBox .topContent a:nth-child(5) {
  margin: 0 50px 0 80px;
}
.enterpriseIndexBox .bannerBox .contentBox .centerContent {
  margin: 28px 0 48px;
}
.enterpriseIndexBox .bannerBox .contentBox .centerContent .box {
  float: left;
  width: 192px;
  height: 83px;
  box-sizing: border-box;
  padding: 0 28px 0 27px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .bannerBox .contentBox .centerContent .box a {
  display: inline-block;
  width: 56px;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.enterpriseIndexBox .bannerBox .contentBox .centerContent .box a:nth-child(2n+1) {
  margin-right: 24px;
}
.enterpriseIndexBox .bannerBox .contentBox .centerContent .box:last-child {
  border-right: none;
}
.enterpriseIndexBox .bannerBox .contentBox .botContent a {
  float: left;
  width: 280px;
  height: 146px;
  margin-right: 14px;
}
.enterpriseIndexBox .bannerBox .contentBox .botContent a:hover {
  margin-top: -8px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.enterpriseIndexBox .bannerBox .contentBox .botContent a:last-child {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox {
  box-sizing: border-box;
  padding: 120px 0 110px;
}
.enterpriseIndexBox .indexContentBox h2 {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .h2 {
  margin-top: 68px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox {
  width: 1200px;
  height: 470px;
  margin: 30px auto 68px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .navBox {
  width: 360px;
  line-height: 40px;
  margin: 0 auto;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .navBox li {
  float: left;
  width: 120px;
  height: 40px;
  background: #fff;
  border: 1px solid #e4e4e4;
  font-size: 16px;
  text-align: center;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .navBox li:nth-child(2) {
  border-left: none;
  border-right: none;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .navBox .active {
  height: 49px;
  border: none;
  color: #fff;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/index/active.png");
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxss {
  overflow: hidden;
  margin-top: 30px;
  height: 394px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox {
  position: relative;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox img {
  float: left;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(8) {
  position: absolute;
  top: 267px;
  left: 304px;
  width: 600px;
  height: 126px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(8) img {
  width: 100%;
  height: 100%;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(1) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(2) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(5) img {
  margin-right: 4px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(4) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(7) img {
  margin-left: 4px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(2) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(3) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBox a:nth-child(4) img {
  margin-bottom: 4px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs {
  position: relative;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs img {
  float: left;
  margin-right: 5px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs a:nth-child(4) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs a:nth-child(7) img {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs a:nth-child(2) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs a:nth-child(3) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs a:nth-child(4) img {
  margin-bottom: 8px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs .descBox {
  position: absolute;
  left: 311px;
  bottom: 13px;
  width: 894px;
  height: 110px;
  box-sizing: border-box;
  padding: 8px 22px;
  box-shadow: 0px 4px 10px 0 rgba(181, 181, 181, 0.15);
  background-color: #ffffff;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs .descBox a {
  font-size: 18px;
  margin-right: 114px;
  font-weight: 900;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs .descBox a:hover {
  color: #ff7919;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs .descBox a:nth-child(9) {
  margin-right: 97px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs .descBox a:nth-child(5n) {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxs .descBox a:nth-child(-n+5) {
  line-height: 50px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxss img {
  float: left;
  margin-right: 3px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxss a:nth-child(2) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxss a:nth-child(3) img {
  margin-bottom: 8px;
}
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxss a:nth-child(3) img,
.enterpriseIndexBox .indexContentBox .hotServerBox .contentBoxss a:nth-child(5) img {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox {
  width: 1200px;
  margin: 0 auto;
}
.enterpriseIndexBox .indexContentBox .typeBox .one,
.enterpriseIndexBox .indexContentBox .typeBox .three {
  width: 100%;
  height: 516px;
  margin-bottom: 60px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .leftBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .leftBox {
  display: block;
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox {
  width: 894px;
  height: 500px;
  margin-top: 4px;
  box-shadow: 0px 4px 10px 0 rgba(181, 181, 181, 0.15);
  float: right;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox {
  height: 210px;
  box-sizing: border-box;
  padding: 42px 62px 42px 58px;
  background: #fff;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box {
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box p,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box p {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box a {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 9px;
  color: #666666;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box .childBox {
  margin-top: 16px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(1) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(1) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(4) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) .childBox {
  width: 115px;
  height: 94px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(1) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(1) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(4) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) .childBox a {
  display: inline-block;
  width: 70px;
  margin-right: 43px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(2) p,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) p,
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(3) p,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) p {
  text-align: center;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(2) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(3) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox {
  width: 245px;
  height: 94px;
  box-sizing: border-box;
  padding: 0 48px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(2) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(3) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox a {
  display: inline-block;
  width: 56px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(2) .childBox a:nth-child(2n+1),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) .childBox a:nth-child(2n+1),
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(3) .childBox a:nth-child(2n+1),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox a:nth-child(2n+1) {
  margin-right: 34px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(3) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox {
  width: 301px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(3) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox a {
  width: 84px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(4),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) {
  box-sizing: border-box;
  padding-left: 45px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(4) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) .childBox {
  width: 56px;
  border-right: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .topBox .eib_box:nth-child(4) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) .childBox a {
  width: 56px;
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box {
  position: relative;
  display: block;
  float: left;
  width: 298px;
  height: 146px;
  box-sizing: border-box;
  padding: 21px 65px 15px;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-bottom: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box img,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box img {
  margin-left: 59px;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box p:nth-child(2),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box p:nth-child(2) {
  text-align: center;
  margin: 9px 0 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box p:nth-child(3),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box p:nth-child(3) {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #999999;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:hover,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:hover {
  z-index: 99;
  box-shadow: 0 0 12px rgba(255, 156, 64, 0.2);
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:nth-child(2),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(2),
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:nth-child(5),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(5) {
  border-right: none;
  border-left: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:nth-child(1),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(1),
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:nth-child(4),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(4) {
  border-left: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:nth-child(3),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(3),
.enterpriseIndexBox .indexContentBox .typeBox .one .rightBox .botBox .box:nth-child(6),
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(6) {
  border-right: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .two {
  width: 100%;
  height: 516px;
  margin-bottom: 60px;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .leftBox {
  display: block;
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox {
  float: right;
  width: 894px;
  height: 500px;
  margin-top: 4px;
  box-sizing: border-box;
  padding: 42px 20px 21px;
  background: #fff;
  box-shadow: 0px 4px 10px 0 rgba(181, 181, 181, 0.15);
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .topBox .box {
  display: block;
  float: left;
  width: 426px;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .topBox .box p {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.88;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .topBox .box .childBox {
  width: 100%;
  height: 94px;
  box-sizing: border-box;
  padding: 0 98px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .topBox .box .childBox a {
  display: inline-block;
  width: 98px;
  line-height: 2.14;
  color: #666666;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .topBox .box .childBox a:nth-child(2n-1) {
  margin-right: 32px;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .topBox .box:nth-child(2) .childBox {
  border-right: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .botBox {
  margin-top: 42px;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .botBox .box {
  float: left;
  width: 196px;
  height: 270px;
  margin-right: 23px;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .botBox .box p {
  text-shadow: 0px 2px 10px rgba(255, 62, 0, 0.5);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.5;
  margin: 101px auto 0;
  text-align: center;
  color: rgba(255, 62, 0, 0.5);
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .botBox .box a {
  display: block;
  width: 178px;
  height: 54px;
  line-height: 45px;
  margin: 80px auto 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/index/17.png");
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  color: #ed4300;
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .botBox .box a:hover {
  margin-top: 72px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/index/a.png");
}
.enterpriseIndexBox .indexContentBox .typeBox .two .rightBox .botBox .box:last-child {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox {
  padding: 40px 31px 42px 32px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox a {
  color: #666;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(1) p {
  margin-left: 46px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(1) .childBox {
  width: 185px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(1) .childBox a {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(1) .childBox a:nth-child(2n+1) {
  margin-right: 32px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) p,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) p {
  margin-left: 48px;
  text-align: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) .childBox,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox {
  width: 185px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(2) .childBox a,
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(3) .childBox a {
  width: 98px;
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) .childBox {
  width: 125px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(4) .childBox a {
  width: 98px;
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(5) {
  box-sizing: border-box;
  padding-left: 20px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(5) .childBox {
  width: 56px;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .topBox .eib_box:nth-child(5) .childBox a {
  width: 56px;
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box {
  display: block;
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:hover {
  z-index: 99;
  box-shadow: 0 0 12px rgba(60, 177, 254, 0.2);
}
.enterpriseIndexBox .indexContentBox .typeBox .three .rightBox .botBox .box:nth-child(4) p:nth-child(2) {
  width: 170px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four {
  width: 100%;
  height: 516px;
  margin-bottom: 60px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .leftBox {
  display: block;
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox {
  float: right;
  width: 894px;
  height: 500px;
  margin-top: 4px;
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 10px 0 rgba(181, 181, 181, 0.15);
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box:nth-child(1) {
  margin-right: 26px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box {
  float: left;
  width: 414px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .img {
  width: 100%;
  height: 204px;
  margin-bottom: 29px;
  box-sizing: border-box;
  padding: 44px 0 55px 18px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .img p {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 61px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .img a {
  display: block;
  width: 78px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #333333;
  font-size: 14px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center {
  width: 100%;
  height: 120px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center .boxs:nth-child(2) {
  border-left: 1px solid #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center .boxs {
  float: left;
  width: 207px;
  height: 120px;
  box-sizing: border-box;
  padding: 23px 0 0 18px;
  border: 1px solid #e2e2e2;
  border-left: none;
  border-right: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center .boxs p {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 26px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center .boxs a {
  display: block;
  width: 78px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ff7919;
  font-size: 14px;
  color: #ff7919;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center .boxs:hover {
  border: none;
  box-shadow: 0 0 12px 0 rgba(128, 128, 128, 0.2);
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .center .boxs:hover a {
  background: #ff7919;
  color: #fff;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 26px 30px 0 10px;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .botBox p {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 26px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .botBox a {
  display: block;
  width: 78px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ff7919;
  font-size: 14px;
  color: #ff7919;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .botBox .left {
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .botBox .left a:hover {
  background: #ff7919;
  color: #fff;
}
.enterpriseIndexBox .indexContentBox .typeBox .four .rightBox .box .botBox .right {
  float: right;
}
.enterpriseIndexBox .indexContentBox .typeBox .five {
  width: 100%;
  height: 516px;
  margin-bottom: 60px;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .leftBox {
  display: block;
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox {
  float: right;
  width: 894px;
  height: 500px;
  margin-top: 4px;
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 10px 0 rgba(181, 181, 181, 0.15);
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box:last-child {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box {
  float: left;
  width: 260px;
  height: 430px;
  margin-right: 37px;
  box-shadow: 0px 4px 10px 0 rgba(202, 202, 202, 0.3);
  background-color: #ffffff;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .top {
  width: 260px;
  height: 240px;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .top img {
  width: 100%;
  height: 100%;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .bot {
  box-sizing: border-box;
  padding-top: 30px;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .bot p:nth-child(1) {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .bot p:nth-child(2) {
  font-size: 14px;
  line-height: 14px;
  margin: 15px 0 30px;
  text-align: center;
  color: #666;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .bot a {
  display: block;
  width: 160px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ff7919;
  color: #ff7919;
}
.enterpriseIndexBox .indexContentBox .typeBox .five .rightBox .box .bot a:hover {
  background: #ff7919;
  color: #fff;
}
.enterpriseIndexBox .indexContentBox .typeBox .six {
  width: 100%;
  height: 516px;
  margin-bottom: 60px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .leftBox {
  display: block;
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox {
  float: right;
  width: 894px;
  height: 500px;
  margin-top: 4px;
  box-sizing: border-box;
  padding: 41px 20px 21px 20px;
  background: #fff;
  box-shadow: 0px 4px 10px 0 rgba(181, 181, 181, 0.15);
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box {
  float: left;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box p {
  margin: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 16px;
  color: #333333;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box a {
  line-height: 14px;
  font-size: 14px;
  color: #666666;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(1) {
  width: 400px;
  box-sizing: border-box;
  padding: 0 48px 0 25px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(1) p {
  margin-left: 85px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(1) .children {
  height: 94px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(1) .children a {
  display: inline-block;
  width: 105px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(2) {
  width: 200px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(2) p {
  margin-left: 40px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(2) .children {
  height: 94px;
  border-right: 1px dashed #e2e2e2;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(2) .children a {
  display: inline-block;
  width: 88px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(3) {
  width: 252px;
  box-sizing: border-box;
  padding-left: 30px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(3) p {
  margin-left: 40px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(3) .children {
  height: 94px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .top .box:nth-child(3) .children a {
  display: inline-block;
  width: 90px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot {
  margin-top: 32px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot .box {
  float: left;
  width: 260px;
  height: 270px;
  margin-right: 37px;
  box-sizing: border-box;
  padding-top: 66px;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot .box p:nth-child(1) {
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot .box p:nth-child(2) {
  font-size: 14px;
  line-height: 14px;
  margin: 18px 0 91px;
  text-align: center;
  color: #ffffff;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot .box .btn {
  display: block;
  width: 178px;
  height: 54px;
  margin: 0 auto;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/index/38.png");
  font-size: 14px;
  font-weight: 900;
  line-height: 45px;
  text-align: center;
  color: #ff7919;
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot .box .btn:hover {
  margin-top: -8px;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/index/a.png");
}
.enterpriseIndexBox .indexContentBox .typeBox .six .rightBox .bot .box:last-child {
  margin-right: 0;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon {
  width: 1200px;
  height: 300px;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxLeft {
  background-color: #fff;
  padding: 20px 0;
  width: 385px;
  display: inline-block;
  vertical-align: middle;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxLeft .knowZckxTil {
  color: #999;
  padding: 15px 22px 15px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
  display: block;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxLeft .knowZckxTil span {
  color: #666;
  display: inline-block;
  margin-left: 15px;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxLeft .knowZckxHover {
  background-color: #f2f2f2;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxCenter {
  width: 530px;
  display: inline-block;
  vertical-align: middle;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxCenter .knowZckxImg {
  display: none;
  height: 300px;
  width: 100%;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxCenter .zckxImgHover {
  display: block;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxRight {
  width: 283px;
  height: 300px;
  display: inline-block;
  background-color: #5d6168;
  padding: 0 32px;
  vertical-align: middle;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxRight .knowZckxWz {
  padding-top: 30px;
  display: none;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxRight .knowZckxWz .zckxWzCon {
  color: #fff;
  line-height: 25px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxRight .knowZckxWz .zckxEnd {
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}
.enterpriseIndexBox .indexContentBox .typeBox .knowZckxCon .knowZckxRight .zckxWzHover {
  display: block;
}

.knowTop {
  padding-top: 90px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/know/knowBg.png") no-repeat;
  background-size: 100% 100%;
  height: 580px;
}
.knowTop .knowServer {
  width: 1200px;
  overflow: hidden;
  margin: 20px auto 0 auto;
}
.knowTop .knowServer .knowServerClassify {
  width: 282px;
  height: 368px;
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.knowTop .knowServer .knowServerClassify .serverClassifyTil {
  padding: 11px 22px;
  border-bottom: 1px solid #eee;
}
.knowTop .knowServer .knowServerClassify .serverClassifyTil p {
  font-size: 14px;
  color: #333;
}
.knowTop .knowServer .knowServerClassify .classifySingle {
  padding: 17px 16px 16px 24px;
  border-bottom: 1px solid #eee;
  height: 73px;
}
.knowTop .knowServer .knowServerClassify .classifySingle .classifySingleTil {
  font-size: 12px;
  color: #484848;
  font-weight: 600;
}
.knowTop .knowServer .knowServerClassify .classifySingle .classifySingleAll .classifySingleChild {
  display: inline-block;
  margin-right: 14px;
}
.knowTop .knowServer .knowServerClassify .classifySingle .classifySingleAll .classifySingleChild p {
  font-size: 12px;
  color: #848484;
  display: inline-block;
}
.knowTop .knowServer .knowServerClassify .classifySingle .classifySingleAll .classifySingleChild img {
  margin-left: 5px;
  margin-bottom: 3px;
  display: none;
}
.knowTop .knowServer .knowServerClassify .classifySingle .classifySingleAll .classifyChildHot p {
  color: #ff6900;
}
.knowTop .knowServer .knowServerClassify .classifySingle .classifySingleAll .classifyChildHot img {
  display: inline-block;
}
.knowTop .knowServer .knowServerClassify .classifyOpen {
  position: absolute;
  top: 0;
  right: 611px;
  background-color: #f8f8f8;
  z-index: 10;
  width: 611px;
  height: 368px;
  transition: all 0.3s;
}
.knowTop .knowServer .knowServerClassify .classifyOpen .classifyOpenSingle {
  border-bottom: 1px solid #eee;
  padding: 14px 22px;
  height: 73px;
}
.knowTop .knowServer .knowServerClassify .classifyOpen .classifyOpenSingle a {
  margin-right: 13px;
  display: inline-block;
  font-size: 12px;
  color: #848484;
}
.knowTop .knowServer .knowServerClassify .classifyOpen .classifyOpenSingle a:last-child {
  margin-right: 0;
}
.knowTop .knowServer .knowServerClassify .classifyOpen .classifyOpenSingleOne {
  border-bottom: 1px solid #eee;
  height: 44px;
}
.knowTop .knowServer .knowServerClassify .classifyOpen .classifyOpenSingleOne a {
  margin-right: 13px;
  display: inline-block;
  font-size: 12px;
  color: #848484;
}
.knowTop .knowServer .knowServerClassify .classifyOpen .classifyOpenSingleOne a:last-child {
  margin-right: 0;
}
.knowTop .knowServer .knowServerClassify:hover {
  background: #fff;
}
.knowTop .knowServer .knowServerClassify:hover .classifySingleTil {
  color: #333333;
}
.knowTop .knowServer .knowServerClassify:hover .classifyOpen {
  right: -611px;
}
.knowTop .knowServer .knowServerBanner {
  display: inline-block;
  width: 591px;
  margin: 0 20px;
  height: 368px;
  overflow: hidden;
  vertical-align: middle;
}
.knowTop .knowServer .knowServerBanner .ant-carousel .slick-dots {
  height: 10px;
  bottom: 32px;
}
.knowTop .knowServer .knowServerBanner .ant-carousel .slick-dots li {
  width: 11px;
}
.knowTop .knowServer .knowServerBanner .ant-carousel .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  display: inline-block;
}
.knowTop .knowServer .knowServerBanner .ant-carousel .slick-dots .slick-active button {
  width: 10px;
}
.knowTop .knowServer .knowServerDetail {
  width: 286px;
  vertical-align: middle;
  display: inline-block;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon {
  position: relative;
  margin-bottom: 20px;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon img {
  display: block;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS .serverDetailTil {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS .serverDetailWz {
  width: 170px;
  margin: 0 auto;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS .serverDetailWz span {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS .serverDetailWz span:nth-child(2n) {
  margin-right: 0;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS a {
  width: 139px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  margin: 15px auto 0 auto;
  transition: all 0.3s;
}
.knowTop .knowServer .knowServerDetail .serverDetailCon .serverDetailS a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.knowTop .knowServer .knowServerDetail .serverDetailCon:last-child {
  margin-bottom: 0;
}
.knowTop .knowSearchContent {
  width: 1200px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding: 32px 0;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.knowTop .knowSearchContent .knowSearchTil {
  font-size: 24px;
  color: #333;
  text-align: center;
  line-height: 24px;
  margin-bottom: 20px;
}
.knowTop .knowSearchContent .knowSearch {
  overflow: hidden;
  margin-bottom: 20px;
  text-align: center;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon {
  text-align: center;
  border: 1px solid #ccc;
  padding: 8px 0;
  display: inline-block;
  border-right: 0;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon p {
  display: inline-block;
  font-size: 16px;
  color: #666;
  padding-left: 20px;
  padding-right: 10px;
  border-right: 1px solid #e3e3e3;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon i {
  font-size: 20px;
  margin-left: 20px;
  vertical-align: middle;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .knowSearchLine {
  display: inline-block;
  width: 1px;
  height: 40px;
  background-color: #ddd;
  margin-left: 20px;
  vertical-align: middle;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon input {
  display: inline-block;
  border: 0;
  color: #999;
  width: 640px;
  padding: 0 15px;
  outline: none;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon input:focus {
  box-shadow: none;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select {
  margin-left: 30px;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
  height: 21px;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select .ant-select-selection .ant-select-selection__rendered {
  line-height: 21px;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection-selected-value {
  font-size: 15px;
  color: #397ecd;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select .ant-select-selection .ant-select-arrow {
  color: #397ecd;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select .ant-select-selection:hover {
  border: 0;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select .ant-select-selection:active {
  box-shadow: none;
}
.knowTop .knowSearchContent .knowSearch .knowSearchCon .ant-select-open .ant-select-selection {
  box-shadow: none;
}
.knowTop .knowSearchContent .knowSearch a {
  width: 215px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  background-color: #fe6d20;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s;
}
.knowTop .knowSearchContent .knowSearch a:hover {
  background-color: #e0611e;
}
.knowTop .knowSearchContent .knowSearchTip {
  text-align: center;
}
.knowTop .knowSearchContent .knowSearchTip .knowSearchWz {
  font-size: 12px;
  color: #666;
  display: inline-block;
  line-height: 12px;
  vertical-align: middle;
}
.knowTop .knowSearchContent .knowSearchTip .knowSearchWz:first-child {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #adadad;
}
.knowTop .knowSearchContent .knowSearchTip .knowSearchScroll {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  overflow: hidden;
}
.knowTop .knowSearchContent .knowSearchTip .knowSearchScroll ul {
  height: 12px;
  display: block;
}
.knowTop .knowSearchContent .knowSearchTip .knowSearchScroll ul li {
  font-size: 12px;
  color: #666;
  display: block;
  line-height: 12px;
  text-align: left;
}
.knowCon {
  margin: 155px auto 0 auto;
}
.knowCon .knowModal {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.knowCon .knowModal .new {
  width: 100%;
  height: 405px;
  box-sizing: border-box;
  padding: 21px 20px 20px 21px;
  background: #fff;
}
.knowCon .knowModal .new .left {
  float: left;
  width: 498px;
  height: 364px;
  background: #f8f8f8;
}
.knowCon .knowModal .new .left .img {
  width: 498px;
  height: 240px;
  margin-bottom: 27px;
}
.knowCon .knowModal .new .left .img img {
  width: 100%;
  height: 100%;
}
.knowCon .knowModal .new .left p {
  line-height: 16px;
  margin-left: 26px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #333333;
}
.knowCon .knowModal .new .left .desc {
  margin-left: 26px;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #666666;
}
.knowCon .knowModal .new .left .desc a {
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #5774b8;
}
.knowCon .knowModal .new .right {
  float: right;
  width: 640px;
}
.knowCon .knowModal .new .right .box {
  position: relative;
  width: 640px;
  height: 82px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 20px 39px 20px 18px;
}
.knowCon .knowModal .new .right .box .line {
  position: absolute;
  top: 20px;
  left: 75px;
  width: 1px;
  height: 42px;
  background-color: #e3e3e3;
}
.knowCon .knowModal .new .right .box .leftBox {
  float: left;
}
.knowCon .knowModal .new .right .box .leftBox p:nth-child(1) {
  line-height: 18px;
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #666666;
}
.knowCon .knowModal .new .right .box .leftBox p:nth-child(2) {
  width: 506;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #999999;
}
.knowCon .knowModal .new .right .box .rightBox {
  display: block;
  float: right;
  width: 506px;
}
.knowCon .knowModal .new .right .box .rightBox p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowCon .knowModal .new .right .box .rightBox p:nth-child(1) {
  line-height: 16px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #333333;
}
.knowCon .knowModal .new .right .box .rightBox p:nth-child(2) {
  line-height: 14px;
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #666666;
}
.knowCon .knowModal .new .right .box:hover {
  background-color: #fff6f1;
}
.knowCon .knowModal .knowConTil {
  padding-top: 63px;
  text-align: center;
  margin-bottom: 33px;
}
.knowCon .knowModal .knowConTil p {
  font-size: 24px;
  color: #484848;
  padding-right: 11px;
  display: inline-block;
  border-right: 1px solid #aaa;
  margin-right: 11px;
  vertical-align: middle;
  line-height: 24px;
}
.knowCon .knowModal .knowConTil span {
  font-size: 20px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
}
.knowCon .knowModal .knowConZckx p {
  border-right: 0;
}
.knowCon .knowWhiteModal {
  width: 100%;
  background-color: #fff;
}
.knowCon .knowWhiteModal .knowServerCon {
  width: 1200px;
  margin: 0 auto;
}
.knowCon .knowBkzqCon {
  overflow: hidden;
  width: 800%;
}
.knowCon .knowBkzqCon .knowBkzqSingle {
  padding: 13px;
  background-color: #fff;
  display: inline-block;
  margin-right: 21px;
  border: 1px solid transparent;
  position: relative;
  transition: all 0.3s;
  width: 284px;
}
.knowCon .knowBkzqCon .knowBkzqSingle .knowBkzqImg {
  display: block;
}
.knowCon .knowBkzqCon .knowBkzqSingle .knowBkzqTil {
  font-size: 16px;
  color: #666;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.knowCon .knowBkzqCon .knowBkzqSingle span {
  font-size: 14px;
  color: #999;
}
.knowCon .knowBkzqCon .knowBkzqSingle .knowBkzqPrice {
  font-size: 24px;
  color: #ff8109;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.knowCon .knowBkzqCon .knowBkzqSingle .knowBkzqHot {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.knowCon .knowBkzqCon .knowBkzqSingle:hover {
  border: 1px solid #fe6d20;
  box-shadow: 0 0 10px #e3e3e3;
}
.knowCon .knowBkzqCon .knowBkzqHotSingle .knowBkzqHot {
  display: block;
}
.knowCon .knowBkzqArrow {
  padding: 18px 0;
  text-align: center;
}
.knowCon .knowBkzqArrow a {
  width: 44px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
}
.knowCon .knowBkzqArrow a i {
  color: #cdcdcd;
}
.knowCon .knowBkzqArrow a:last-child {
  border-left: 0;
}
.knowCon .knowTsscCon {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.knowCon .knowTsscCon .knowTsscImgs {
  font-size: 0;
  padding-bottom: 60px;
}
.knowCon .knowTsscCon .knowTsscImgs .knowTsscGrid {
  display: inline-block;
  margin-right: 19.5px;
  border: 1px solid #e3e3e3;
  transition: all 0.3s;
}
.knowCon .knowTsscCon .knowTsscImgs .knowTsscGrid img {
  display: block;
}
.knowCon .knowTsscCon .knowTsscImgs .knowTsscGrid:last-child {
  margin-right: 0;
}
.knowCon .knowTsscCon .knowTsscImgs .knowTsscGrid:hover {
  border: 1px solid #fe6d20;
  box-shadow: 0 0 10px #e3e3e3;
}
.knowCon .knowServerCon {
  padding-bottom: 60px;
}
.knowCon .knowServerCon .knowServerTop .serverLeft {
  display: inline-block;
  vertical-align: middle;
  width: 283px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/know/serverLeftBg1.jpg") no-repeat;
}
.knowCon .knowServerCon .knowServerTop .serverLeft .serverLeftTil {
  padding: 26.5px 0;
  font-size: 17px;
  color: #fff;
  text-align: center;
  line-height: 17px;
}
.knowCon .knowServerCon .knowServerTop .serverLeft .serverLeftCon {
  padding: 10px;
  height: 329px;
}
.knowCon .knowServerCon .knowServerTop .serverLeft .serverLeftCon a {
  font-size: 14px;
  color: #fff;
  min-width: 126px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border: 1px solid #94f3eb;
  transition: all 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.knowCon .knowServerCon .knowServerTop .serverLeft .serverLeftCon a:nth-child(2n) {
  margin-right: 0;
}
.knowCon .knowServerCon .knowServerTop .serverLeft .serverLeftCon a:hover {
  background-color: #26ccca;
  border: 1px solid #fff;
}
.knowCon .knowServerCon .knowServerTop .serverCenter {
  display: inline-block;
  vertical-align: middle;
  width: 610px;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle {
  border: 1px solid #e3e3e3;
  padding: 22px 22px 19px 22px;
  color: #666;
  width: 305px;
  display: inline-block;
  background-color: #fff;
  transition: all 0.3s;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle p {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle .serverSingleSpan {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle .serverSingleBottom {
  margin-top: 15px;
  overflow: hidden;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle .serverSingleBottom span {
  font-size: 24px;
  color: #ff8109;
  vertical-align: text-top;
  display: inline-block;
  float: left;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle .serverSingleBottom img {
  display: inline-block;
  vertical-align: text-top;
  float: right;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle:nth-child(2n) {
  border-left: 1px solid transparent;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle:nth-child(3),
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle:nth-child(4) {
  border-top: 1px solid transparent;
}
.knowCon .knowServerCon .knowServerTop .serverCenter .serverSingle:hover {
  border: 1px solid #fe6d20;
  box-shadow: 0 0 10px #e3e3e3;
}
.knowCon .knowServerCon .knowServerTop .serverRight {
  width: 306px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.knowCon .knowServerCon .knowServerTop .serverRight img {
  display: block;
}
.knowCon .knowServerCon .knowServerTop .serverRight .serverRightWz {
  position: absolute;
  top: 39px;
  left: 37px;
  font-size: 0;
}
.knowCon .knowServerCon .knowServerTop .serverRight .serverRightWz p {
  width: 234px;
  white-space: normal;
}
.knowCon .knowServerCon .knowServerTop .serverRight .serverRightWz p span {
  font-size: 28px;
  line-height: 28px;
  color: #484848;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
}
.knowCon .knowServerCon .knowServerTop .serverRight .serverRightWz p span:nth-child(2) {
  margin-right: 0;
}
.knowCon .knowServerCon .knowServerTop .serverRight .serverRightWz .serverRightLine {
  width: 16px;
  height: 4px;
  display: inline-block;
  background-color: #484848;
}
.knowCon .knowServerCon .knowServerBottom {
  margin-top: 20px;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 386px;
  margin-right: 20px;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid .serverGridTil {
  padding: 20px 28px;
  border-bottom: 1px dashed #e3e3e3;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid .serverGridTil img {
  display: inline-block;
  vertical-align: middle;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid .serverGridTil span {
  font-size: 18px;
  color: #484848;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid .serverGridCon {
  padding: 20px 30px 3px 30px;
  min-height: 175px;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid .serverGridCon a {
  color: #666;
  font-size: 14px;
  display: inline-block;
  margin-right: 15px;
  transition: all 0.3s;
  margin-bottom: 17px;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid .serverGridCon a:hover {
  color: #397ecd;
}
.knowCon .knowServerCon .knowServerBottom .serverBottomGrid:last-child {
  margin-right: 0;
}
.knowCon .knoeServerZl .knowServerTop .serverLeft {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/know/serverLeftBg2.jpg") no-repeat;
}
.knowCon .knoeServerZl .knowServerTop .serverLeft .serverLeftCon a {
  border: 1px solid #b9c2f7;
}
.knowCon .knoeServerZl .knowServerTop .serverLeft .serverLeftCon a:hover {
  background: #566ad9;
}
.knowCon .knoeServerBq .knowServerTop .serverLeft {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/know/serverLeftBg3.jpg") no-repeat;
}
.knowCon .knoeServerBq .knowServerTop .serverLeft .serverLeftTil {
  padding: 16.5px 30px;
}
.knowCon .knoeServerBq .knowServerTop .serverLeft .serverLeftCon {
  height: 150px;
}
.knowCon .knoeServerBq .knowServerTop .serverLeft .serverLeftCon a {
  border: 1px solid #8cc0f8;
}
.knowCon .knoeServerBq .knowServerTop .serverLeft .serverLeftCon a:hover {
  background: #1778dd;
}
.knowCon .knoeServerBq .knowServerTop .serverRight {
  height: 200px;
  overflow: hidden;
}
.knowCon .knowYhhdCon {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 61px 0 46px;
}
.knowCon .knowYhhdCon h2 {
  margin-bottom: 33px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-align: center;
  color: #484848;
}
.knowCon .knowYhhdCon .knowYhhdGrid {
  margin-bottom: 40px;
  font-size: 0;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdGridSingle {
  border: 1px solid #e3e3e3;
  margin-right: 24px;
  display: inline-block;
  background-color: #fff;
  transition: all 0.3s;
  width: 282px;
  position: relative;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdGridSingle .yhhdImg {
  display: block;
  width: 100%;
  height: 171px;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdGridSingle p {
  font-size: 16px;
  color: #666;
  padding: 24px 14px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdGridSingle .endImg {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdGridSingle:last-child {
  margin-right: 0;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdGridSingle:hover {
  border: 1px solid #fe6d20;
  box-shadow: 0 0 10px #e3e3e3;
}
.knowCon .knowYhhdCon .knowYhhdGrid .yhhdEnd .endImg {
  display: block;
}
.knowCon .knowYhhdCon .knowYhhdAd {
  margin-top: 40px;
  position: relative;
}
.knowCon .knowYhhdCon .knowYhhdAd img {
  display: block;
}
.knowCon .knowYhhdCon .knowYhhdAd a {
  width: 176px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 50%;
  margin-left: -88px;
  bottom: 44px;
  transition: all 0.3s;
}
.knowCon .knowYhhdCon .knowYhhdAd a:hover {
  background-color: #fe6d20;
}
.knowCon .knowYhhdCon .knowYhhdBannerCon {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fe6d20;
  color: #fff;
  text-align: center;
}
.knowCon .knowYhhdCon .knowYhhdBannerCon:hover {
  background-color: #e0611e;
}
.knowCon .knowZckxCon {
  border: 1px solid #ddd;
  margin-bottom: 60px;
}
.knowCon .knowZckxCon .knowZckxLeft {
  background-color: #fff;
  padding: 20px 0;
  width: 385px;
  display: inline-block;
  vertical-align: middle;
}
.knowCon .knowZckxCon .knowZckxLeft .knowZckxTil {
  color: #999;
  padding: 20px 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
  display: block;
}
.knowCon .knowZckxCon .knowZckxLeft .knowZckxTil span {
  color: #666;
  display: inline-block;
  margin-left: 15px;
}
.knowCon .knowZckxCon .knowZckxLeft .knowZckxHover {
  background-color: #f2f2f2;
}
.knowCon .knowZckxCon .knowZckxCenter {
  width: 510px;
  display: inline-block;
  vertical-align: middle;
}
.knowCon .knowZckxCon .knowZckxCenter .knowZckxImg {
  display: none;
  height: 345px;
  width: 100%;
}
.knowCon .knowZckxCon .knowZckxCenter .zckxImgHover {
  display: block;
}
.knowCon .knowZckxCon .knowZckxRight {
  width: 283px;
  height: 345px;
  display: inline-block;
  background-color: #5d6168;
  padding: 0 32px;
  vertical-align: middle;
}
.knowCon .knowZckxCon .knowZckxRight .knowZckxWz {
  padding-top: 30px;
  display: none;
}
.knowCon .knowZckxCon .knowZckxRight .knowZckxWz .zckxWzCon {
  color: #fff;
  line-height: 25px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.knowCon .knowZckxCon .knowZckxRight .knowZckxWz .zckxEnd {
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}
.knowCon .knowZckxCon .knowZckxRight .zckxWzHover {
  display: block;
}
.knowCon .knowBottom {
  margin-top: 41px;
  position: relative;
  height: 160px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/humiEnterprise/know/knowBottomBg.jpg") 50% 50% / cover no-repeat;
}
.knowCon .knowBottom .knowBottomCon {
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -43.5px;
  margin-left: -445.5px;
}
.knowCon .knowBottom .knowBottomCon .bottomConWz {
  display: inline-block;
  padding-left: 80px;
  padding-right: 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.34);
}
.knowCon .knowBottom .knowBottomCon .bottomConWz p {
  color: #fff;
  line-height: 14px;
}
.knowCon .knowBottom .knowBottomCon .bottomConWz p:first-child {
  font-size: 38px;
  line-height: 38px;
}
.knowCon .knowBottom .knowBottomCon .bottomConWz span {
  width: 20px;
  height: 2px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 14px 0;
}
.knowCon .knowBottom .knowBottomCon .bottomConWz:last-child {
  border-right: 0;
}
.selectModalCon .selectModalTil {
  text-align: center;
  font-size: 22px;
  color: #000;
  line-height: 22px;
  margin: 12px 0;
}
.selectModalCon .selectModalTip {
  font-size: 14px;
  color: #999;
  display: block;
  text-align: center;
}
.selectModalCon .selectModalForm {
  text-align: center;
}
.selectModalCon .selectModalForm .selectFormSingle {
  margin-bottom: 20px;
}
.selectModalCon .selectModalForm .selectFormSingle .fromSingleTil {
  width: 77px;
  text-align: right;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn {
  vertical-align: middle;
  display: inline-block;
  width: 349px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a {
  width: 83px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 14px;
  color: #b0b0b0;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.3s;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:first-child {
  margin-bottom: 10px;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:last-child {
  margin-right: 0;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn a:hover {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectFormSingle .selectTypeBtn .selectTypeClick {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.selectModalCon .selectModalForm .selectPhoneTip {
  margin-bottom: 7px;
  display: none;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon {
  display: inline-block;
  width: 280px;
  text-align: left;
}
.selectModalCon .selectModalForm .selectPhoneTip .phoneTipCon p {
  color: #2cb278;
}
.selectModalCon .selectFormSubmit {
  width: 356px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: block;
  background-color: #397ecd;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  margin: 0 auto 34px auto;
}
.selectModalCon .selectFormSubmit:hover {
  background-color: #5193de;
}
#knowLedge {
  padding-top: 30px;
  background-color: #eff3f5;
}
#yhhd {
  position: relative;
}
#yhhd .nicheTypeBox {
  position: absolute;
  top: 483px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 190px;
}
#yhhd .nicheTypeBox .box {
  float: left;
  width: 186px;
  height: 190px;
  cursor: pointer;
}
#yhhd .nicheTypeBox .box:nth-child(1) {
  margin-left: 5px;
}
#yhhd .nicheTypeBox .box:nth-child(2) {
  margin-left: 100px;
}
#yhhd .nicheTypeBox .box:nth-child(3) {
  margin-left: 151px;
}
#yhhd .nicheTypeBox .box:nth-child(4) {
  margin-left: 151px;
}

.slick-slide {
  width: 290px;
  height: 340px;
  box-sizing: border-box;
}
.carouselBox-carousel {
  outline: none;
  position: relative;
  width: 268px !important;
  height: 310px;
  margin-right: 32px;
  box-sizing: border-box;
  padding: 52px 49px 0 48px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiEnterprise/qualification/bgs.png') 50% 50% / cover no-repeat;
}
.carouselBox-carousel .imgBox {
  width: 80px;
  margin: 0 auto;
}
.carouselBox-carousel .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  margin: 16px 0 20px !important;
  color: #333333;
}
.carouselBox-carousel .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: justify;
  color: #666;
}
.carouselBox-carousel .btn {
  display: none;
  position: absolute;
  bottom: 15px;
  left: 10px;
  width: 248px;
  height: 36px;
  background-color: #ff7919;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
/* .carouselBox:nth-child(1),.carouselBox:nth-child(6){
	margin-right:32px;
}
.carouselBox:nth-child(2),.carouselBox:nth-child(5){
	margin-right:28px;
}
.carouselBox:nth-child(3),.carouselBox:nth-child(4){
	margin-right:24px;
} */
.slick-center {
  transform: scaleY(1.1);
}
.slick-center:hover .btn {
  display: block;
}
.slick-center:hover .btn:hover {
  background-color: #e0611e;
}

.fixed-newindex {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
}
.fixed-newindex a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.fixed-newindex a:hover {
  background-color: #e2112e;
  border-color: transparent !important;
}
.fixed-newindex a:hover > span {
  opacity: 1;
}
.fixed-newindex a .a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.fixed-newindex a span,
.fixed-newindex a p {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.fixed-newindex a p {
  opacity: 1;
}
.fixed-newindex a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.fixed-newindex a:nth-child(1) {
  position: relative;
}
.fixed-newindex a:nth-child(1) span {
  width: 40px;
  text-align: center;
}
.fixed-newindex a:nth-child(1) .hoverBox {
  position: absolute;
  top: 0;
  left: -210px;
  width: 200px;
  height: 72px;
  box-sizing: border-box;
  padding: 13px 0 14px 10px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/jiuLongPo/hover.png") no-repeat;
  background-position: center;
  background-size: 200px 72px;
}
.fixed-newindex a:nth-child(1) .hoverBox .jiupofail {
  height: 18px;
  width: 18px;
  position: absolute;
  top: -5px;
  left: 186px;
}
.fixed-newindex a:nth-child(1) .hoverBox .title {
  width: 180px;
  font-size: 15px;
  color: #fff;
}
.fixed-newindex a:nth-child(1) .hoverBox .title a {
  display: inline-block;
  width: 100px;
  height: 16px;
  margin-left: 5px;
  border: none;
  color: #fff;
  background: #d40202;
}
.fixed-newindex a:nth-child(1) .hoverBox .title a div {
  text-decoration: underline;
  display: inline;
}
.fixed-newindex a:nth-child(1) .hoverBox .desc {
  width: 180px;
  margin-top: 8px;
  font-size: 12px;
  color: #ffb7b7;
}
.fixed-newindex a:nth-child(4) {
  position: relative;
}
.fixed-newindex a:nth-child(4) .codeBox {
  display: none;
  width: 120px;
  height: 120px;
  position: absolute;
  left: -122px;
  top: 50%;
  transform: translateY(-50%);
}
.fixed-newindex a:nth-child(4) .codeBox img {
  width: 100%;
  height: 100%;
}
.fixed-newindex a:nth-child(4):hover .codeBox {
  display: block;
}

.drop-search-menu-item h3,
.drop-search-menu-item p {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  letter-spacing: 0;
}
.drop-search-menu-item h3 > i,
.drop-search-menu-item p > i {
  color: #3460F2;
}
.nav-header {
  width: 100%;
  height: 64px;
  background: #ffffff;
  padding-left: 40px;
  display: flex;
  position: relative;
  z-index: 3;
}
.nav-header .header-logo {
  cursor: pointer;
  width: 127px;
  padding-top: 10px;
}
.nav-header .header-logo img {
  width: 100%;
  margin-bottom: 3px;
}
.nav-header .header-logo .logo-text {
  font-size: 13px;
  color: #757575;
  text-align: justify;
  text-align-last: justify;
  margin-bottom: 0;
}
.nav-header .areaBox {
  margin-left: 24px;
  line-height: 64px;
  font-size: 14px;
  color: #333333;
}
.nav-header .areaBox .ant-dropdown-link span {
  color: #3460f2 !important;
}
.nav-header .meanBox {
  display: flex;
  padding-left: 73px;
  line-height: 64px;
}
@media screen and (max-width: 1300px) {
  .nav-header .meanBox {
    padding-left: 0;
  }
}
.nav-header .meanBox li {
  margin: 0 27px;
  position: relative;
}
.nav-header .meanBox li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #3460f2;
  width: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: width 0.25s ease;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.nav-header .meanBox li .mean-li {
  display: inline-block;
  height: 64px;
  font-size: 14px;
  color: #333333;
}
.nav-header .meanBox li.active::after {
  width: 100%;
}
.nav-header .meanBox li.active .mean-li {
  font-weight: 700;
  color: #3460f2;
}
.nav-header .advertBox {
  cursor: pointer;
  position: absolute;
  right: 155px;
  opacity: 1;
  line-height: 64px;
}
.nav-header .advertBox img {
  width: 194px;
}
@media (max-width: 1520px) {
  .nav-header .advertBox {
    display: none;
  }
}
.nav-header .registe {
  width: 100px;
  height: 38px;
  border: 1px solid #3460f2;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.nav-header .registe a {
  color: #3460F2;
}
.nav-header .registe:hover {
  background-color: #3460f2;
}
.nav-header .registe:hover a {
  color: #fff;
}
.nav-header .dropContent {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 64px;
  z-index: 100;
  left: 0;
  overflow: hidden;
}
.nav-header .dropContent .dropContentWarp {
  width: 1200px;
  margin: auto;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock h3 {
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  color: #333333;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock ul li {
  font-size: 14px;
  font-family: PingFang SC;
  color: #333333;
  margin-bottom: 16px;
  padding-left: 64px;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock ul li a {
  color: #333333;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock ul li:hover a {
  color: #3460f2;
  border-bottom: 1px solid;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(1) .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEnklEQVRYR8VXXWgcVRQ+5+7ubJAIGgUDKqTYh8Amzcwd8+aDBUsL+lCxosU+tBBJwYAtrYhoSQuKikpbSFAQaYoPIigWWrElhYqpiNi9MxuzoFHoagNGaJaAC+7M7twjJ52Jk3Wyu4nR3MeZc8/9zu93DkKbJ5fLdRqGsVMIsQsAthJRDyJ2E1EdAG4iYgkAftZaX/R9/1KxWKy0oxpbCdm2/QARvQIAuwHgGgCc01oXAaBUq9Vu8v1MJnM3APQIIXKh3IMsR0THHcf5pdkbqwJgi7PZ7Cgi7iOi97TWp13XXWwFmP+bpnmHEOJ5ABgBgIlyuXysVCpVk+4mAsjlct3ZbPY8u9TzvMPFYnG+nYcbZUI9J9k7nuc9nqTnHwAGBgZy6XT6MhGNKaVeW8/DjXeklC8j4ki9Xn+kUChw+JbPCgCMuKOj4zut9WHHcT7ZiMcjHZZl7RFCnKxWq4NxTywDCGN+hZNnoyxP8gQAPFYul7dHObEMQEr5FgDcp5Tau5GWJ4D4CADmlFIv8L8lAFLKrYg4Va1WrfUmXLugw8T8Xms96LpuKQJwhutaKXViDYo62202CV4Y5cpQSh3AMPY3tNZb2q1z27Z7iYhDtkhEpx3H4QbV9gn7xHXP8+5Hy7KeQMSDSqkdzTREzSUIgq+EEEO+7w+v1wNh2Ce11mMopWT3X1NKjTcDEJbRB0TUCQC/EtFRx3E+bdvsBkEp5XOIaDKAKa31Mdd1v2zhgSEhxLuImI7JzYVklHhVa33cdd2zST9N03w4lUqNMoDrWuvtnJEtPPAiANSEEO+sJkdEVxGR2XHpEFGlUqkcmJ2dXSKt+DFNk8nrCtq2/efCwsKdq5GFlHIYAI4yBQPAxaXaRWRKbjx1IjrEbIiIDzGPAMDb+Xw+0QNh8v/WFIBlWUeEELtrtdreVCr1KgBcQMQ32BOI2BtDUA+C4KVUKnWEiJ5VSl0Ie8uZkFM+bkS7DKBZCGzbvhH1bsuyJhzH2W9Z1utCCNY3BAA8B7Crx4joNkQURDQRBMH89PT0j/39/b2ZTOZDpdTgqiHgJGT0hULhaqOQlPIPpdTt/N00TdN1Xdc0TU7GewHgW0TkvIjizR5ZRMR5noocx3kTANJSyp+UUlsSANxKQtu23yciN6kMpZSTHEel1KVIgZTyCwAYZzfHlUop9wHAo3EukVI+hYh78vn8kwnG3SpDrm9EHE5qRGy1EOIznmqIaI6VIWIlSWFo7XlE5MmHx7ZeRHwaAHYopTghVxw2Tms93rIVhzPCM0TUrbX+2nXdcwkVEH1KhwbZiDgXBMHZpPa+ohXzzbAbromMmoBo+UtK+TcZhQC4xr/xPK9/U+g4BLF5AwkD6Onp6ejq6pratJGMQYQJ52itR/4N0yUlAdO+EOLUqkNpdGnbtm19mUxm8j8Yyw9ySebz+R/iAFsuJr7vH5qZmfm9ZWonCPT19d1jGMapNS0mkZ5oNQOA/QAw9r+uZnFjQt7mul1eTolohodY3/cXWNYwjLvYSkTsiy+nWusTreaMlttx3COGYewSQuyM1vOIDePreRAEn9dqtcvtzot/AVfdjyxpzMg0AAAAAElFTkSuQmCC) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(1):hover .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFEklEQVRYR8VXYWhTVxT+zn0vbaJN2k5xwhxE5g+hbmv74r/9UJgobD86rGwy1/cKHQorqOgQ2aQKG9vQoUJlg831RQcytrGCjikKynSMsSTtmIWNFexmYU7atc1r19i8d8+4aRNim6RZLfP9CrnnnPudc8/5zjmEMr+6bXerAksCmxm8hQhrGBwm0EpmdkEYItAAM/oJdHHyn8lLfZ+vGC/HNM0nZJipJ0BTbwLcRCxiEugW5Pa5wEB6Ij2k9H1Lfct1ICxZrxNAE5OMANQtNd/hntOB30vdURSA8ti/xN9BhB0AfejCPdlr147OB1id11sjNTr03czcDsAepuFDA/bqVCHdggDqrLsrA1x5XpLov4fJvX32ijvlXDxbRtmpROA4gcMppF4oZGcOgKdNp85HfAVMnbFo8O2FXDxbJ2I6b4C4Pc307E/RYF/++X0Apj33/+ix3NtzpuaLxbg8a6OhZbRZI3F8klLr8yORAzCd5ZVXAdG9WJ4XigQTPz+M4Y3ZnMgBMMzkUSZalbCD2xfT89m2Gi3nHDEPxqOh19VZBkDjjrE1Qqfrk0g1LDThygWtntnP/p898tb32rUDGQCGlexSRBKzg0fKNrTtblW5ZDPnKSynQxFZ3A61Uqbel1be9iBXl1vnhpVcC8ZRBkZZypM9Z2ti5QLP8oQGcSs1ce9xipjOVgC7YtHgplJGFLkI6LtJ4lsI2ZaauLdzoRFQ90RM5zIEd5IKPzPFEtHgqVIAIi2jzUziNAhVAP8hWezviQa//C+e58s2ms5rBK4nw0xeJ/IOxezaayUj0DLappH4gAh6To4xyMRuUT2iw/GuULTQecQa2QBoHSoCtzx4G1VGlgJgWMkDgEgT5PvF5Jhxgwg5QMwYxxRa4+dCmaaV/9VbI2EN2lWKWMnJIQzXFmsWkVZnJ0u5H0RrCLg4Y2TLHBAMV4L3qG4IomfA6GchjsW7qgpGYLrZVf5ZEoBhju8DZFPaTW/3+fS3pOQLQoh3AaQJWJv3FC4DB4mwT0q8mjgTuqC4hTTqYkGdia7gZ7MB5wCUeoKImbyd5W7DGrPjdrVlWMl3MsYYbURYrn5Kpk4QLyFACCKbyXcn9on/V1WuxDgbi4bWF30ClYRg92D8zCM3ZgsZ5pgTj1YHZ2q3vteu7TVaRttIaI9JyB8E6ECezlrFCwTcYeBi3A69hw2sG2Hnt7gdWj2XjLJJaCY/YlBvoTJUtSoFHUt0VV3KGohYyW+kxCkV5vvKqmVsBwSeS9jVuV7S2Oq8SBLN8Whw22wAuTJU9Q3SdhYionprpF6D+IohbME8CEIzM40XMqi8jYSd8wykQOgGqxzhl9jFpsSn1f1zImA6l5ncU/NS8UzzeBnASpD3Xdyu7S5arhtYbwgnmwWTARKDHtLRQvSuWDVHxcrYQprRQhlQ6UXym5H6Y6Zkvk9R6smH0o4zUcgMJLwqP4kexMtiuo3W2Dliun8gUcJh65Z/OS+7rub5hzKSKRCZoRT+Ho+p/UE6XSHvG0xnqwY+UXQozSo99crf6yo0/fKij+XgXUzYFLdDv+QDLLGY+M9L4v4pXdtz8+OqvxaSD+vaxh+tcL0TBCp/MclelF3NAFhE1Pm/rmYF+nbH9HKKmITo1gRuukIfmEo6w0q2IhRcpks37EmsE5BNTMgspx68I/PNGfNux/kRCQQqtjCJzdPrOcJgznRDEA0RkFnPQd7XqYn0lXLnxX8BQkydT20SXyQAAAAASUVORK5CYII=) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(2) .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD7UlEQVRYR8VXTYgcVRCuer3Ts4eAugruIYFRFxRmnO15zxwEAwYMycGDohfBgzkZcEEDioqGNQdPIomwAcFDvOWggiCCkkCEDaiYed2z7qAsQkYMGCE7CFmwf6brSW26x95Nz3TvuJoHfep69b6q+uoPoeSp1+t7bNs+LIQ4AgBzxpgaIs4aYwYAcB0RewDwCxF9FYbh191ud6OMaiwSUko9YIx5GwCeAoDLAPA5EXUBoBdF0XW+X6lU7gGAmhCinsg9wnLGmHdc1/113BsjAbDF1Wp1ERGfN8Z8SEQfeJ73ZxFg/u84zp1CiJcBYAEAPu73+yd6vZ6fdzcXQL1en61Wq1+wS4MgON7tdq+VeXi7TKLnFHsnCIKn8/TcAmB+fr4+NTV1wRizpLV+d5KHt9+RUr6FiAuDweCJTqfD4RueLQAY8fT09A9EdNx13U934/FUR6vVelYIccr3/f1ZTwwBJDG/yOTZLcvzPAEAT/b7/YMpJ4YApJTvAcBerfVzu2l5DohzAHBVa/0a/9sEIKWcQ8Rl3/dbkxCOWY+Id2Qfi6LIX11d/WMEMX8kov2e5/VSAGc5r7XWJyexXin1EwA8tP1uFEX7VlZWruZ4YZEzQ2t9FJPY/0ZE943L82az+aBlWbNZZUIIv91ufy+lvEJERz3P+yb9r5QycRyzTq6QW05SJ64EQbAPW63WM4h4TGt9aJz1SqkIAK4lpXdTFBH3GmMOAMA5BsBF0bKsZrvdfn8cgCTs54loCaWU7P7LWuszBQBusSi1XAhxlgEIIW4Q0f2e531SAsBLiOgwgGUiOpF1Xx6QPIVZAADwhjHmu/SuEKI3KgQs4zjO45ZlLTIAjt/BvFhlgRQAeD2HhIONjY1H19bWNhtWDg+4eV1EpdRf6+vrd41qFttI9RgiDlkthLhkjHk1aznLF3VAlknI//uOAJRN0cFgcKDT6VwaJz8EsBshyPInLyXHhoBJGMfxm0WIx3FgQgA3SaiU+sgY4/2bNJwEgJTyZhpym0TEF0sUopF1YEIAXIjOlC7FUsobiLinDBGLSLilFCdlsbAZ8SUA4G/s4S5Y1FGllP80owTAHAB8GwTBw0WXiwAU/U/mxK3tOAFx+wYSBlCr1aZnZmaWb9tIlpRHHkpdIlpwXfezInfu5D+3fSHE6ZFDaaqs2Ww2KpXK+f9gLD8GAIfa7fbPWeCFi0kYhq/kzXZlrG80Gvfatn16R4tJqjhdzQDgBQBY+l9Xs6x1juNw3+a8HS6nxphVHmLDMFxnWdu272YrEbGRXU6J6GTRnFG4HWc9Ytv2ESHE4XQ9BwDeivkM1/M4jr+MouhC2fX8b0YfvyzTpn07AAAAAElFTkSuQmCC) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(2):hover .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAESUlEQVRYR8VXXWgcVRT+zsxsdrfNJo0JNQ8pbLWgkFiT7PZBsGDB0j74EGl9EGpnKoIFA1pQVLTEPvgk0gopCCqZLUgeqhAogtJChRRU3E1SbdCHQFYsWEvWJDuNO838HLkTdp1sJjPbNerAPJ2f+51zv3t+CA1+vc/cbk1uSx5i8GEi7GFwmkDdzGyDsECgIjPmCPRl5c/KV7MXd95pxDVFKWVU80HQ6tsADxFLeReYkMietYGitWItCPvY9liXAqRdVnolYIjJzQI04cqxd6Y/Sf4SdsamAETEiW2JESIcA+hDG/YHM3rHUhRgIe/XFncoUF5m5mEAeolKp4v6bjPINhBAr3a7O8nxSy5Jc3dROTWr77zVyMH1OsJPHMmzBE6bMJ8O8rMBwKOq0RsjvgKm0Xwu9W4zB9fbZFXjLRAPW0xPXs+lZv3ydQDWIk9877B7avrCjs+24vCqj4HjS0dlks5WyNznz0QNwBrL41cBaWKrIg/KBBM/VULpQJUTNQAZtfweE/VM6alntzLyel+DmjFOzDcLubbXhMwDMHhseY+k0GQF5kAzhBOsJznR7j/MIse88XHr70HETHDiR4ecfTN6R9EDkNHKY6KQ5PXUmWaiz2jlnwh4uN521bJ2/fBp580NV6EZI6KQFfS2E+S99+3xXx24u8PeefZ58yFiq9vvzIVrFsbav8to5XmCcyKvd3xdlWe1MttwhM9iPQCRMRnSvLlydxdlVeMIgJP5XOpgWPRZtWwBuMUEu6pHjB6XeD+BxgUAIBZjxt5CrvX9MADCPqsalyHxKIn0M1N+Kpc6HwogIKJq5Ax5TABwmQwi+YGCnroYBWBQNV4icD9l1PIkkXPan74gIEEO/QCY6A2WlG+rtrJjFTe7Ai8D2uITgDwiMjDvwDkQdFd+IGEAAPl1richw8YqHiuMt3kNK4AHaRnyVcpq5coCSh2bNQs/qcB43FFiNVbLtnXNlehVf+RCP6oDCp21Zhf/7d4ANPhG2bX3Fy7cdy1MvQZgK67Az5+gJxl6BYKEYPvNKMRhHGgGwN8kVMsfMWjmnzzDZgDUnmH2+NJRkPxiZCEKqQPNABCFiMk+33ApzqjLBhG1NsLDKBKuK8WNNiNhBED8oZ+FmDmrt4aOcFl/MxLeRDsmmb4xyXykmXYcBcovF1PXhnbsZcEbSLhnSm//lweS5XFiWj+QCABpbT7RxZ2TYp7/X0YyrzyKoRSJaYdpeDqX+vxeUhulO6AaR2TwuU2H0qqDvc/90dciK5e3fCwHn2TCwYLe9rMfbMhikrjkEs+tKvIrQbNdVMRC3vfCnftbbOccgRpfTKqOq6sZAI2IRv/T1cwfXb+2KPr2yNpyirwLaUKWcMOWlOJq2SgJ3Za2VKfi2mnHRZ8Ed4gJ3nLqwDkTNWdEbsf+jCSTLYeZpENr6znSYO7y5EQLBHjrOcj5wlyxrjS6nv8FhLOtTznzF98AAAAASUVORK5CYII=) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(3) .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADi0lEQVRYR8VXT2gUZxR/70uyuwEPNS1owcJKPa1rMvtNvRto0EMPFb0IPbSnCg2oBw9iQ/TQkwcTiCB40FsvKQSk0KKQQgoedL6ZpenSQ8EtLahgFg/Czg7Z9+TFmXWMM7ufaTTfZWHnfe/7vb+/9xAsT6VS2VUsFo8qpY4BwAFmLiPiXmZeB4CniNgEgL+J6JdOp/Nro9F4bqMaBwm5rvspM38PAF8CwAMAWCKiPwGgGUXRU7lfKBQ+AoCyUupgLPeZyDHzJd/3/+n3Ri4AsbhUKs0i4lfMfJ2I5oMgeDYIsHx3HOcDpdQZAJgGgFutVmum2WyGWXczAVQqlb2lUum2uDQMw3ONRuOxzcObZWI9V8U7YRgez9LzBoCJiYmDw8PDd5l5wRjzw1Ye3nxHa30REafX19c/r9frEr7eeQ2AIB4dHb1PROd831/cjscTHbVa7aRS6mq73T6c9kQPQBzzZUme7bI8yxMA8EWr1ZpMcqIHQGt9BQD2GWNObaflGSB+BID/jDHn5dsGAK31AURcabfbta0mnC3oODH/IKLDQRA0EwA3pa6NMZcHKdJaf4eIJ3PkljzPm7fQMSuVYYz5BuPY/0tE+23q3HXdZWZ2EDFIP5T853ne5CAAcZ94GIbhJ1ir1U4g4mljzNSgi/JdAMjv5ofy/s/TqbW+Q0QLqLUW9z8wxlzrI9xze2xpCQAebZL/mJnDlGf6hiMOpSMAVohoJgiC3/IApN3OzLsAQHp/1hFSem4TDsdxjgwNDc0KgIdENCkZ2Q9Altv/j7zjOEJey+i6bnttbW13HllsJe42+RAn/6OdB7CVECQWSqw3ullckkll2HigFwJJwm63e6Fer/9uG9NtAvAyCV3XvcHMQb8yfNvat/FArwyFJhHx236N6B0BkEZ0zaoV21iUDt8g+ddaccyGfckor//n5cygRqS1fkVGCR0DwL0wDA9l0bHrujJgylRsfZh5MSuvMuk4BrFzA4kAKJfLpbGxsZUdG8kERDyU+kQ07fv+T9b+thAU2ldKzeUOpYmO8fHx6sjIyJ13MJafBoApz/P+SuMduJhEUXR2dXX1iYWRb4hUq9U9hUJh7q0Wk0RLspoBwNcAsPBeV7O0KTFpSN32llNmXpUhttPprIlssVj8UKxExGp6OSWiy/3mjA0is3VtvJ4fU0odTdbz1GTUW8+73e7PURTdtV3PXwCbmlYmmQ4MYAAAAABJRU5ErkJggg==) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(3):hover .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD+ElEQVRYR8VXT2gcZRT/vZlJdjfNro0NtUKFLfbURk2y07sBS3vwEGk8CLUzgmDBQO3Bg2iJPXjy0BZSEFSc1UMPVlgogtJChAge3E0itsVDICsWqmXXpDtJdpvMzJNvJpPurjM7k5jauSzs9773fu/P93vvEWJ+h16919vTkzrG4ONEOMjgLIH2MbMFQoVAZWbME+i71dX697e/3rscRzVFCeW0xrOgtQ8AHiWWig5QkMi6ZQHltZX1irjfvaurXwGyDiuHJWCUyVEBKjhy14ezn6d+72QjFIDwONWTnCDCSYA+sWBdmjP6lqIAi/NBfXG3AuUMM48DMKpUPVc2DjSC7gYCOKTf29fDiWsOSfMN1M/eNvb+Gcdwu4zQk0TqAoGzdTReCdLzLwAvaObhLuIbYJos5tMfbcdw+x1VM98H8fg600u/5NO3ms9bAHieJ3+22Tk7++Xuqzth3NcxdGppTCbpwio1jjRHYhOAV+WJKUAq7JTnQZFg4perqI74NbEJIKfVPmai/TNG+rWd9Lxd17BuXiHmO6V85l1x5gIYPnn/oKTQ9CoaQ9stuLigRZpTnPzVJvvInNFXdgHk9NoXgkiKRvp8lKJhzXxbIh4LkmNIhZLReylKh6qbE4LISkbmDXLf+67EHzacA3HeuarXphgYJGCu2ZD/X9HIjEQBEDwhQ1qorzx4hlTNPAHgdDGfPhp1UZwLAOK33VDY/2E6Vc28DoknSYSfmYoz+fTlMOHmsDN4kEBJAHfb5J9mcINAbmSi0iF0ktCV02rTRPa5otH3QyjaprA7jF4i7g+kVUYFRMtx0qHqiy8C8oSIwIINe0RUZCcAQWH/L/KD+mJWhjxFql6rV1DtC2sW28l7nHrwml3i7uMHsJ0U+B6KgvTYzCs8/2XEicBmCkQRwrHeK3315I9xc/oQADYAeJywFQAPi1CrfcqguU7PcKtvP04ENp+hemppDCS/1YmIHgUAQURM1uVYVBzHo+b0Rcm3UHGcZuTxv8uALfwfVjO+bFhfaGlGfjsmmX6qU+O5oHac05fPEJzROL3Cl3GYrgbVVWA7dqPgDiS8f8Z44hEPJPevEFPrQCIAZPWFZD/vmRbz/GMZyQQIdyhFctZmGp/Np7/ZSsijZIc084QMvhg6lPoKnn/974FuWbm+42M5+DQTjpaMzG/NYDssJslrDvH8miK/c/Oz3r+iPAw6H3hz+aluy75IoPiLia/IX80A6EQ0+b+uZs3ebDSNCW85RdGBVJAl3LQkpfygZlaFbCKT3qM4VtZ2MCDBGWWCu5zasM93mjO8RhbzcxeXVPdxJumYt54jC96YjIgqBLjrOcj+tr6yfiPuev4PTyRhTcTuwkgAAAAASUVORK5CYII=) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(4) .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEv0lEQVRYR8VXT2gcZRR/79vNZA85NIlgwQgR04Ns7M5804IHDwmktKIHRT0UemhAsWBAC/VQbIlFRKGWtpBixEMDFvRQQVAhIYEEIngw880Es1BopSsGUiEJAQ3u7Gbek1dn1226fyYh6ndadt73vt/7+3sPIeHJZrMdlmUdVUodA4A+Zu5FxP3MvAUAq4hYAIA7RDRZKpWm8vn8H0lUYysh13WfZOZzAPAiACwAwNdElAeAQrlcXpX7bW1tjwBAr1IqG8sdEjlmfs/3/V+avdEQgFjc3t4+iognmHmciK4GQbDRCrB8t217n1LqLQAYAYCJ9fX184VCoVjvbl0A2Wx2f3t7+zfi0jAMT+fz+XtJHt4uE+u5LN4Jw/ClenoeApDL5bLpdHqGmceMMR/s5uHtd7TW7yLiyNbW1tDi4qKEr3oeACCIM5nMj0R02vf9m3vxeEWH4zivKKUuF4vFw7WeqAKIYz4rybNXltfzBAC8sL6+PljJiSoArfVFAOgxxhzfS8vrgPgCAJaNMe/It/sAtNZ9iDhfLBad3SZcUtBxYv5ERIeDIChUAFyXujbGXEiqaJtcWmv9ofQARFxm5jPGGK+RLq31qFSGMWYY49j/SkRPJK3zOm6VUnsNEceYWZrQM2EYHmjkzbhP3A3D8HF0HOdlRDxljDmyS+vBdd0VAPjY87xLvb29me7u7t+ZedgYc6OJF6aJaAy11uL+BWPMtVYAcrncY0qpPiJardRzJaaIOOd53nGtdQ4RF5j5OWPMZBMAbyKiLQDmieh8EARzTQCkHcf5RCl1EgDSIsfMk0Q0nkqlxgFACEmIaQMR9zHzXCuP2rY9kEqlRgXAXSIalIxsBMB13fcB4AwRDW9ubs50dHQcQkTxnDz6ZRiGryuleizLej6Kop+DIPg2BtXQJtu2hbxm0XXdP9fW1jobkYVokBgT0YTv+2crGm3bPplKpa5HUdS5m+SNk38lKYAyM48YYz6taa1DSqlpALgZRdGNjY2Nqa6urh4AkL7fwcwfNSvFKoCEIZgXl3qeJ5Ui8Zbm9TkiDjHzEiIOMHMREYVy70kuAEA/Ih7wPO/+zLD9VEMgSRhF0dnFxcXvGwXMcRyJ+Swi3mHmGUSUWh8goleFtFzXlYFEEvRiFEWD5XL5ViaTWZHfjZK7moSu637GzEGrMjx48GB/Op0W9/Yz87JYL4nped7VCnCt9W3xQuwBu1kz0lr/XYZCk4j4RquyqdP9ZFo6x8wniGhKElE4BQCkzaaZ+ZLv+zLC1T1aa2lE13bdiqXjdXV1rUjdS9x3QmQPtOI4oXZMRjGD3pbqiDlAWu9Eq24av/cPGcV/iOt+CMPw6R3Qcdp1XV+yXWIehuFTSe7WpeMYxI4HEglDZ2fns6VSaSnJ4/E7Dw8k8iGOqdT7/zOSCYh4KPWJaMT3/a+SxDOpjNC+UupKw6G0okjqva2tbfpfGMtPAcARz/Nu1YJuuZiUSqW3l5aWfktqaa1cf3//o5ZlXdnRYlJRUFnN4hY79p+uZrVWxKQhdVtdToWAZIgtlUprImtZVrdYKW26djklogvN5gy523I7rvWIZVnHlFJHK+s5AAgJyamu51EUfVcul2eSrud/Abq/wSxvGvz2AAAAAElFTkSuQmCC) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(4):hover .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFJ0lEQVRYR8VXX2hTZxT/ne+maWKb2GhxwjqMTB9GM22bK+xhDxUqOrYHh/ogqLkFx4QVNsE9iEonY2zgRIXKHNvojQoO5qDgBooFCx3sYUnqWAuCHUYmdJNmxnutSdt77xlf0nRpbZprKduFQsl3vvP9zt/fOQSXX/Oeh/X+Ff7tDN5BhA0MDhNoLTNbIIwTKM2MUQJdzz3N3Rj5bs0TN6qpmlA0ln8ZNHUc4J3EIuEAfYKsEQtIT09Mj8v7NXU1jR4g7LCnWQA7mRwVoD5Hqflo6Bv//cXeqAhAWuxb4esmwj6ALliwzt3WQ9lqgOV5i/aowQPP+8zcBUDPUOZEWl+fX+juggCatYdr/Vx7zSExOonc4RF9zZ9uHp4vI/XUwn+GwOE88m8vpOcZAJtjZnMNcT+YehLxwCdLeXj+HTVmHgNx1zRTx6/xwEj5+RwARct9v9jsHB662HB1OR4v6Wg9kN2tkDiTo/yWck/MAihmee0tQPQtl+ULeYKJ38ogs7WUE7MAojHjFBM1pfTA3uW0fL6uNs28QswPkvHgh/KsAKBt3+MNwkODOeRbl5pwbkHLMPvY95tN9pbbeihdABDVjF7ZSBJ64KRbRXPk2tkTXWd+KnsFiB4wK0dS8bpkJV2qZnbLRpbUg51UqPe62j9sOOvd1vkzsdXMM8zOQRD1EJPKcF7L0+TGSt6UfUKBuJefmHyJ1Ji5C8ChRDywbUnWA1A1Y4xZfJ6M158Oa/d8jbzadJg7UxdXXq7ohZh5E4J7SLqfmRKpeOB8NQCbDzx90avYG6YcjJfquRRTAAPJ+4G9beuebhZkJxzwGyl95fVKOtti5nsEbqFozBgksk8k9NBARQDFGH9BgAaCpyjH10F0AQz5ZwFYy+AsgRoc0ECqikdV7VE7oHRLD9yzYW+VGVkJQDRmfkzER2xw58Qk9dfXsipAvfJRB/Tt5ETuHV+drwmMN0H278l0ww8YIAmq4teiPQorUG6Rqhm5cWRClchipkrGJKkk9eDRksY2zdAE0GvBDi0leYtkVzvmCoAaM6YhqCvRG/iyrLV2KELcZMZVErg8zpkbq6xVTeShY2DUM5TPFivFWQDuQmAMgmAl04FtJdeqMeMSCB1gGga4ncF5gCTlSubMgjiCSdqYvBIszAzzv9kQyCQEW0eTF1f9VClgrfuzqhB0iwijzNRPBBVAu+04eyRpRfcajfBCI8IpwN6aQ80dP5wx+X+l5P43CWPGVwy6Xa0MN+03I14Fx8AcAeEBGB1M4khSrz9XAh6NGXcBSC9kAW5ZrBnNlqF6ILsbpLz7vI2oTTO7BfNxR9A+h60bMhELnKJQt0PkYds+PXSpIbFYI2Kyzi+5FYc19q2GMSbrXsb9eYhsTiteKhnNMOhdh6lLEPc4QGdKD+rVuqk8n0NG8gepjBT6OU/5V13TcbE7DhEhwkA2j/wrbu4uSMcFLxQGEm5K6StdDySSeEJO6PUpMTXs5vGCsdrjK8Q0dyCRBzMsNijn+f9lJJMgCkMpfEM2U9dQPPC9m3i6lWmNmbsU8NmKQ2lJ0ab9f0e8iufmso/l4ENM2JbUg3fKQS+ymPiuOcSjUx7lg+Gv6/9ya2m5XOTgkxe8ln2WQO4Xk5KC0moGyBZLPf/palZuxQxpdBeXUyQciD5FYNgSnvSUYWakrDcYWO1xrLDtICLg7OQCV1CfDfvkYnOGvFt1Oy73iN/v3cEkthfXc4TB3Fg4JxonoLCeg+wf8xPT/W7X838AoSHBT0Xk6uMAAAAASUVORK5CYII=) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(5) .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEfklEQVRYR8VXUWhbZRQ+579NbgI+tFWwDwoZ7qFkSZP7XwcKe1hhY3uooCi44R70QTZYYRsymOioQwRhjnXQwWDCBj7og8OBCMoGG1SYYO9/E6yhgrCIAyus2R7W5ibN/Y+c9t4QuyQ3KdXd1/v/5//OOd/5zjkIPX7pdPop0zT3CSH2A8B2Ikoh4ggRNQDgPiKWAeB3rfX3tVrth1Kp9KgX0xh1yLbtF4joQwB4FQDmAOC61vpXACjX6/X7fD8ejz8DACkhxI7g3It8jog+cl33j25vdATAHicSiSlEPEREl7TWFwqFwsMowPw/n88PCiGOAcAkAFytVCqny+Wy1+5uWwDpdHokkUh8yyH1PO9EqVRa7OXhjWcCO+c5Op7nvdbOzmMAcrncjoGBgZtENKOU+mQzD2+8I6X8ABEnG43GnmKxyOlrfv8CwIiTyeTPWusTrut+vRWPhzYsy3pDCHG+Wq3ubI1EE0CQ81tMnq3yvF0kAGCiUqmMh5xoApBSngWA55RSB7fS8zYgvgSAe0qpk/xvDYCUcjsizlarVWuzhOsVdEDMX7TWOwuFQjkEcIXrWil1pldDqVQqMTQ09BYiepVK5VqnMmtnT0o5xZWhlHoHg9z/qbXe1kudswemaR5DxCMA8BARE/wIV83KysqlhYWFpSgnAp2463ne82hZ1utsTCm1t9tFLk/DME4h4gEimiOic67rXg9SeAAR3wOAURYerfWnUQoopbyhtZ5BKSWHf04pdbEbACnlA/YYAA4qpX5qdzafz+8WQlxGxEeO41gR9o4iYp4BzGqtTxcKhdvdLti2TQDgEdEiIs4sLy9fDcPNfBgcHHzTMIzjrMRExHza1s0egzUMY4oB3NVajzMjowCsrq5mDcPYJYQ4GnTEr5i8AR9Aaz1NRL+x4PQAgJvXLbRtu7q0tDQUxWKOgO/7TNQ1oLlcbpdhGGcRMUVEJ5VSDKYRpOFKFICA/H9tGkBAPu6Wux3HGQ+j1zeAflLQGoEuALgVj3YiagvQ9RQwCX3ff79YLP4YxYFuAKSUdwBgZIONRaXUy50qZo2Etm1fJqJCVBkyVwDgM9/3z4WCxYoWpsC27W8A4KVGo/GuEMITQnzBeqGUeqWDGq6XIbdJRDwcJURSyglE/JjFhog+R0Rm/KEQAJMqmUzOEtFtRLxHREcCvW87RQVCdLFvKbYsaw8ishRPAABPSgshCUON59IMtb5D+Jkn61IckKnvZpTNZkdjsdhhnoYdx7nAdljWhRAsRDwprzWbyGYUtmMAuON5XnYr2nHQchnAY5Ldth0HIJ7cQMIAWM+Hh4dnn9hIxiCCodTVWk+6rnstqq/38z/gx3THoTQ0NjY2lonFYjf+g7GcB5i9juMstAKPXEzq9frx+fn5v/vxNjybyWSejcfj030tJuHlcDUDgLcBYOZ/Xc1avc3n89w0eIhsLqdENM9iU6vV1uY/0zSfZi8RMdO6nGqtz0TNGZHbcWtETNPcL4TYF67nAMBbMX/N9dz3/e/q9frNXtfzfwC+paMmfN5OXwAAAABJRU5ErkJggg==) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:nth-child(5):hover .liIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE00lEQVRYR8VXUWgUVxQ9980mu5tkN6YJNh+2bKgforFNsiu04EcERT9SSNFSpZqdQosBBZUitLSSSikUrBghgqDFWf1QaKUBKbQoGEjB0u4mKVWxEMjWCk0lm6yzJrsmM3PLm2TCJt3sbELazu+bd9+595177nmEEr+Nbz6uqqjw72TwLiKsZ3CIQPXMbIAwRqAkM4YJ9N3UVPb7+1+tfVpKaHL7KRzNvQSa/hjgdmIRt4BeQcY9A0hOT86Myf3llWV1HiBksWeTANqZrAhAvZZS9sngl/7fi52xJACZsb/C10WE/QCdN2CcHdJq0m6A5XqTOrHGA88RZj4MQEtR6kRSa8gV2lsQwEb1cX0Fe29YJIZzyB67r60dLeXgxf/IOD74zxA4lEXujUJx/gHglWhmUxnxLTD1xGOBz1Zy8OI9kWjmIxAfnmHa/ksscC9/fQGA2cx9P5tsHRu8vObr1TjcidHckd6jkDgzRbkt+ZWYBzDLcu9tQPSuVuaFKsHEbSmktjmcmAcQjuqnmGjdgBbYt5qZL47VomauEvOjRCx4XK7ZAFr2P1kvPNQ/hVzzSglXKmh5zX72/WqSuWVIq0naAMKqfkkKSVwLnCw1UEgd8dVx7dsWODdO49eXarNC8SJqpksKWUILvkN2v1d6/zBhNZTS53YG8B0BuBOgNAE++xCmHsF8/qfLwZRbElInFIiR7OSzFygSzewG0BmPBXYU22i3J/gDAHuZELcs6/Tgw+pe+wpf1PcKgfcB2sBgzVLKP3dTwEg0cxOCe0iWn5niA7HAuWIAwqo+AXCagX0DWvWPhUs70cqsXCDip3GturlYvJZo5hCBmygc1fuJzBNxraav2IaIqjOAHINHZbkVhuaUW/KhlmrfIuajADUxkExowYbi8SZaAaVLVmDEhLlNMtINwLRJmxXF3CpYHJqdiLjGoKSw+QAw0A2YvwHKGTcATepESIFymyKqnh1DqsaNxbICBkxJVBto+IC+FQpOkZyCFh8feBi8hj4yIupEK0O55AZgdth5/1wxAAlCthPArXEtuM2p3rIBLOcK8iuwFADZYgJiw1JEdYDOX4EkISzjw8SV535w40AxAGFVvwNw/cIYNJrQgq8t1TGzJIzqFxg05NaGkivM/IVJ1mlHsPKvIKzq3wB4lS28x7ByQogrYMQTseDrhQDMt2GkI70HpBx0E6KWDr1NCP5Uio3FfJHg7Saa2e9wwJ6mld5+QPQx8yMpbnN6X9BFSSFiMs4tW4qbO9LbBYkjRGgDIJ3SA4eEjsbbBnVO6wtlv0CKVzqMwqq+gUAHpQ4ktKqzNimjmd0MNBHBKAZgwTByxjEpdCdLuc2rMY5nvaA3VKgTCo5juwq2IeF1A1r1v2xInlwlpoWGRAKYm+/90s//L5ZMgrBNKXyDJtPhwVjguttcX856czSzWwF3L2lKnWAvHxhvLFc8N1fdloM7mbAjoQUf5AMv8jDx3bCIh6c9ytG7F6v+Wk62zr+N7z59vtwwuwlU+sPE2ew8zQCoRNTznz7N8rOdGxpy6rUTI25B9CoCdw3hST7TM7b/8wYDtR7LCJkWGgWsdibYj1MT5kk3n+H6Os6vSIW/fBeT2DlnRkJgrrPXicYIsJ/nIPPb7OTMrVKf538Dige9TUE/5RUAAAAASUVORK5CYII=) no-repeat;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li {
  display: inline-flex;
  line-height: 32px;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li .liIcon {
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li .normalIcon {
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
.nav-header .dropContent .dropContentWarp .dropContentBlock .solution li:hover a {
  border-bottom: 0;
}
.nav-header .humi-family {
  height: 518px;
}
.nav-header .humi-family .drop-wrap {
  width: 1440px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.nav-header .humi-family .drop-wrap .drop-menus {
  width: 140px;
  height: 100%;
  border-right: 1px solid #dddddd;
  flex-shrink: 0;
}
.nav-header .humi-family .drop-wrap .drop-menus ul {
  padding-top: 50px;
}
.nav-header .humi-family .drop-wrap .drop-menus ul li {
  height: 22px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #565656;
  line-height: 22px;
  margin-bottom: 50px;
  position: relative;
  cursor: pointer;
  padding-left: 40px;
}
.nav-header .humi-family .drop-wrap .drop-menus ul .active {
  color: #3460f2;
}
.nav-header .humi-family .drop-wrap .drop-menus ul .active::after {
  position: absolute;
  content: "";
  left: 40px;
  bottom: -14px;
  width: 68px;
  height: 2px;
  opacity: 1;
  background: #3460f2;
}
.nav-header .humi-family .drop-wrap .drop-content {
  display: flex;
  width: 1320px;
  padding-top: 48px;
  padding-left: 20px;
  height: 440px;
  flex-direction: column;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-header .search-input {
  height: 43px;
  line-height: 43px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-header .search-input .ant-input {
  font-size: 16px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-header .keyword {
  width: 120px;
  height: 43px;
  background: #ebf0ff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #0f2057;
  line-height: 43px;
  display: inline-block;
  margin-right: 9px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body {
  display: flex;
  height: 100%;
  padding-top: 28px;
  width: 1240px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item {
  flex: 1;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 630px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 1px;
  height: 188px;
  background: #d1d1d1;
  transform: translateY(-50%);
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item:first-child {
  padding-right: 0;
  padding-left: 0;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item:first-child::after {
  width: 0;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: none;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  border-radius: 5px;
  background: #f2f2f2;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item > h2 {
  height: 18px;
  opacity: 1;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 18px;
  border-left: 3px solid #3460f2;
  padding-left: 12px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap {
  padding-top: 30px;
  min-width: 640px;
  padding-bottom: 10px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item {
  width: 295px;
  height: 107px;
  background: #ffffff;
  transition: all ease-in-out 0.3s;
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  margin-left: 10px;
  padding-right: 10px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item:hover h3 {
  color: #3460f2;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item img {
  margin-left: 28px;
  width: 37px;
  height: 37px;
  flex-shrink: 0;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item > div {
  margin-left: 28px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item > div h3 {
  height: 22px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #0F2057;
  line-height: 22px;
}
.nav-header .humi-family .drop-wrap .drop-content .drop-body .drop-body-item .products-wrap .products-item > div p {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 20px;
}
.search-content-menus {
  width: 550px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.search-content-menus .ant-menu-item:hover {
  background: #d9d9d9 !important;
}
.cities-box {
  width: 166px;
  background: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
  padding-top: 10px;
}
.cities-box .cities-tit {
  height: 20px;
  opacity: 1;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  color: #333333;
  line-height: 20px;
  padding-left: 16px;
  border-left: 3px solid #3460f2;
  margin-bottom: 6px;
  margin-top: 10px;
  display: inline-block;
}
.cities-box .cities-tit:first-child {
  margin-top: 0;
}
.cities-box .cities-tit:last-child {
  border-left: 0;
}
.cities-box .cities-wrap {
  padding: 0 16px 10px;
  border-bottom: 1px solid #e9e9e9;
}
.cities-box .cities-wrap a {
  height: 14px;
  width: 50%;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 14px;
  display: inline-block;
  margin-bottom: 10px;
  transition: all ease-in-out 0.3s;
}
.cities-box .cities-wrap a:hover {
  color: #3460F2;
}
.cities-box .cities-wrap .active {
  color: #3460F2;
}

.areaBox {
  margin-left: 34px;
  line-height: 64px;
  font-size: 14px;
  color: #333333;
  display: inline-block;
  height: 60px;
}
.areaBox .ant-dropdown-link span {
  color: #fff !important;
}
.cities-box {
  margin-top: 10px;
  width: 166px;
  background: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
  padding-top: 10px;
}
.cities-box .cities-tit {
  height: 20px;
  opacity: 1;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  color: #333333;
  line-height: 20px;
  padding-left: 16px;
  border-left: 3px solid #3460f2;
  margin-bottom: 6px;
  margin-top: 10px;
  display: inline-block;
}
.cities-box .cities-tit:first-child {
  margin-top: 0;
}
.cities-box .cities-tit:last-child {
  border-left: 0;
}
.cities-box .cities-wrap {
  padding: 0 16px 10px;
  border-bottom: 1px solid #e9e9e9;
}
.cities-box .cities-wrap a {
  height: 14px;
  width: 50%;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 14px;
  display: inline-block;
  margin-bottom: 10px;
  transition: all ease-in-out 0.3s;
}
.cities-box .cities-wrap a:hover {
  color: #3460F2;
}
.cities-box .cities-wrap .active {
  color: #3460F2;
}

.homefloat {
  position: fixed;
  top: calc(65% - 100px);
  right: 32px;
  z-index: 100;
  color: #333333;
}
.homefloat .homefloatblock {
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  margin-bottom: 16px;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0px 3px 18px 0px rgba(23, 89, 228, 0.16);
}
.homefloat .homefloatblock img {
  vertical-align: middle;
  border-style: none;
}
.homefloat .homefloatblock:hover {
  background: #3460F2;
}
.homefloat .homefloatblock .leftBlock.three {
  width: 113px;
  height: 128px;
  top: -80px;
  padding-top: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAACACAYAAAA8sIZsAAAABHNCSVQICAgIfAhkiAAAA9JJREFUeF7tmc1qE1EARmeWPoCQqWvXLktNxJ80LbjwEdSFj6Bvom/gQn2EujSuihbFYhEURIjYSqzBmEwyP9JFRURJMsz33VmcbpP7ncs5UDJJvNMflBF/jTSw1VmLl7lYfBKx106WeS/vMRp4+vxzRESjcAWKiAqr5k0imoUrcERUWDVvEtEsXIEjosKqeZOIZuEKHBEVVs2bRDQLV+CIqLBq3iSiWbgCR0SFVfMmEc3CFTgiKqyaN4loFq7AEVFh1bxJRLNwBY6ICqvmTSKahStwRFRYNW8S0SxcgSOiwqp5k4hm4QocERVWzZtENAtX4IiosGreJKJZuAJHRIVV8yYRzcIVOCIqrJo3iWgWrsARUWHVvElEs3AFjogKq+ZNIpqFK3BEVFg1bxLRLFyBI6LCqnmTiGbhChwRFVbNm0Q0C1fgiKiwat4kolm4AkdEhVXzJhHNwhU4IiqsmjeJaBauwBFRYdW8SUSzcAWOiAqr5k0imoUrcERUWDVvEtEsXIEjosKqeZOIZuEKHBEVVs2bRDQLV+CIqLBq3iSiWbgCR0SFVfMmEc3CFTgiKqyaN4loFq7AEVFh1bxJRLNwBY6ICqvmTSKahStwRFRYNW8S0SxcgSOiwqp5k4hm4QocERVWzZtENAtX4IiosGreJKJZuAJHRIVV8yYRzcIVOCIqrJo3iWgWrsARUWHVvElEs3AFjogKq+ZNIpqFK3BEVFg1bxLRLFyBI6LCqnmTiGbhChwRFVbNm0Q0C1fgiKiwat4kolm4AkdEhVXzJhHNwhU4IiqsmjeJaBauwBFRYdW8SUSzcAWOiAqr5k0imoUrcERUWDVv9l8cpnlePL6yntxahI53+oOy104WvY/XzQayvIhevT2ejcbzvfmZqLt9oTX+3xWIaI6zKu7gwygbHE6+ZLN8Y/vyuU//Ok/EVa0GeP/gcBIdvP/+oyyja5vtZPfvKxAxQJQqyG+jWbS3P0zLMr692W49+nODiFWMBjrzc5pHu6+/TvO8vN+9mNw7vQYRAwWpip1nRfTyzXAynsyfpWeTG9fPxykRq9oMeK4oy2j/3fH0aJh+TLPoEhEDxqiKJmJVcw05x7/ThoSoeo3fH2yK8kF3I7nLB5uqJgOdO33EKIroZq+TPOERI1CIqlge9quaa8g5vnZrSIgq1+AL8CrWGnbm5KeoLC8fXl1v3Vl0NZ4TFxkK9Do/CgcSXyeWiHXaDLRFxEDi68QSsU6bgbaIGEh8nVgi1mkz0BYRA4mvE0vEOm0G2iJiIPF1YleOWCecrfoMbHXW4mXWfgHjdf2WErIX+gAAAABJRU5ErkJggg==) no-repeat;
}
.homefloat .homefloatblock .leftBlock.three .text {
  position: relative;
  left: -5px;
  top: -5px;
}
.homefloat .homefloatblock .leftBlock {
  position: relative;
  left: -123px;
  top: -43px;
  width: 113px;
  height: 38px;
  line-height: 38px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAmCAYAAADz9XSfAAAABHNCSVQICAgIfAhkiAAAAgNJREFUeF7tm7tOAkEUhmcTK2sLV2tra+ItAYTExEfQB9DSd7HkBXwDLUUbxFtACAk0JhgRFxe5zN4NURNjNOyQmTlb/LR75vwn35dsOEMwTovtiOGTSAK59SUjzmDGROL2mhmnFjUaCZxdPDFI1AhcRRQkqqCquSckagauIg4SVVDV3BMSNQNXEQeJKqhq7gmJmoGriINEFVQ194REzcBVxEGiCqqae56Xnx3PiwqZlHkwLRrXbtMIET33g5Dd1d68/sC99uaNTH51cfjfKJBIJClubL3Vd9qdcdd3g1R+a/nxr3OQGJcmYV27M2b1pj2IIpbOrpml36NAIqEckehe32U3VYsHAdvPbZgnP89CoghJ4toRD1jpvsvDMDpOp8yj73EgkViMaLznh6xceR2OuH/pLJi7OyuGA4miFBNQH0YRqzRst2vxluOzTUhMgBTRESYSqw3bfbF4y/Pn0pAoSpC4/vN1ag1H3MPrlNjFTPH4YjMTtuQc+loxnCBge1gxkuMl9iSTZb/WtPssYlks+7GxJacQ127JcSE8yeQC/Pah578PvTIuwIXxJeNA8arDHT8sZFPm4bSJsGJMI0T0HD8KE4GXGQuJMmkS9YJEIvAyYyFRJk2iXpBIBF5mLCTKpEnUCxKJwMuMhUSZNIl6QSIReJmxwhJlhqOXPAJx/7P/AQp9hiijBhQtAAAAAElFTkSuQmCC) no-repeat;
}
.homefloat .homefloatblock .leftBlock .codeImg {
  position: relative;
  left: -5px;
  width: 91px;
  height: 91px;
  top: 2px;
}
.homefloat .homefloatblock .leftBlock .text {
  position: relative;
  left: -10px;
}

.footer {
  width: 100%;
  margin: 0 auto;
  background: #181a1c;
}
.footer .footer-up {
  width: 100%;
  height: 530px;
  border-bottom: 1px solid #272a2e;
  padding-bottom: 15px;
  padding-top: 45px;
}
.footer .footer-up .footer-up-inner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left {
  float: left;
  width: 730px;
  height: 100%;
  padding-top: 16px;
  border-right: 1px solid #272a2e;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .footer-up-inner-left-up {
  overflow: hidden;
  margin-bottom: 36px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .footer-up-inner-left-up .footer-up-inner-left-item {
  float: left;
  width: 170px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .footer-up-inner-left-up .footer-up-inner-left-item:nth-child(1) {
  width: 308px;
  margin-right: 40px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .footer-up-inner-left-up .footer-up-inner-left-item .footer-left-des-box {
  margin-top: 24px;
  overflow: hidden;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .footer-up-inner-left-up .footer-up-inner-left-item .footer-left-des-box .des-box-item {
  float: left;
  width: 154px;
  margin-bottom: 20px;
  cursor: pointer;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .copy-right {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .banquan {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-left .banquan img {
  position: relative;
  top: -4px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right {
  float: left;
  height: 100%;
  padding-top: 16px;
  margin-left: 50px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .right-logo {
  margin-bottom: 40px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .call-us {
  margin: 20px 0;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .call-us .call-us-num {
  font-size: 18px;
  font-weight: 400;
  font-family: Zidingyi;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .position {
  margin: 20px 0 40px;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .position .position-name {
  cursor: pointer;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .erwei-box {
  margin-top: 22px;
  width: 100%;
  overflow: hidden;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .erwei-box .erwei-box-item {
  float: left;
  width: 88px;
  margin-right: 30px;
  text-align: center;
}
.footer .footer-up .footer-up-inner .footer-up-inner-right .erwei-box .erwei-box-item .foot-common-des {
  margin-top: 6px;
}
.footer .footer-down {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.footer .footer-down .floatMenu {
  *zoom: 1;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}
.footer .footer-down .floatMenu::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.footer .footer-down .floatMenu li {
  margin-bottom: 17px;
}
.footer .footer-down .floatMenu li a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.footer .footer-down .linksMenu li {
  margin-right: 32px;
}
.footer .foot-common-title {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.footer .foot-common-des {
  font-size: 14px;
  color: #ffffff;
  opacity: 0.7;
}

#calculator {
  overflow-x: hidden;
}
#calculator .flex-column {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
#calculator .flex-center {
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .content__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  line-height: 54px;
  letter-spacing: 1px;
}
#calculator .introduce-one {
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/introduce-bg1.png) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-one .introduce-one-content {
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 692px;
  width: 1200px;
}
#calculator .introduce-one .introduce-one-content .introduce-one-content__title {
  font-size: 46px;
  font-weight: 700;
  color: #333333;
}
#calculator .introduce-one .introduce-one-content .introduce-one-content__subtitle {
  margin-top: 21px;
  font-size: 28px;
  font-weight: 500;
  color: #333333;
}
#calculator .introduce-one .introduce-one-content .introduce-one-content__button {
  margin-top: 46px;
  width: 156px;
  height: 40px;
  line-height: 40px;
  background: #3460f2;
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
#calculator .introduce-two {
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/introduce-bg2-new.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-two .introduce-two-content {
  width: 934px;
  height: 505px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  line-height: 54px;
  letter-spacing: 1px;
  color: #ffffff;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__des {
  margin-top: 58px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  text-indent: 2em;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__des .des-strong {
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__video {
  margin-top: 60px;
  width: 924px;
  height: 460px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/video-img.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__video .playBtn {
  width: 130px;
  height: 109px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -54px;
  margin-left: -65px;
  text-align: center;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__video .playBtn .play-text {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  line-height: 62px;
  letter-spacing: 0;
}
#calculator .introduce-two .introduce-two-content .introduce-two-content__video .playBtn .play-img {
  opacity: 0.8;
  width: 64px;
  height: 67px;
}
#calculator .introduce-three {
  background: #fff;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-three .introduce-three-content .introduce-three-content__title:nth-child(1) {
  margin-top: 90px;
}
#calculator .introduce-three .introduce-three-content > img {
  margin-top: 60px;
  margin-bottom: 40px;
}
#calculator .introduce-four {
  height: 1126px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/introduce-bg4.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__title:nth-child(1) {
  margin-top: 99px;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img1 {
  margin-top: 70px;
  width: 1260px;
  height: 544px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/bg4-img1-new.png) no-repeat center center;
  background-size: cover;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 {
  margin-top: 31px;
  width: 1305px;
  height: 592px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/introduce-bg4-img2.png) no-repeat center center;
  background-size: cover;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal {
  text-align: center;
  width: 500px;
  height: 592px;
  float: right;
  margin-right: 100px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal .login-title {
  margin-top: 16px;
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #0f2057;
  line-height: 62px;
  letter-spacing: 2px;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal .ant-input {
  font-size: 14px;
  width: 322px;
  height: 40px;
  border: none;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 8px;
  background-color: transparent;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal .login-form-button {
  float: right;
  width: 125px;
  height: 40px;
  opacity: 1;
  background: #3460f2;
  border-radius: 2px;
  margin: 10px auto;
  line-height: 40px;
  cursor: pointer;
  color: #ffffff;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal .ant-form-explain {
  text-align: left;
  margin-left: 28px;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal .ant-form-item-label label {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  color: #333333;
  letter-spacing: 1px;
}
#calculator .introduce-four .introduce-four-content .introduce-four-content__img2 .page_modal .login-form-des {
  float: left;
  width: 172px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 62px;
  letter-spacing: 0;
}
#calculator .introduce-five {
  margin-top: 336px;
  height: 1176px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/introduce-bg5.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__title {
  margin-top: 122px;
  margin-bottom: 87px;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__lists {
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__lists .lists-list {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 364px;
  margin-top: 20px;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__lists .lists-list:nth-child(1) {
  margin-right: 136px;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__lists .lists-list .lists-list__img {
  width: 157px;
  height: 139px;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__lists .lists-list .lists-list__title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #0f2057;
  line-height: 30px;
  letter-spacing: 1px;
}
#calculator .introduce-five .introduce-five-content .introduce-five-content__lists .lists-list .lists-list__des {
  margin-top: 38px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  letter-spacing: 1px;
  width: 363px;
}
#calculator .introduce-six {
  height: 967px;
  background: rgba(242, 243, 244, 0.86);
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-six .introduce-six-content {
  width: 1700px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__title:nth-child(1) {
  margin-top: 86px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__btn-group {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__btn-group .btn-group__btn {
  width: 175px;
  height: 46px;
  background: #3460f2;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 46px;
  vertical-align: middle;
  cursor: pointer;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__btn-group .btn-group__btn.white {
  border: 2px solid #3460f2;
  background: transparent;
  color: #3460f2;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__btn-group .btn-group__btn .btn-group__btn__img {
  margin-left: 15px;
  vertical-align: middle;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__btn-group .btn-group__btn:nth-child(1) {
  margin-right: 40px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper {
  height: 538px;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-container {
  height: 538px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-button-prev,
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  background-size: contain;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-button-prev {
  background-image: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/arrow-right.png') !important;
  transform: rotateY(180deg);
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-button-next {
  background-image: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/arrow-right.png') !important;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-container-horizontal > .swiper-pagination-bullets {
  position: absolute;
  bottom: 0px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pagination {
  text-align: center;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pagination-bullet {
  width: 330px;
  height: 1px;
  border-radius: 0;
  background: #ffffff;
  border: 1px solid #c4cbd5;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pagination-bullet-active {
  background: #3366ff;
  height: 7px;
  border: 1px solid #3460f2;
  border-radius: 5px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pcb {
  width: 100%;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pcb .swiper-slide {
  text-align: center;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pcb .swiper-slide .swiper-pcb-item .banner-content {
  height: 447px;
  display: inline-block;
  vertical-align: top;
  margin-top: 202px;
  margin-right: 100px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pcb .swiper-slide .swiper-pcb-item .banner-content .content-title {
  font-size: 26px;
  font-weight: 800;
  text-align: left;
  color: #0f2057;
  line-height: 62px;
  letter-spacing: 1px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pcb .swiper-slide .swiper-pcb-item .banner-content .content-des {
  width: 306px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 34px;
}
#calculator .introduce-six .introduce-six-content .introduce-six-content__swiper .swiper-pcb .swiper-slide .swiper-pcb-item .banner-bg {
  margin-top: 68px;
  width: 659px;
  height: 447px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}
#calculator .introduce-seven {
  background: #ffffff;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__title {
  margin-top: 82px;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__subtitle {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #333333;
  margin-top: 30px;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__img {
  margin-top: 52px;
  width: 1994px;
  height: 824px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/bg7-img-new.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__btn-group {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__btn-group .btn-group__btn {
  width: 175px;
  height: 46px;
  background: #3460f2;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 46px;
  vertical-align: middle;
  cursor: pointer;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__btn-group .btn-group__btn.white {
  border: 2px solid #3460f2;
  background: transparent;
  color: #3460f2;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__btn-group .btn-group__btn .btn-group__btn__img {
  margin-left: 15px;
  vertical-align: middle;
}
#calculator .introduce-seven .introduce-seven-content .introduce-seven-content__btn-group .btn-group__btn:nth-child(1) {
  margin-right: 40px;
}
#calculator .introduce-eight {
  height: 952px;
  background: #fff;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-eight .introduce-eight-content {
  width: 1200px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__title {
  margin-top: 90px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__top {
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
  height: 40px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__top .title {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__top .btn {
  width: 154px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #3460f2;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #3460f2;
  cursor: pointer;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__kuang {
  width: 1291px;
  height: 295px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/bg8-top.png) no-repeat center center;
  background-size: cover;
  right: 40px;
  margin-top: 14px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__kuang .kuang-content {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 114px;
  width: 182px;
  margin-right: 80px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__kuang .kuang-content:nth-last-child(1) {
  margin-right: 0;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__kuang .kuang-content .kuang-content__img {
  height: 50px;
  width: 50px;
  margin-bottom: 20px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__kuang .kuang-content .kuang-content__title {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #000000;
  line-height: 22px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__bottom {
  display: flex;
  justify-content: center;
  position: relative;
  height: 315px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__bottom .bottom-left {
  height: 315px;
  width: 566px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/bg8-product.png) no-repeat center center;
  background-size: cover;
  margin-right: 93px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__bottom .bottom-right .right__title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #3460f2;
  line-height: 28px;
  position: relative;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__bottom .bottom-right .right__title:before {
  content: "";
  width: 40px;
  height: 1px;
  opacity: 1;
  border-top: 1px solid #0f2057;
  position: absolute;
  top: 14px;
  left: 150px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__bottom .bottom-right .right__title:after {
  content: "";
  width: 40px;
  height: 1px;
  opacity: 1;
  border-top: 1px solid #0f2057;
  position: absolute;
  top: 12px;
  right: 150px;
}
#calculator .introduce-eight .introduce-eight-content .introduce-eight-content__bottom .bottom-right .right__des {
  text-indent: 2em;
  margin-top: 34px;
  width: 508px;
  height: 260px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  line-height: 24px;
}
#calculator .introduce-nine {
  height: 240px;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/5Gcalculator/introduce-bg9.png) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  position: relative;
}
#calculator .introduce-nine .introduce-nine-content {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#calculator .introduce-nine .introduce-nine-content .introduce-nine-content__title {
  color: #fff;
}
#calculator .introduce-nine .introduce-nine-content .introduce-nine-content__btn-group {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}
#calculator .introduce-nine .introduce-nine-content .introduce-nine-content__btn-group .btn-group__btn {
  width: 175px;
  height: 46px;
  background: #3460f2;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 46px;
  cursor: pointer;
}
#calculator .introduce-nine .introduce-nine-content .introduce-nine-content__btn-group .btn-group__btn:nth-child(1) {
  margin-right: 40px;
}
.custom_modal {
  text-align: center;
}
.custom_modal .ant-modal-content {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 3px 10px 20px 0 rgba(0, 0, 0, 0.16);
}
.custom_modal .ant-modal-close-x {
  font-size: 16px;
}
.custom_modal .login-title {
  margin-top: 46px;
  margin-bottom: 46px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #0f2057;
  line-height: 62px;
  letter-spacing: 1px;
}
.custom_modal .ant-input {
  font-size: 14px;
  width: 322px;
  height: 40px;
  border: none;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 8px;
}
.custom_modal .login-form-button {
  width: 154px;
  height: 40px;
  opacity: 1;
  background: #3460f2;
  border-radius: 2px;
  margin: auto;
  line-height: 40px;
  cursor: pointer;
  color: #ffffff;
}
.custom_modal .ant-form-explain {
  text-align: left;
  margin-left: 28px;
}
.custom_modal .ant-form-item-label label {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.custom_modal .login-form-des {
  margin: 0 auto 20px;
  width: 419px;
  height: 39px;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  letter-spacing: 0;
}

#AI-appraisal {
  background: #F7F9FF url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/ai-appraisal/bg.png") no-repeat top center;
}
#AI-appraisal .ai-appraisal-wrap {
  padding-top: 190px;
  padding-bottom: 54px;
}
#AI-appraisal .ai-appraisal-wrap > h1 {
  height: 46px;
  font-size: 46px;
  font-weight: 600;
  text-align: left;
  color: #1f416c;
  line-height: 46px;
  margin-bottom: 20px;
  padding-left: 39px;
}
#AI-appraisal .ai-appraisal-wrap > p {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 30px;
  padding-left: 39px;
  margin-bottom: 60px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex {
  width: 100%;
  background: #ffffff;
  padding: 10px 40px 40px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-topic {
  margin-bottom: 30px;
  margin-top: 60px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-topic > h2 {
  height: 24px;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  line-height: 24px;
  display: inline-block;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-topic > p {
  margin-left: 20px;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 14px;
  display: inline-block;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__header {
  height: 113px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/ai-appraisal/home-bg-1.png") no-repeat top center;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__header > h3 {
  height: 20px;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  margin-right: 18px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .ant-calendar-range-picker-input {
  font-weight: 900;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .ant-checkbox-group-item {
  color: #3C5378;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .ant-checkbox-inner {
  width: 20px;
  height: 20px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .ant-checkbox-input {
  border-color: #5FA5FF;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #5FA5FF;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #5FA5FF;
  border-color: #5FA5FF;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .ant-checkbox-checked .ant-checkbox-inner::after {
  top: 5px;
  left: 7px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-item {
  width: 33.333%;
  height: 174px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-item > h4 {
  height: 18px;
  font-size: 18px;
  text-align: left;
  color: #333333;
  line-height: 18px;
  margin-bottom: 20px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-item .input-wrap .ant-input-number,
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-item .input-wrap .ant-input-number-input {
  width: 180px;
  height: 45px;
  line-height: 45px;
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  padding-right: 60px;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
  color: #333333;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-item .input-wrap .ant-input-number-input {
  padding-left: 20px;
  text-align: center;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-wrap {
  position: relative;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .input-wrap .input-unit {
  position: absolute;
  height: 14px;
  font-size: 14px;
  text-align: left;
  color: #666666;
  line-height: 14px;
  right: 30px;
  top: 15px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .icon-item {
  width: 220px;
  height: 150px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  padding-left: 30px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .icon-item:hover {
  border-color: #4194ff;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .icon-item .icon-item__checkbox {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .icon-item .icon-item__p > p {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 28px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-box .aiIndex-box__main .icon-item_active {
  border-color: #4194ff;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 169px;
  background: #3c91ff url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/ai-appraisal/home-bg-2.png") no-repeat top center;
  flex-direction: column;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-footer > h3 {
  height: 32px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  margin-bottom: 20px;
}
#AI-appraisal .ai-appraisal-wrap .aiIndex .aiIndex-footer > div {
  width: 180px;
  height: 60px;
  background: #ffffff;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #4471ab;
  line-height: 60px;
  cursor: pointer;
}
#AI-appraisal .aiDetailBox {
  padding-bottom: 60px;
}
#AI-appraisal .aiDetailBox .aiDetail {
  width: 1200px;
  height: 1428px;
  background: #ffffff;
  margin: 0 auto;
  padding: 50px 60px 0;
}
#AI-appraisal .aiDetailBox .aiDetail .common-part-title {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 32px;
  position: relative;
  margin-bottom: 29px;
}
#AI-appraisal .aiDetailBox .aiDetail .common-part-title .part-line {
  position: absolute;
  width: 3px;
  height: 23px;
  background: #5fa5ff;
  left: -12px;
  top: 4px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part1 .ant-table-tbody > tr > td,
#AI-appraisal .aiDetailBox .aiDetail .detail-part1 .ant-table-thead > tr > th {
  text-align: center !important;
  background-color: #fff !important;
  font-size: 24px;
  font-weight: 600;
  color: #333333;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part1 .ant-table-thead > tr > th {
  font-size: 20px;
  font-weight: 600;
  color: #666666;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part1 .top-img {
  width: 100%;
  height: 250px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 {
  margin-bottom: 60px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal {
  width: 100%;
  height: 345px;
  background: #f7fbff;
  padding: 0 0 0 41px;
  overflow: hidden;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left {
  float: left;
  padding-top: 40px;
  margin-right: 64px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .common-part2-title {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  padding-left: 10px;
  position: relative;
  margin-bottom: 29px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .common-part2-title .part2-count {
  font-size: 24px;
  font-weight: 600;
  color: #518bff;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .common-part2-title .part2-line {
  position: absolute;
  left: 0;
  top: 14px;
  width: 3px;
  height: 14px;
  opacity: 1;
  background: #518bff;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .part2-content {
  width: 334px;
  height: 179px;
  background: #ffffff;
  border-radius: 6px;
  padding: 24px 20px 0;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  color: #666666;
  line-height: 26px;
  margin-bottom: 19px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .part2-content .part2-content-des {
  text-indent: 30px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .part2-download {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  color: #5fa5ff;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .part2-download img {
  position: relative;
  top: 3px;
  left: -8px;
  cursor: pointer;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-left .part2-download span {
  cursor: pointer;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-middle {
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding-top: 126px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-right {
  float: left;
  padding: 40px 0 0 0;
  width: 620px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part2 .detail-part2-appraisal .detail-part2-appraisal-right .part3-columnar {
  width: 100%;
  height: 300px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part3 {
  margin-bottom: 30px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part3 .part3-solution {
  display: flex;
  justify-content: space-between;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part3 .part3-solution .solution-item {
  width: 255px;
  height: 254px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  text-align: center;
  padding-top: 33px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part3 .part3-solution .solution-item img {
  height: 100px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part3 .part3-solution .solution-item .solution-item-name {
  font-size: 18px;
  font-weight: 500;
  color: #666666;
  margin: 5px 0 28px;
}
#AI-appraisal .aiDetailBox .aiDetail .detail-part3 .part3-solution .solution-item .solution-item-detail {
  margin: 0 auto;
  width: 90px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #4c84ff;
  line-height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #4c84ff;
  cursor: pointer;
}
#AI-appraisal .aiDetailBox .aiDetail .footer-btn-groups {
  margin: 0 auto;
  width: 380px;
  height: 60px;
  overflow: hidden;
}
#AI-appraisal .aiDetailBox .aiDetail .askExpert,
#AI-appraisal .aiDetailBox .aiDetail .reset {
  float: left;
  width: 180px;
  height: 60px;
  background: #3a90ff;
  border-radius: 3px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  margin: 0 auto;
}
#AI-appraisal .aiDetailBox .aiDetail .reset {
  float: right;
}
.zero-color {
  color: red;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container {
  padding: 0 14px;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container > h3 {
  height: 20px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1f416c;
  line-height: 20px;
  margin: 40px auto;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap {
  text-align: center;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap .ant-input {
  width: 524px;
  height: 50px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap .ant-form-item-label > label {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap .aiIndex-modal__button {
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  width: 180px;
  height: 40px;
  opacity: 1;
  background: #308aff;
  border-radius: 3px;
  border-color: #308aff;
  margin: 30px auto;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap .btn-sms {
  width: 140px;
  height: 50px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #4292ff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #308aff;
  line-height: 50px;
  cursor: pointer;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap .btn-sms-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .aiIndex-modal-wrap .form-item-flex .ant-form-item-control {
  display: flex;
  justify-content: space-between;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .nc_wrapper {
  width: 100% !important;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .nc_bg {
  background: #308AFF !important;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .nc_scale {
  height: 42px;
  background: #fff;
  border: 1px solid #dcdee2;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .nc_scale .scale_text {
  line-height: 40px;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .nc_scale .btn_ok {
  color: #308AFF;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .btn_slide {
  height: 40px;
  line-height: 40px;
}
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .nc_iconfont,
.aiIndex-modal .ant-modal-body .aiIndex-modal-container .btn_ok {
  height: 40px;
  line-height: 40px;
}

#cloud {
  background-color: #FFFFFF;
}
#cloud .w12 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
#cloud h2 {
  height: 40px;
  font-size: 40px;
  font-weight: normal;
  color: #333333;
  line-height: 40px;
  margin-bottom: 55px;
  text-align: center;
}
#cloud .cloud-btn {
  padding: 0 27px;
  height: 40px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
}
#cloud .cloud-btn-main {
  background: #ff8c1c;
}
#cloud .cloud-btn-sub {
  border: 1px solid #ffffff;
  background: transparent;
  margin-left: 30px;
}
#cloud .cloud-banner {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/banner-bg.png") top no-repeat;
  padding-top: 60px;
  margin-bottom: 50px;
}
#cloud .cloud-banner .cloud-banner__title {
  height: 54px;
  opacity: 1;
  font-size: 54px;
  font-weight: Bold;
  color: #ffffff;
  margin-right: 20px;
  line-height: 54px;
}
#cloud .cloud-banner .cloud-banner__title span {
  font-size: 36px;
  font-weight: normal;
  margin-left: 20px;
}
#cloud .cloud-banner .cloud-banner__label {
  width: 352px;
  height: 31px;
  opacity: 0.9;
  background: #ffffff;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #0d79ff;
  line-height: 31px;
  margin: 20px 0;
}
#cloud .cloud-banner .cloud-banner__context {
  width: 753px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 26px;
  margin-bottom: 40px;
}
#cloud .cloud-banner .cloud-banner__context b {
  font-size: 18px;
  font-style: italic;
  color: #ffffff;
}
#cloud .cloud-banner .cloud-banner__img {
  position: absolute;
  right: 0;
  top: 0;
}
#cloud .cloud-banner .cloud-banner-nav {
  height: 190px;
  width: 100%;
  background: linear-gradient(0deg, #F7FBFF 0%, #FFFFFF 100%);
  box-shadow: 0 0 29px 3px rgba(0, 0, 0, 0.09);
  margin-top: 114px;
}
#cloud .cloud-banner .cloud-banner-nav ul {
  list-style: none;
  display: flex;
}
#cloud .cloud-banner .cloud-banner-nav ul li {
  width: 400px;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
#cloud .cloud-banner .cloud-banner-nav ul li:hover {
  background: linear-gradient(0deg, #D9E8FF 0%, #FFFFFF 100%);
}
#cloud .cloud-banner .cloud-banner-nav ul li .li-after {
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, 30%);
}
#cloud .cloud-banner .cloud-banner-nav ul li:nth-child(1)::after {
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, 30%);
  content: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/banner-nav-icon-1.png");
}
#cloud .cloud-banner .cloud-banner-nav ul li:nth-child(2)::after {
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, 30%);
  content: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/banner-nav-icon-2.png");
}
#cloud .cloud-banner .cloud-banner-nav ul li:nth-child(3)::after {
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, 30%);
  content: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/banner-nav-icon-3.png");
}
#cloud .cloud-banner .cloud-banner-nav ul li h2 {
  height: 34px;
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 34px;
  margin-bottom: 16px;
}
#cloud .cloud-banner .cloud-banner-nav ul li p {
  height: 17px;
  font-size: 18px;
  font-weight: 400;
  color: #999999;
}
#cloud .cloud-advantage {
  padding-bottom: 90px;
}
#cloud .cloud-advantage .cloud-advantage__topic {
  height: 95px;
  background: linear-gradient(90deg, #0D79FF 0%, #65CDF4 98%);
  text-align: center;
}
#cloud .cloud-advantage .cloud-advantage__topic h2 {
  font-size: 36px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 95px;
}
#cloud .cloud-advantage .cloud-advantage-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#cloud .cloud-advantage .cloud-advantage-list .cloud-advantage-item {
  width: 400px;
  height: 155px;
  border: 1px solid #99D6FF;
  display: flex;
  align-items: center;
}
#cloud .cloud-advantage .cloud-advantage-list .cloud-advantage-item > img {
  margin-left: 30px;
}
#cloud .cloud-advantage .cloud-advantage-list .cloud-advantage-item > div {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
}
#cloud .cloud-advantage .cloud-advantage-list .cloud-advantage-item > div h3 {
  height: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
  margin-bottom: 20px;
}
#cloud .cloud-advantage .cloud-advantage-list .cloud-advantage-item > div p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
}
#cloud .cloud-advantage .cloud-advantage__btn-main {
  background: #0097F9;
}
#cloud .cloud-advantage .cloud-advantage__btn-sub {
  border: 2px solid #007EC9;
  background: transparent;
  margin-left: 30px;
  color: #007EC9;
}
#cloud .cloud-func {
  background: #ffffff;
  margin-bottom: 80px;
}
#cloud .cloud-func .cloud-func-container {
  background: rgba(1, 151, 248, 0.1);
}
#cloud .cloud-func .cloud-func-container .cloud-func-list ul {
  display: flex;
  flex-wrap: wrap;
}
#cloud .cloud-func .cloud-func-container .cloud-func-list ul li {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#cloud .cloud-func .cloud-func-container .cloud-func-list ul li h3 {
  height: 24px;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: 30px;
}
#cloud .cloud-products {
  margin-bottom: 60px;
}
#cloud .cloud-products .cloud-products-container {
  position: relative;
}
#cloud .cloud-products .cloud-products-container .cloud-products-more {
  position: absolute;
  line-height: 86px;
  font-size: 24px;
  font-weight: 400;
  color: #007EC9;
  right: 0;
}
#cloud .cloud-products .cloud-products-container .cloud-products-nav .cloud-products-nav__active {
  color: #FFFFFF;
  background: #0D79FF;
}
#cloud .cloud-products .cloud-products-container .cloud-products-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#cloud .cloud-products .cloud-products-container .cloud-products-nav ul li {
  width: 228px;
  height: 86px;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #666666;
  line-height: 86px;
  cursor: pointer;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item {
  height: 1444px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header {
  display: flex;
  padding-top: 38px;
  padding-left: 49px;
  padding-bottom: 39px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header aside > h3 {
  height: 28px;
  font-size: 28px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
  margin-bottom: 19px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header aside > p {
  width: 625px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 26px;
  height: 52px;
  margin-bottom: 27px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item__btn {
  width: 150px;
  height: 50px;
  background: #ff8c1c;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
  position: relative;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item__btn span {
  width: 56px;
  height: 23px;
  background: #F83C2C;
  border-radius: 12px;
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 23px;
  right: 0;
  top: -50%;
  transform: translate(50%, 50%);
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item-rates {
  display: flex;
  margin-left: 10px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item__rate {
  width: 114px;
  height: 165px;
  opacity: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/products-arrow--bg-down.png");
  margin-left: 10px;
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item__rate .cloud-products-item-rate__num {
  width: 73px;
  height: 32px;
  background: #0D79FF;
  border-radius: 16px;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
  margin-bottom: 8px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item__rate .cloud-products-item-rate__name {
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 14px;
  opacity: 0.8;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-header .cloud-products-item__rate_up {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/products-arrow--bg-up.png");
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap {
  margin: 10px;
  background: #ffffff;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item__topic {
  height: 86px;
  opacity: 1;
  border: 1px solid #fafafa;
  box-shadow: 3px -1px 18px 10px rgba(0, 0, 0, 0.05);
  padding-left: 65px;
  position: relative;
  background-color: #ffffff;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item__topic::before {
  content: "";
  position: absolute;
  left: 40px;
  transform: translateY(-50%);
  top: 50%;
  width: 6px;
  height: 26px;
  background: #086BFC;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item__topic > h4 {
  font-size: 28px;
  color: #086bfc;
  line-height: 86px;
  font-weight: 600;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-values {
  display: flex;
  flex-wrap: wrap;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-values .cloud-products-item-value {
  width: 50%;
  height: 291px;
  border: 1px solid #F5F5F5;
  background-repeat: no-repeat;
  background-position: center 60px;
  text-align: center;
  padding: 148px 20px 0;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-values .cloud-products-item-value > h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  margin-bottom: 16px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-values .cloud-products-item-value > p {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  line-height: 28px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-values .cloud-products-item-value-0 {
  width: 33.333%;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-funcs {
  display: flex;
  flex-wrap: wrap;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-funcs .cloud-products-item-func {
  width: 33.333%;
  height: 210px;
  border: 1px solid #FAFAFA;
  background-repeat: no-repeat;
  background-position: center 36px;
  text-align: center;
  padding-top: 90px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-funcs .cloud-products-item-func > h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  line-height: 22px;
  margin-bottom: 16px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-funcs .cloud-products-item-func > p {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 28px;
}
#cloud .cloud-products .cloud-products-container .cloud-products-item .cloud-products-item-wrap .cloud-products-item-funcs .cloud-products-item-func-0 {
  width: 25%;
}
#cloud .cloud-case {
  margin-bottom: 60px;
}
#cloud .cloud-case .cloud-case-container {
  display: flex;
  justify-content: space-between;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap {
  width: 498px;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > h3 {
  height: 28px;
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
  margin-bottom: 60px;
  position: relative;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > h3::before {
  content: "";
  width: 52px;
  height: 2px;
  background: #666666;
  position: absolute;
  bottom: -30px;
  left: 0;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > ul {
  display: flex;
  flex-wrap: wrap;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > ul .cloud-case-item {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/case-icon-down.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 67px;
  width: 50%;
  height: 46px;
  margin-top: 30px;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > ul .cloud-case-item h4 {
  height: 24px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
  margin-bottom: 8px;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > ul .cloud-case-item p {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 16px;
}
#cloud .cloud-case .cloud-case-container .cloud-case-wrap > ul .cloud-case-item-up {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/case-icon-up.png");
}
#cloud .cloud-case .cloud-case-container .cloud-case-video {
  width: 658px;
  height: 432px;
  background: #000000;
  position: relative;
}
#cloud .cloud-case .cloud-case-container .cloud-case-video img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
#cloud .cloud-case .cloud-case-container .cloud-case-video video {
  width: 100%;
}
#cloud .cloud-contact {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/hanzx-20210308-cloud/contact-bg.png");
  height: 311px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 66px;
}
#cloud .cloud-contact h2 {
  height: 40px;
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
  margin-bottom: 26px;
}
.cloud-modal {
  padding: 0 40px;
}
.cloud-modal .cloud-modal__topic {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  line-height: 28px;
  letter-spacing: 0;
}
.cloud-modal .ant-modal-header,
.cloud-modal .ant-modal-body,
.cloud-modal .ant-modal-footer {
  padding: 16px 40px !important;
}
.cloud-modal .ant-form-item-control > input {
  height: 60px !important;
  font-size: 16px !important;
  padding-left: 18px !important;
}
.cloud-modal .cloud-modal__btn {
  width: 399px;
  height: 60px;
  opacity: 1;
  background: #ff8c1c;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 60px;
  cursor: pointer;
}

@media screen and (min-width: 640px) and (max-width: 1900px) {
  /*当屏幕尺寸大于640px时与小于1920时*/
  .terriBannerList {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.territorySoluOut .territoryBanner {
  width: 100%;
  position: relative;
}
.territorySoluOut .territoryBanner .slick-track {
  width: 100% !important;
}
.territorySoluOut .territoryBanner .terriBannerList {
  background-position: center;
}
.territorySoluOut .territoryTab {
  height: 60px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.84);
  position: fixed;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.13);
  top: 70px;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  display: none;
  z-index: 999;
}
.territorySoluOut .territoryTab .territoryTab-div {
  width: 200px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.territorySoluOut .territoryTab .territoryTab-div:hover {
  font-weight: 700;
  border-radius: 30px;
  color: #3460f2;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
}
.territorySoluOut .traverseFloor {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.territorySoluOut .traverseFloor > div {
  width: 1200px;
  margin: auto;
}
.territorySoluOut .traverseFloor .twoTitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #1c1936;
  margin-bottom: 30px;
}
.territorySoluOut .traverseFloor .traverMoudle {
  width: 100%;
}
.territorySoluOut .traverseFloors {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.territorySoluOut .traverseFloors > div {
  width: 1200px;
  margin: auto;
}
.territorySoluOut .traverseFloors .twoTitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #1c1936;
  margin-bottom: 50px;
}
.territorySoluOut .traverseFloors .traverMoudle {
  width: 100%;
}
.territorySoluOut .traverseFloors:nth-child(even) {
  background-color: #f8fafe;
}
.territorySoluOut .traverseFloor:nth-child(even) {
  background-color: #f8fafe;
}
.busSceneCon .ant-tabs-bar {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.busSceneCon .ant-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.tradeMarkModle {
  width: 380px;
  position: relative;
  background-color: #fff;
  padding-bottom: 24px;
}
.tradeMarkModle .traTit {
  font-size: 18px;
  color: #ffffff;
  height: 48px;
  width: 100%;
  background-color: #383345;
  text-align: center;
  line-height: 48px;
}
.tradeMarkModle .tradeMarkCon {
  width: 100%;
  padding: 18px 0px 0px 18px;
}
.tradeMarkModle .tradeMarkCon .tradeText {
  width: 330px;
  height: 100px;
  margin-bottom: 20px;
  resize: none;
}
.tradeMarkModle .tradeMarkCon .tradeInput {
  width: 330px;
  height: 40px;
  margin-bottom: 15px;
}
.tradeMarkModle .tradeMarkCon .nc-container {
  height: 32px !important;
  width: 330px !important;
  margin-bottom: 15px;
  display: block;
}
.tradeMarkModle .tradeMarkCon .nc-containers {
  height: 32px !important;
  width: 330px !important;
  margin-bottom: 15px;
  display: none;
}
.tradeMarkModle .tradeMarkCon .tradeInputyan {
  width: 207px;
  height: 40px;
  margin-bottom: 20px;
}
.tradeMarkModle .tradeMarkCon .placehoider {
  height: 90px;
}
.tradeMarkModle .tradeMarkCon .counselNow {
  width: 100%;
  padding-right: 25px;
}
.tradeMarkModle .tradeMarkCon .counselNow > div {
  height: 32px;
  width: 88px;
  float: left;
  border: 1px solid #7a91c8;
  border-radius: 8px;
  text-align: center;
}
.tradeMarkModle .tradeMarkCon .counselNow > div a {
  line-height: 32px;
  font-size: 16px;
  color: #7a91c8;
}
.tradeMarkModle .tradeMarkCon .counselNow > span {
  float: right;
  font-size: 14px;
  color: #666666;
  line-height: 32px;
}
.tradeMarkModle .tradeMarkCon .counselNow > span .icon {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.keyword-classify {
  background-color: #f2f2f2;
}
.keyword-classify .b-title {
  margin-top: 100px;
  font-size: 36px;
  text-align: center;
  color: #fff;
}
.keyword-classify .serchBg {
  padding-top: 60px;
  background: #242424;
  min-width: 1200px;
}
.keyword-classify .banner-wp {
  position: relative;
  padding-top: 1px;
  height: 353px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/_next/static/media/bg.e28ecb23.png);
}
.keyword-classify .banner-wp .search-wp {
  display: flex;
  justify-content: center;
}
.keyword-classify .container {
  margin: 30px auto 50px;
  width: 65%;
  min-height: 131px;
}
.keyword-classify .waterfall {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-width: 24em;
  -webkit-column-width: 24em;
  column-width: 24em;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}
.keyword-classify .loading {
  display: flex;
  justify-content: center;
}
.keyword-classify .loaded {
  text-align: center;
}
.keyword-classify .empty-wp {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 131px;
}
.keyword-classify .empty-wp > i {
  font-size: 40px;
}
.keyword-classify .pin {
  padding: 1em;
  margin: 0 0.125em 1em;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  background: white;
}
.keyword-classify .pin .title {
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  border-bottom: 1px solid #F6F6F6;
}
.keyword-classify .pin .title h3 {
  position: relative;
  font-size: 18px;
  color: #333;
}
.keyword-classify .pin .title h3 span {
  margin-left: 10px;
  color: #FF0000;
}
.keyword-classify .pin .title h3::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -14px;
  display: block;
  height: 17px;
  width: 4px;
  background-color: #f50000;
}
.keyword-classify .pin .title p {
  color: #FF0000;
  cursor: pointer;
}
.keyword-classify .pin .list {
  margin-top: 20px;
}
.keyword-classify .pin .list a {
  display: inline-block;
  margin-right: 20px;
  color: #777;
  line-height: 2;
  cursor: pointer;
}
.keyword-classify .pin .list a:hover {
  color: #FF0000;
}

.logoMater {
  padding-top: 60px;
}
.logoMater .publicTi {
  margin-bottom: 25px;
}
.logoMater .publicTi h1 {
  font-size: 36px;
  color: #fe6d20;
}
.logoMater .publicTi h2 {
  font-size: 24px;
  color: #333333;
}
.logoMater .logmatercon .logoviBanner {
  height: 600px;
  width: 100%;
  background-position: center !important;
  background-size: cover !important;
  padding-top: 50px;
}
.logoMater .logmatercon .logoviBanner .activeSub {
  width: 1200px;
  margin: 0px auto 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
}
.logoMater .logmatercon .logoviBanner .activeSub .activeSub-poosi {
  position: absolute;
  left: 100px;
  bottom: 60px;
  width: 220px;
  height: 40px;
  box-shadow: 0px 8px 8px rgba(0, 11, 65, 0.14);
}
.logoMater .logmatercon .logmatercase {
  width: 1230px;
  margin: 90px auto 0px;
}
.logoMater .logmatercon .SerimgScroll {
  width: 100%;
  height: 550px;
  margin: 0px auto 80px;
  position: relative;
}
.logoMater .logmatercon .SerimgScroll .SerbannerCons {
  height: 460px;
  width: 100%;
  display: block;
  background-color: antiquewhite;
}
.logoMater .logmatercon .SerimgScroll > i {
  width: 35px;
  height: 65px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.2s linear;
  z-index: 1;
}
.logoMater .logmatercon .SerimgScroll > i > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.logoMater .logmatercon .SerimgScroll > i:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.logoMater .logmatercon .SerimgScroll > .Serarrow-left {
  left: 0;
}
.logoMater .logmatercon .SerimgScroll > .Serarrow-right {
  right: 0;
}
.logoMater .logmatercon .albumhead {
  width: 1230px;
  margin: auto;
  position: relative;
}
.logoMater .logmatercon .albumhead .albumheadl {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.logoMater .logmatercon .albumhead .albumheadr {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 50px;
  border-right: 4px solid #fe6d20;
  text-align: right;
  padding-right: 12px;
  padding-top: 5px;
}
.logoMater .logmatercon .albumhead .albumheadr p {
  font-size: 18px;
  color: #333333;
  line-height: 25px;
}
.logoMater .logmatercon .albumhead .albumheadr span {
  font-size: 18px;
  color: #333333;
  line-height: 25px;
}
.logoMater .logmatercon .albumcon {
  width: 1230px;
  margin: auto;
  position: relative;
  padding-top: 20px;
}
.logoMater .logmatercon .albumcon > span {
  display: block;
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
  width: 100%;
}
.logoMater .logmatercon .albumcon > img {
  width: 100%;
  height: 281px;
  display: block;
  margin-left: -12px !important;
}
.logoMater .logmatercon .logoserver {
  width: 1230px;
  margin: 80px auto 0px;
}
.logoMater .logmatercon .logoserverimg {
  width: 100%;
  height: 348px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/licheng.png') no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 80px;
}
.logoMater .logmatercon .logopromise {
  width: 1230px;
  margin: 60px auto 65px;
  position: relative;
}
.logoMater .logmatercon .logopromise img {
  width: 100%;
  height: 280px;
}
.logoMater .logmatercon .logopartbus {
  width: 1230px;
  margin: 0px auto 70px;
  position: relative;
}
.logoMater .logmatercon .logopartbus img {
  width: 100%;
  height: 577px;
}
.logoMater .logmatercon .logoserbus {
  width: 1230px;
  margin: 0px auto 100px;
  position: relative;
}
.logoMater .logmatercon .logoserbus .busList {
  width: 100%;
}
.logoMater .logmatercon .logoserbus .busList .box {
  display: block;
  float: left;
  width: 226px;
  height: 288px;
  margin-right: 17px;
  margin-bottom: 18px;
  box-sizing: border-box;
  padding: 28px 18px 23px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.logoMater .logmatercon .logoserbus .busList .box .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.logoMater .logmatercon .logoserbus .busList .box .imgBox img {
  width: 100%;
  height: 100%;
}
.logoMater .logmatercon .logoserbus .busList .box p {
  width: 168px;
  height: 14px;
  margin: 20px auto 13px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoMater .logmatercon .logoserbus .busList .box .logo {
  position: relative;
  width: 100%;
  height: 15px;
  box-sizing: border-box;
  padding-left: 68px;
}
.logoMater .logmatercon .logoserbus .busList .box .logo span {
  position: absolute;
  top: -3px;
  left: 55px;
  color: #00d58c;
}
.logoMater .logmatercon .logoserbus .busList .box .logo img {
  margin-left: 10px;
}
.logoMater .logmatercon .logoserbus .busList .box .desc {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.logoMater .logmatercon .logoserbus .busList .box .price {
  box-sizing: border-box;
  font-size: 12px;
  color: #666666;
}
.logoMater .logmatercon .logoserbus .busList .box .price span:nth-child(1) {
  float: left;
  padding-top: 2px;
  font-size: 12px;
  color: #666666;
}
.logoMater .logmatercon .logoserbus .busList .box .price span:nth-child(2) {
  float: left;
  width: 124px;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  color: #fc9153;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoMater .logmatercon .logoserbus .busList .box .line {
  width: 190px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.logoMater .logmatercon .logoserbus .busList .box .tag span {
  display: inline-block;
  width: 60px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 6px;
  background: #f1f5f7;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoMater .logmatercon .logoserbus .busList .box .tag span:last-child {
  margin-right: 0;
}
.logoMater .logmatercon .botcontinute {
  width: 100%;
  height: 247px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/botg.png') no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: -23px;
  padding-top: 145px;
  padding-left: 615px;
}
.logomatermodelstyle .ant-modal-close {
  color: rgba(255, 255, 255, 0.43);
}
.logomatermodelstyle .ant-modal-body {
  padding: 0px;
  height: auto;
}

.new-menu-side {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
}
.new-menu-side > a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.new-menu-side > a:hover {
  background-color: #5774b8;
  border-color: transparent !important;
}
.new-menu-side > a:hover > span {
  opacity: 1;
}
.new-menu-side > a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.new-menu-side > a svg path {
  fill: #5774b8 !important;
}
.new-menu-side > a svg polygon {
  fill: #5774b8 !important;
}
.new-menu-side > a > span {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.new-menu-side > a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.new-menu-side > a:last-child svg {
  width: 28px;
}
.new-menu-side > a:nth-child(3):hover > img {
  display: block;
}
.new-menu-side > a:nth-child(3) > img {
  width: 120px;
  height: 120px;
  position: absolute;
  left: -120px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

#about-us-content {
  line-height: 1;
  background-color: #f8fafe;
  padding-top: 60px;
}
#about-us-content .title {
  text-align: center;
  position: relative;
  z-index: 1;
}
#about-us-content .title > h2 {
  color: #333;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 2px;
}
#about-us-content .title > p {
  font-size: 36px;
  color: #eff2f7;
  font-weight: 600;
  position: relative;
  top: -10px;
  z-index: -1;
}
#about-us-content > div:first-child {
  height: 460px;
  position: relative;
}
#about-us-content > div:first-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #5ea1c2;
  opacity: 0.6;
}
#about-us-content > div:first-child > div {
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 2;
}
#about-us-content > div:first-child > div > h2 {
  font-size: 38px;
  color: #fff;
  font-weight: 600;
}
#about-us-content > div:first-child > div > p {
  font-size: 18px;
  color: #fff;
  margin: 32px 0 55px;
}
#about-us-content > div:first-child > div > button {
  width: 158px;
  height: 40px;
  line-height: 40px;
}
#about-us-content .banner {
  height: 460px;
  position: relative;
}
#about-us-content .banner > button {
  width: 158px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 50%;
  transform: translateX(-330%);
  bottom: 145px;
}
#about-us-content > #company-introduce {
  padding-bottom: 86px;
}
#about-us-content > #company-introduce .title {
  margin: 54px 0 35px;
}
#about-us-content > #company-introduce .content {
  width: 847px;
  margin: 0 auto;
  text-align: center;
}
#about-us-content > #company-introduce .content .carousel-content {
  width: 847px;
  height: 404px;
  position: relative;
}
#about-us-content > #company-introduce .content .carousel-content > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 55px;
  color: #ff6d20;
  cursor: pointer;
  transition: all 0.2s linear;
}
#about-us-content > #company-introduce .content .carousel-content > i:hover {
  color: #e0611e;
}
#about-us-content > #company-introduce .content > div:first-child {
  height: 404px;
  background-color: #999;
  position: relative;
  margin-bottom: 25px;
}
#about-us-content > #company-introduce .content > p {
  color: #666;
  margin-bottom: 53px;
  font-size: 13px;
  line-height: 30px;
}
#about-us-content > #company-introduce .content > button {
  width: 207px;
  height: 40px;
}
#about-us-content > #strategic-layout {
  padding: 50px 0 38px;
}
#about-us-content > #strategic-layout > p {
  text-align: center;
  font-size: 18px;
  color: #666;
  margin: 30px 0 39px;
}
#about-us-content > #strategic-layout > div:nth-child(3) {
  width: 1200px;
  margin: 0 auto 67px;
}
#about-us-content > #strategic-layout .card {
  box-shadow: 0px 5px 10px 0 rgba(102, 102, 102, 0.08);
  background-color: #fcfdff;
  height: 250px;
  text-align: center;
  color: #333;
}
#about-us-content > #strategic-layout .card > img {
  margin: 36px 0 31px;
}
#about-us-content > #strategic-layout .card > h4 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}
#about-us-content > #strategic-layout .card > p {
  width: 237px;
  margin: auto;
  line-height: 2;
}
#about-us-content > #strategic-layout .company-strength {
  width: 1160px;
  margin: 36px auto 0px;
  border-radius: 10px;
  box-shadow: 0px 5px 10px 0 rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
  padding: 44px 57px;
}
#about-us-content > #strategic-layout .company-strength .card-2 {
  text-align: center;
  height: 153px;
}
#about-us-content > #strategic-layout .company-strength .card-2 img {
  margin-bottom: 20px;
}
#about-us-content > #strategic-layout .company-strength .card-2 h4 {
  font-size: 32px;
  color: #ff6d20;
  font-weight: 600;
}
#about-us-content > #strategic-layout .company-strength .card-2 p {
  color: #333333;
  margin-top: 15px;
}
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(1) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(2) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(3) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(4) .card-2 {
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(5) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(6) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(7) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(8) .card-2 {
  border-right: 1px solid #e3e3e3;
  padding-top: 44px;
}
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(4) .card-2,
#about-us-content > #strategic-layout .company-strength > div > div:nth-child(8) .card-2 {
  border-right: 0;
}
#about-us-content > #contact-us {
  background-color: #fff;
}
#about-us-content > #contact-us > div {
  padding: 65px 0 40px;
  width: 1200px;
  margin: 0 auto;
}
#about-us-content > #contact-us > div .left {
  padding: 0 19px;
  color: #333;
}
#about-us-content > #contact-us > div .left > h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}
#about-us-content > #contact-us > div .left > p:nth-child(2) {
  font-size: 36px;
  color: #e1e4e9;
  font-weight: 600;
}
#about-us-content > #contact-us > div .left > p:nth-child(2) ~ p {
  margin: 34px 0;
  font-size: 16px;
}
#about-us-content > #contact-us > div .left > p:nth-child(2) ~ p > i {
  margin-right: 16px;
}
#about-us-content > #contact-us > div .left > p:nth-child(2) ~ p > b {
  display: inline-block;
  width: 2em;
  font-size: 16px;
}
#about-us-content > #contact-us > div .right {
  height: 367px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/map.jpg') no-repeat;
  position: relative;
}
#about-us-content > #contact-us > div .right > img {
  position: absolute;
  top: 135px;
  right: 258px;
}

#humi-contact-us {
  padding: 60px 0 80px;
  background-color: #f8fafe;
}
#humi-contact-us > .top {
  height: 150px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/aboutHumiImg/icon-30.jpg') no-repeat 50% 50% / cover;
}
#humi-contact-us > .telephone-hotline {
  height: 706px;
  background-color: #fff;
  width: 1200px;
  padding: 40px 87px;
  margin: 17px auto 31px;
}
#humi-contact-us > .telephone-hotline .ant-table-thead th {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e3e3e3;
}
#humi-contact-us > .telephone-hotline .ant-table-thead th > span {
  font-size: 20px;
  color: #333;
}
#humi-contact-us > .telephone-hotline .ant-table-tbody td {
  text-align: center;
}
#humi-contact-us > .telephone-hotline .ant-table-tbody tr:nth-child(2n) {
  background-color: #f4f7fc;
}
#humi-contact-us > .contact-address {
  height: 657px;
  padding: 40px 87px;
  background-color: #fff;
  width: 1200px;
  margin: 0 auto;
}
#humi-contact-us > .contact-address > h4 {
  font-size: 20px;
  color: #333;
  padding-bottom: 17px;
  border-bottom: 1px solid #e3e3e3;
}
#humi-contact-us > .contact-address > p > span {
  display: inline-block;
  line-height: 65px;
  margin-right: 40px;
  font-size: 16px;
}
#humi-contact-us > .other {
  width: 1200px;
  margin: 0 auto;
  margin-top: 29px;
}
#humi-contact-us > .other:after {
  display: block;
  content: '';
  clear: both;
}
#humi-contact-us > .other > div {
  height: 500px;
  float: left;
  background-color: #fff;
}
#humi-contact-us > .other > div:nth-child(1) {
  width: 749px;
  margin-right: 30px;
  padding: 35px 72px 0 87px;
}
#humi-contact-us > .other > div:nth-child(1):after {
  display: block;
  content: '';
  clear: both;
}
#humi-contact-us > .other > div:nth-child(1) > ul {
  float: left;
}
#humi-contact-us > .other > div:nth-child(1) > ul > li {
  color: #666;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humi-contact-us > .other > div:nth-child(1) > ul > li > a {
  color: #666;
}
#humi-contact-us > .other > div:nth-child(1) > ul > li > a:hover {
  color: #ff6d20;
}
#humi-contact-us > .other > div:nth-child(1) > ul > li:first-child {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
#humi-contact-us > .other > div:nth-child(1) > ul:nth-of-type(1) {
  width: 265px;
}
#humi-contact-us > .other > div:nth-child(1) > ul:nth-of-type(2) {
  float: right;
  width: 190px;
}
#humi-contact-us > .other > div:nth-child(1) > h4 {
  font-size: 20px;
  color: #333;
  padding-bottom: 26px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 30px;
}
#humi-contact-us > .other > div:nth-child(1) > h4 > a {
  margin-left: 32px;
}
#humi-contact-us > .other > div:nth-child(2) {
  width: 421px;
  padding-top: 35px;
  text-align: center;
}
#humi-contact-us > .other > div:nth-child(2) > h4 {
  font-size: 20px;
  color: #333;
  padding-bottom: 26px;
  border-bottom: 1px solid #e3e3e3;
}
#humi-contact-us > .other > div:nth-child(2) > div {
  padding: 21px 46px 0 50px;
  text-align: left;
}
#humi-contact-us > .other > div:nth-child(2) > div input,
#humi-contact-us > .other > div:nth-child(2) > div textarea {
  font-size: 14px;
  background-color: #f8f8f8;
}
#humi-contact-us > .other > div:nth-child(2) > div textarea {
  height: 150px;
}
#humi-contact-us > .other > div:nth-child(2) > div > .ant-input,
#humi-contact-us > .other > div:nth-child(2) > div > .ant-input-number {
  width: 244px;
  min-height: 46px;
  border-color: #d9d9d9;
}
#humi-contact-us > .other > div:nth-child(2) > div .ant-input-number-input {
  height: 44px;
}
#humi-contact-us > .other > div:nth-child(2) > div > label {
  display: inline-block;
  width: 56px;
  margin-right: 25px;
  vertical-align: middle;
}
#humi-contact-us > .other > div:nth-child(2) > div > label > i {
  display: inline-block;
  width: 2em;
}
#humi-contact-us > .other > div:nth-child(2) > button {
  width: 344px;
  height: 50px;
  margin-top: 27px;
}
#humi-contact-us > .other > div:nth-child(2) > button > i {
  display: inline-block;
  width: 2em;
}

.orderHead {
  padding: 100px 0 0 0;
  background: #fff;
}
.orderHead .headTop {
  border-bottom: 0;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.orderHead .mb {
  margin-bottom: 15px;
}
.orderHead .orderImg {
  width: 530px;
  display: block;
  height: 300px;
  margin: 0;
}
.orderHead .orderHeadRight h3 {
  position: relative;
  font-size: 24px;
  color: #333;
  display: inline-block;
}
.orderHead .orderHeadRight h3 span {
  position: absolute;
  font-size: 10px;
  color: #fff;
  background: #3eab7c;
  padding: 6px 4px;
  display: inline-block;
  top: -20px;
  right: -55px;
  line-height: 15px;
  border-radius: 3px;
}
.orderHead .orderHeadRight h3 span.san {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/order/san.png") no-repeat;
  position: absolute;
  width: 6px ;
  height: 5px;
  top: 26px;
  right: 50%;
}
.orderHead .orderHeadRight .eidtHao {
  padding: 15px 10px;
  background: #F0F2F5;
  margin-top: 56px;
  margin-bottom: 48px;
  line-height: 38px;
}
.orderHead .orderHeadRight .eidtHao span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
}
.orderHead .orderHeadRight .eidtHao span i {
  font-size: 32px;
  display: inline-block;
  vertical-align: middle;
}
.orderHead .orderHeadRight .eidtHao .manName {
  color: #666;
  margin-left: 10px;
}
.orderHead .orderHeadRight .btn {
  width: 175px;
  height: 50px;
  display: inline-block;
  margin: 0 12px;
  border: 1px solid #e3e3e3;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #999;
}
.orderHead .orderHeadRight .btn:hover,
.orderHead .orderHeadRight .btn.on {
  background: #397ecd;
  color: #fff;
  border-color: #e3e3e3;
}
.orderHead .headBot dl {
  display: inline-block;
  margin: 0 15px;
  width: 140px;
  height: 90px;
  padding-top: 15px;
  border: 1px solid #eee;
  color: #999;
}
.orderHead .headBot dl dt {
  font-size: 30px;
  margin-bottom: 20px;
  color: #43c88f;
  line-height: 23px;
}
.orderHead .headBot dl:first-child {
  margin-left: 0;
}
.orderHead .headBot dl:last-child {
  margin-right: 0;
}

.ctProject {
  padding: 25px 30px;
  margin-bottom: 30px;
  background-color: #fff;
  overflow: hidden;
}
.ctProject .ctProTil {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}
.ctProject .ctProNum {
  overflow: hidden;
  margin-bottom: 30px;
}
.ctProject .ctProNum .ctProLeft {
  float: left;
}
.ctProject .ctProNum .ctProLeft p {
  font-size: 14px;
  color: #666;
}
.ctProject .ctProNum .ctProLeft p span {
  font-size: 20px;
  color: #43c88f;
  display: inline-block;
  margin: 0 5px;
}
.ctProject .ctProNum .ctProRight {
  float: right;
}
.ctProject .ctProNum .ctProRight .ctProManger {
  font-size: 14px;
  color: #666;
  display: inline-block;
  margin-right: 20px;
}
.ctProject .ctProNum .ctProRight .ctProArrow {
  padding: 0 3px;
  display: inline-block;
  border: 1px solid #333;
  color: #333;
  margin-right: 10px;
  vertical-align: super;
}
.ctProject .ctProNum .ctProRight .ctProArrow:hover {
  background-color: #333;
  color: #fff;
}
.ctProject .ctProNum .ctProRight .ctProArrow:last-child {
  margin-right: 0;
}
.ctProject .ctProList {
  font-size: 0;
  overflow: hidden;
  width: 800%;
  margin-bottom: 30px;
}
.ctProject .ctProList .ctProCon {
  margin-right: 20px;
  float: left;
  width: 266px;
}
.ctProject .ctProList .ctProCon .ctProType {
  position: relative;
}
.ctProject .ctProList .ctProCon .ctProType img {
  display: block;
}
.ctProject .ctProList .ctProCon .ctProType .ctProCet {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -28px;
  text-align: center;
}
.ctProject .ctProList .ctProCon .ctProType .ctProCet i {
  font-size: 33px;
  color: #fff;
}
.ctProject .ctProList .ctProCon .ctProType .ctProCet p {
  font-size: 14px;
  color: #fff;
}
.ctProject .ctProList .ctProCon .ctProInfo {
  border: 1px solid #e3e3e3;
  border-top: 0;
  padding: 30px 0;
  background-color: #fff;
  text-align: center;
}
.ctProject .ctProList .ctProCon .ctProInfo .ctProInfoTil {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.ctProject .ctProList .ctProCon .ctProInfo .ctProInfoPrice {
  font-size: 20px;
  color: #f89e00;
}
.ctProject .ctProList .ctProCon .ctProInfo .ctProBidBtn {
  padding: 0 19px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 30px auto;
  display: inline-block;
  font-size: 14px;
  color: #fff;
}
.ctProject .ctProList .ctProCon .ctProInfo .ctProBidOrange {
  background-color: #ffa00b;
}
.ctProject .ctProList .ctProCon .ctProInfo .ctProBidBlack {
  background-color: #333;
}
.ctProject .ctProList .ctProCon .ctProInfo .ant-row {
  margin-bottom: 30px;
}
.ctProject .ctProList .ctProCon .ctProInfo .ant-row .ant-col-8 {
  border-right: 1px dashed #e5e5e5;
}
.ctProject .ctProList .ctProCon .ctProInfo .ant-row .ant-col-8 p {
  color: #999;
  font-size: 14px;
}
.ctProject .ctProList .ctProCon .ctProInfo .ant-row .ant-col-8 p span {
  font-size: 20px;
  color: #666;
}
.ctProject .ctProList .ctProCon .ctProInfo .ant-row .ant-col-8 .ctProJz {
  line-height: 51px;
}
.ctProject .ctProList .ctProCon .ctProInfo .ant-row .ant-col-8:last-child {
  border-right: 0;
}
.ctProject .ctProList .ctProCon .ctProInfo .ctProBtn {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.ctProject .ctProList .ctProCon:last-child {
  margin-right: 0;
}
.ctProject .ctProgress .ctProgressTil {
  font-size: 14px;
  color: #666;
  display: inline-block;
  margin-right: 30px;
}
.ctProject .ctProgress .ant-progress {
  width: 90%;
}
.ctProject .ctProgress .ant-progress .ant-progress-inner {
  background-color: #deedff;
}
.ctProject .ctProgress .ant-progress .ant-progress-inner .ant-progress-bg {
  background-color: #397ecd;
}
.ctProject .ctProgress .ant-progress .ant-progress-text {
  color: #666;
}
.ctProject .ctProService {
  margin: 30px 0;
}
.ctProject .ctProService .ant-row {
  margin-bottom: 30px;
}
.ctProject .ctProService .ant-row .ant-col-6 {
  text-align: center;
  padding: 35px 0 20px 0;
  border: 1px solid #e3e3e3;
  margin-right: -1px;
  margin-top: -1px;
}
.ctProject .ctProService .ant-row .ant-col-6 img {
  display: block;
  margin: 0 auto;
  height: 53px;
}
.ctProject .ctProService .ant-row .ant-col-6 span {
  color: #000;
  display: inline-block;
  margin-top: 20px;
}
.ctProject .ctProService .ctServiceBtn {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  margin: 0 auto;
  border: 1px solid #397ecd;
  font-size: 14px;
  color: #397ecd;
}
.ctProject .ctProService .ctServiceBtn:hover {
  background-color: #397ecd;
  color: #fff;
}
.ctGuarantee {
  padding-top: 30px;
  margin-bottom: 90px;
  text-align: center;
}
.ctGuarantee .ctGuaranteeTil {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
}
.ctGuarantee .ant-row .ant-col-8 i {
  font-size: 56px;
  color: #333;
}
.ctGuarantee .ant-row .ant-col-8 p {
  font-size: 18px;
  color: #333;
  margin: 20px 0;
}
.ctGuarantee .ant-row .ant-col-8 span {
  font-size: 14px;
  color: #666;
}
.ctTypeTab {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #fff;
}
.ctTypeTab .ant-tabs .ant-tabs-bar {
  margin-bottom: 0;
}
.ctTypeTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container {
  border-bottom: 1px solid #d2d2d2;
}
.ctTypeTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav {
  margin-left: 15px;
}
.ctTypeTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab {
  padding: 0 0 15px 0;
}
.ctTypeTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab:hover {
  color: #397ecd;
}
.ctTypeTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: #397ecd;
}
.ctTypeTab .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-tab-active {
  color: #397ecd;
}
.ctTypeTab .ctTabCon .ctTabInfo {
  padding: 55px 0;
  text-align: center;
  border-bottom: 1px solid #ececec;
}
.ctTypeTab .ctTabCon .ctTabInfo img {
  display: inline-block;
  margin-bottom: 55px;
}
.ctTypeTab .ctTabCon .ctTabInfo p {
  text-align: left;
  margin-bottom: 40px;
}
.ctTypeTab .ctTabCon .ctTabInfo a {
  color: #397ecd;
}
.ctTypeTab .ctTabCon .ctYsFileList {
  margin-top: 30px;
  margin-bottom: 0 !important;
}
.ctTypeTab .ctTabCon .ctYsFileList span {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.ctTypeTab .ctTabCon .ctYsFileList a {
  vertical-align: middle;
}
.ctDetailStep {
  padding: 45px 0;
  margin-bottom: 30px;
  background-color: #fff;
}
.ctDetailStep .ctStepTil {
  font-size: 22px;
  color: #333;
  margin-bottom: 40px;
  text-align: center;
}
.ctDetailStep .ctStepCon {
  text-align: center;
}
.ctDetailStep .ctStepCon .ctStepSingle {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.ctDetailStep .ctStepCon .ctStepSingle p {
  margin-top: 20px;
}
.ctDetailStep .ctStepCon .ctStepSingle + img {
  margin: 32px 60px;
  vertical-align: top;
}
.ctDetailStep .ctStepCon img {
  vertical-align: middle;
}
.orderBody {
  background: #fff;
  margin-bottom: 30px;
  padding: 25px 20px ;
  color: #999;
}
.orderBody .mb {
  margin-bottom: 20px;
}
.orderBody .bodyBot {
  margin-top: 20px;
  border-top: 1px solid #E3E3E3;
  padding: 20px 0 20px 10px;
  overflow: hidden;
}
.orderBody .bodyBot span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  cursor: pointer;
}
.orderBody .bodyBot a {
  margin: 0 10px;
  color: #999;
}
.orderBody .bodyBot a:hover,
.orderBody .bodyBot a:active {
  color: #333;
}
.orderBody .bodyBot a:last-child {
  margin-right: 0;
}
.orderBody h3 {
  font-size: 18px;
  color: #333;
  position: relative;
  margin-bottom: 15px;
  padding: 0 10px ;
}
.orderBody h3 span {
  position: absolute;
  right: 0;
  top: -50%;
  font-size: 14px;
  color: #666;
}
.orderBody p {
  line-height: 30px;
  font-size: 14px;
  padding: 0 10px ;
}
.orderBody p.hideTitle {
  display: none;
}

.humischoll-coursesins-bigboxs {
  display: inline-block;
  width: 226px;
  height: 280px;
  margin: 0 18px 11px 0;
  background: #fff;
  box-shadow: 0px 2px 4px #e3e3e3;
}
.humischoll-coursesins-bigboxs:hover {
  box-shadow: 0px 8px 12px #e3e3e3;
}
.humischoll-coursesins-bigboxs .top {
  width: 100%;
  height: 156px;
}
.humischoll-coursesins-bigboxs .top img {
  width: 100%;
  height: 100%;
}
.humischoll-coursesins-bigboxs .bot {
  box-sizing: border-box;
  padding: 8px 18px 12px;
}
.humischoll-coursesins-bigboxs .bot .descBox {
  width: 100%;
  position: relative;
  height: auto;
}
.humischoll-coursesins-bigboxs .bot .descBox .courseName,
.humischoll-coursesins-bigboxs .bot .descBox .hot,
.humischoll-coursesins-bigboxs .bot .descBox .new {
  float: left;
}
.humischoll-coursesins-bigboxs .bot .descBox .courseName {
  max-width: 190px;
  height: 38px;
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
  color: #333333;
  overflow: hidden;
  word-wrap: break-word;
  display: block;
  text-align: left !important;
  font-family: 'PingFang-SC-Heavy';
}
.humischoll-coursesins-bigboxs .bot .descBox .cource-iconposition {
  position: absolute;
  right: 0px;
  background: #fff;
  padding-left: 10px;
  height: 18px;
}
.humischoll-coursesins-bigboxs .bot .numBox {
  overflow: hidden;
  width: 100%;
  margin-top: 13px;
}
.humischoll-coursesins-bigboxs .bot .numBox .seeBox,
.humischoll-coursesins-bigboxs .bot .numBox .likeBox {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: right;
  width: 60px;
}
.humischoll-coursesins-bigboxs .bot .numBox .seeBox img,
.humischoll-coursesins-bigboxs .bot .numBox .likeBox img {
  margin-right: 6px;
}
.humischoll-coursesins-bigboxs .bot .numBox .seeBox span,
.humischoll-coursesins-bigboxs .bot .numBox .likeBox span {
  font-size: 12px;
  color: #666;
}
.humischoll-coursesins-bigboxs .bot .numBox .tag {
  float: left;
  display: block;
  max-width: 100px;
  padding: 0px 6px;
  height: 22px;
  margin-right: 20px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  border-radius: 4px;
  background-color: #f8f8f8;
  border: 1px solid #e3e3e3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humischoll-coursesins-bigboxs .bot .line {
  width: 190px;
  height: 1px;
  margin: 6px auto 9px;
  background-color: #ededed;
}
.humischoll-coursesins-bigboxs .bot .perBox p:nth-child(1) {
  float: left;
  font-size: 12px;
  color: #fc9153;
}
.humischoll-coursesins-bigboxs .bot .perBox p:nth-child(1) span {
  font-size: 12px;
}
.humischoll-coursesins-bigboxs .bot .perBox p:nth-child(2) {
  float: right;
  max-width: 60px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humischoll-coursesins-bigboxs:nth-child(4n-4) {
  margin-right: 0;
}

#cource-bot-pag {
  margin-top: 50px;
}
#cource-bot-pag .ant-pagination {
  text-align: center;
}
#Recomend-bot-pag {
  margin-top: 50px;
  margin-bottom: 93px;
}
#Recomend-bot-pag .ant-pagination {
  text-align: center;
}

#humiSchoolCourseBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
#humiSchoolCourseBox .humiContentBox {
  width: 100%;
  margin: 0 0 40px;
}
#humiSchoolCourseBox .humiContentBox .contentBox {
  width: 1200px;
  margin: 0 auto;
}
#humiSchoolCourseBox .humiContentBox .contentBox .titleBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #666666;
}
#humiSchoolCourseBox .humiContentBox .contentBox .titleBox a {
  font-size: 14px;
  color: #666666;
}
#humiSchoolCourseBox .humiContentBox .contentBox .navBox {
  width: 100%;
  height: 47px;
  line-height: 47px;
  margin-bottom: 12px;
  background: #fff;
}
#humiSchoolCourseBox .humiContentBox .contentBox .navBox li {
  float: left;
  font-size: 14px;
  margin-right: 30px;
  color: #666;
}
#humiSchoolCourseBox .humiContentBox .contentBox .navBox li a {
  height: 26px;
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #f1f5f7;
  color: #666;
}
#humiSchoolCourseBox .humiContentBox .contentBox .navBox li:nth-child(1) {
  width: 167px;
  text-align: center;
  border-right: 1px solid #f4f4f4;
  color: #333;
}
#humiSchoolCourseBox .humiContentBox .contentBox .navBox .active {
  background-color: #fff6f1;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox {
  width: 100%;
  height: 40px;
  margin: 12px 0 18px;
  box-sizing: border-box;
  padding: 6px 23px;
  background-color: #f2f4f5;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox {
  float: left;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox li {
  float: left;
  width: 90px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #333333;
  cursor: pointer;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox li img {
  display: inline-block;
  vertical-align: text-top;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox li:nth-child(2) {
  border-left: none;
  border-right: none;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox li:nth-child(3) {
  margin-right: 18px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox .rli {
  color: #ff0000;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .leftBox .activeli {
  background-color: #fff6f1;
}
#humiSchoolCourseBox .humiContentBox .contentBox .freeBox .rightBox {
  float: right;
  width: 265px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox {
  width: 100%;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox {
  float: left;
  width: 958px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox {
  width: 100%;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box {
  display: block;
  float: left;
  width: 226px;
  height: 286px;
  margin: 0 18px 11px 0;
  background: #fff;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .top {
  width: 100%;
  height: 156px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .top img {
  width: 100%;
  height: 100%;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot {
  box-sizing: border-box;
  padding: 8px 18px 12px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .descBox {
  width: 100%;
  position: relative;
  height: auto;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .descBox .courseName,
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .descBox .hot,
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .descBox .new {
  float: left;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .descBox .courseName {
  max-width: 190px;
  max-height: 38px;
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
  color: #333333;
  overflow: hidden;
  word-wrap: break-word;
  display: block;
  font-family: 'PingFang-SC-Heavy';
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .descBox .cource-iconposition {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: #fff;
  padding-left: 10px;
  height: 18px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox {
  overflow: hidden;
  width: 100%;
  margin-top: 13px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .seeBox,
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .likeBox {
  float: right;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .seeBox img,
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .likeBox img {
  margin-right: 6px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .seeBox span,
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .likeBox span {
  font-size: 12px;
  color: #666;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .tag {
  float: left;
  width: 50px;
  margin-right: 20px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .numBox .seeBox {
  margin-right: 8px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .line {
  width: 190px;
  height: 1px;
  margin: 13px auto 11px;
  background-color: #ededed;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .perBox p:nth-child(1) {
  float: left;
  font-size: 12px;
  color: #fc9153;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .perBox p:nth-child(1) span {
  font-size: 18px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .bot .perBox p:nth-child(2) {
  float: right;
  max-width: 60px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box:nth-child(4n-4) {
  margin-right: 0;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox {
  float: right;
  width: 226px;
  height: 683px;
  background: #fff;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .topBox {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 14px 0 16px;
  border-bottom: 1px solid #f0f0f0;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .topBox .title {
  float: left;
  font-size: 16px;
  color: #333333;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .topBox .moreBtn {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 25px 17px 24px 13px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box {
  display: block;
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .left {
  float: left;
  width: 70px;
  height: 70px;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right {
  float: right;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right p:nth-child(1) {
  width: 116px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-top: 20px;
  letter-spacing: 0.8px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolCourseBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right p:nth-child(2) {
  width: 116px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 12px;
  letter-spacing: 0.7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.expertDetailBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
.expertDetailBox .titleBox {
  width: 1200px;
  margin: 0 auto 0;
  box-sizing: border-box;
  padding: 25px 0 20px;
  font-size: 14px;
  line-height: 1.71;
  color: #666666;
}
.expertDetailBox .titleBox a {
  font-size: 14px;
  color: #666666;
}
.expertDetailBox .bannerBox {
  position: relative;
  width: 1200px;
  height: 460px;
  margin: 0 auto;
  background: pink;
}
.expertDetailBox .bannerBox img {
  width: 100%;
  height: 100%;
}
.expertDetailBox .bannerBox .bannerContet {
  position: absolute;
  top: 50%;
  left: 262px;
  width: 226px;
  height: 200px;
  margin-top: -100px;
}
.expertDetailBox .bannerBox .bannerContet span:nth-child(1) {
  font-size: 30px;
  font-weight: 900;
  color: #ffffff;
}
.expertDetailBox .bannerBox .bannerContet span:nth-child(2) {
  margin-left: 52px;
  font-size: 14px;
  color: #ff8c1b;
}
.expertDetailBox .bannerBox .bannerContet p {
  line-height: 16px;
  margin-bottom: 25px;
  font-size: 16px;
  color: #ffffff;
}
.expertDetailBox .bannerBox .bannerContet div {
  margin-bottom: 37px;
}
.expertDetailBox .dataBox {
  width: 1200px;
  margin: 18px auto 40px;
}
.expertDetailBox .dataBox .left {
  float: left;
  width: 936px;
}
.expertDetailBox .dataBox .left .top {
  width: 100%;
  background: #fff;
}
.expertDetailBox .dataBox .left .top .title {
  height: 48px;
  box-sizing: border-box;
  padding: 16px 0 16px 20px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #f6f6f6;
}
.expertDetailBox .dataBox .left .top .content {
  box-sizing: border-box;
  padding: 38px 43px 61px 40px;
}
.expertDetailBox .dataBox .left .top .content h2 {
  position: relative;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.expertDetailBox .dataBox .left .top .content h2 .line {
  position: absolute;
  top: 3px;
  left: -9px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background-color: #5774b8;
}
.expertDetailBox .dataBox .left .top .content .desc {
  font-size: 14px;
  color: #333333;
}
.expertDetailBox .dataBox .left .top .content .self {
  margin: 60px 0;
}
.expertDetailBox .dataBox .left .top .content .self p {
  line-height: 14px;
  margin-bottom: 15px;
}
.expertDetailBox .dataBox .left .top .content .self p span:nth-child(2n-1) {
  display: inline-block;
  width: 60px;
  font-size: 14px;
  color: #666;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expertDetailBox .dataBox .left .top .content .self p span:nth-child(2n) {
  display: inline-block;
  width: 165px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expertDetailBox .dataBox .left .top .content .price p {
  font-size: 14px;
  color: #333333;
}
.expertDetailBox .dataBox .left .top .content .price p span {
  display: inline-block;
  width: 15px;
  height: 14px;
}
.expertDetailBox .dataBox .left .bot {
  width: 100%;
  margin-top: 19px;
}
.expertDetailBox .dataBox .left .bot .title {
  height: 49px;
  margin-bottom: 11px;
  box-sizing: border-box;
  padding: 16px 0 0 16px;
  background: #fff;
  font-size: 16px;
  color: #333333;
}
.expertDetailBox .dataBox .left .bot .course .box {
  display: block;
  float: left;
  width: 224px;
  height: 268px;
  margin-right: 12px;
  margin-bottom: 13px;
}
.expertDetailBox .dataBox .left .bot .course .box .top {
  width: 224px;
  height: 156px;
}
.expertDetailBox .dataBox .left .bot .course .box .top img {
  width: 100%;
  height: 100%;
}
.expertDetailBox .dataBox .left .bot .course .box .bot {
  height: 112px;
  box-sizing: border-box;
  padding: 22px 30px 11px 19px;
  margin-top: 0;
  background: #fff;
}
.expertDetailBox .dataBox .left .bot .course .box .bot p:nth-child(1) {
  width: 175px;
  line-height: 14px;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expertDetailBox .dataBox .left .bot .course .box .bot p:nth-child(2) {
  width: 175px;
  line-height: 12px;
  margin: 8px 0 16px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expertDetailBox .dataBox .left .bot .course .box .bot p:nth-child(3) {
  width: 185px;
  height: 1px;
  margin-bottom: 12px;
  background: #f4f4f4;
}
.expertDetailBox .dataBox .left .bot .course .box .bot .num .seeBox,
.expertDetailBox .dataBox .left .bot .course .box .bot .num .likeBox {
  float: left;
}
.expertDetailBox .dataBox .left .bot .course .box .bot .num .seeBox span,
.expertDetailBox .dataBox .left .bot .course .box .bot .num .likeBox span {
  font-size: 12px;
  color: #666666;
  margin-left: 8px;
}
.expertDetailBox .dataBox .left .bot .course .box .bot .num .likeBox {
  margin-left: 33px;
}
.expertDetailBox .dataBox .left .bot .course .box:nth-child(4n) {
  margin-right: 0;
}
.expertDetailBox .dataBox .right {
  float: right;
  width: 254px;
  height: 620px;
  background: #fff;
}
.expertDetailBox .dataBox .right .recomTitle {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 11px 0 15px;
  border-bottom: 1px solid #f0f0f0;
}
.expertDetailBox .dataBox .right .recomTitle p {
  float: left;
  font-size: 16px;
  color: #333333;
}
.expertDetailBox .dataBox .right .recomTitle a {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
.expertDetailBox .dataBox .right .bot {
  box-sizing: border-box;
  padding: 24px 21px 24px 17px;
}
.expertDetailBox .dataBox .right .bot .box {
  display: block;
  width: 200px;
  height: 69px;
  margin-bottom: 21px;
}
.expertDetailBox .dataBox .right .bot .box .leftBox {
  float: left;
  width: 70px;
  height: 70px;
}
.expertDetailBox .dataBox .right .bot .box .leftBox img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.expertDetailBox .dataBox .right .bot .box .rightBox {
  position: relative;
  float: right;
  box-sizing: border-box;
  padding-top: 18px;
}
.expertDetailBox .dataBox .right .bot .box .rightBox p:nth-child(1) {
  width: 116px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.8px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expertDetailBox .dataBox .right .bot .box .rightBox p:nth-child(2) {
  width: 116px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#humiSchoolExpertBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
#humiSchoolExpertBox .humiContentBox {
  width: 100%;
  margin: 0 0 40px;
}
#humiSchoolExpertBox .humiContentBox .contentBox {
  width: 1200px;
  margin: 0 auto;
}
#humiSchoolExpertBox .humiContentBox .contentBox .titleBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #666666;
}
#humiSchoolExpertBox .humiContentBox .contentBox .titleBox a {
  font-size: 14px;
  color: #666666;
}
#humiSchoolExpertBox .humiContentBox .contentBox .navBox {
  width: 100%;
  height: 47px;
  line-height: 47px;
  margin-bottom: 12px;
  background: #fff;
}
#humiSchoolExpertBox .humiContentBox .contentBox .navBox li {
  float: left;
  font-size: 14px;
  margin-right: 30px;
  color: #666;
}
#humiSchoolExpertBox .humiContentBox .contentBox .navBox li a {
  height: 26px;
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #f1f5f7;
  color: #666;
}
#humiSchoolExpertBox .humiContentBox .contentBox .navBox li:nth-child(1) {
  width: 167px;
  text-align: center;
  border-right: 1px solid #f4f4f4;
  color: #333;
}
#humiSchoolExpertBox .humiContentBox .contentBox .navBox .active {
  background-color: #fff6f1;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs {
  width: 100%;
  height: 40px;
  margin: 12px 0 18px;
  box-sizing: border-box;
  padding: 6px 23px;
  background-color: #f2f4f5;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs .leftBox {
  float: left;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs .leftBox li {
  float: left;
  width: 90px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #333333;
  cursor: pointer;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs .leftBox li:nth-child(2) {
  border-left: none;
  border-right: none;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs .leftBox li:nth-child(3) {
  margin-right: 18px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs .leftBox .freeboxsleftli {
  background-color: #fff6f1;
}
#humiSchoolExpertBox .humiContentBox .contentBox .freeBoxs .rightBox {
  float: right;
  width: 265px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox {
  width: 100%;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox {
  float: left;
  width: 955px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox {
  width: 100%;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .expert-list {
  float: left;
  width: 452px;
  margin-right: 20px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .expert-list:nth-of-type(2n) {
  margin-right: 0px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box {
  position: relative;
  display: block;
  float: left;
  width: 306px;
  height: 152px;
  margin: 0 18px 14px 0;
  box-sizing: border-box;
  padding: 24px 18px 25px 30px;
  background: #fff;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .line {
  position: absolute;
  top: 25px;
  left: 0;
  width: 2px;
  height: 16px;
  background-color: #5774b8;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox {
  float: left;
  width: 140px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .name {
  position: relative;
  overflow: hidden;
  height: 20px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .name span,
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .name img {
  float: left;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .name img {
  position: absolute;
  top: 3px;
  left: 92px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .name span:nth-child(1) {
  display: inline-block;
  width: 82px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .name span:nth-child(3) {
  display: inline-block;
  width: 24px;
  margin-left: 29px;
  font-size: 12px;
  color: #ff7919;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .title {
  line-height: 14px;
  margin: 11px 0 16px 0;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .expertTitle span {
  display: inline-block;
  width: 66px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 8px;
  border-radius: 3px;
  background-color: #f1f5f7;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .leftBox .expertTitle span:nth-child(1) {
  margin-right: 6px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .rightBox {
  float: right;
  width: 80px;
  height: 80px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box .rightBox img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .box:nth-child(3n-3) {
  margin-right: 0;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox {
  float: right;
  width: 226px;
  height: 683px;
  background: #fff;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .topBox {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 14px 0 16px;
  border-bottom: 1px solid #f0f0f0;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .topBox .title {
  float: left;
  font-size: 16px;
  color: #333333;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .topBox .moreBtn {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 24px 10px 24px 15px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box {
  display: block;
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .left {
  float: left;
  width: 100px;
  height: 69px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .left img {
  width: 100%;
  height: 100%;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right {
  float: right;
  width: 80px;
  margin-left: 13px;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right p:nth-child(1) {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-top: 20px;
  letter-spacing: 0.8px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolExpertBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right p:nth-child(2) {
  width: 100%;
  font-size: 14px;
  line-height: 14px;
  margin-top: 12px;
  letter-spacing: 0.7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#humiSchoolIndexBox {
  width: 100%;
  background: #f8fafe;
}
#humiSchoolIndexBox .banner {
  width: 100%;
  height: 460px;
  margin-top: 110px;
}
#humiSchoolIndexBox .banner .ant-carousel .slick-track {
  height: 460px;
}
#humiSchoolIndexBox .humiContentBox {
  width: 100%;
  margin: 20px 0 59px;
}
#humiSchoolIndexBox .humiContentBox .contentBox {
  width: 1200px;
  margin: 0 auto;
}
#humiSchoolIndexBox .humiContentBox .contentBox .navBox {
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin-bottom: 12px;
  box-sizing: border-box;
  padding-left: 39px;
  background: #fff;
}
#humiSchoolIndexBox .humiContentBox .contentBox .navBox li {
  float: left;
  font-size: 14px;
  margin-right: 62px;
  color: #666;
}
#humiSchoolIndexBox .humiContentBox .contentBox .navBox li a {
  color: #666;
}
#humiSchoolIndexBox .humiContentBox .contentBox .navBox li:nth-child(1) {
  color: #999;
}
#humiSchoolIndexBox .humiContentBox .contentBox .navBox .active {
  line-height: 58px;
  border-bottom: 2px solid #fe6d20;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox {
  width: 100%;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox,
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox {
  background: #fff;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox {
  float: left;
  width: 936px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .topBox {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 14px 0 37px;
  border-bottom: 1px solid #f0f0f0;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .topBox .title {
  float: left;
  font-size: 16px;
  color: #333333;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .topBox .moreBtn {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox {
  width: 100%;
  box-sizing: border-box;
  padding: 32px 0 0 37px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box {
  display: block;
  float: left;
  width: 400px;
  height: 224px;
  margin-bottom: 32px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .left {
  position: relative;
  float: left;
  width: 200px;
  height: 224px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .left .imgBox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -20.5px;
  width: 41px;
  height: 42px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .left .imgBox img {
  width: 100%;
  height: 100%;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right {
  float: right;
  width: 175px;
  height: 224px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right p:nth-child(1) {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #272b2e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right p:nth-child(2) {
  width: 100%;
  margin: 15px 0 20px 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 18px;
  color: #272b2e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .tagBox {
  width: 100%;
  height: 70px;
  overflow: hidden;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .tagBox .tag {
  display: inline-block;
  width: 75px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 8px;
  border-radius: 13px;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  color: #666666;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .tagBox .tag:nth-child(2n-1) {
  margin-right: 9px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .seeBox,
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .dateBox {
  margin-top: 19px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .seeBox img,
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .dateBox img {
  display: inline;
  margin-right: 6px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .seeBox span,
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box .right .dateBox span {
  font-size: 12px;
  color: #999999;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .leftBox .bottomBox .bottom .box:nth-child(2n-1) {
  margin-right: 57px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox {
  float: right;
  width: 254px;
  height: 683px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .topBox {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 14px 0 16px;
  border-bottom: 1px solid #f0f0f0;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .topBox .title {
  float: left;
  font-size: 16px;
  color: #333333;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .topBox .moreBtn {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 25px 22px 24px 16px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box {
  display: block;
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .left {
  float: left;
  width: 80px;
  height: 80px;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .left img {
  width: 100%;
  height: 100%;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right {
  float: right;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right p:nth-child(1) {
  width: 116px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-top: 20px;
  letter-spacing: 0.8px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#humiSchoolIndexBox .humiContentBox .contentBox .classBox .rightBox .botBox .bot .box .right p:nth-child(2) {
  width: 116px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 12px;
  letter-spacing: 0.7px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#intelligentCreateConsult {
  min-width: 1200px;
  padding-top: 60px;
  background-color: white;
}
#intelligentCreateConsult .topbanner {
  height: 460px;
  text-align: center;
  color: white;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/banner.jpg');
}
#intelligentCreateConsult .topbanner h1 {
  padding-top: 93px;
  padding-bottom: 49px;
  font-size: 48px;
  font-weight: 900;
  color: white;
}
#intelligentCreateConsult .topbanner p {
  margin: 0 auto;
  padding-bottom: 60px;
  width: 674px;
  font-size: 20px;
  line-height: 2;
}
#intelligentCreateConsult .consult-btn {
  width: 180px;
  height: 40px;
}
#intelligentCreateConsult .section-content {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
#intelligentCreateConsult #section1 {
  height: 627px;
}
#intelligentCreateConsult .section-h1 {
  margin: 0 auto;
  padding-top: 61px;
  text-align: center;
  font-size: 36px;
  font-weight: 900;
}
#intelligentCreateConsult .section-title {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}
#intelligentCreateConsult .section-subtitle {
  padding-bottom: 50px;
  font-size: 16px;
  text-align: center;
  line-height: 2;
}
#intelligentCreateConsult #section1_h1 {
  width: 381px;
  padding-bottom: 65px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/problem.png') no-repeat 0px 56px;
}
#intelligentCreateConsult #section1_bg {
  position: relative;
  height: 447px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/krbg1.png') no-repeat center;
}
#intelligentCreateConsult #section1_bg2 {
  position: absolute;
  margin: 0 auto;
  top: 46px;
  left: 0;
  right: 0;
  width: 374px;
  height: 378px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/krbg2.png') no-repeat center;
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  5% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
#intelligentCreateConsult .section1-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #5774b8;
  opacity: 0;
  animation-fill-mode: both;
  animation: ball-scale-multiple 1.5s 0s linear infinite;
}
#intelligentCreateConsult .section1-dots {
  position: absolute;
}
#intelligentCreateConsult .section1-dots > div:nth-child(2) {
  animation-delay: 0.5s;
}
#intelligentCreateConsult .section1-dots > div:nth-child(3) {
  animation-delay: 1s;
}
#intelligentCreateConsult #section1_dots1 {
  top: 80px;
  left: 390px;
}
#intelligentCreateConsult #section1_dots2 {
  top: 200px;
  left: 330px;
}
#intelligentCreateConsult #section1_dots3 {
  top: 320px;
  left: 320px;
}
#intelligentCreateConsult #section1_dots4 {
  top: 150px;
  left: 760px;
}
#intelligentCreateConsult #section1_dots5 {
  top: 310px;
  left: 830px;
}
#intelligentCreateConsult .section1-txt {
  position: absolute;
}
#intelligentCreateConsult .section1-txt p {
  position: relative;
  display: inline-block;
  padding: 12px 15px 0 25px;
  height: 72px;
  border-radius: 10px;
  background-color: #5774b8;
  box-shadow: 2.4px 5.5px 6px 0 rgba(52, 47, 118, 0.18);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}
#intelligentCreateConsult .section1-txt p:after {
  position: absolute;
  display: block;
  top: 24px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  content: "";
}
#intelligentCreateConsult .section1-txt p.left-p:after {
  right: -16px;
  border-left-color: #5774b8;
}
#intelligentCreateConsult .section1-txt p.right-p:after {
  left: -16px;
  border-right-color: #5774b8;
}
#intelligentCreateConsult #section1_txt1 {
  top: 70px;
  left: 158px;
}
#intelligentCreateConsult #section1_txt2 {
  top: 190px;
  left: 50px;
}
#intelligentCreateConsult #section1_txt2 p {
  line-height: 45px;
}
#intelligentCreateConsult #section1_txt3 {
  top: 309px;
  left: 98px;
}
#intelligentCreateConsult #section1_txt4 {
  top: 139px;
  left: 818px;
}
#intelligentCreateConsult #section1_txt5 {
  top: 300px;
  left: 888px;
}
#intelligentCreateConsult #section1_txt5 p {
  line-height: 45px;
}
#intelligentCreateConsult #section1_btn {
  position: absolute;
  bottom: 53px;
  width: 100%;
  text-align: center;
}
#intelligentCreateConsult #section2 {
  background-color: #f8f8f8;
}
#intelligentCreateConsult #section2_h1 {
  padding-bottom: 37px;
  width: 309px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/service.png') no-repeat 0px 56px;
}
#intelligentCreateConsult #section2_imgs,
#intelligentCreateConsult #section2_experts_wrap,
#intelligentCreateConsult #section3_img_wrap,
#intelligentCreateConsult #section3_report_wrap,
#intelligentCreateConsult #section4_info_wrap,
#intelligentCreateConsult #section4_list_wrap,
#intelligentCreateConsult #section5_partner_wrap {
  margin: 0 auto;
  width: 1200px;
}
#intelligentCreateConsult #section2_experts_wrap {
  padding-top: 50px;
}
#intelligentCreateConsult .section2-img {
  height: 260px;
  cursor: pointer;
  text-align: center;
  color: white;
}
#intelligentCreateConsult #section2_img0 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/c-item0.png');
}
#intelligentCreateConsult #section2_img1 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/c-item1.png');
}
#intelligentCreateConsult #section2_img2 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/c-item2.png');
}
#intelligentCreateConsult #section2_img3 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/c-item3.png');
}
#intelligentCreateConsult #section2_img4 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/c-item4.png');
}
#intelligentCreateConsult #section2_img5 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/c-item5.png');
}
#intelligentCreateConsult .section2-img:hover > .section2-img-title {
  display: none;
}
#intelligentCreateConsult .section2-img:hover > .section2-img-detail {
  display: block;
}
#intelligentCreateConsult .section2-img-title {
  padding-top: 107px;
  font-size: 18px;
  font-weight: 900;
}
#intelligentCreateConsult .section2-img-title:after,
#intelligentCreateConsult .img-title:after {
  display: block;
  margin: 0 auto;
  padding-top: 12px;
  width: 46px;
  content: "";
  border-bottom: 2px solid white;
}
#intelligentCreateConsult .section2-img-detail {
  display: none;
  padding: 74px 35px 0 35px;
  height: 100%;
  background-color: rgba(254, 109, 32, 0.8);
}
#intelligentCreateConsult .section2-img-detail .img-title {
  font-size: 18px;
  font-weight: 900;
}
#intelligentCreateConsult .section2-img-detail p {
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.8;
}
#intelligentCreateConsult .section2-experts {
  position: relative;
  display: inline-block;
  margin-right: 17px;
  padding: 160px 25px 0 25px;
  width: 226px;
  height: 336px;
  text-align: center;
  vertical-align: middle;
  box-shadow: 2px 4.6px 10px 0 rgba(227, 227, 227, 0.5);
  background-color: white;
}
#intelligentCreateConsult .section2-experts:last-child {
  margin-right: 0;
}
#intelligentCreateConsult .experts-img {
  position: absolute;
  top: -50px;
  left: 36px;
  width: 154px;
  height: 185px;
}
#intelligentCreateConsult #experts_img0 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/experts0.jpg');
}
#intelligentCreateConsult #experts_img1 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/experts1.jpg');
}
#intelligentCreateConsult #experts_img2 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/experts2.jpg');
}
#intelligentCreateConsult #experts_img3 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/experts3.jpg');
}
#intelligentCreateConsult #experts_img4 {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/experts4.jpg');
}
#intelligentCreateConsult .experts-info h1 {
  padding-bottom: 19px;
  font-size: 16px;
  font-weight: 900;
}
#intelligentCreateConsult .experts-info p {
  line-height: 1.8;
}
#intelligentCreateConsult #section2_btn {
  padding-top: 48px;
  text-align: center;
}
#intelligentCreateConsult #section3 {
  height: 1402px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section3_bg.png');
}
#intelligentCreateConsult #section3_h1 {
  padding-bottom: 37px;
  width: 507px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/evaluation.png') no-repeat 0px 56px;
}
#intelligentCreateConsult #section3_img_wrap {
  margin-top: 20px;
  color: white;
}
#intelligentCreateConsult #section3_img_wrap div {
  display: inline-block;
  padding: 150px 38px 0 38px;
  width: 588px;
  height: 380px;
  vertical-align: middle;
}
#intelligentCreateConsult #section3_img_wrap div h3 {
  color: white;
  font-size: 24px;
  font-weight: 900;
}
#intelligentCreateConsult #section3_img_wrap div h3:after {
  display: block;
  margin: 21px 0 38px 0;
  content: '';
  width: 27px;
  border: 1.5px solid #fe6d20;
}
#intelligentCreateConsult #section3_img_wrap div p {
  font-size: 16px;
  line-height: 1.8;
}
#intelligentCreateConsult #section3_img_wrap div:first-child {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section2_img0.png');
}
#intelligentCreateConsult #section3_img_wrap div:last-child {
  margin-left: 24px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section2_img1.png');
}
#intelligentCreateConsult #section3_flow_diagram {
  height: 66px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/flow_diagram.png') no-repeat center;
}
#intelligentCreateConsult #section3_report_wrap .section3-report {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 0 40px;
  width: 284px;
  height: 306px;
  vertical-align: middle;
  box-shadow: 2px 4.6px 10px 0 rgba(227, 227, 227, 0.5);
  background-color: white;
}
#intelligentCreateConsult #section3_report_wrap .section3-report p {
  font-size: 18px;
  line-height: 1.8;
}
#intelligentCreateConsult #section3_report_wrap .section3-report::before {
  display: block;
  margin: 23px auto;
  width: 197px;
  border: 1px solid #fe6d20;
  content: '';
}
#intelligentCreateConsult #section3_report_wrap .section3-report:after {
  position: absolute;
  right: 46px;
  bottom: 23px;
  display: block;
  width: 70px;
  height: 55px;
  content: '';
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/seal_icon.png');
}
#intelligentCreateConsult #section3_report_wrap .section3-report:last-child {
  margin-right: 0;
}
#intelligentCreateConsult #section3_btn {
  padding-top: 48px;
  text-align: center;
}
#intelligentCreateConsult #section4 {
  height: 666px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_bg.png');
}
#intelligentCreateConsult #section4_h1 {
  padding-bottom: 85px;
  width: 500px;
  color: white;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/case.png') no-repeat 155px 56px;
}
#intelligentCreateConsult #section4_info_wrap div {
  width: 599px;
  height: 200px;
  display: inline-block;
  vertical-align: middle;
}
#intelligentCreateConsult #section4_info_wrap div:first-child {
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_img.png');
  background-size: cover;
}
#intelligentCreateConsult #section4_info_wrap div:last-child {
  position: relative;
  padding-left: 74px;
}
#intelligentCreateConsult #section4_info_wrap div:last-child i {
  position: absolute;
  top: -5px;
  left: 30px;
  display: block;
  width: 34px;
  height: 28px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon.png');
}
#intelligentCreateConsult #section4_info_wrap div:last-child p {
  font-size: 18px;
  line-height: 2;
  color: white;
}
#intelligentCreateConsult #section4_list_wrap {
  padding-top: 62px;
}
#intelligentCreateConsult #section4_list_wrap div {
  display: inline-block;
  margin-right: 13px;
  padding: 23px;
  width: 188px;
  height: 165px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  background-color: white;
}
#intelligentCreateConsult #section4_list_wrap div i {
  margin-bottom: 12px;
}
#intelligentCreateConsult #section4_list_wrap div p {
  font-size: 16px;
  line-height: 1.8;
}
#intelligentCreateConsult #section4_list_wrap div p span {
  font-size: 16px;
  font-weight: 900;
  color: #fe6d20;
}
#intelligentCreateConsult #section4_list_wrap div:last-child {
  margin-right: 0;
}
#intelligentCreateConsult #section4_list_wrap #section4_list_icon0 {
  display: inline-block;
  width: 24px;
  height: 38px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon0.png');
}
#intelligentCreateConsult #section4_list_wrap #section4_list_icon1 {
  display: inline-block;
  width: 37px;
  height: 33px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon1.png');
}
#intelligentCreateConsult #section4_list_wrap #section4_list_icon2 {
  display: inline-block;
  width: 33px;
  height: 33px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon2.png');
}
#intelligentCreateConsult #section4_list_wrap #section4_list_icon3 {
  display: inline-block;
  width: 31px;
  height: 32px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon3.png');
}
#intelligentCreateConsult #section4_list_wrap #section4_list_icon4 {
  display: inline-block;
  width: 30px;
  height: 27px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon4.png');
}
#intelligentCreateConsult #section4_list_wrap #section4_list_icon5 {
  display: inline-block;
  width: 43px;
  height: 28px;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/section4_icon5.png');
}
#intelligentCreateConsult #section5 {
  background-color: #f8f8f8;
}
#intelligentCreateConsult #section5_h1 {
  width: 381px;
  padding-bottom: 65px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/partner.png') no-repeat 0px 56px;
}
#intelligentCreateConsult #section5_partner_wrap {
  padding-bottom: 89px;
}
#intelligentCreateConsult #section5_partner_wrap .partner-wrap div {
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
  width: 149px;
  height: 87px;
  box-shadow: 2px 4.6px 10px 0 rgba(227, 227, 227, 0.5);
  text-align: center;
  background-color: white;
}
#intelligentCreateConsult #section5_partner_wrap .partner-wrap div i {
  display: inline-block;
  background-image: url('https://360humi-public-obs.360humi.com/localImg/newImage/intelligentCreateConsult/partenr_logos.png');
}
#intelligentCreateConsult #section5_partner_wrap .partner-wrap div i h4 {
  position: relative;
  z-index: -1;
}
#intelligentCreateConsult #section5_partner_wrap .partner-wrap div:last-child {
  margin-right: 0;
}
#intelligentCreateConsult #section5_partner_wrap .partner-wrap:last-child {
  margin-top: 23px;
}
#intelligentCreateConsult #partner_logo0 {
  margin-top: 11px;
  width: 65px;
  height: 62px;
  background-position: -147px -10px;
}
#intelligentCreateConsult #partner_logo1 {
  margin-top: 19px;
  width: 94px;
  height: 53px;
  background-position: -10px -77px;
}
#intelligentCreateConsult #partner_logo2 {
  margin-top: 20px;
  width: 117px;
  height: 47px;
  background-position: -10px -10px;
}
#intelligentCreateConsult #partner_logo3 {
  margin-top: 37px;
  width: 86px;
  height: 14px;
  background-position: -232px -186px;
}
#intelligentCreateConsult #partner_logo4 {
  margin-top: 33px;
  width: 78px;
  height: 27px;
  background-position: -10px -291px;
}
#intelligentCreateConsult #partner_logo5 {
  margin-top: 22px;
  width: 49px;
  height: 46px;
  background-position: -345px -10px;
}
#intelligentCreateConsult #partner_logo6 {
  margin-top: 32px;
  width: 82px;
  height: 26px;
  background-position: -79px -221px;
}
#intelligentCreateConsult #partner_logo7 {
  margin-top: 20px;
  width: 45px;
  height: 45px;
  background-position: -345px -76px;
}
#intelligentCreateConsult #partner_logo8 {
  margin-top: 25px;
  width: 93px;
  height: 29px;
  background-position: -232px -10px;
}
#intelligentCreateConsult #partner_logo9 {
  margin-top: 25px;
  width: 82px;
  height: 32px;
  background-position: -232px -59px;
}
#intelligentCreateConsult #partner_logo10 {
  margin-top: 17px;
  width: 74px;
  height: 51px;
  background-position: -10px -150px;
}
#intelligentCreateConsult #partner_logo11 {
  margin-top: 18px;
  width: 49px;
  height: 50px;
  background-position: -345px -10px;
}
#intelligentCreateConsult #partner_logo12 {
  margin-top: 16px;
  width: 46px;
  height: 55px;
  background-position: -232px -111px;
}
#intelligentCreateConsult #partner_logo13 {
  margin-top: 29px;
  width: 96px;
  height: 29px;
  background-position: -104px -150px;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.logoOut {
  padding-top: 60px;
  background-color: #f8fafe;
}
.logoOut .publicTi {
  margin-bottom: 25px;
}
.logoOut .publicTi h1 {
  font-size: 36px;
  color: #fe6d20;
}
.logoOut .publicTi h2 {
  font-size: 24px;
  color: #333333;
}
.logoOut .logoViBox .logoviBanner {
  height: 600px;
  width: 100%;
  background-position: center !important;
  background-size: cover !important;
  padding-top: 50px;
}
.logoOut .logoViBox .logoviBanner .activeSub {
  width: 1200px;
  margin: 0px auto 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
}
.logoOut .logoViBox .logoviBanner .activeSub .activeSub-poosi {
  position: absolute;
  left: 100px;
  bottom: 80px;
  width: 220px;
  height: 40px;
  box-shadow: 0px 8px 8px rgba(0, 11, 65, 0.14);
}
.logoOut .logoViBox .condition {
  width: 1220px;
  height: 475px;
  margin: 54px auto 68px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/toptranlation.png') no-repeat;
  background-position: center;
  background-size: contain;
}
.logoOut .logoViBox .adventage {
  width: 1220px;
  margin: auto;
  position: relative;
}
.logoOut .logoViBox .adventage .logoshow {
  width: 100%;
  height: 380px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/traitlist.png') no-repeat;
  background-position: center;
  background-size: contain;
}
.logoOut .logoViBox .logocaseShow {
  width: 1220px;
  margin: 67px auto 50px;
  position: relative;
}
.logoOut .logoViBox .logocaseShow .logoshowtit {
  font-size: 24px;
  color: #333333;
  display: block;
  text-align: center;
  margin-bottom: 28px;
}
.logoOut .logoViBox .logocaseShow .logocaseimg {
  width: 100%;
  height: 1080px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/brandTop.png') no-repeat;
  background-position: center;
  background-size: contain;
}
.logoOut .logoViBox .moresize {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #333333;
  margin-bottom: 30px;
}
.logoOut .logoViBox .logoshowList {
  width: 100%;
  padding: 66px 0px;
  background-color: #ffebd9;
}
.logoOut .logoViBox .logoshowList img {
  display: block;
  width: 1260px;
  margin: auto;
}
.logoOut .logoViBox .logoshowList img:nth-of-type(1) {
  height: 398px;
}
.logoOut .logoViBox .logoshowList img:nth-of-type(2) {
  height: 671px;
}
.logoOut .logoViBox .logoshowList img:nth-of-type(3) {
  height: 434px;
}
.logoOut .logoViBox .logoshowList img:nth-of-type(4) {
  height: 681px;
}
.logoOut .logoViBox .logoserver {
  width: 1220px;
  margin: 80px auto 0px;
}
.logoOut .logoViBox .logoserverimg {
  width: 100%;
  height: 348px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/yellowBot.png') no-repeat;
  background-position: center;
  background-size: contain;
}
.logoOut .logoViBox .logopromise {
  width: 1220px;
  margin: 60px auto 65px;
  position: relative;
}
.logoOut .logoViBox .logopromise img {
  width: 100%;
  height: 280px;
}
.logoOut .logoViBox .logopartbus {
  width: 1220px;
  margin: 0px auto 70px;
  position: relative;
}
.logoOut .logoViBox .logopartbus img {
  width: 100%;
  height: 577px;
}
.logoOut .logoViBox .logoserbus {
  width: 1220px;
  margin: 0px auto 100px;
  position: relative;
}
.logoOut .logoViBox .logoserbus .busList {
  width: 100%;
}
.logoOut .logoViBox .logoserbus .busList .box {
  display: block;
  float: left;
  width: 226px;
  height: 288px;
  margin-right: 17px;
  margin-bottom: 18px;
  box-sizing: border-box;
  padding: 28px 18px 23px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.logoOut .logoViBox .logoserbus .busList .box .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.logoOut .logoViBox .logoserbus .busList .box .imgBox img {
  width: 100%;
  height: 100%;
}
.logoOut .logoViBox .logoserbus .busList .box p {
  width: 168px;
  height: 14px;
  margin: 20px auto 13px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoOut .logoViBox .logoserbus .busList .box .logo {
  position: relative;
  width: 100%;
  height: 15px;
  box-sizing: border-box;
  padding-left: 68px;
}
.logoOut .logoViBox .logoserbus .busList .box .logo span {
  position: absolute;
  top: -3px;
  left: 55px;
  color: #00d58c;
}
.logoOut .logoViBox .logoserbus .busList .box .logo img {
  margin-left: 10px;
}
.logoOut .logoViBox .logoserbus .busList .box .desc {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.logoOut .logoViBox .logoserbus .busList .box .price {
  box-sizing: border-box;
  font-size: 12px;
  color: #666666;
}
.logoOut .logoViBox .logoserbus .busList .box .price span:nth-child(1) {
  float: left;
  padding-top: 2px;
  font-size: 12px;
  color: #666666;
}
.logoOut .logoViBox .logoserbus .busList .box .price span:nth-child(2) {
  float: left;
  width: 124px;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  color: #fc9153;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoOut .logoViBox .logoserbus .busList .box .line {
  width: 190px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.logoOut .logoViBox .logoserbus .busList .box .tag span {
  display: inline-block;
  width: 60px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 6px;
  background: #f1f5f7;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoOut .logoViBox .logoserbus .busList .box .tag span:last-child {
  margin-right: 0;
}
.logoOut .logoViBox .botcontinute {
  width: 100%;
  height: 247px;
  background: url('https://360humi-public-obs.360humi.com/localImg/images/logoDesign/logoVi/144.png') no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: -23px;
  padding-top: 145px;
  padding-left: 594px;
}
.logomatermodelstyle .ant-modal-close {
  color: rgba(255, 255, 255, 0.43);
}
.logomatermodelstyle .ant-modal-body {
  padding: 0px;
  height: auto;
}

.public-component-hp-modal .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  text-align: center;
}
.public-component-hp-modal .m-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.public-component-hp-modal .modal-hp-box {
  color: #666666;
  padding: 10px 20px;
  position: relative;
  font-size: 14px;
}
.public-component-hp-modal .modal-hp-box .fl {
  float: left;
}
.public-component-hp-modal .modal-hp-box .fr {
  float: right;
}
.public-component-hp-modal .tips {
  color: #999;
  float: left;
  margin-bottom: 20px;
}
.public-component-hp-modal .btn-add {
  float: right;
}
.public-component-hp-modal table {
  width: 100%;
}
.public-component-hp-modal table tr th {
  background-color: #fafafa;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  height: 50px;
}
.public-component-hp-modal table tr td {
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  height: 50px;
}
.public-component-hp-modal .pagination-box {
  text-align: right;
  margin-top: 20px;
}
.public-component-hp-modal .input {
  width: 500px;
  height: 35px;
}
.public-component-hp-modal .row {
  margin-bottom: 20px;
}
.public-component-hp-modal .tips-box {
  color: #999;
}
.public-component-hp-modal .label {
  width: 105px;
  height: 35px;
  line-height: 35px;
}
.public-component-hp-modal .text {
  height: 35px;
  line-height: 35px;
}
.public-component-hp-modal .btn-box {
  width: 200px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.public-component-hp-modal .ant-upload-list-picture .ant-upload-list-item,
.public-component-hp-modal .ant-upload-list-picture-card .ant-upload-list-item {
  padding: 0;
}

.clear::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clear {
  zoom: 1;
}
.entebusineDetail,
.orderDetail_new,
.orderDetailS_new {
  background: #f8fafe;
  font-size: 14px;
  color: #666;
}
.entebusineDetail .orderDetail_newbody,
.orderDetail_new .orderDetail_newbody,
.orderDetailS_new .orderDetail_newbody {
  width: 1200px;
  margin: 0 auto 0;
  box-sizing: border-box;
  padding: 80px 0 76px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox,
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox,
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox,
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox,
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox {
  width: 100%;
  background: #fff;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox {
  height: 422px;
  margin: 18px 0;
  box-sizing: border-box;
  padding: 25px 50px 40px 30px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .top,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .top,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .top {
  width: 100%;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .top h3,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .top h3,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .top h3 {
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: #333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .top h3 span,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .top h3 span,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .top h3 span {
  position: absolute;
  top: 10px;
  right: -90px;
  display: inline-block;
  width: 74px;
  height: 18px;
  line-height: 18px;
  background: url("https://360humi-public-obs.360humi.com/humicenter/4.png") 50% 50% / cover no-repeat;
  font-size: 12px;
  color: #fff;
  padding-left: 10px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot {
  width: 100%;
  margin-top: 23px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .left,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .left,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .left {
  float: left;
  width: 448px;
  height: 298px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right {
  float: right;
  width: 650px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl {
  display: inline-block;
  margin: 0 17px;
  width: 128px;
  height: 108px;
  padding-top: 25px;
  border: 1px solid #eee;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt,
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dd,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dd,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dd {
  text-align: center;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt {
  font-size: 30px;
  color: #fc9153;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt .cur,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt .cur,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dt .cur {
  font-size: 18px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dd,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dd,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top dl dd {
  color: #999;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl {
  margin: 0 6px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(1) {
  margin-left: 15px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(1),
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_top_active dl:nth-child(2) {
  width: 160px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center {
  margin: 24px 0 13px;
  padding-left: 17px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_left,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_left,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_left,
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_right,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_right,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_right {
  float: left;
  line-height: 2.14;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_left,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_left,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_left {
  width: 80px;
  color: #999;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_right,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_right,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_center .demand_center_right {
  color: #666;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom {
  padding-left: 17px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup a,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup a,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup a {
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin-right: 24px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #fe6d20;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup a:hover,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup a:hover,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup a:hover {
  background: #fe6d20;
  color: #fff;
}
.entebusineDetail .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup .disableBtn,
.orderDetail_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup .disableBtn,
.orderDetailS_new .orderDetail_newbody .orderDetail_oneBox .bot .right .demand_bottom .operationBtnGroup .disableBtn {
  background: #8f8f8f !important;
  cursor: default;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox {
  position: relative;
  min-height: 258px;
  box-sizing: border-box;
  padding: 26px 25px 36px 23px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_title,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_title,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_title {
  width: 100%;
  line-height: 16px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_line,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_line,
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_name,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_name,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_name {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_line,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_line {
  width: 2px;
  height: 16px;
  background-color: #108ee9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_name,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_name,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_title .odt_name {
  line-height: 16px;
  padding-left: 10px;
  font-size: 16px;
  color: #333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_double_line,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_double_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_double_line {
  width: 1151px;
  height: 1px;
  margin: 14px 0 19px;
  background-color: #e3e3e3;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_descBox .odt_demand_desc,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_descBox .odt_demand_desc,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_descBox .odt_demand_desc {
  margin: 15px 0;
  line-height: 2;
  color: #999;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_descBox .odt_demand_file,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_descBox .odt_demand_file,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_descBox .odt_demand_file {
  margin-right: 10px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_btn,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_btn,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_btn {
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.entebusineDetail .orderDetail_newbody .orderDetail_twoBox .odt_btn a,
.orderDetail_new .orderDetail_newbody .orderDetail_twoBox .odt_btn a,
.orderDetailS_new .orderDetail_newbody .orderDetail_twoBox .odt_btn a {
  display: block;
  text-align: center;
  color: #5774b8;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox {
  height: 160px;
  margin: 15px 0;
  box-sizing: border-box;
  padding: 41px 73px 0 40px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-description,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-description,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-description {
  position: absolute;
  top: 60px;
  left: -58px;
  font-size: 16px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(2) .ant-steps-main .ant-steps-description,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(2) .ant-steps-main .ant-steps-description,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(2) .ant-steps-main .ant-steps-description,
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(3) .ant-steps-main .ant-steps-description,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(3) .ant-steps-main .ant-steps-description,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(3) .ant-steps-main .ant-steps-description,
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(5) .ant-steps-main .ant-steps-description,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(5) .ant-steps-main .ant-steps-description,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(5) .ant-steps-main .ant-steps-description {
  left: -70px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(6) .ant-steps-main .ant-steps-description,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(6) .ant-steps-main .ant-steps-description,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-item:nth-child(6) .ant-steps-main .ant-steps-description {
  left: -65px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-head-inner,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-head-inner,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-head-inner {
  width: 43px;
  height: 42px;
  line-height: 45px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps-head-inner .ant-steps-icon,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-head-inner .ant-steps-icon,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps-head-inner .ant-steps-icon {
  font-size: 20px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #29cb97;
  border: 1px solid #29cb97;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner .ant-steps-icon,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner .ant-steps-icon,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner .ant-steps-icon {
  color: #fff;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #29cb97;
  border: 1px solid #29cb97;
}
.entebusineDetail .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after,
.orderDetail_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after,
.orderDetailS_new .orderDetail_newbody .orderDetail_threeBox .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background: #29cb97;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right {
  box-sizing: border-box;
  padding: 25px 24px 0;
  background: #fff;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left {
  float: left;
  width: 800px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-tab-active,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-tab-active,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-tab-active {
  color: #108ee9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-ink-bar,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-ink-bar,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-ink-bar {
  background-color: #108ee9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) {
  box-sizing: border-box;
  padding: 15px 0 0 10px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
  color: #a0a0a0;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb {
  margin-bottom: 15px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .time,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .time,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .time {
  color: #999;
  margin-right: 40px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .ti,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .ti,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .ti {
  color: #999;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .dtCon,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .dtCon,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item .ant-timeline-item-content .mb .dtCon {
  color: #108ee9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item:nth-child(1) .ant-timeline-item-head-blue,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item:nth-child(1) .ant-timeline-item-head-blue,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_left .ant-tabs-content .ant-tabs-tabpane:nth-child(1) .ant-timeline .ant-timeline-item:nth-child(1) .ant-timeline-item-head-blue {
  color: #43c88f;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right {
  float: right;
  width: 384px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand {
  width: 100%;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_line,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_line,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_line,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_line {
  width: 333px;
  height: 1px;
  margin: 15px 0;
  background-color: #d9d9d9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_cases,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_cases,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_cases,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_cases,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_cases,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_cases {
  width: 100%;
  height: 264px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_cases .odf_img,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_cases .odf_img,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_cases .odf_img,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_cases .odf_img,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_cases .odf_img,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_cases .odf_img {
  width: 330px;
  height: 200px;
  margin-bottom: 10px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands {
  width: 336px;
  height: 189px;
  border: solid 1px #f3f3f3;
  margin-bottom: 20px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top {
  width: 100%;
  height: 86px;
  box-sizing: border-box;
  padding: 20px 0 0 24px;
  background-color: #ebf2fa;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top .mb-s,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top .mb-s,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top .mb-s,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top .mb-s,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top .mb-s,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top .mb-s {
  font-size: 16px;
  color: #333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top p,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top p,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_top p,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top p,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top p,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_top p {
  margin-top: 5px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot {
  box-sizing: border-box;
  padding: 20px 22px 25px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p {
  color: #333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(1),
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(1) {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(2),
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_one p:nth-child(2) {
  float: right;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two {
  margin-top: 18px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1),
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) {
  float: left;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #fc9153;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) span,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) span,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) span,
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) span,
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) span,
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(1) span {
  font-size: 16px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_case .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(2),
.entebusineDetail .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_fourBox .odf_right .odf_right_simdemand .odf_simdemands .odf_simdemands_bot .odf_s_two p:nth-child(2) {
  float: right;
  color: #397ecd;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox {
  margin: 22px 0;
  height: 205px;
  box-sizing: border-box;
  padding: 26px 25px 36px 23px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_title,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title {
  width: 100%;
  line-height: 16px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_line,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_line,
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_name,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_name,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_name {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_line,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_line {
  width: 2px;
  height: 16px;
  background-color: #108ee9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_name,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_name,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_name {
  line-height: 16px;
  padding-left: 10px;
  font-size: 16px;
  color: #333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_send,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_send,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_title .odfi_send {
  float: right;
  color: #999;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_double_line,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_double_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_double_line {
  width: 1151px;
  height: 1px;
  margin: 14px 0 19px;
  background-color: #e3e3e3;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .phone_img,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .phone_img,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .phone_img,
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("https://360humi-public-obs.360humi.com/humicenter/1.png");
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img {
  background: url("https://360humi-public-obs.360humi.com/humicenter/2.png");
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .phone_desc,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .phone_desc,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .phone_desc,
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .person_img {
  margin: 0 10px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_num,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_num,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_num {
  font-size: 16px;
  margin: 26px 0 10px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_num .bwNumOne,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_num .bwNumOne,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_num .bwNumOne {
  font-size: 16px;
  color: #ff7919;
}
.entebusineDetail .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_desc,
.orderDetail_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_desc,
.orderDetailS_new .orderDetail_newbody .orderDetail_fiveBox .odfi_desc_box .odfi_desc {
  font-size: 12px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox {
  height: 235px;
  box-sizing: border-box;
  padding: 26px 25px 36px 23px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_title,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_title,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_title {
  width: 100%;
  line-height: 16px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_line,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_line,
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_name,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_name,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_name {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_line,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_line {
  width: 2px;
  height: 16px;
  background-color: #108ee9;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_name,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_name,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_title .ods_name {
  line-height: 16px;
  padding-left: 10px;
  font-size: 16px;
  color: #333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_double_line,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_double_line,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_double_line {
  width: 1151px;
  height: 1px;
  margin: 14px 0 19px;
  background-color: #e3e3e3;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox {
  width: 100%;
  box-sizing: border-box;
  padding-top: 30px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box {
  position: relative;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_one,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_one,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_one,
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two,
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three,
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_one,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_one,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_one {
  width: 60px;
  height: 60px;
  margin-right: 24px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two {
  width: 365px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName {
  width: 100%;
  margin-bottom: 20px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName h3,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName h3,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName h3,
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName img,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName img,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName img {
  float: left;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName img,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName img,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .ods_storeName img {
  margin-left: 10px;
  padding-top: 2px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .iconImg,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .iconImg,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .iconImg {
  font-size: 14px;
  color: #999;
  margin-right: 24px;
  padding-right: 24px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .shu,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .shu,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_two .shu {
  border-right: 1px solid #999;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three {
  width: 272px;
  margin-right: 90px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span {
  display: inline-block;
  min-width: 68px;
  height: 24px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 16px;
  line-height: 24px;
  background-color: #f0f2f5;
  font-size: 12px;
  text-align: center;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(1),
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(1),
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(1),
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(2) {
  margin-bottom: 15px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(3),
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(3),
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_three span:nth-child(3) {
  margin-right: 0;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four {
  width: 120px;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four p:nth-child(2),
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four p:nth-child(2),
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_four p:nth-child(2) {
  margin-top: 18px;
  font-size: 20px;
  color: #333333;
}
.entebusineDetail .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_five,
.orderDetail_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_five,
.orderDetailS_new .orderDetail_newbody .orderDetail_sixBox .ods_companyBox .ods_Box .ods_five {
  position: absolute;
  top: -20px;
  right: 30px;
  width: 100px;
  height: 100px;
  background: url("https://360humi-public-obs.360humi.com/humicenter/3.png") 50% 50% / cover no-repeat;
}
/*----------------------------------弹框原有样式保留---------------------------------*/
.submitBidModal .completeJobMain {
  padding: 4px 14px 32px 14px;
}
.submitBidModal .completeJobMain textarea {
  resize: none;
  width: 85%;
  height: 158px;
  padding: 12px 10px;
  color: #999;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.submitBidModal .completeJobMain .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.submitBidModal .completeJobMain .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.submitBidModal .completeJobMain .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.submitBidModal .completeJobMain .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.submitBidModal .completeJobMain .fileName {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 12px 0 0 0;
  display: block;
}
.submitBidModal .completeJobMain .fileName .fileList {
  display: block;
  margin-bottom: 5px;
}
.submitBidModal .completeJobMain .fileName .fileList .anticon-delete {
  margin: 0 0 0 10px;
  cursor: pointer;
  vertical-align: middle;
}
.submitBidModal .completeJobMain .completeJobBtns {
  text-align: center;
  margin: 32px 0;
}
.submitBidModal .completeJobMain .completeJobBtns a {
  display: inline-block;
  color: #333;
  line-height: 1.1;
  font-size: 14px;
  padding: 10px 0 9px 0;
  width: 120px;
  background: none;
  border: 1px solid #999;
  text-align: center;
}
.submitBidModal .completeJobMain .completeJobBtns a:first-child {
  color: #fff;
  background: #397ecd;
  margin: 0 30px 0 0;
  border: 1px solid #397ecd;
}
.submitBidModal .completeJobMain .completeJobBtns a.btn-grey {
  background: grey;
  pointer-events: none;
}
.operationBtnGroup {
  float: left;
}
.operationBtnGroup a {
  margin-right: 20px;
}
.topBtn a {
  height: 50px;
  display: inline-block;
  margin: 0 12px 0 0;
  border: 1px solid #e3e3e3;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #999;
  padding: 0 10px;
  min-width: 100px;
}
.topBtn a:hover,
.topBtn a.on {
  background: #fe6d20;
  color: #fff;
  border-color: #e3e3e3;
}
.topBtn .disableBtn {
  color: #fff;
}
.orderHead {
  padding: 180px 0 30px 0;
  background: #fff;
}
.orderHead .headTop {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.orderHead .mb {
  margin-bottom: 15px;
}
.orderHead .orderImg {
  width: 530px;
  display: block;
  height: 300px;
}
.orderHead .orderHeadRight h3 {
  position: relative;
  font-size: 24px;
  color: #333;
  display: inline-block;
}
.orderHead .orderHeadRight h3 span {
  position: absolute;
  font-size: 10px;
  color: #fff;
  background: #fe6d20;
  padding: 6px 4px;
  display: inline-block;
  top: -20px;
  right: -55px;
  line-height: 15px;
  border-radius: 3px;
}
.orderHead .orderHeadRight h3 span.san {
  background: url("https://360humi-public-obs.360humi.com/localImg/images/order/san1.png") no-repeat;
  position: absolute;
  width: 6px ;
  height: 5px;
  top: 26px;
  right: 50%;
}
.orderHead .orderHeadRight .xiezuo {
  color: #397ecd;
  font-size: 14px;
  padding-top: 15px;
}
.orderHead .orderHeadRight .ant-steps .ant-steps-title {
  font-size: 12px;
  line-height: 20px;
}
.orderHead .orderHeadRight .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
  background: #fe6d20;
  border-color: #fe6d20;
}
.orderHead .orderHeadRight .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
  background: #fe6d20;
  border-color: #fe6d20;
}
.orderHead .orderHeadRight .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i:after {
  background: #fe6d20;
  box-shadow: 0 0 0 0 #fe6d20;
}
.orderHead .orderHeadRight .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon {
  color: #fff;
}
.orderHead .orderHeadRight .ant-steps .ant-steps-main {
  display: block;
}
.orderHead .orderHeadRight .eidtHao {
  padding: 15px 10px;
  background: #F0F2F5;
  margin-bottom: 30px;
  line-height: 38px;
}
.orderHead .orderHeadRight .eidtHao span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
}
.orderHead .orderHeadRight .eidtHao span i {
  font-size: 32px;
  display: inline-block;
  vertical-align: middle;
}
.orderHead .orderHeadRight .eidtHao .manName {
  color: #666;
  margin-left: 10px;
}
.orderHead .orderHeadRight .eidtHao .seeTelContent {
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #999;
}
.orderHead .orderHeadRight .btn {
  width: 175px;
  height: 50px;
  display: inline-block;
  margin: 0 12px;
  border: 1px solid #e3e3e3;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #999;
}
.orderHead .orderHeadRight .btn:hover,
.orderHead .orderHeadRight .btn.on {
  background: #397ecd;
  color: #fff;
  border-color: #e3e3e3;
}
.orderHead .headBot dl {
  display: inline-block;
  margin: 0 15px;
  width: 195px;
  height: 90px;
  padding-top: 15px;
  border: 1px solid #eee;
  color: #999;
}
.orderHead .headBot dl dt {
  font-size: 30px;
  margin-bottom: 20px;
  color: #fc9153;
  line-height: 23px;
}
.cancelBox {
  position: relative;
}
.cancelBox select {
  width: 100%;
  height: 32px;
  border: 1px solid #d2d2d2;
  padding-left: 14px;
  line-height: 36px;
  font-size: 12px;
  color: #d2d2d2;
}
.cancelBox .cancelContent {
  text-align: left;
  font-size: 12px;
  color: #666;
  margin: 10px 0 42px 0;
}
.cancelBox .cancelBtns {
  text-align: center;
  margin-bottom: 18px;
}
.cancelBox .cancelBtns a {
  padding: 11px 0 10px 0;
  line-height: 1.1;
  width: 150px;
  color: #fff;
  background: #b3b3b3;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}
.cancelBox .cancelBtns a:first-child {
  margin-right: 30px;
  background: #397ecd;
}
.urg .urgImg,
.urg2 .urgImg {
  text-align: center;
}
.urg .urgImg .iconfont,
.urg2 .urgImg .iconfont {
  font-size: 86px;
  color: #bbd4ed;
}
.urg .urgContent,
.urg2 .urgContent {
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 41px 0;
  text-align: center;
}
.accept .acceptBox {
  position: relative;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.accept .acceptMesItem {
  margin: 0 0 15px 0;
}
.accept .acceptMesItem span {
  color: #333;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.accept .acceptMesItem .daiAccept {
  color: #43c88f;
}
.accept .acceptDes {
  padding: 20px 16px;
  border: 1px solid #d2d2d2;
  background: #f6f6f6;
  margin: 0 0 20px 0;
}
.accept .acceptDes p:first-child {
  font-size: 14px;
  color: #333;
  margin: 0 0 20px 0;
  line-height: 1.1;
}
.accept .acceptDes p:last-child {
  text-align: justify;
  color: #999;
}
.accept .addFile li {
  padding: 0 0 0 14px;
}
.accept .addFile li span {
  color: #666;
  font-size: 14px;
  margin: 0 8px 0 0;
}
.accept .addFile li a {
  color: #397ecd;
}
.accept .acceptingBtn {
  padding: 10px 15px;
  border: 1px solid #397ecd;
  background: none;
  line-height: 1.1;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.accept .acceptingBtn:hover {
  background: #397ecd;
  color: #fff;
}
.confirmAccept p {
  color: #333;
  font-size: 14px;
  text-align: center;
  margin: 0 0 76px 0;
}
.confirmAccept p span {
  color: #ff9600;
  font-size: 24px;
}
.confirmAccept p i {
  color: #ff9600;
  font-style: normal;
}
.confirmAccept .operateBtns a {
  color: #fff;
  background: #397ecd;
  padding: 11px 47px;
  font-size: 14px;
  line-height: 1.1;
  display: inline-block;
  margin: 0 30px 0 0;
}
.confirmAccept .operateBtns a:last-child {
  color: #333;
  border: 1px solid #999;
  background: none;
}
.fundsDeposit ul {
  width: 100%;
}
.fundsDeposit ul li {
  margin-top: 10px;
}
.fundsDeposit ul li span {
  font-size: 22px;
  color: #fdab0c;
}
.fundsDeposit ul li .fundsDeposit-span {
  width: 30%;
  color: #000;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 12px;
}
.fundsDeposit ul li input {
  padding: 8px 10px;
  width: 261px;
  height: 32px;
  border: 1px solid #d2d2d2;
}
.fundsDeposit p {
  font-size: 10px;
  color: #666;
  margin: 20px 0 0 0;
  text-align: center;
}
.fundsDeposit .fundsDepositBtns {
  text-align: center;
  margin-top: 10px;
}
.fundsDeposit .fundsDepositBtns p {
  display: inline-block;
}
.fundsDeposit .fundsDepositBtns p a {
  display: inline-block;
  padding: 10px 0;
  width: 130px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #377fcb;
  line-height: 1.1;
}
.fundsDeposit .fundsDepositBtns p:last-child {
  margin: 10px 0 20px 30px;
}
.fundsDeposit .fundsDepositBtns p:last-child a {
  background: none;
  color: #000;
  border: 1px solid #c9c9c9;
}
.evaluate .evaluateImg {
  text-align: center;
  font-size: 0;
  line-height: 1.1;
  margin: 0 0 32px 0;
}
.evaluate .evaluateImg i {
  color: #bbd4ed;
  font-size: 92px;
}
.evaluate .evaluateContent {
  padding: 0 30px;
  margin: 0 0 49px 0;
}
.evaluate .evaluateContent li {
  line-height: 1.1;
  margin: 0 0 28px 0;
}
.evaluate .evaluateContent li span {
  font-size: 14px;
  color: #4c4c4c;
}
.evaluate .evaluateContent li span input {
  margin: 0 5px 0 0;
}
.evaluate .evaluateContent li span:first-child {
  font-weight: bold;
}
.evaluate .evaluateContent li:last-child {
  margin: 0;
}
.evaluate .evaluateContent li .ant-radio-group {
  margin-top: 15px;
}
.evaluate .evaluateContent li .ant-radio-group i {
  font-style: normal;
}
.evaluate .evaluateContent textarea {
  width: 100%;
  height: 150px;
  resize: none;
  outline: none;
  border: 1px solid #ccc;
  padding: 5px 10px;
  overflow-y: scroll;
}
.evaluate .evaluateBtns {
  text-align: center;
  margin: 0 0 39px 0;
}
.evaluate .evaluateBtns a {
  display: inline-block;
  padding: 11px 0 10px 0;
  width: 130px;
  background: #377fcb;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.applyBill .applyBillBox {
  padding: 34px 24px 39px 24px;
}
.applyBill .applyBillBox .ant-row {
  margin-bottom: 30px;
}
.applyBill .applyBillBox .ant-row .applyBillName {
  font-size: 16px;
  color: #333;
  text-align: right;
}
.applyBill .applyBillBox .ant-row .applyBillInput {
  line-height: 36px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo label {
  margin-right: 50px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo label:last-child {
  margin-right: 0;
}
.applyBill .applyBillBox .ant-row .applyBillInfo input[type="radio"] {
  vertical-align: middle;
  margin-right: 10px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .applyBillWz {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  vertical-align: middle;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .ant-select-selection--single {
  width: 367px;
  height: 36px;
  margin-right: 15px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .ant-select-selection__rendered {
  line-height: 36px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo a {
  font-size: 14px;
  color: #397ecd;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .applyBillInfoWz {
  padding: 20px 30px;
  background-color: #f2f2f2;
  width: 367px;
  margin-top: 15px;
}
.applyBill .applyBillBox .ant-row .applyBillInfo .applyBillInfoWz p {
  color: #333;
}
.applyBill .billBtns {
  text-align: center;
  margin: 73px 0 0 0;
}
.applyBill .billBtns a {
  width: 130px;
  display: inline-block;
  padding: 10px 0 9px 0;
  background: #397ecd;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
}
.suppleDemand textarea {
  padding: 8px 10px;
  margin-top: 14px;
  width: 100%;
  height: 176px;
  border: 1px solid #dcdcdc;
  resize: none;
  outline: none;
}
.suppleDemand p {
  margin: 14px 0 40px 0;
  font-size: 18px;
  color: #999999;
  text-align: center;
}
.suppleDemand .suppleDemand-div {
  text-align: center;
}
.suppleDemand .suppleDemand-div a {
  width: 150px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin-bottom: 14px;
}
.suppleDemand .suppleDemand-div .suppleDemand-a {
  background: #397ecd;
  color: #fff;
  margin-right: 30px;
}
.suppleDemand .suppleDemand-div a:last-child {
  border: 1px solid #dcdcdc;
  color: #000;
}
.suppleAgreement p {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.suppleAgreement textarea {
  width: 100%;
  padding: 8px 10px;
  margin-top: 14px;
  height: 176px;
  border: 1px solid #dcdcdc;
  resize: none;
  outline: none;
}
.suppleAgreement .suppleAgreement-div {
  margin: 16px 0 70px 0;
  font-size: 16px;
  width: 100%;
  height: 16px;
  line-height: 16px;
}
.suppleAgreement .suppleAgreement-div div {
  position: relative;
  color: #397ecd;
  display: inline;
}
.suppleAgreement .suppleAgreement-div div input {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.suppleAgreement .suppleAgreement-div span {
  color: #a0a0a0;
}
.suppleAgreement .suppleAgreementDiv {
  text-align: center;
}
.suppleAgreement .suppleAgreementDiv a {
  width: 150px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin-bottom: 14px;
}
.suppleAgreement .suppleAgreementDiv .suppleAgreement-a {
  background: #397ecd;
  color: #fff;
  margin-right: 30px;
}
.suppleAgreement .suppleAgreementDiv a:last-child {
  border: 1px solid #dcdcdc;
  color: #000;
}
.confirmAgreement {
  width: 100%;
}
.confirmAgreement .confirmAgreement-one {
  border: 1px solid #d2d2d2;
  width: 100%;
  height: 254px;
  overflow-y: scroll;
  padding: 20px 32px 0 18px;
  background: #f6f6f6;
}
.confirmAgreement .confirmAgreement-one p:nth-child(1),
.confirmAgreement .confirmAgreement-one p:nth-child(2) {
  text-align: justify;
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}
.confirmAgreement .confirmAgreement-one p:nth-child(3),
.confirmAgreement .confirmAgreement-one p:nth-child(4) {
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.confirmAgreement .confirmAgreement-two {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}
.confirmAgreement .confirmAgreement-two p:nth-child(1) {
  margin: 34px 0 18px 0;
  font-size: 14px;
  color: #333333;
}
.confirmAgreement .confirmAgreement-two p:nth-child(2) {
  font-size: 14px;
  color: #999999;
  text-align: justify;
}
.confirmAgreement .confirmAgreement-two p:nth-child(3) {
  margin-top: 10px;
  text-align: left;
  margin-bottom: 18px;
}
.confirmAgreement .confirmAgreement-two p:nth-child(3) span {
  color: #666;
  margin-right: 5px;
}
.confirmAgreement .confirmAgreement-two p:nth-child(3) a {
  color: #397ecd;
}
.confirmAgreement .ant-table-thead tr th {
  text-align: center;
  border-right: 1px solid #d2d2d2;
}
.confirmAgreement .ant-table-tbody {
  color: #999;
}
.confirmAgreement .ant-table-row td a {
  color: #999;
  cursor: text;
}
.confirmAgreement table {
  width: 100%;
  height: 228px;
  border: 1px solid #d2d2d2;
  margin-bottom: 20px;
  text-align: center;
}
.confirmAgreement table tr {
  width: 100%;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.confirmAgreement table tr td:nth-child(1),
.confirmAgreement table tr td:nth-child(2) {
  border-right: 1px solid #d2d2d2;
}
.confirmAgreement table tr td {
  width: 33.33%;
  height: 42px;
  line-height: 42px;
}
.confirmAgreement table tr:first-child {
  height: 37px;
  text-align: center;
  line-height: 37px;
  font-size: 14px;
}
.confirmAgreement .confirmAgreement-three {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-bottom: 10px;
}
.confirmAgreement .confirmAgreement-three p {
  font-size: 14px;
  color: #333;
  margin-bottom: 18px;
}
.confirmAgreement .confirmAgreement-three div {
  width: 100%;
  height: 254px;
  background: #f6f6f6;
  padding: 32px 14px 14px 14px;
}
.confirmAgreement .confirmAgreement-three div p {
  font-size: 14px;
  color: #999;
  margin-bottom: 0;
}
.confirmAgreement .confirmAgreement-three div .confirmAgreement-three-div {
  margin-top: 20px;
  padding: 0;
  width: 100%;
  text-align: left;
  height: 22px;
}
.confirmAgreement .confirmAgreement-three div .confirmAgreement-three-div span {
  color: #666;
  margin-right: 5px;
}
.confirmAgreement .confirmAgreement-three div .confirmAgreement-three-div a {
  color: #397ecd;
  margin-right: 56px;
}
.confirmAgreement label {
  font-size: 12px;
  color: #999;
}
.confirmAgreement .suppleAgreement-four {
  text-align: center;
  margin: 30px 0 14px 0;
}
.confirmAgreement .suppleAgreement-four a {
  display: inline-block;
  width: 130px;
  height: 36px;
  line-height: 36px;
  background: #397ecd;
  color: #fff;
}
.confirmAgreement .suppleAgreement-four a:last-child {
  border: 1px solid #dcdcdc;
  color: #000;
  background: #fff;
  margin-left: 30px;
}
.backMoneyModal .ant-row {
  margin: 0 0 20px 0;
}
.backMoneyModal .ant-col-4 {
  color: #333;
  font-size: 14px;
  line-height: 32px;
}
.backMoneyModal .backMoneyNum {
  font-size: 18px;
  color: #fdab0c;
  line-height: 32px;
}
.backMoneyModal .ant-col-20 input {
  height: 32px;
  padding: 0 15px;
  border: 1px solid #d2d2d2;
  width: 258px;
}
.backMoneyModal .ant-col-20 .ant-select-selection {
  border-radius: 0;
  border: 1px solid #d2d2d2;
  min-width: 258px;
}
.backMoneyModal .ant-col-20 textarea {
  width: 100%;
  height: 72px;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  overflow-y: auto;
  resize: none;
  outline: none;
}
.backMoneyModal .backMoneyConfrimBtn {
  margin: 30px 0;
}
.backMoneyModal .backMoneyConfrimBtn a {
  padding: 12px 62px;
  background: #397ecd;
  line-height: 1.1;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin: 0 30px 0 0;
  border: 1px solid transparent;
}
.backMoneyModal .backMoneyConfrimBtn a:last-child {
  background: #fff;
  border: 1px solid #999;
  color: #333;
  margin: 0;
}
.reportModal {
  position: relative;
}
.reportModal .ant-row {
  margin: 0 0 20px 0;
}
.reportModal .ant-col-4 {
  line-height: 32px;
  font-size: 16px;
  color: #333;
}
.reportModal .ant-col-20 .ant-select-selection {
  border-radius: 0;
  border: 1px solid #e0e0e0;
  width: 250px;
}
.reportModal .ant-col-20 input {
  width: 367px;
  height: 32px;
  border: 1px solid #e0e0e0;
  padding: 0 15px;
  outline: none;
}
.reportModal .ant-col-20 textarea {
  outline: none;
  resize: none;
  width: 367px;
  height: 131px;
  border: 1px solid #e0e0e0;
  overflow-y: auto;
  padding: 5px 10px;
}
.reportModal .ant-col-20 p {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 0 0 20px 0;
}
.reportModal .ant-col-20 .reportUploadBtn {
  position: relative;
}
.reportModal .ant-col-20 .reportUploadBtn a {
  padding: 9px 27px;
  background: #397ecd;
  line-height: 1.1;
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
.reportModal .ant-col-20 .reportUploadBtn input[type=file] {
  width: 110px;
  height: 33px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.reportModal .ant-col-20 .reportDxCon input {
  width: 208px;
}
.reportModal .ant-col-20 .reportWz {
  margin-bottom: 0;
  line-height: 32px;
}
.reportModal .reportModalConfirmBtn {
  margin: 40px 0;
}
.reportModal .reportModalConfirmBtn a {
  padding: 11px 49px;
  background: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
  line-height: 1.1;
  display: inline-block;
  margin: 0 15px;
}
.reportModal .reportModalConfirmBtn a:last-child {
  background: #fff;
  color: #397ecd;
  border: 1px solid #397ecd;
}
.reportSuccessModal p {
  font-size: 16px;
  text-align: center;
}
.startJob .startJobImg {
  text-align: center;
  font-size: 0;
  margin: 14px 0 20px 0;
}
.startJob .startJobImg img {
  display: inline-block;
}
.startJob .startJobContent {
  font-size: 16px;
  color: #333;
  margin: 0 0 50px 0;
  text-align: center;
  line-height: 1.1;
}
.startJob .startJobBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.startJob .startJobBtns a {
  display: inline-block;
  color: #397ecd;
  background: none;
  border: 1px solid #397ecd;
  padding: 9.5px 0;
  width: 120px;
  text-align: center;
  line-height: 1.1;
  font-size: 14px;
}
.startJob .startJobBtns a:first-child {
  background: #397ecd;
  color: #fff;
  margin: 0 60px 0 0;
}
.evaluateBoss .evaluateScores {
  padding: 0 14px;
  font-size: 14px;
  line-height: 1.1;
  margin: 34px 0 40px 0;
}
.evaluateBoss .evaluateScores .ant-radio-group {
  width: 100%;
}
.evaluateBoss .evaluateScores .ant-radio-wrapper {
  width: 20%;
  margin-right: 0;
}
.evaluateBoss .evaluateScores .ant-radio-wrapper i {
  font-style: normal;
  color: #397ecd;
}
.evaluateBoss .evaluateContent {
  padding: 0 14px;
  margin: 0 0 30px 0;
}
.evaluateBoss .evaluateContent textarea {
  width: 100%;
  height: 158px;
  border: 1px solid #ccc;
  resize: none;
  padding: 5px 10px;
}
.evaluateBoss .evaluateBtns {
  text-align: center;
  padding: 0 14px;
  margin: 0 0 10px 0;
}
.evaluateBoss .evaluateBtns a {
  color: #fff;
  padding: 11px 0;
  line-height: 1.1;
  width: 120px;
  background: #397ecd;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.cancelTender .cancelTenderImg {
  font-size: 0;
  text-align: center;
  margin: 14px 0 20px 0;
}
.cancelTender .cancelTenderImg img {
  display: inline-block;
}
.cancelTender .cancelTenderContent {
  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.cancelTender .cancelTenderBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.cancelTender .cancelTenderBtns a {
  display: inline-block;
  background: none;
  padding: 10px 0 9px 0;
  line-height: 1.1;
  text-align: center;
  width: 120px;
  border: 1px solid #397ecd;
  color: #397ecd;
  font-size: 14px;
}
.cancelTender .cancelTenderBtns a:first-child {
  margin: 0 60px 0 0;
  background: #397ecd;
  color: #fff;
}
.deleteOrderModal .deleteOrderImg {
  text-align: center;
  font-size: 0;
  margin: 14px 0 20px 0;
}
.deleteOrderModal .deleteOrderImg img {
  display: inline-block;
}
.deleteOrderModal .deleteOrderContent {
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.deleteOrderModal .deleteOrderBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.deleteOrderModal .deleteOrderBtns a {
  display: inline-block;
  line-height: 1.1;
  padding: 10px 0 9px 0;
  background: none;
  border: 1px solid #397ecd;
  color: #397ecd;
  font-size: 14px;
  width: 120px;
}
.deleteOrderModal .deleteOrderBtns a:first-child {
  background: #397ecd;
  margin: 0 60px 0 0;
  color: #fff;
}
.remindModal .remindImg {
  text-align: center;
  font-size: 0;
  margin: 14px 0 20px 0;
}
.remindModal .remindImg img {
  display: inline-block;
}
.remindModal .remindContent {
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 50px 0;
}
.remindModal .remindBtns {
  text-align: center;
  margin: 0 0 76px 0;
}
.remindModal .remindBtns a {
  display: inline-block;
  color: #fff;
  line-height: 1.1;
  width: 120px;
  padding: 10px 0 9px 0;
  background: #397ecd;
  font-size: 14px;
}
.completeJob .completeJobMain {
  padding: 4px 14px 32px 14px;
}
.completeJob .completeJobMain textarea {
  resize: none;
  width: 85%;
  height: 158px;
  padding: 12px 10px;
  color: #999;
  font-size: 14px;
  border: 1px solid #ccc;
}
.completeJob .completeJobMain .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.completeJob .completeJobMain .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.completeJob .completeJobMain .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.completeJob .completeJobMain .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.completeJob .completeJobMain .fileName {
  color: #666;
  font-size: 14px;
  line-height: 1.1;
  margin: 12px 0 0 0;
}
.completeJob .completeJobMain .fileName .anticon-delete {
  margin: 0 0 0 10px;
  cursor: pointer;
}
.completeJob .completeJobMain .fileName i {
  color: #397ecd;
}
.completeJob .completeJobMain .completeJobBtns {
  text-align: center;
  margin: 32px 0;
}
.completeJob .completeJobMain .completeJobBtns a {
  display: inline-block;
  color: #333;
  line-height: 1.1;
  font-size: 14px;
  padding: 10px 0 9px 0;
  width: 120px;
  background: none;
  border: 1px solid #999;
  text-align: center;
}
.completeJob .completeJobMain .completeJobBtns a:first-child {
  color: #fff;
  background: #397ecd;
  margin: 0 30px 0 0;
  border: 1px solid #397ecd;
}
.serviceTCP {
  top: 30px !important;
}
.serviceTCP .serviceTCPBox {
  padding: 4px 14px 32px 14px;
}
.serviceTCP .serviceTCPBox .serviceTCPContent {
  padding: 12px 22px 13px 11px;
  border: 1px solid #ccc;
  width: 100%;
  height: 162px;
  overflow-y: auto;
}
.serviceTCP .serviceTCPBox .buCong {
  font-size: 14px;
  margin-bottom: 10px;
}
.serviceTCP .serviceTCPBox .agree {
  font-size: 14px;
  color: #666;
  line-height: 1.1;
  margin: 20px 0;
}
.serviceTCP .serviceTCPBox .replenish {
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  height: 72px;
  overflow-y: auto;
  resize: none;
  outline: none;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns {
  text-align: center;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns a {
  padding: 10px 0 9px 0;
  background: none;
  border: 1px solid #999;
  text-align: center;
  width: 120px;
  font-size: 14px;
  color: #333;
  display: inline-block;
  line-height: 1.1;
  margin-right: 30px;
}
.serviceTCP .serviceTCPBox .serviceTCPBtns a:first-child {
  background: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
}
.serviceTCP .serviceTCPBox .uploadFileBtn {
  color: #999;
  font-size: 14px;
  line-height: 1.1;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e2e2e2;
  position: relative;
}
.serviceTCP .serviceTCPBox .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.serviceTCP .serviceTCPBox .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName {
  margin-top: 10px;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName .fileList {
  font-size: 14px;
  color: #666;
}
.serviceTCP .serviceTCPBox .uploadFileBtn .fileName .fileList i {
  font-size: 15px;
  color: #397ecd;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen {
  margin-bottom: 30px;
  font-size: 14px;
  color: #999;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .fwxyAddCon {
  margin-bottom: 15px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen span {
  display: inline-block;
  margin-right: 15px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .ant-calendar-picker-icon {
  margin-right: 0;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen .ant-input {
  width: 120px;
  height: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ccc;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"],
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"],
.serviceTCP .serviceTCPBox .serviceTCPScreen select {
  width: 120px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  padding: 0 10px;
  height: 36px;
  margin-right: 20px;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"]:active,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="text"]:focus,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"]:active,
.serviceTCP .serviceTCPBox .serviceTCPScreen input[type="number"]:focus,
.serviceTCP .serviceTCPBox .serviceTCPScreen select:active {
  background-color: #fff;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen a {
  color: #397ecd;
}
.serviceTCP .serviceTCPBox .serviceTCPScreen a i {
  margin-right: 10px;
  font-size: 15px;
}
.serviceEnter {
  top: 30px !important;
}
.serviceEnter .serviceEnterSupply {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
}
.serviceEnter .serviceEnterSupply p {
  color: #333;
}
.serviceEnter .serviceEnterSupply span {
  display: block;
  color: #666;
  line-height: 20px;
}
.serviceEnter .serviceEnterFile {
  font-size: 14px;
  margin-top: 20px;
}
.serviceEnter .serviceEnterFile p {
  margin-bottom: 20px;
}
.serviceEnter .serviceEnterFile p span {
  color: #666;
}
.serviceEnter .serviceEnterFile p a {
  color: #397ecd;
  margin-left: 15px;
}
.serviceEnter .ant-table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.serviceEnter .ant-table .ant-table-body table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.serviceEnter .ant-table .ant-table-body table .ant-table-thead th {
  text-align: center;
  width: 33.333%;
  background-color: #b6bdc4;
  font-size: 14px;
  color: #fff;
}
.serviceEnter .ant-table .ant-table-body table .ant-table-tbody td {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.serviceEnter .servicEnterAdd {
  padding: 20px 15px;
  background-color: #f7f7f7;
  font-size: 14px;
  color: #666;
}
.serviceEnter .servicEnterAdd p {
  margin-bottom: 10px;
}
.serviceEnter .servicEnterAdd span {
  line-height: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile {
  margin-top: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p {
  margin-bottom: 10px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p a {
  color: #397ecd;
  margin-left: 20px;
}
.serviceEnter .servicEnterAdd .servicEnterAddFile p:last-child {
  margin-bottom: 0;
}
.serviceEnter .enterFwxyUser {
  margin-top: 15px;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo {
  margin-bottom: 10px;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo p {
  display: inline-block;
  line-height: 36px;
  vertical-align: middle;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo p:first-child {
  width: 56px;
  text-align: right;
}
.serviceEnter .enterFwxyUser .fwxyUserInfo input {
  width: 180px;
  height: 36px;
  vertical-align: middle;
  border: 1px solid #ccc;
  padding: 0 10px;
}
.examineRefund {
  text-align: center;
  padding-top: 20px;
}
.examineRefund p {
  font-size: 16px;
  color: #999;
  width: 80%;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 30px;
}
.examineRefund span {
  color: #333;
}
.examineRefund .refundPrice span {
  color: #397ecd;
  font-size: 30px;
}
.examineRefund .refundPriceSpan {
  position: relative;
  height: 100%;
}
.examineRefund .refundPriceSpan p:first-child {
  display: inline-block;
  color: #999;
  width: 30%;
  height: 100%;
}
.examineRefund .refundPriceSpan p:last-child {
  width: 70%;
  height: 100%;
  color: #333;
  text-align: justify;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 80px;
}
.examineRefund .refundBtnGroup {
  padding-top: 30px;
  padding-bottom: 50px;
}
.examineRefund .refundBtnGroup a {
  width: 120px;
  text-align: center;
  border: 1px solid #397ecd;
  font-size: 14px;
  display: inline-block;
  margin: 0 15px;
  padding: 6.5px 0;
  transition: all 0.3s;
}
.examineRefund .refundBtnGroup a:first-child {
  background-color: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}
.examineRefund .refundBtnGroup a:last-child {
  color: #397ecd;
}
.examineRefund .refundBtnGroup a:first-child:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.examineRefund .refundBtnGroup a:last-child:hover {
  background-color: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}
.submitValid {
  overflow: hidden;
  top: 30px !important;
}
.submitValid .ant-modal-body {
  padding: 0;
  font-size: 14px;
}
.submitValid .ant-modal-body .submitLeft {
  height: 778px;
  width: 660px;
  float: left;
  border-right: 1px solid #e9e9e9;
  padding: 20px 30px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList {
  overflow-y: auto;
  height: 625px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle {
  border-bottom: 1px dashed #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil {
  overflow: hidden;
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil span {
  display: inline-block;
  color: #333;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil a {
  float: right;
  color: #397ecd;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitTaskTil a i {
  margin-right: 10px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput {
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput span {
  color: #999;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput .ant-input {
  height: 36px;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="text"],
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="number"] {
  width: 120px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  padding: 6.5px 10px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="text"]:focus,
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput input[type="number"]:focus {
  background-color: #fff;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitInput i {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  margin-left: 10px;
  font-style: normal;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitSel {
  position: relative;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .submitSel .ant-select span {
  margin-right: 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn {
  color: #999;
  line-height: 1.1;
  margin: 13px 0 0 0;
  position: relative;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn a {
  color: #397ecd;
  margin: 0 5px 0 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn a i {
  margin: 0 9px 0 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileBtn .fileInput {
  position: absolute;
  width: 80px;
  height: 18px;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList {
  margin-top: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList p {
  margin-bottom: 10px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList p a {
  color: #397ecd;
  margin-left: 20px;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle .uploadFileList p:last-child {
  margin-bottom: 0;
}
.submitValid .ant-modal-body .submitLeft .submitTaskList .submitTaskSingle textarea {
  width: 100%;
  padding: 10px;
  height: 72px;
  resize: none;
  border: 1px solid #ccc;
}
.submitValid .ant-modal-body .submitLeft .submitAddBtn {
  font-size: 14px;
  color: #397ecd;
  display: block;
  margin-bottom: 50px;
}
.submitValid .ant-modal-body .submitLeft .submitAddBtn i {
  margin-right: 10px;
  font-size: 15px;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup {
  text-align: center;
  margin-bottom: 10px;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a {
  width: 120px;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  border: 1px solid transparent;
  padding: 6.5px 0;
  font-size: 14px;
  transition: all 0.3s;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:first-child {
  color: #fff;
  background-color: #397ecd;
  border-color: #397ecd;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:first-child:hover {
  background-color: #5193de;
  border-color: #5193de;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:last-child {
  color: #333;
  border: 1px solid #999;
  background-color: #fff;
}
.submitValid .ant-modal-body .submitLeft .submitBtnGroup a:last-child:hover {
  color: #fff;
  border-color: #333;
  background-color: #333;
}
.submitValid .ant-modal-body .submitRight {
  padding: 20px 30px 20px 20px;
  float: left;
  width: 460px;
  font-size: 14px;
}
.submitValid .ant-modal-body .submitRight .submitWzTil {
  color: #333;
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitRight .submitList {
  height: 640px;
  overflow-y: auto;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle {
  padding-bottom: 20px;
  border-bottom: 1px dashed #e2e2e2;
  margin-bottom: 20px;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem {
  margin-bottom: 10px;
  overflow: hidden;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem p {
  display: inline-block;
  color: #999;
  width: 18%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem span {
  color: #666;
  float: left;
  width: 75%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitItemMainColor {
  color: #397ecd;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitListFiles {
  float: left;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitListFiles p {
  display: block;
  margin-bottom: 10px;
  width: 80%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem .submitListFiles p a {
  display: inline-block;
  margin-left: 10px;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListIsOver p {
  width: 25%;
}
.submitValid .ant-modal-body .submitRight .submitList .submitListSingle .submitListItem:last-child {
  margin-bottom: 0;
}
.detailModal,
.applyOpenModal {
  top: 30px !important;
}
.invoiceModal .invoiceModalItem {
  color: #999;
  font-size: 14px;
  margin-bottom: 20px;
}
.invoiceModal .invoiceModalItem span {
  vertical-align: middle;
}
.invoiceModal .invoiceModalItem p {
  display: inline-block;
  color: #666;
  vertical-align: middle;
}
.invoiceModal .invoiceModalItem .invoiceModalPrice {
  font-size: 30px;
  color: #397ecd;
}
.invoiceModal .invoiceModalItem .invoiceMainColor {
  color: #397ecd;
}
.invoiceModal .invoiceCard {
  margin-bottom: 20px;
  overflow: hidden;
}
.invoiceModal .invoiceCard .invoiceCardSingle {
  width: 300px;
  height: 230px;
  padding: 0 12px;
  color: #fff;
  font-size: 14px;
  float: left;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.invoiceModal .invoiceCard .invoiceCardSingle .invoiceCardTil {
  padding-left: 13px;
  padding-top: 10px;
  padding-bottom: 12px;
  margin-right: 85px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #a9b7c7;
}
.invoiceModal .invoiceCard .invoiceCardSingle .invoiceCardInfo {
  margin-bottom: 5px;
  padding-left: 13px;
}
.invoiceModal .invoiceCard .invoiceCardSingle .invoiceCardInfo p {
  display: inline-block;
  width: 70px;
  text-align: right;
}
.invoiceModal .invoiceCard .invoiceCardOne {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/invoiceModalBg1.png") no-repeat;
  margin-right: 40px;
}
.invoiceModal .invoiceCard .invoiceCardTwo {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/baseshop/invoiceModalBg2.png") no-repeat;
}
.invoiceModal .invoiceCard .invoiceCardTwo .invoiceCardTil {
  border-bottom: 1px dashed #aac7ea;
}
.invoiceModal .invoiceCard .invoiceCardTwo .invoiceCardInfo p {
  display: inline-block;
  width: auto;
  text-align: inherit;
}
.invoiceModal .invoiceBtnGroup {
  margin-bottom: 44px;
}
.invoiceModal .invoiceBtnGroup a {
  min-width: 120px;
  text-align: center;
  display: inline-block;
  padding: 6.5px 0;
  border: 1px solid transparent;
  transition: all 0.3s;
  font-size: 14px;
}
.invoiceModal .invoiceBtnGroup a:first-child {
  background-color: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
  margin-right: 30px;
}
.invoiceModal .invoiceBtnGroup a:first-child:hover {
  border-color: #5193de;
  background-color: #5193de;
}
.invoiceModal .invoiceBtnGroup a:last-child {
  border: 1px solid #333;
  color: #333;
  background-color: #fff;
}
.invoiceModal .invoiceBtnGroup a:last-child:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}
.invoiceModal .invoiceBtnGroup .invoicePayBtn {
  width: 150px;
}
.collectCancleBtn {
  width: 100px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  background-color: #397ecd;
  display: inline-block;
  transition: all 0.3s;
}
.collectCancleBtn:hover {
  color: #fff;
  background-color: #5193de;
}
.applyRejectModal .applyRejectCon {
  text-align: center;
  padding: 30px 0;
}
.applyRejectModal .applyRejectCon p {
  font-size: 14px;
  color: #333;
}
.applyRejectModal .applyRejectCon .applyRejectBtns {
  margin-top: 50px;
}
.applyRejectModal .applyRejectCon .applyRejectBtns a {
  width: 130px;
  height: 36px;
  line-height: 36px;
  border: 1px solid transparent;
  text-align: center;
  display: inline-block;
  margin-right: 30px;
}
.applyRejectModal .applyRejectCon .applyRejectBtns a:first-child {
  background-color: #397ecd;
  color: #fff;
  border: 1px solid #397ecd;
}
.applyRejectModal .applyRejectCon .applyRejectBtns a:last-child {
  margin-right: 0;
  border: 1px solid #333;
  color: #333;
  background-color: #fff;
}
.orderBody {
  background: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 25px 20px ;
  color: #999;
}
.orderBody .mb {
  margin-bottom: 20px;
}
.orderBody .bodyBot {
  border-top: 1px solid #E3E3E3;
  padding: 20px 0 20px 10px;
  margin-top: 20px;
}
.orderBody .bodyBot span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  cursor: pointer;
}
.orderBody .bodyBot a {
  margin: 0 10px;
  color: #999;
}
.orderBody .bodyBot a:hover,
.orderBody .bodyBot a:active {
  color: #333;
}
.orderBody .bodyBot a:last-child {
  margin-right: 0;
}
.orderBody h3 {
  font-size: 18px;
  color: #333;
  position: relative;
  margin-bottom: 15px;
  padding: 0 10px ;
}
.orderBody h3 span {
  position: absolute;
  right: 0;
  top: -50%;
  font-size: 14px;
  color: #666;
}
.orderBody p {
  line-height: 30px;
  font-size: 14px;
  padding: 0 10px ;
}
.orderBody p.hideTitle {
  display: none;
}
.unLoginMain {
  padding: 30px;
  background: #fff;
  margin: 0 auto 30px;
}
.unLoginMain .ant-col-20 p:last-child {
  font-size: 14px;
  color: #666;
  line-height: 35px;
}
.unLoginMain .ant-col-20 p .bwNumOne {
  font-size: 18px;
  color: #ff9c00;
}
.unLoginMain .ant-col-20 p .bwNumTwo {
  font-size: 18px;
  color: #ff9c00;
}
.unLoginMain .ant-col-4 a {
  padding: 10.5px 45px;
  display: inline-block;
  background: #fe6d20;
  color: #fff;
  line-height: 1.1;
  font-size: 14px;
}
.unLoginService {
  background-color: #fff;
  padding: 25px 35px;
  margin: 0 auto 70px auto;
}
.unLoginService .unLoginSerTil {
  font-size: 14px;
  color: #333;
  margin-bottom: 25px;
}
.unLoginService .liebiao .bidService {
  border: 1px solid #e3e3e3;
  padding: 20px;
}
.unLoginService .liebiao .bidService .pp-t {
  padding-top: 0;
  line-height: 115px;
}
.unLoginService .liebiao .bidService .pp-t .unLoginBtn {
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  font-size: 14px;
  border: 1px solid #397ecd;
  color: #397ecd;
  transition: all 0.3s;
}
.unLoginService .liebiao .bidService .pp-t .unLoginBtn:hover {
  background-color: #397ecd;
  border: 1px solid #397ecd;
  color: #fff;
}
.unLoginService .liebiao .bidService {
  padding: 20px 10px 10px;
  border: 1px solid #f1f1f1;
  position: relative;
  margin-bottom: 10px;
}
.unLoginService .liebiao .bidService .ant-col-3 {
  text-align: center;
}
.unLoginService .liebiao .bidService .ant-col-3 img {
  height: 75px;
  display: block;
  width: 100%;
}
.unLoginService .liebiao .bidService .ant-col-3 div p {
  line-height: 20px;
}
.unLoginService .liebiao .bidService .ant-col-14 {
  padding-left: 10px;
}
.unLoginService .liebiao .bidService .imgLi {
  position: absolute;
  right: 0;
  top: 0;
}
.unLoginService .liebiao .bidService .pp-t {
  padding-top: 30px;
}
.unLoginService .liebiao .bidService .cha {
  padding: 10px 0;
}
.unLoginService .liebiao .bidService .tDate {
  padding-right: 30px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f1f1;
}
.unLoginService .liebiao .bidService .fangan {
  padding: 0 5px;
}
.unLoginService .liebiao .bidService .noneDiv {
  display: none;
}
.unLoginService .liebiao .bidService .bBtns {
  width: 80px;
  display: inline-block;
  color: #999;
  border: 1px solid #f1f1f1;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  margin: 0 10px;
}
.unLoginService .liebiao .bidService .bBtns:hover,
.unLoginService .liebiao .bidService .bBtns.selBtn {
  border: 1px solid #397ecd;
  color: #397ecd;
}
.unLoginService .liebiao .bidService .gBo {
  margin-bottom: 15px;
}
.unLoginService .liebiao .bidService .pr {
  border-right: 1px solid #f1f1f1;
}
.unLoginService .liebiao .bidService .shu {
  width: 78px;
}
.unLoginService .liebiao .bidService .btns {
  padding: 6px 10px;
  color: #999;
  background: #f0f2f5;
  font-size: 12px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}
.unLoginService .liebiao .bidService h5 {
  font-size: 16px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.unLoginService .liebiao .bidService .iconImg {
  margin-right: 15px;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0;
  width: 70px;
}
.unLoginService .liebiao .bidService .iconImg i {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
}
.unLoginService .liebiao .bidService .icon {
  margin-right: 15px;
  vertical-align: middle;
  display: inline-block;
  padding-top: 5px;
  width: 20px;
}
.unLoginService .liebiao .bidService img {
  max-width: 100%;
}
.unLoginService .liebiao .bidService .bidPanCon p {
  height: 50px;
  overflow: hidden;
  transition: all 0.3s;
}
.unLoginService .moreService {
  text-align: center;
  color: #397ecd;
  margin-top: 25px;
  display: block;
}
.unLoginList {
  margin: 0 auto 70px auto;
  padding: 20px 0;
  background-color: #fff;
}
.unLoginList .ant-col-8 {
  text-align: center;
  border-right: 1px solid #d8d8d8;
}
.unLoginList .ant-col-8 img {
  line-height: 40px;
  vertical-align: middle;
}
.unLoginList .ant-col-8 span {
  line-height: 40px;
  display: inline-block;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  margin-left: 20px;
}
.unLoginList .ant-col-8:last-child {
  border-right: 0;
}
.enterBcxy .enterBcxyCon .enterBcxySingle {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyTil {
  color: #333;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles {
  margin-top: 10px;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles .fileBox .fileName {
  float: left;
  display: block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.enterBcxy .enterBcxyCon .enterBcxySingle .enterBcxyFiles .fileBox a {
  float: left;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns {
  text-align: center;
  margin-top: 50px;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a {
  display: inline-block;
  margin: 20px;
  width: 80px;
  padding: 7.5px 0;
  color: #fff;
  background-color: #397ecd;
  text-align: center;
  font-size: 14px;
  border: 1px solid #397ecd;
  transition: all 0.3s;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:hover {
  background-color: #5193de;
  border: 1px solid #5193de;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:last-child {
  color: #397ecd;
  background-color: #fff;
}
.enterBcxy .enterBcxyCon .enterBcxyBtns a:last-child:hover {
  color: #fff;
  background-color: #397ecd;
}
.enterBcxy .enterBcxyCon .enterBcxyNull {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.titleStyle {
  font-size: 22px;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
.descStyle {
  text-align: center;
  margin-bottom: 15px;
}
.btnStyle {
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  background: #169bd5;
  color: #fff;
}
.write {
  vertical-align: top;
  margin-left: 6px;
}
.AllWriteMain .topMain {
  border-bottom: 1px dashed #ccc;
}
.AllWriteMain .topMain .imgBox {
  width: 12px;
  height: 11px;
}
.AllWriteMain .topMain .imgBox .imgs {
  width: 100%;
  height: 100%;
}
.AllWriteMain .topMain .bot {
  margin-bottom: 10px;
}
.AllWriteMain .topMain .bot .boxs {
  width: 650px;
  line-height: 20px;
}
.AllWriteMain .topMain .bot .boxs .timeBox {
  background-color: #eee;
}
.AllWriteMain .topMain .bot .boxs .timeBox,
.AllWriteMain .topMain .bot .boxs .timeBoxs {
  display: inline-block;
  width: 210px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 6px;
}
.AllWriteMain .topMain .box {
  overflow: auto;
  width: 650px;
  height: 160px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.AllWriteMain .bottomMain .box {
  overflow: auto;
  width: 650px;
  height: 160px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.fileNames {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transaction_modal .ant-modal-body .TransactionModal {
  width: 450px;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_left {
  float: left;
  width: 100px;
  box-sizing: border-box;
  padding-top: 9px;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_left div:nth-child(1) {
  margin-bottom: 51px;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_right {
  float: right;
  width: 350px;
  box-sizing: border-box;
  padding: 5px;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_right .ant-input {
  width: 300px;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_right .desc {
  font-size: 12px;
  color: #666;
  margin: 10px 0 16px;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_right .transaction_jymodal {
  width: 100px;
  height: 30px;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
}
.transaction_modal .ant-modal-body .TransactionModal .tra_right .transaction_jymodal img {
  display: block;
  margin: 3px auto 0;
}

.Sidebarmenu-topseacher .ant-input {
  border: 0px;
}

.humiDeviceShare {
  background-color: #fff;
  color: #333333;
}
.humiDeviceShare .hds_topTitle {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
}
.humiDeviceShare .hds_bannershare {
  position: relative;
  width: 100%;
  height: 577px;
}
.humiDeviceShare .hds_bannershare a .topBanner {
  height: 577px;
  width: 100%;
}
.humiDeviceShare .hds_bannershare a .topBanner .bannerCon {
  width: 1200px;
  height: 44px;
  margin: 0 auto;
  padding-top: 373px;
}
.humiDeviceShare .hds_bannershare a .topBanner .bannerCon .butLeft {
  display: inline-block;
  width: 120px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #ff4400 0%, #ff0000 100%);
}
.humiDeviceShare .hds_bannershare .prev,
.humiDeviceShare .hds_bannershare .next {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}
.humiDeviceShare .hds_bannershare .next {
  right: 0;
}
.humiDeviceShare .hds_bannershare .prev {
  left: 0;
}
.humiDeviceShare .hds_bodyOneBox {
  width: 100%;
  height: 360px;
  box-sizing: border-box;
  padding: 40px 0;
}
.humiDeviceShare .hds_bodyOneBox .hds_category {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box {
  float: left;
  box-sizing: border-box;
  padding: 24px 0 0 30px;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box .hds_title {
  display: block;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 800;
  color: #333;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box .hds_child li {
  line-height: 30px;
  font-size: 16px;
  color: #666;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:hover .hds_title,
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:hover .hds_child li {
  color: #fff;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(1),
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(3) {
  width: 316px;
  height: 280px;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(2),
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(4) {
  width: 528px;
  height: 130px;
  margin: 0 20px;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(2) .hds_child,
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(4) .hds_child {
  width: 300px;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(2) .hds_child li,
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(4) .hds_child li {
  margin-right: 30px;
  float: left;
}
.humiDeviceShare .hds_bodyOneBox .hds_category .hds_box:nth-child(4) {
  position: absolute;
  left: 316px;
  bottom: 0;
}
.humiDeviceShare .hds_bodyTwoBox {
  width: 100%;
  box-sizing: border-box;
  padding-top: 60px;
  background: #F6F6F6;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareBox1 {
  background: #fff;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareBox0,
.humiDeviceShare .hds_bodyTwoBox .hds_shareBox1,
.humiDeviceShare .hds_bodyTwoBox .hds_shareBox2 {
  box-sizing: border-box;
  padding: 57px 0 63px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild {
  width: 1200px;
  margin: 0 auto;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_left,
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right {
  float: left;
  height: 484px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_left {
  width: 224px;
  box-sizing: border-box;
  padding: 36px 47px 0 20px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_left h3 {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  line-height: 30px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_left .line {
  width: 30px;
  height: 3px;
  margin: 10px 0 26px;
  background: #fff;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_left .desc {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  text-align: justify;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right {
  width: 976px;
  background: #fff;
  border: 1px solid #E6E6E6;
  box-shadow: 3px 3px 12px 0px rgba(203, 203, 203, 0.24);
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox {
  display: block;
  float: left;
  width: 243px;
  height: 242px;
  box-sizing: border-box;
  padding: 14px 43px 0 45px;
  border-right: 1px solid #E6E6E6;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_img {
  width: 148px;
  height: 148px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_img img {
  width: 100%;
  height: 100%;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_imgs {
  width: 51px;
  height: 51px;
  margin: 45px auto 22px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_link {
  display: block;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_titleBox {
  margin: 8px 0;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_titleBox p {
  float: left;
  width: 130px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .hds_titleBox img {
  float: right;
  margin-top: 3px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox .price {
  font-weight: 800;
  text-align: center;
  font-size: 18px;
  color: #F50000;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox:nth-child(-n+4) {
  border-bottom: 1px solid #E6E6E6;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox:nth-child(4n) {
  border-right: none;
}
.humiDeviceShare .hds_bodyTwoBox .hds_shareChild .hds_right .hds_childBox:nth-child(-n+7):hover {
  border: 1px solid #F50000;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox {
  box-sizing: border-box;
  padding-bottom: 63px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print {
  width: 1200px;
  margin: 0 auto;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left,
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right {
  float: left;
  width: 580px;
  height: 460px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left {
  box-sizing: border-box;
  padding: 36px 20px 20px;
  background: #fff;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_top h3 {
  float: left;
  font-size: 22px;
  font-weight: 800;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_top a {
  float: right;
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #F50000;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_centerDesc {
  line-height: 22px;
  margin: 30px 0 19px;
  color: #333333;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_tag li {
  float: left;
  width: 100px;
  height: 28px;
  line-height: 28px;
  margin-right: 20px;
  text-align: center;
  font-size: 12px;
  background: #F6F6F6;
  color: #999;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_bottom {
  margin-top: 28px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_bottom .box {
  display: block;
  float: left;
  width: 260px;
  height: 216px;
  border: 1px solid #E6E6E6;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_bottom .box .imgBox {
  width: 100%;
  height: 161px;
  margin: 0 auto;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_bottom .box .imgBox img {
  width: 100%;
  height: 100%;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_bottom .box p {
  color: #333;
  margin: 15px 0 10px;
  font-size: 14px;
  text-align: center;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_left .hds_bottom .box:nth-child(1) {
  margin-right: 20px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right {
  float: right;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box {
  display: block;
  float: left;
  width: 280px;
  height: 220px;
  background: #fff;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box .imgBox {
  width: 100%;
  height: 190px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box .imgBox img {
  width: 100%;
  height: 100%;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box .title {
  width: 100%;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box .title p {
  width: 250px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box:nth-child(2n-1) {
  margin-right: 20px;
}
.humiDeviceShare .hds_bodyTwoBox .hds_printBox .hds_print .hds_right .box:nth-child(-n+2) {
  margin-bottom: 20px;
}
.humiDeviceShare .hds_advBox {
  position: relative;
  width: 100%;
  height: 240px;
}
.humiDeviceShare .hds_advBox .box {
  width: 100%;
  height: 240px;
}
.humiDeviceShare .hds_advBox .box img {
  width: 100%;
  height: 100%;
}
.humiDeviceShare .hds_advBox .prev,
.humiDeviceShare .hds_advBox .next {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}
.humiDeviceShare .hds_advBox .prev {
  left: 0;
}
.humiDeviceShare .hds_advBox .next {
  right: 0;
}
.humiDeviceShare .hds_bodyThreeBox {
  box-sizing: border-box;
  padding: 55px 0;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox {
  width: 1200px;
  margin: 0 auto;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_line {
  width: 100%;
  height: 1px;
  margin: 50px 0;
  background: #e6e6e6;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox {
  margin-top: 55px;
  border: 1px solid #EFEFEF;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service:nth-child(5n) {
  width: 242px;
  border-right: none;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service {
  display: block;
  float: left;
  width: 239px;
  height: 302px;
  box-sizing: border-box;
  padding: 69px 0 0 32px;
  background: #fff;
  border-right: 1px solid #EFEFEF;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service .imgBox {
  width: 61px;
  height: 61px;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service .imgBox img {
  width: 100%;
  height: 100%;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service .hds_enTitle {
  margin: 30px 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: #999999;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service .hds_cnTitle {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_serviceBox .hds_service:hover {
  border: 1px solid #F50000 !important;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox {
  margin-top: 50px;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new {
  float: left;
  width: 368px;
  margin-right: 48px;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newTitle {
  height: 40px;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newTitle .icon,
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newTitle .title {
  float: left;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newTitle .title {
  margin-left: 18px;
  font-size: 18px;
  font-weight: 800;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newTitle .arrow {
  float: right;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newTitle,
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newChild {
  border-bottom: 1px solid #EEEEEE;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newChild {
  height: 80px;
  box-sizing: border-box;
  padding: 20px 0;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newChild a {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new .hds_newChild p {
  font-size: 14px;
  color: #666;
}
.humiDeviceShare .hds_bodyThreeBox .hds_resourseBox .hds_newBox .hds_new:last-child {
  margin-right: 0;
}

.HumiBrandMarketing {
  padding-top: 60px;
  background: #f8fafe;
}
.HumiBrandMarketing .hbm_body {
  width: 100%;
}
.HumiBrandMarketing .hbm_body .hbm_banner .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.HumiBrandMarketing .hbm_body .hbm_banner .prev,
.HumiBrandMarketing .hbm_body .hbm_banner .next {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}
.HumiBrandMarketing .hbm_body .hbm_banner .prev {
  left: 0;
}
.HumiBrandMarketing .hbm_body .hbm_banner .next {
  right: 0;
}
.HumiBrandMarketing .hbm_body .hbm_bannerBox {
  position: relative;
  height: 460px;
}
.HumiBrandMarketing .hbm_body .hbm_bannerBox .banners {
  display: block;
  width: 100%;
  height: 460px;
}
.HumiBrandMarketing .hbm_body .hbm_bannerBox .hbm_btnBox {
  position: absolute;
  bottom: 118px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 46px;
}
.HumiBrandMarketing .hbm_body .hbm_bannerBox .hbm_btnBox a {
  display: inline-block;
  width: 150px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/w-compic/brandmarketing/1.png");
  margin-right: 30px;
  font-size: 16px;
  color: #ca0202;
}
.HumiBrandMarketing .hbm_body .hbm_bannerBox .hbm_btnBox .active {
  color: #ffffff;
  background: url("https://360humi-public-obs.360humi.com/w-compic/brandmarketing/2.png");
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox {
  width: 100%;
  height: 1000px;
  box-sizing: border-box;
  padding: 80px 0 70px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/brandmarketing/3.png") no-repeat 50% 50% / cover;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop,
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot {
  width: 1200px;
  margin: 0 auto;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop .box {
  float: left;
  width: 180px;
  margin-right: 24px;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop .box a {
  display: block;
  margin: 20px 0;
  font-size: 18px;
  color: #0c124e;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop .box .bot {
  width: 180px;
  height: 180px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 24px 0 40px 12px;
  box-shadow: 0 0 16px 0 rgba(181, 195, 234, 0.27);
  background-color: #ffffff;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop .box .bot span {
  width: 70px;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 15px;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop .box .bot span:nth-child(2n-1) {
  margin-right: 19px;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryTop .box:last-child {
  margin-right: 0;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot {
  height: 460px;
  margin-top: 80px;
  box-sizing: border-box;
  padding: 56px 30px 39px;
  box-shadow: 0 0 16px 0 rgba(181, 195, 234, 0.27);
  background-color: #ffffff;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot h2 {
  font-size: 28px;
  color: #0d134f;
  text-align: center;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .searchBox {
  width: 800px;
  margin: 34px auto 16px;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .searchBox .ant-input-affix-wrapper,
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .searchBox .btn {
  float: left;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .searchBox .ant-input-affix-wrapper {
  width: 640px;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .searchBox .ant-input {
  width: 640px;
  height: 45px;
  line-height: 45px;
  border: 2px solid #dd0524;
  border-radius: 0;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .searchBox .btn {
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  background-color: #dd0524;
  text-align: center;
  color: #fff;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .scrollDesc .scrollDescBox {
  overflow: hidden;
  width: 460px;
  height: 23px;
  margin: 0 auto 45px;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .scrollDesc .scrollDescBox .scrollChild .con {
  color: #ff7919;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .advBox {
  position: relative;
}
.HumiBrandMarketing .hbm_body .hbm_categoryBox .hbm_categoryBot .advBox .banners {
  display: block;
  width: 100%;
  height: 160px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_title,
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_title,
.HumiBrandMarketing .hbm_body .hbm_case .hbm_title {
  text-align: center;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_title h2,
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_title h2,
.HumiBrandMarketing .hbm_body .hbm_case .hbm_title h2 {
  font-size: 36px;
  font-weight: 900;
  color: #0d134f;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_title .subTitle,
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_title .subTitle,
.HumiBrandMarketing .hbm_body .hbm_case .hbm_title .subTitle {
  margin: 20px auto 0;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_title .subTitle span,
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_title .subTitle span,
.HumiBrandMarketing .hbm_body .hbm_case .hbm_title .subTitle span {
  color: #72758f;
  margin-right: 20px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox {
  box-sizing: border-box;
  padding: 60px 0 50px;
  background: #fff;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server {
  width: 1200px;
  margin: 0 auto;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent {
  margin: 34px 0 51px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box {
  display: block;
  float: left;
  width: 282px;
  height: 330px;
  margin-right: 24px;
  box-shadow: 0 0 16px 0 rgba(181, 195, 234, 0.27);
  background-color: #ffffff;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .topBox {
  width: 282px;
  height: 188px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .topBox img {
  width: 100%;
  height: 100%;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .botBox {
  box-sizing: border-box;
  padding: 16px 0 30px 16px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .botBox .title {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .botBox .tagBox {
  margin: 12px 0;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .botBox .tagBox span {
  display: inline-block;
  width: 58px;
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  font-size: 12px;
  color: #999;
  text-align: center;
  border: solid 1px #e1e1e1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .botBox .price {
  color: #ff7919;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box .botBox .price span {
  font-size: 24px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box:hover {
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08), 0 24px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08), 0 24px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box:nth-child(-n+4) {
  margin-bottom: 24px;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_serverContent .box:nth-child(4n) {
  margin-right: 0;
}
.HumiBrandMarketing .hbm_body .hbm_serverBox .hbm_server .hbm_btn {
  display: block;
  width: 160px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  text-align: center;
  background-color: #dd0524;
  color: #fff;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent {
  margin-top: 34px;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box {
  display: block;
  float: left;
  width: 226px;
  height: 288px;
  margin-right: 17px;
  margin-bottom: 18px;
  box-sizing: border-box;
  padding: 28px 18px 23px;
  box-shadow: 2.8px 2.8px 12px 0 rgba(149, 163, 219, 0.24);
  background-color: #ffffff;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box p {
  width: 168px;
  height: 14px;
  margin: 20px auto 13px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .logo {
  position: relative;
  width: 100%;
  height: 15px;
  box-sizing: border-box;
  padding-left: 68px;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .logo span {
  position: absolute;
  top: -3px;
  left: 55px;
  color: #00d58c;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .logo img {
  margin-left: 10px;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .desc {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .price {
  box-sizing: border-box;
  font-size: 12px;
  color: #666666;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .price span:nth-child(1) {
  float: left;
  padding-top: 2px;
  font-size: 12px;
  color: #666666;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .price span:nth-child(2) {
  float: left;
  width: 124px;
  display: inline-block;
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 900;
  color: #fc9153;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .line {
  width: 190px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .tag span {
  display: inline-block;
  width: 60px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 6px;
  background: #f1f5f7;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box .tag span:last-child {
  margin-right: 0;
}
.HumiBrandMarketing .hbm_body .hbm_serviceBox .hbm_serviceContent .box:nth-child(5n) {
  margin-right: 0;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox {
  box-sizing: border-box;
  padding: 65px 0 80px;
  background: #fff;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent {
  width: 1200px;
  margin: 60px auto 0;
  position: relative;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box {
  float: left;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:hover .active {
  display: block;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(-n+6) {
  width: 320px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(4),
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(7),
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(8) {
  width: 240px;
  height: 240px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(1) {
  height: 720px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(1) .active .hbm_cur {
  margin-top: 100%;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(2) {
  height: 350px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(2) .active .hbm_cur {
  margin-top: 40%;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(2) .active .hbm_cur p:nth-child(2) {
  text-align: center;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(3) {
  height: 400px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(3) .active .hbm_cur {
  margin-top: 30%;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(5) {
  position: absolute;
  top: 350px;
  left: 320px;
  height: 370px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(5) .active .hbm_cur {
  margin-top: 30%;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(6) {
  position: absolute;
  top: 400px;
  left: 640px;
  height: 320px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(6) .active .hbm_cur {
  margin-top: 20%;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(7),
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(8) {
  position: absolute;
  right: 0;
  bottom: 0;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .box:nth-child(7) {
  top: 240px;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .active {
  display: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 39px 20px 0 19px;
  background: rgba(186, 8, 8, 0.88);
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .active p:nth-child(1) {
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #fdfdff;
}
.HumiBrandMarketing .hbm_body .hbm_caseBox .hbm_caseContent .active p:nth-child(2) {
  margin-top: 20px;
  line-height: 1.57;
  text-align: justify;
  color: #fdfdff;
}
.HumiBrandMarketing .hbm_body .hbm_advBoxs {
  position: relative;
  width: 100%;
  height: 260px;
}
.HumiBrandMarketing .hbm_body .hbm_advBoxs .banners {
  display: block;
  height: 260px;
}
.HumiBrandMarketing .hbm_body .hbm_botBox {
  display: block;
  margin: 60px auto 79px;
}

@keyframes myfirst {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes myfirst {
  /* Firefox */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes myfirst {
  /* Safari and Chrome */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes myfirst {
  /* Opera */
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.publictabcen {
  width: 69px;
  height: 55px;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  padding-top: 25px;
}
.publicTag {
  height: 22px;
  width: auto;
  padding: 0px 10px;
  margin-right: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  color: #333333;
}
.publicOption {
  height: 28px;
  width: 90px;
  border: 1px solid #e0e0e0;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.publicStatSpan {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
}
.hallOut {
  padding-top: 60px;
}
.hallOut .hallTab {
  height: 55px;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.hallOut .hallTab .TabCenter {
  width: 200px;
  margin: auto;
  height: 55px;
  cursor: pointer;
}
.hallOut .hallTab .TabCenter .TabCenterl {
  width: 69px;
  height: 55px;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  padding-top: 25px;
  margin-right: 60px;
}
.hallOut .hallTab .TabCenter .TabCenterr {
  width: 69px;
  height: 55px;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  padding-top: 25px;
  text-align: right;
}
.hallOut .hallTab .TabCenter .activTabl {
  width: 69px;
  height: 55px;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  padding-top: 25px;
  border-bottom: 3px solid #0480f4;
  margin-right: 60px;
}
.hallOut .hallTab .TabCenter .activTabr {
  width: 69px;
  height: 55px;
  display: inline-block;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  padding-top: 25px;
  border-bottom: 3px solid #0480f4;
  text-align: right;
}
.hallOut .hallOption {
  background-color: #ffffff;
  width: 100%;
  padding-top: 15px;
}
.hallOut .hallOption .hallOptionIn {
  width: 1200px;
  height: auto;
  margin: auto;
  border: 1px solid #e3e3e3;
}
.hallOut .hallOption .hallOptionIn .optionList {
  height: auto;
  width: 100%;
  border-bottom: 1px #e3e3e3 dotted;
  cursor: pointer;
}
.hallOut .hallOption .hallOptionIn .optionList .optionListl {
  width: 138px;
  height: 100%;
  line-height: 39px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.hallOut .hallOption .hallOptionIn .optionList .optionListr {
  border-left: 1px solid #e3e3e3;
  height: auto;
  width: 1060px;
  display: inline-block;
  padding: 8px 0px 0px 30px;
  vertical-align: top;
}
.hallOut .hallOption .hallOptionIn .optionList .optionListr .tagl {
  background-color: #f1f2ff;
  height: 22px;
  width: auto;
  padding: 0px 10px;
  margin-right: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  color: #333333;
}
.hallOut .hallOption .hallOptionIn .optionList .optionListr .singleTag {
  height: 22px;
  width: auto;
  padding: 0px 10px;
  margin-right: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  color: #333333;
  background-color: #f1f5f7;
}
.hallOut .hallOption .hallOptionIn .optionList .optionListr .listTag {
  display: inline-block;
  vertical-align: top;
}
.hallOut .hallOption .hallOptionIn .optionList .optionListr .tagr {
  height: 22px;
  width: auto;
  padding: 0px 10px;
  margin-right: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  color: #333333;
  border: 1px solid #e0e0e0;
}
.hallOut .hallOption .hallOptionIn .optionList:last-child {
  border-bottom: 0px;
}
.hallOut .hallOption .selectOp {
  width: 1200px;
  background-color: #f2f4f5;
  margin: auto;
  margin-top: 13px;
  margin-bottom: 26px;
  padding: 6px 23px 6px 23px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hallOut .hallOption .selectOp .selectOpl .selectOpls {
  position: relative;
  overflow: hidden;
}
.hallOut .hallOption .selectOp .selectOpl .selectOpls .oneSelectOp {
  height: 28px;
  width: 90px;
  border: 1px solid #e0e0e0;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background-color: #ffffff;
  border-right: 0px;
  color: #333333;
  font-size: 12px;
}
.hallOut .hallOption .selectOp .selectOpl .selectOpls .SelectOpList {
  display: inline-block;
  vertical-align: top;
}
.hallOut .hallOption .selectOp .selectOpl .selectOpls .SelectOpList .SelectOpSin {
  height: 28px;
  width: 90px;
  border: 1px solid #e0e0e0;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background-color: #ffffff;
  font-size: 12px;
  color: #333333;
}
.hallOut .hallOption .selectOp .selectOpl .selectOpls .SelectOpList .SelectOpSin .ant-select-selection {
  border-radius: 0px;
}
.hallOut .hallOption .selectOp .selectOpl .selectOpls .address {
  height: 28px;
  width: 90px;
  border: 1px solid #e0e0e0;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 19px;
  font-size: 12px;
  color: #333333;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hallOut .hallOption .selectOp .selectOpr {
  width: 264px;
}
.hallOut .hallOption .selectOp .selectOpr .seacher {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: 64px;
  text-align: center;
  line-height: 28px;
  background-color: #f75705;
  color: #ffffff;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.hallOut .hallContent {
  width: 100%;
  background-color: #f6f8fc;
  padding-top: 15px;
}
.hallOut .hallContent .dynamicInfo {
  margin: auto;
  width: 1200px;
  margin-bottom: 15px;
  text-align: center;
}
.hallOut .hallContent .listContent {
  margin: auto;
  width: 1200px;
  margin-bottom: 93px;
}
.hallOut .hallContent .listContent .commodity {
  width: 100%;
}
.hallOut .hallContent .listContent .commodity .commoditySin:nth-child(4n+0) {
  margin-right: 0;
}
.hallOut .hallContent .listContent .commodity .commoditySin:nth-child(-n+4) {
  margin-top: 0;
}
.hallOut .hallContent .listContent .commodity .commoditySin {
  animation: myfirst 1.5s;
  -moz-animation: myfirst 1.5s;
  /* Firefox */
  -webkit-animation: myfirst 1.5s;
  /* Safari and Chrome */
  -o-animation: myfirst 1.5s;
  /* Opera */
  width: 284px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  margin-top: 20px;
}
.hallOut .hallContent .listContent .commodity .commoditySin:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}
.hallOut .hallContent .listContent .commodity .commoditySin .topCom {
  height: 48px;
  width: 100%;
  position: relative;
}
.hallOut .hallContent .listContent .commodity .commoditySin .topCom .topComl {
  height: 100%;
  width: 236px;
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
}
.hallOut .hallContent .listContent .commodity .commoditySin .topCom .topComl .comTitle {
  width: 100%;
  height: 18px;
  border-left: 4px solid #004a8e;
  padding-left: 16px;
  font-size: 18px;
  color: #333333;
  line-height: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hallOut .hallContent .listContent .commodity .commoditySin .topCom .topComr {
  height: 100%;
  width: 48px;
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humistoreneed/new-tga-4@2x.png') no-repeat;
  background-size: contain;
  background-position: center;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comIntro {
  width: 100%;
  padding: 23px 0px 22px 20px;
  border-bottom: 1px solid #e3e3e3;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comIntro .statusSpano {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background: linear-gradient(269deg, #5f7af3 2%, #4b62dd 99%);
}
.hallOut .hallContent .listContent .commodity .commoditySin .comIntro .statusSpant {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background-color: #52ba1a;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comIntro .statusSpanh {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background: linear-gradient(90deg, #c2c2c2, #9d9d9d);
}
.hallOut .hallContent .listContent .commodity .commoditySin .comIntro .statusSpanf {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background: linear-gradient(270deg, #ef963f, #ec860a);
}
.hallOut .hallContent .listContent .commodity .commoditySin .comInfo {
  padding-top: 20px;
  padding-left: 20px;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comInfo .needArea {
  font-size: 14px;
  color: #999999;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comInfo .neesResult {
  font-size: 14px;
  color: #666666;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comInfo .neesResult .ant-progress-bg {
  background-color: #0480f4;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comInfo .neesResultr {
  font-size: 14px;
  color: #999999;
  margin-left: 10px;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comInfo > div span {
  display: inline-block;
  vertical-align: top;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comMony {
  padding-left: 20px;
  padding-right: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 30px;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comMony .comMonyl {
  font-size: 18px;
  color: #ff8e09;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comMony .comMonyr {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6px;
  font-size: 12px;
  color: #a3c6a3;
}
.hallOut .hallContent .listContent .commodity .commoditySin .comMony .comMonyr img {
  height: 16px;
  width: 16px;
  margin-right: 9px;
}
.hallOut .hallContent .listContent .commodity .commoditySin .baojia {
  margin-top: 15px;
  height: 42px;
  width: 100%;
  border-top: 1px solid #e6eaec;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #1a75e7;
}
.hallOut .hallContent .listContent .pagination {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top: 43px;
}
.hallOut .hallContent .botImage {
  width: 1200px;
  margin: 0px auto 0px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hallOut .hallContent .botImage img {
  height: 208px;
  width: 284px;
}
.puPlaceAddres {
  position: absolute;
  width: 350px;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px rgba(24, 24, 24, 0.11);
  padding: 15px 12px;
  right: 0px;
  top: 40px;
  z-index: 10;
}
.puPlaceAddres .publicCityspan {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.puPlaceAddres .publicCity {
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.puPlaceAddres .publicCity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.puPlaceAddres .sinPri {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.puPlaceAddres .sinPri .placeCity {
  display: none;
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.puPlaceAddres .sinPri .placeCity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.puPlaceAddres .sinPri .clickPlacecity {
  display: block;
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.puPlaceAddres .sinPri .clickPlacecity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.placeAddres {
  display: none;
  position: absolute;
  width: 350px;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px rgba(24, 24, 24, 0.11);
  padding: 15px 12px;
  right: 0px;
  top: 40px;
  z-index: 10;
}
.placeAddres .publicCityspan {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.placeAddres .publicCity {
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.placeAddres .publicCity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.placeAddres .sinPri {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.placeAddres .sinPri .placeCity {
  display: none;
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.placeAddres .sinPri .placeCity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.placeAddres .sinPri .clickPlacecity {
  display: block;
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.placeAddres .sinPri .clickPlacecity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.clickplaceAddres {
  display: block;
  position: absolute;
  width: 350px;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px rgba(24, 24, 24, 0.11);
  padding: 15px 12px;
  right: 0px;
  top: 40px;
  z-index: 10;
}
.clickplaceAddres .publicCityspan {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.clickplaceAddres .publicCity {
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.clickplaceAddres .publicCity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.clickplaceAddres .sinPri {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.clickplaceAddres .sinPri .placeCity {
  display: none;
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.clickplaceAddres .sinPri .placeCity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}
.clickplaceAddres .sinPri .clickPlacecity {
  display: block;
  width: 280px;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 30px;
  padding: 11px 9px;
  background-color: #ffffff;
  border: 1px solid #5a9de9;
  overflow: hidden;
}
.clickplaceAddres .sinPri .clickPlacecity .sinCity {
  display: inline-block;
  position: relative;
  height: auto;
  width: auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 5px 3px;
  cursor: pointer;
}

.courseDetailBox {
  padding-top: 60px;
  width: 100%;
  background: #f8fafe;
}
.courseDetailBox .titleBox {
  width: 1200px;
  margin: 0 auto 0;
  box-sizing: border-box;
  padding: 25px 0 20px;
  font-size: 14px;
  line-height: 1.71;
  color: #666666;
}
.courseDetailBox .titleBox a {
  font-size: 14px;
  color: #666666;
}
.courseDetailBox .courseContentBox {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px 118px 41px 34px;
  background: #fff;
}
.courseDetailBox .courseContentBox .leftBox {
  position: relative;
  float: left;
  width: 484px;
  height: 336px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiSchool/751.png") 50% 50% / cover no-repeat;
}
.courseDetailBox .courseContentBox .leftBox .imgBox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -33.5px;
  margin-top: -33px;
  width: 67px;
  height: 66px;
  cursor: pointer;
}
.courseDetailBox .courseContentBox .leftBox .imgBox img {
  width: 100%;
  height: 100%;
}
.courseDetailBox .courseContentBox .rightBox {
  width: 486px;
  float: left;
  margin-left: 78px;
}
.courseDetailBox .courseContentBox .rightBox .title {
  font-size: 20px;
  line-height: 1.2;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.courseDetailBox .courseContentBox .rightBox .number {
  margin-top: 27px;
}
.courseDetailBox .courseContentBox .rightBox .number .seeBox,
.courseDetailBox .courseContentBox .rightBox .number .likeBox,
.courseDetailBox .courseContentBox .rightBox .number .shareBox,
.courseDetailBox .courseContentBox .rightBox .number .collectBox {
  float: left;
  margin-right: 33px;
}
.courseDetailBox .courseContentBox .rightBox .number .seeBox img,
.courseDetailBox .courseContentBox .rightBox .number .likeBox img,
.courseDetailBox .courseContentBox .rightBox .number .shareBox img,
.courseDetailBox .courseContentBox .rightBox .number .collectBox img {
  margin-right: 10px;
}
.courseDetailBox .courseContentBox .rightBox .number .seeBox span,
.courseDetailBox .courseContentBox .rightBox .number .likeBox span,
.courseDetailBox .courseContentBox .rightBox .number .shareBox span,
.courseDetailBox .courseContentBox .rightBox .number .collectBox span {
  font-size: 12px;
  color: #999999;
}
.courseDetailBox .courseContentBox .rightBox .number .collectBox {
  cursor: pointer;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox {
  position: relative;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .hand {
  cursor: pointer;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink {
  position: absolute;
  top: 0;
  left: 46px;
  width: 170px;
  height: 228px;
  box-sizing: border-box;
  padding: 24px 20px 25px 26px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiSchool/shareBg.png") 50% 50% / cover no-repeat;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .shareChild {
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding-left: 8px;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .shareChild span {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #666666;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .shareChild:nth-child(1):hover {
  background: #fff9f6;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .shareChild:nth-child(2) {
  margin-bottom: 5px;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .wechartImg {
  width: 124px;
  height: 124px;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .wechartImg img {
  width: 100%;
  height: 100%;
}
.courseDetailBox .courseContentBox .rightBox .number .shareBox .shareLink .active {
  background: #fff9f6;
}
.courseDetailBox .courseContentBox .rightBox .timeBox {
  width: 100%;
  margin: 17px 0 19px;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: #999;
}
.courseDetailBox .courseContentBox .rightBox .botBox {
  width: 100%;
}
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .coursePrice,
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .desc {
  float: left;
}
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .coursePrice {
  line-height: 30px;
  margin-right: 17px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #fc9153;
}
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .coursePrice span {
  font-size: 30px;
  letter-spacing: 0.2px;
  color: #fc9153;
}
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .desc {
  width: 212px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 14px;
  border-radius: 15px;
  background-color: #fff9f6;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #999999;
}
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .desc a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-left: 8px;
  box-sizing: border-box;
  padding: 0 11px;
  border-radius: 12px;
  border: solid 1px #fe6d20;
  color: #fe6d20;
  font-size: 12px;
  letter-spacing: 0.1px;
  text-align: center;
}
.courseDetailBox .courseContentBox .rightBox .botBox .memberBox .desc a:hover {
  color: #fff;
  background: #fe6d20;
}
.courseDetailBox .courseContentBox .rightBox .botBox .btn {
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-right: 20px;
  margin-top: 50px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #ff0000;
  text-align: center;
  cursor: pointer;
}
.courseDetailBox .courseDescBox {
  width: 1200px;
  margin: 20px auto 50px;
}
.courseDetailBox .courseDescBox .left {
  float: left;
  width: 936px;
  background: #fff;
}
.courseDetailBox .courseDescBox .left .tabNav {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding-left: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.courseDetailBox .courseDescBox .left .tabNav li {
  float: left;
  width: 64px;
  margin-right: 40px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}
.courseDetailBox .courseDescBox .left .tabNav .active {
  height: 48px;
  border-bottom: 2px solid #fe6d20;
}
.courseDetailBox .courseDescBox .left .tabDetail {
  box-sizing: border-box;
  padding: 38px 39px 85px 39px;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox h2 {
  position: relative;
  width: 100%;
  font-size: 16px;
  line-height: 1.88;
  margin-bottom: 24px;
  font-weight: 600;
  color: #333333;
  padding-left: 10px;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox h2 .line {
  position: absolute;
  top: 5px;
  left: -1px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background-color: #5774b8;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail {
  width: 100%;
  margin-bottom: 39px;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail a {
  color: #333333;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail a:link {
  color: #333333;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .cource-topdetail-tl .ant-timeline-item-head-blue {
  border-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  background-color: #e3e3e3;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .cource-topdetail-tl .ant-timeline-item-content {
  font-size: 16px;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .cource-topdetail-tls .ant-timeline-item-head-blue {
  border-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  background-color: #ff0000;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .cource-topdetail-tls .ant-timeline-item-content {
  font-size: 16px;
  color: #ff0000;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .topLeft {
  float: left;
  width: 200px;
  height: 200px;
  margin-right: 32px;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .topLeft img {
  width: 100%;
  height: 100%;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .topRight {
  float: left;
  height: 300px;
  overflow: hidden;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .topRight .expertName {
  line-height: 16px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.19;
  color: #272b2e;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .topRight #encyclo {
  overflow: hidden;
  width: 624px;
  line-height: 24px;
  font-size: 14px;
  color: #333333;
  text-align: justify;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .topDetail .topRight .expertTitle p {
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #666666;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .botDetail p {
  font-size: 14px;
  line-height: 1.86;
  color: #333333;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .botDetail .img {
  width: 858px;
  height: 550px;
  margin: 18px auto;
}
.courseDetailBox .courseDescBox .left .tabDetail .descBox .botDetail .img img {
  width: 100%;
  height: 100%;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox {
  width: 100%;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteNav {
  margin-bottom: 36px;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteNav .ant-radio-wrapper {
  margin-right: 80px;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes {
  height: 1040px;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box {
  width: 854px;
  height: 166px;
  margin-bottom: 24px;
  box-sizing: border-box;
  padding: 21px 100px 23px 50px;
  background: #f8f8f8;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top {
  margin-bottom: 15px;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top .evaluteLeft,
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top .evaluteRight {
  float: left;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top .evaluteLeft {
  width: 71px;
  height: 71px;
  margin-right: 30px;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top .evaluteLeft img {
  width: 100%;
  height: 100%;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top .evaluteRight p:nth-child(2) {
  line-height: 14px;
  margin: 8px 0 11px;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box .top .evaluteRight p:nth-child(3) {
  line-height: 12px;
  font-size: 12px;
  color: #666;
}
.courseDetailBox .courseDescBox .left .tabDetail .evaluteBox .evaluteDes .box p {
  font-size: 13px;
  line-height: 1.69;
  color: #333333;
}
.courseDetailBox .courseDescBox .right {
  float: right;
  width: 254px;
}
.courseDetailBox .courseDescBox .right .humischoolteacherinv {
  display: block;
  width: 254px;
  padding-top: 25px;
  text-align: center;
  padding-bottom: 19px;
  margin-bottom: 12px;
  background-color: #fff;
}
.courseDetailBox .courseDescBox .right .humischoolteacherinv .iconImg {
  width: 128px;
  height: 128px;
  margin-bottom: 15px;
  border-radius: 60px;
}
.courseDetailBox .courseDescBox .right .humischoolteacherinv .namecs {
  font-size: 18px;
  color: #333333;
  font-family: "PingFang-SC-Heavy";
}
.courseDetailBox .courseDescBox .right .humischoolteacherinv .namecs > span {
  display: inline-block;
  padding: 3px 6px;
  background-color: #fe5461;
  color: #fff;
  margin-left: 20px;
  font-size: 12px;
  line-height: 12px;
}
.courseDetailBox .courseDescBox .right .humischoolteacherinv .introdrostr {
  display: block;
  font-size: 14px;
  color: #333333;
  margin: 10px auto 0px;
}
.courseDetailBox .courseDescBox .right .humischoolteacherinv .bottonstr {
  height: 22px;
  padding: 0px 20px 0px 20px;
  background-color: #ff0000;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin: 13px auto 0px;
  font-size: 12px;
  line-height: 22px;
  border-radius: 4px;
}
.courseDetailBox .courseDescBox .right .recomTitle {
  width: 100%;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 11px 0 15px;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}
.courseDetailBox .courseDescBox .right .recomTitle p {
  float: left;
  font-size: 16px;
  color: #333333;
}
.courseDetailBox .courseDescBox .right .recomTitle a {
  float: right;
  font-size: 14px;
  color: #1d39bb;
}
.courseDetailBox .courseDescBox .right .bot {
  box-sizing: border-box;
  padding: 24px 15px 13px;
  background: #fff;
}
.courseDetailBox .courseDescBox .right .bot .box {
  display: block;
  width: 224px;
  height: 156px;
  margin-bottom: 22px;
}
.courseDetailBox .courseDescBox .right .bot .box img {
  width: 100%;
  height: 100%;
}
.couresdetail-modal .ant-modal-close {
  color: #fff !important;
}
.couresdetail-modal .ant-modal-close:hover {
  color: #fff !important;
}

.humiSchoolSecond {
  background: #fff;
  color: #333333;
}
.humiSchoolSecond .hss_bodyBox {
  width: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bannerBox {
  position: relative;
  width: 100%;
  height: 577px;
}
.humiSchoolSecond .hss_bodyBox .hss_bannerBox .banners {
  display: block;
  height: 577px;
}
.humiSchoolSecond .hss_bodyBox .hss_bannerBox .him_banner {
  position: relative;
}
.humiSchoolSecond .hss_bodyBox .hss_bannerBox .him_banner .prev,
.humiSchoolSecond .hss_bodyBox .hss_bannerBox .him_banner .next {
  position: absolute;
  top: 50%;
}
.humiSchoolSecond .hss_bodyBox .hss_bannerBox .him_banner .prev {
  left: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bannerBox .him_banner .next {
  right: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox {
  width: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyOne,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyTwo,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyThree,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFour,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFive,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySix,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySeven,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyEight,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight {
  width: 1200px;
  margin: 0 auto;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight h3 {
  text-align: center;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyOne h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyTwo h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyThree h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFour h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySix h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySeven h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyEight h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight h2 {
  font-size: 32px;
  font-weight: 800;
  color: #333333;
  line-height: 45px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyOne h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyTwo h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyThree h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFour h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyFive h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySix h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodySeven h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodyEight h3,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight h3 {
  line-height: 14px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox {
  box-sizing: border-box;
  padding: 60px 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox {
  height: 136px;
  margin-bottom: 80px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box {
  float: left;
  width: 282px;
  height: 136px;
  margin-right: 24px;
  box-sizing: border-box;
  padding: 17px 0 0 28px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box .title {
  font-size: 42px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box .title span {
  font-size: 20px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box .desc {
  color: #666;
  font-size: 16px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box:hover .title,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box:hover .desc {
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .topBox .box:last-child {
  margin-right: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox {
  margin-top: 39px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right {
  float: left;
  height: 448px;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .title img,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .title img,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .title div,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .title div {
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .title div,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .title div {
  line-height: 18px;
  margin-left: 18px;
  font-size: 18px;
  font-weight: 600;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .title a,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .title a {
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left {
  width: 815px;
  padding: 42px 29px 44px 42px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox {
  float: left;
  width: 368px;
  margin-top: 19px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox li {
  height: 79px;
  box-sizing: border-box;
  padding: 20px 0 19px;
  border-bottom: 1px solid #EEEEEE;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox li a {
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox li p:nth-child(1) {
  width: 368px;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox li p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox li:hover p {
  color: #F40B0B;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .newBox li:last-child {
  border-bottom: none;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .imgBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .videoBox {
  float: right;
  width: 330px;
  height: 302px;
  margin-top: 39px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .imgBox img {
  width: 100%;
  height: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .left .detailBox .videoBox {
  overflow: hidden;
  background: #000000;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right {
  width: 385px;
  border-left: none;
  padding: 42px 27px 43px 28px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox {
  position: relative;
  width: 330px;
  height: 302px;
  margin-top: 40px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 330px;
  box-sizing: border-box;
  padding: 14px 30px 6px 19px;
  background: rgba(0, 0, 0, 0.8);
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .title,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .desc,
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .text {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .title {
  width: 281px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .desc {
  display: none;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .text {
  line-height: 16px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .text img {
  margin-right: 11px;
  vertical-align: middle;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .text:last-child {
  margin-top: 8px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox .text:last-child img {
  margin-right: 15px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyOneBox .hss_bodyOne .botBox .right .activeBox .maskBox:hover .desc {
  display: block;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox {
  background: #EFF6FF;
  box-sizing: border-box;
  padding-top: 50px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .moreBtn {
  display: block;
  width: 100%;
  height: 87px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .moreBtn:hover {
  font-size: 16px;
  color: #F40B0B;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass {
  position: relative;
  height: 660px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .leftNavBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .goodOnline {
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-leftNavBox {
  width: 220px;
  height: 703px;
  margin-right: 24px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humischool/bg2.png");
  position: absolute;
  left: 0;
  top: 20px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .leftNav {
  width: 126px;
  box-sizing: border-box;
  padding-top: 102px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .leftNav li {
  position: relative;
  line-height: 18px;
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .leftNav li .active {
  position: absolute;
  top: 30px;
  left: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .leftNav li .active .line {
  width: 40px;
  height: 3px;
  background: #F40B0B;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .leftNav li .active img {
  position: absolute;
  top: -50px;
  left: 150px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline {
  width: 956px;
  box-sizing: border-box;
  padding-top: 60px;
  position: absolute;
  left: 200px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box {
  overflow: hidden;
  display: block;
  position: relative;
  float: left;
  width: 224px;
  height: 280px;
  margin-right: 20px;
  background: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .hot {
  position: absolute;
  top: 0;
  right: 10px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .imgBox {
  width: 100%;
  height: 156px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .imgBox img {
  width: 100%;
  height: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox {
  box-sizing: border-box;
  padding: 8px 14px 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .courseName {
  height: 38px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 800;
  color: #333333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .descBox {
  margin: 16px 0 4px;
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .descBox .tag {
  overflow: hidden;
  width: 98px;
  height: 21px;
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .descBox .seeBox {
  float: right;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .descBox .seeBox img {
  margin-right: 6px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .line {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 224px;
  height: 1px;
  background: #f4f4f4;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .perBox {
  height: 30px;
  line-height: 30px;
  margin-top: 12px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .perBox .coursePrice {
  float: left;
  font-size: 14px;
  color: #F4620E;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box .botBox .perBox .expertName {
  float: right;
  font-size: 14px;
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box:hover {
  box-shadow: 3px 3px 12px 0px rgba(203, 203, 203, 0.5);
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box:nth-child(4n) {
  margin-right: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyTwoBox .hss_bodyTwo .hss_onlineClass .hmschool-goodOnline .box:nth-child(-n+4) {
  margin-bottom: 21px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox {
  box-sizing: border-box;
  padding: 58px 0 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass {
  margin-top: 39px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .offlineNav,
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .rightImgBox {
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .offlineNav {
  width: 190px;
  height: 420px;
  background: #434343;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .offlineNav li {
  width: 100%;
  height: 140px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .offlineNav li a {
  display: block;
  box-sizing: border-box;
  padding: 49px;
  font-size: 14px;
  color: #a7a7a7;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .offlineNav li:hover {
  color: #fff;
  background: linear-gradient(0deg, #5e5e5e 0%, #434343 100%);
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .offlineNav li:last-child {
  border-bottom: none;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .rightImgBox {
  display: block;
  width: 1010px;
  height: 420px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_bodyThree .offlineClass .rightImgBox img {
  width: 100%;
  height: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_btnBox {
  width: 1200px;
  height: 116px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 45px;
  text-align: center;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_btnBox .moreBtn {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyThreeBox .hss_btnBox:hover .moreBtn {
  font-size: 16px;
  color: #F40B0B;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox {
  position: relative;
  box-sizing: border-box;
  padding: 58px 0;
  background: #EFF6FF;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .prev,
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .next {
  position: absolute;
  top: 50%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .prev {
  left: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .next {
  right: 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour .serverBox {
  margin-top: 40px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour .serverBox .serverImg {
  display: inline-block;
  width: 386px;
  height: 276px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour .serverBox .serverImg img {
  width: 100%;
  height: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFourBox .hss_bodyFour .serverBox .serverImg:nth-child(2) {
  margin: 0 20px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox {
  height: 693px;
  box-sizing: border-box;
  padding: 57px 0;
  background: url("https://360humi-public-obs.360humi.com/w-compic/humischool/bg.png") 50% 50% / cover no-repeat;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive h2,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive h3 {
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox {
  margin-top: 39px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .rightBox {
  float: left;
  height: 480px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox {
  width: 900px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box {
  overflow: hidden;
  position: relative;
  display: block;
  float: left;
  width: 300px;
  height: 240px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box div {
  width: 100%;
  height: 100%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .name,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .line,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .tag,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .desc {
  position: absolute;
  left: 32px;
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .name {
  top: 143px;
  font-size: 24px;
  font-weight: 800;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .line {
  top: 185px;
  width: 18px;
  height: 2px;
  background: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .tag,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .desc {
  font-size: 14px;
  font-weight: 400;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .tag {
  top: 201px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box .desc {
  width: 225px;
  top: 260px;
  text-align: justify;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div {
  background: rgba(14, 27, 75, 0.8);
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .name {
  top: 60px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .line {
  top: 100px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .tag {
  top: 120px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .desc {
  top: 150px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .name,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .line,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .tag,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:hover div .desc {
  transition: top 0.5s;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1) {
  height: 480px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1) .name {
  top: 385px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1) .line {
  top: 425px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1) .tag {
  top: 440px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1) .desc {
  top: 600px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .name {
  top: 161px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .line {
  top: 200px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .tag {
  top: 219px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .desc {
  top: 266px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .name,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .line,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .tag,
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .leftBox .box:nth-child(1):hover .desc {
  transition: top 0.5s;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .rightBox {
  position: relative;
  width: 300px;
  box-sizing: border-box;
  padding: 51px 37px 0;
  background: rgba(255, 255, 255, 0.1);
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .rightBox p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .rightBox a {
  position: absolute;
  left: 36px;
  bottom: 41px;
  display: block;
  width: 122px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyFiveBox .hss_bodyFive .personBox .rightBox a:hover {
  background: #fff;
  color: #333333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox {
  box-sizing: border-box;
  padding: 58px 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox {
  margin-top: 30px;
  border: 1px solid #e6e6e6;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box {
  float: left;
  width: 399px;
  height: 332px;
  border-right: 1px solid #e6e6e6;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top {
  width: 100%;
  height: 115px;
  box-sizing: border-box;
  padding: 21px 10px 0 33px;
  background: #EFF6FF;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .left,
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .right {
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .left {
  width: 80px;
  height: 80px;
  background: #514333;
  border-radius: 50%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .right {
  margin-left: 17px;
  box-sizing: border-box;
  padding-top: 10px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .right .nameBox {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .right .nameBox span {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .top .right .classBox {
  width: 124px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 5px;
  margin-top: 10px;
  background: linear-gradient(90deg, #f36d38 0%, #f40b0b 100%);
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .bot {
  box-sizing: border-box;
  padding: 38px 34px 0 41px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .bot p {
  line-height: 28px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  text-align: justify;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box .bot .tags {
  margin-top: 22px;
  margin-right: 10px;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 400;
  color: #676e8d;
  background: #EFF6FF;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box:nth-child(-n+3) {
  border-bottom: 1px solid #e6e6e6;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySixBox .hss_bodySix .storyBox .box:nth-child(3n) {
  width: 400px;
  border-right: none;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox {
  box-sizing: border-box;
  padding: 58px 0;
  background: #EFF6FF;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven .introduceBox {
  margin-top: 40px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven .introduceBox .leftImg,
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven .introduceBox .rightText {
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven .introduceBox .rightText {
  width: 422px;
  height: 440px;
  box-sizing: border-box;
  padding: 48px 52px 40px 49px;
  background: #1C2D6E;
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven .introduceBox .rightText h4 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}
.humiSchoolSecond .hss_bodyBox .hss_bodySevenBox .hss_bodySeven .introduceBox .rightText p {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  line-height: 24px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox {
  box-sizing: border-box;
  padding: 84px 0 61px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox {
  margin-top: 100px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new {
  float: left;
  width: 368px;
  margin-right: 48px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle {
  display: block;
  height: 40px;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle .icon,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle .title {
  float: left;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle .title,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle .arrow {
  color: #333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle .title {
  margin-left: 18px;
  font-size: 18px;
  font-weight: 800;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle .arrow {
  float: right;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle:hover .title,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle:hover .arrow {
  color: #F40B0B;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newTitle,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newChild {
  border-bottom: 1px solid #EEEEEE;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newChild {
  height: 80px;
  box-sizing: border-box;
  padding: 20px 0;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newChild a {
  display: block;
  width: 368px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newChild p {
  font-size: 14px;
  color: #666;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newChild:hover a,
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new .hds_newChild:hover p {
  color: #F40B0B;
}
.humiSchoolSecond .hss_bodyBox .hss_bodyEightBox .hss_bodyEight .newBox .hds_new:last-child {
  margin-right: 0;
}

.search_section {
  height: 148px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.search_section .text-wrap-text1 {
  z-index: 1;
  margin: 46px 0 0 46px;
  width: 178px;
  height: 58px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/smartSearchComp/title_1.png") no-repeat;
}
.search_section .left-box {
  position: relative;
  top: -76px;
}
.search_section .left-box .text-wrap-text2 {
  position: absolute;
  left: -210px;
  top: 36px;
  width: 207px;
  height: 71px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/smartSearchComp/title_2.png") no-repeat;
}
.search_section .left-box .text-wrap-text3 {
  width: 146px;
  height: 224px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/smartSearchComp/robot.png") no-repeat;
}
.search_section .left-box a {
  position: absolute;
  top: 101px;
  left: 173px;
}
.search_section .w1200 {
  height: 148px;
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: start;
}
.search_section.no {
  display: none;
}
#smartSearchInput .search-box {
  margin: 47px 50px 0 44px;
  width: 604px;
}
#smartSearchInput .search-box .search_input {
  height: 45px;
  border: 1px solid #f40b0b;
  padding-left: 12px;
}
#smartSearchInput .search-box .ant-input-group-addon {
  cursor: pointer;
  width: 47px;
  height: 45px;
  background-color: #F40B0B !important;
  border: 1px solid #F40B0B;
}
#smartSearchInput .search-box .select_box {
  text-align: left;
  border-radius: 4px;
  color: #7C7C7C;
  width: 604px;
  position: absolute;
  z-index: 1;
}
#smartSearchInput .search-box .select_box .select_item {
  cursor: pointer;
  background: #fff;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
}
#smartSearchInput .search-box .select_box .select_item:hover {
  background: #F50000;
  color: #ffffff;
}
#smartSearchInput .search-box .search_hot {
  font-size: 12px;
  margin-top: 9px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#smartSearchInput .search-box .search_hot span {
  padding-right: 20px;
}
#smartSearchInput .search-box .search_hot span a {
  color: #ffffff;
}
#smartSearchInput .search-box .search_hot span:first-child {
  color: #969696;
}
#smartSearchInput .search-box .search_hot .hot_img {
  padding-right: 24px;
  margin-left: -10px;
  background: url("https://360humi-public-obs.360humi.com/localImg/images/smartSearchComp/hot.png") no-repeat;
}

.video-pop-up {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99999;
}
.video-pop-up > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
}
.video-pop-up .fade-enter {
  opacity: 0;
}
.video-pop-up .fade-enter-active {
  transition: all 0.3s linear;
  opacity: 1;
}
.video-pop-up .fade-exit {
  opacity: 1;
}
.video-pop-up .fade-exit-active {
  transition: all 0.3s linear;
  opacity: 0;
}

.casedetaileOuts {
  padding-top: 60px;
}
.casedetaileOuts .publicImg {
  width: 100%;
  display: block;
}
.casedetaileOuts .topImg {
  width: 100%;
  display: block;
}
.casedetaileOuts .viodOut {
  width: 100%;
  position: relative;
}
.casedetaileOuts .viodOut .viodModel {
  position: absolute;
  top: 104px;
  right: 15%;
  width: 640px;
  height: 380px;
  z-index: 10;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  line-height: 380px;
  text-align: center;
  cursor: pointer;
}
.casedetaileOuts .viodOut .viodModel i {
  font-size: 30px;
  color: #ccc;
}
.casedetaileOuts .viodOut .viodbgimg {
  width: 100%;
  display: block;
  min-height: 500px;
}
.casedetaileOuts .caseList {
  width: 100%;
  display: block;
}
.casedetaileOuts .moreCase {
  padding: 84px 0px 79px 0px;
}
.casedetaileOuts .moreCase h2 {
  font-size: 36px;
  color: #333333;
  text-align: center;
  display: block;
  margin-bottom: 55px;
}
.casedetaileOuts .moreCase .moreCaseList {
  width: 1200px;
  margin: auto;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin {
  height: 240px;
  width: 300px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .publicaseimg {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .publicaseimg h3 {
  font-size: 18px;
  color: #fefefe;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .publicaseimg div {
  height: 2px;
  width: 40px;
  background-color: #fefefe;
  margin-top: 10px;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSins {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSins h3 {
  font-size: 18px;
  color: #fefefe;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSins div {
  height: 2px;
  width: 40px;
  background-color: #fefefe;
  margin-top: 10px;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSin {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(254, 109, 32, 0.8);
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSin h3 {
  font-size: 18px;
  color: #fefefe;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSin div {
  height: 2px;
  width: 40px;
  background-color: #fefefe;
  margin-top: 10px;
}
.casedetaileOuts .moreCase .moreCaseList .moreCaseSin .moreCaseSin span {
  font-size: 14px;
  color: #fefefe;
  line-height: 20px;
  display: block;
  margin-top: 25px;
  width: 209px;
  text-align: center;
}
.casedetaileOuts .moreCase .casedetailsin {
  width: 180px;
  height: 40px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/shareService/botbut.png") no-repeat;
  background-position: center;
  background-size: contain;
  margin: 20px auto 0px;
  color: #f8f8f8;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  display: block;
}


.wlx-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  background: rgba(0, 0, 0, 0.8);
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.wlx-layer .wlx-img {
  width: 400px;
  z-index: 89;
  transition: all cubic-bezier(0.66, 0, 0.34, 1) 0.5s;
  cursor: pointer;
}
.wlx-layer .wlx-wrap {
  margin: auto;
}
.wlx-layer .wlx-img-on {
  transform: scale(0);
}
.wlx-layer .wlx-close {
  cursor: pointer;
}
.wlx-layer-on {
  background: none;
}

@keyframes animateScroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-1020px);
  }
}
.HumiIndustrialDesign {
  padding-top: 60px;
  width: 100%;
  background: #f8f8f8;
  font-size: 14px;
}
.HumiIndustrialDesign .hid_comBtn {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-top: 45px;
  text-align: center;
  border-radius: 4px;
  background: #ff0000;
  color: #fff;
  box-shadow: 0px 4px 0 0 rgba(255, 130, 130, 0.55);
}
.HumiIndustrialDesign .hid_banner {
  position: relative;
  width: 100%;
  height: 500px;
}
.HumiIndustrialDesign .hid_banner .hid_bannerBox {
  position: relative;
}
.HumiIndustrialDesign .hid_banner .hid_bannerBox .prev,
.HumiIndustrialDesign .hid_banner .hid_bannerBox .next {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}
.HumiIndustrialDesign .hid_banner .hid_bannerBox .prev {
  left: 0;
}
.HumiIndustrialDesign .hid_banner .hid_bannerBox .next {
  right: 0;
}
.HumiIndustrialDesign .hid_banner .banners {
  display: block;
  width: 100%;
  height: 496px !important;
}
.HumiIndustrialDesign .hid_mask {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal {
  position: absolute;
  top: -445px;
  right: 0;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal {
  width: 320px;
  height: 380px;
  border-radius: 4px;
  box-shadow: 0 0 27px 3px rgba(153, 153, 153, 0.1);
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_top {
  height: 90px;
  box-sizing: border-box;
  padding-top: 23px;
  background: #333;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_top p {
  text-align: center;
  color: #fff;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_top p:nth-child(1) {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.36;
  letter-spacing: 1.54px;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_top p:nth-child(2) {
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.98px;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot {
  box-sizing: border-box;
  padding: 31px 30px 0;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot .ant-select-selection,
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot .ant-input {
  width: 260px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot .ant-select-selection .ant-select-selection__rendered,
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot .ant-input .ant-select-selection__rendered {
  line-height: 40px;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot .desc {
  margin: 28px 0 14px;
  color: #666666;
}
.HumiIndustrialDesign .hid_mask .hid_bannerModal .bannerModal .bannerModal_bot .bannerModal_btn {
  display: block;
  width: 260px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 31px;
  color: #fff;
  border-radius: 4px;
  background-color: #ff0000;
}
.HumiIndustrialDesign .hid_bodyBox,
.HumiIndustrialDesign .hid_botbodyBox {
  width: 100%;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body,
.HumiIndustrialDesign .hid_botbodyBox .hid_body {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 35px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten {
  margin-bottom: 85px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_comTitle,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_comTitle,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_comTitle {
  width: 100%;
  margin-bottom: 50px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_comTitle h3 {
  text-align: center;
  color: #333333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_comTitle h2,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_comTitle h2,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_comTitle h2 {
  font-size: 36px;
  line-height: 0.83;
  letter-spacing: 0.72px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_comTitle h3,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_comTitle h3,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_comTitle h3 {
  margin: 34px 0 54px;
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: 0.36px;
  color: #999;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one {
  width: 100%;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .picBox .pics,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .picBox .pics {
  display: block;
  float: left;
  width: 289px;
  height: 130px;
  margin-right: 14px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .picBox .pics img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .picBox .pics img {
  width: 100%;
  height: 100%;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .picBox .pics:last-child,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .picBox .pics:last-child {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox {
  height: 251px;
  margin-top: 78px;
  box-sizing: border-box;
  padding-top: 24px;
  box-shadow: 0 0 6px 0 #e3e3e3;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box {
  float: left;
  width: 300px;
  height: 195px;
  box-sizing: border-box;
  padding: 0 26px 0 25px;
  border-right: 1px solid #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox {
  box-sizing: border-box;
  padding-left: 30px;
  line-height: 42px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox img,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox span,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox span {
  float: left;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox span,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .topBox span {
  margin-left: 13px;
  font-size: 18px;
  font-weight: 900;
  color: #333333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .line,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .line {
  width: 250px;
  height: 1px;
  margin: 12px 0 24px;
  background: #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .botBox a,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .botBox a {
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 14px;
  text-align: center;
  background-color: #f0f2f5;
  color: #333333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .botBox a:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .botBox a:hover {
  background-color: #fff6f1;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .botBox a:nth-child(2n-1),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box .botBox a:nth-child(2n-1) {
  margin-right: 8px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box:last-child,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_one .hid_one_bot .categoryBox .box:last-child {
  border-right: none;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_two_bot .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_two_bot .box {
  display: block;
  float: left;
  width: 230px;
  height: 250px;
  margin-right: 12px;
  box-sizing: border-box;
  padding-top: 59px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #030231;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_two_bot .box .icon,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_two_bot .box .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_two_bot .box .line,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_two_bot .box .line {
  width: 30px;
  height: 3px;
  margin: 16px auto;
  background-color: #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_two_bot .box .title,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_two_bot .box .title {
  font-size: 18px;
  font-weight: 900;
  color: #ffffff;
  text-align: center;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_two_bot .box:nth-child(5n),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_two_bot .box:nth-child(5n) {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_two .hid_two_bot .box:nth-child(-n+5),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_two .hid_two_bot .box:nth-child(-n+5) {
  margin-bottom: 12px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box {
  display: block;
  float: left;
  width: 226px;
  height: 310px;
  margin-right: 17px;
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .imgBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .imgBox {
  width: 226px;
  height: 200px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .imgBox img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox {
  box-sizing: border-box;
  padding: 15px 17px 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_title,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_title {
  width: 126px;
  font-size: 14px;
  font-weight: 800;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_des,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_des {
  width: 170px;
  margin: 6px 0;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_price,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_price {
  font-size: 14px;
  font-weight: 800;
  color: #fc9153;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_price span,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box .botBox .htb_price span {
  margin-left: 6px;
  font-weight: 400;
  color: #666;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box:hover {
  border: 1px solid #fd0000;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box:nth-child(5n),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box:nth-child(5n) {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_three .hid_three_bot .box:nth-child(-n+5),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_three .hid_three_bot .box:nth-child(-n+5) {
  margin-bottom: 17px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box {
  float: left;
  display: block;
  width: 382px;
  height: 312px;
  margin-right: 25px;
  box-shadow: 0px 0 6px 0 #e3e3e3;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .top,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .top {
  width: 100%;
  height: 200px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .top img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .top img {
  width: 100%;
  height: 100%;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .title,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .title {
  height: 75px;
  box-sizing: border-box;
  padding-top: 14px;
  border-bottom: 1px solid #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .title p,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .title p,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .title span,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .title span {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.36px;
  color: #333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .title p:nth-child(2),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .title p:nth-child(2) {
  font-size: 16px;
  color: #999;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox {
  line-height: 37px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox .num,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox .num {
  float: left;
  width: 190px;
  color: #333333;
  box-sizing: border-box;
  padding-left: 70px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox .num img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox .num img {
  margin-right: 5px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox .num:nth-child(1),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box .numBox .num:nth-child(1) {
  border-right: 1px solid #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box:hover {
  box-shadow: 0px 8px 12px 0 #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_four_bot .box:last-child,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_four_bot .box:last-child {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_four .hid_comBtn,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_four .hid_comBtn {
  display: block;
  margin: 45px auto 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot {
  background: #fff;
  box-sizing: border-box;
  padding: 8px 10px 6px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot .box {
  position: relative;
  display: block;
  float: left;
  width: 292px;
  height: 286px;
  margin: 0 4px 4px 0;
  background: pink;
  margin-right: 4px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot .box .box_active,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot .box .box_active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 120px 0 30px;
  text-align: center;
  background: rgba(255, 0, 0, 0.6);
  color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot .box .box_active a,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot .box .box_active a {
  display: block;
  width: 126px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 14px;
  background-color: #ff0000;
  color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot .box .box_active p,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot .box .box_active p {
  margin-top: 82px;
  font-size: 18px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot .box:hover .box_active,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot .box:hover .box_active {
  display: block;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_bot .box:nth-child(4n),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_bot .box:nth-child(4n) {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_btn,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_btn {
  width: 366px;
  margin: 0 auto;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_five .hid_five_btn a:nth-child(1),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_five .hid_five_btn a:nth-child(1) {
  margin-right: 46px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox {
  width: 100%;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
  padding-left: 158px;
  border-radius: 4px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox li,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox li {
  float: left;
  margin-right: 132px;
  font-size: 18px;
  font-weight: 900;
  color: #333333;
  cursor: pointer;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox li:last-child,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox li:last-child {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox .active,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceBox .active {
  line-height: 53px;
  color: #fe6d20;
  border-bottom: 3px solid #fe6d20;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild {
  width: 100%;
  margin-top: 18px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box {
  float: left;
  width: 236px;
  height: 205px;
  margin: 0 5px 5px 0;
  box-sizing: border-box;
  padding: 23px 12px 19px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .imgBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .imgBox img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .imgBox img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .storeName,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .storeName {
  line-height: 14px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .line,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .line {
  width: 211px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .tag span,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .tag span {
  display: inline-block;
  width: 67px;
  height: 22px;
  line-height: 22px;
  margin-right: 5px;
  box-sizing: border-box;
  padding: 0 6px;
  border-radius: 3px;
  background-color: #f1f5f7;
  font-size: 12px;
  color: #999999;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .tag span:last-child,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box .tag span:last-child {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box:hover {
  padding: 23px 10px 19px;
  border: solid 1px #ff0000;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box:nth-child(5n),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_six_bot .coreServiceChild .box:nth-child(5n) {
  margin-right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_six .hid_comBtn,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_six .hid_comBtn {
  display: block;
  margin: 45px auto 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box {
  position: relative;
  float: left;
  display: block;
  width: 294px;
  height: 400px;
  box-sizing: border-box;
  padding: 128px 0 0 34px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box .icon,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box .icon {
  width: 56px;
  height: 56px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box .title,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box .title {
  margin: 27px 0;
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box .line,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box .line {
  width: 40px;
  height: 3px;
  background-color: #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box .active,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box .active {
  width: 100%;
  height: 400px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 50px 34px 47px 32px;
  opacity: 0.8;
  background-image: linear-gradient(to top, #ff0000, #ffffff);
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box .active .desc,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box .active .desc {
  margin-top: 33px;
  line-height: 1.71;
  letter-spacing: 0.28px;
  color: #fff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box:hover .top,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box:hover .top {
  display: none;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_seven .hid_seven_bot .box:hover .active,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_seven .hid_seven_bot .box:hover .active {
  display: block;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 220px;
  margin-bottom: 79px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .box {
  display: block;
  width: 1200px;
  height: 220px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .box img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .box img {
  width: 100%;
  height: 100%;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .prev,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .prev,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .next,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .next {
  position: absolute;
  top: 50%;
  margin-top: -32.5px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .prev,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .prev {
  left: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .next,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .next {
  right: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .ant-carousel .slick-dots,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .ant-carousel .slick-dots {
  bottom: 20px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .ant-carousel .slick-dots li button,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .ant-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  opacity: 1;
  border-radius: 50%;
  background-color: #dcdcdc;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_advBox .ant-carousel .slick-dots .slick-active button,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_advBox .ant-carousel .slick-dots .slick-active button {
  background-color: #bfbfbf;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_comBtn,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_comBtn {
  display: block;
  margin: 45px auto 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left {
  float: left;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right {
  float: right;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right {
  width: 585px;
  height: 348px;
  box-sizing: border-box;
  padding: 25px 42px 30px 43px;
  border-radius: 4px;
  box-shadow: 0 0 6px 0 #e3e3e3;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox {
  position: relative;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox p,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox p,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox p,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox p {
  float: left;
  font-size: 24px;
  font-weight: 900;
  color: #333333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox a,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox a,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox a,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox a {
  float: right;
  padding-top: 15px;
  color: #666666;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox a:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox a:hover,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox a:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox a:hover {
  color: #ff0000;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox .titleLine,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .titleBox .titleLine,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox .titleLine,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .titleBox .titleLine {
  position: absolute;
  top: 48px;
  left: 0;
  width: 95px;
  height: 2px;
  background-color: #ec9706;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .line,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .line,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .line,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .line {
  width: 500px;
  height: 2px;
  margin: 12px 0;
  background-color: #cfcfcf;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand {
  overflow: hidden;
  position: relative;
  height: 230px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  animation: animateScroll 36s linear infinite;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div:hover,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div:hover {
  animation-play-state: paused;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li {
  margin-bottom: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #333333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li p:nth-child(1),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li p:nth-child(1),
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li p:nth-child(1),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li p:nth-child(1) {
  float: left;
  width: 201px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li p:nth-child(2),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li p:nth-child(2),
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li p:nth-child(2),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li p:nth-child(2) {
  float: left;
  width: 117px;
  margin: 0 24px 0 45px;
  padding: 0 21px;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li a,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li a,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li a,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li a {
  float: right;
  display: inline-block;
  width: 90px;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px #e3e3e3;
  color: #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li a:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .left .com_demand div ul li a:hover,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li a:hover,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_eight .hid_eight_bot .right .com_demand div ul li a:hover {
  border: solid 1px #ff0000;
  color: #ff0000;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine {
  margin-bottom: 70px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot {
  height: 263px;
  box-sizing: border-box;
  padding: 24px 2px;
  box-shadow: 0px 8px 12px 0 #e3e3e3;
  background-color: #ffffff;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box {
  width: 297px;
  height: 215px;
  box-sizing: border-box;
  padding: 37px 75px 0;
  float: left;
  border-right: 2px solid #e3e3e3;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box img {
  display: block;
  margin: 0 auto;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box .title,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box .title,
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box .desc,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box .desc {
  text-align: center;
  color: #333333;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box .title,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box .title {
  margin: 15px 0 19px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.67;
  letter-spacing: 0.36px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box .desc,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box .desc {
  font-size: 14px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_nine .hid_nine_bot .box:last-child,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_nine .hid_nine_bot .box:last-child {
  border-right: none;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten {
  margin: 0;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot {
  margin-top: 75px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .cur,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .cur {
  margin-bottom: 57px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box {
  float: left;
  width: 145px;
  height: 85px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box img {
  display: block;
  margin: 0 auto;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box p,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box p {
  margin-top: 30px;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box:nth-child(1),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box:nth-child(1) {
  margin: 0 155px 0 235px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box:nth-child(3),
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .cur .box:nth-child(3) {
  margin: 0 180px;
}
.HumiIndustrialDesign .hid_bodyBox .hid_body .hid_body_ten .hid_ten_bot .ten_bot_img,
.HumiIndustrialDesign .hid_botbodyBox .hid_body .hid_body_ten .hid_ten_bot .ten_bot_img {
  width: 1196px;
  height: 278px;
  margin: 0 auto;
  box-shadow: 0px 8px 12px 0 #e3e3e3;
}
.HumiIndustrialDesign .hid_botbodyBox {
  height: 600px;
  box-sizing: border-box;
  padding-top: 12px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/industrial/7.png");
}
.HumiIndustrialDesign .hid_botbodyBox .hid_body {
  padding: 0;
}

#industry-solve-plan {
  line-height: 1;
  padding-top: 60px;
  background-color: #f8fafe;
}
#industry-solve-plan .title {
  font-size: 26px;
  color: #333;
  letter-spacing: 1.3px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 35px;
}
#industry-solve-plan .banner {
  background-color: #d5d3d4;
}
#industry-solve-plan .banner > a {
  display: block;
  height: 460px;
}
#industry-solve-plan .floor {
  height: 53px;
  text-align: center;
}
#industry-solve-plan .floor .ant-anchor-wrapper {
  background-color: #14191e;
}
#industry-solve-plan .floor .ant-anchor-ink {
  display: none;
}
#industry-solve-plan .floor .ant-anchor-link {
  padding: 0;
  display: inline-block;
}
#industry-solve-plan .floor .ant-anchor-link > a {
  display: inline-block;
  margin-right: 79px;
  color: #fff;
  line-height: 53px;
}
#industry-solve-plan .floor .ant-anchor-link > a:hover {
  color: #ff6d20;
}
#industry-solve-plan .floor > a:last-child {
  margin-right: 0;
}
#industry-solve-plan .container {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0 50px;
  position: relative;
}
#industry-solve-plan .container > p {
  position: absolute;
  top: -110px;
  z-index: -1;
}
#industry-solve-plan .container .ant-tabs-nav-scroll {
  text-align: center;
}
#industry-solve-plan .container .ant-tabs-bar {
  margin-bottom: 0;
  border: 0;
}
#industry-solve-plan .container .ant-tabs-tabpane {
  padding: 0 10px 10px 10px;
}
#industry-solve-plan .container .material-system-item img {
  max-width: 100%;
}
#industry-solve-plan .container-bg:nth-of-type(2n) {
  background-color: white;
}
#industry-solve-plan .container-bg:nth-of-type(2n-1) {
  background-color: #f9fafe;
}
#industry-solve-plan .cooperation {
  margin-top: 34px;
  height: 295px;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humiSolvePlan/bg.jpg') no-repeat 50% 50% / cover;
}
#industry-solve-plan .cooperation > div:first-child {
  width: 1070px;
  margin: auto;
  padding-top: 56px;
  position: relative;
}
#industry-solve-plan .cooperation > div:first-child > h4 {
  font-size: 30px;
  color: #fff;
}
#industry-solve-plan .cooperation > div:first-child > p {
  font-size: 16px;
  color: #fff;
  margin: 34px 0 47px;
  width: 352px;
  line-height: 1.5;
}
#industry-solve-plan .cooperation > div:first-child > i {
  display: inline-block;
  width: 80px;
  height: 4px;
  background-color: #fff;
}
#industry-solve-plan .cooperation > div:first-child > div {
  width: 580px;
  position: absolute;
  right: 15px;
  top: 55px;
}
#industry-solve-plan .cooperation > div:first-child > div > div {
  margin-bottom: 12px;
}

.HumiIntelligentMan {
  width: 100%;
  background: #fff;
  font-size: 14px;
}
.HumiIntelligentMan .him_topIntelligentMan {
  position: relative;
  width: 100%;
  height: 577px;
}
.HumiIntelligentMan .him_topIntelligentMan .banners {
  display: block;
  height: 577px;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner {
  position: relative;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .prev,
.HumiIntelligentMan .him_topIntelligentMan .him_banner .next {
  position: absolute;
  top: 50%;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .prev {
  left: 0;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .next {
  right: 0;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .ant-carousel .slick-dots {
  bottom: 24px;
  height: 14px;
  line-height: 14px;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .ant-carousel .slick-dots li {
  width: 13px;
  height: 14px;
  box-sizing: border-box;
  padding-top: 4px;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .ant-carousel .slick-dots li button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .ant-carousel .slick-dots .slick-active {
  padding: 0;
}
.HumiIntelligentMan .him_topIntelligentMan .him_banner .ant-carousel .slick-dots .slick-active button {
  width: 13px;
  height: 14px;
  line-height: 24px;
  opacity: 1;
  background: url("https://360humi-public-obs.360humi.com/w-compic/common/icon1.png");
}
.HumiIntelligentMan .him_oneBodyBox,
.HumiIntelligentMan .him_twoBodyBox,
.HumiIntelligentMan .him_threeBodyBox,
.HumiIntelligentMan .him_fourBodyBox,
.HumiIntelligentMan .him_fiveBodyBox,
.HumiIntelligentMan .him_sixBodyBox,
.HumiIntelligentMan .him_sevenBodyBox,
.HumiIntelligentMan .him_eightBodyBox {
  width: 100%;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox,
.HumiIntelligentMan .him_twoBodyBox .him_categoryBox,
.HumiIntelligentMan .him_threeBodyBox .him_categoryBox,
.HumiIntelligentMan .him_fourBodyBox .him_categoryBox,
.HumiIntelligentMan .him_fiveBodyBox .him_categoryBox,
.HumiIntelligentMan .him_sixBodyBox .him_categoryBox,
.HumiIntelligentMan .him_sevenBodyBox .him_categoryBox,
.HumiIntelligentMan .him_eightBodyBox .him_categoryBox,
.HumiIntelligentMan .him_oneBodyBox .him_serverBox,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox,
.HumiIntelligentMan .him_threeBodyBox .him_serverBox,
.HumiIntelligentMan .him_fourBodyBox .him_serverBox,
.HumiIntelligentMan .him_fiveBodyBox .him_serverBox,
.HumiIntelligentMan .him_sixBodyBox .him_serverBox,
.HumiIntelligentMan .him_sevenBodyBox .him_serverBox,
.HumiIntelligentMan .him_eightBodyBox .him_serverBox,
.HumiIntelligentMan .him_oneBodyBox .him_solutionBox,
.HumiIntelligentMan .him_twoBodyBox .him_solutionBox,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox,
.HumiIntelligentMan .him_fourBodyBox .him_solutionBox,
.HumiIntelligentMan .him_fiveBodyBox .him_solutionBox,
.HumiIntelligentMan .him_sixBodyBox .him_solutionBox,
.HumiIntelligentMan .him_sevenBodyBox .him_solutionBox,
.HumiIntelligentMan .him_eightBodyBox .him_solutionBox,
.HumiIntelligentMan .him_oneBodyBox .him_companyBox,
.HumiIntelligentMan .him_twoBodyBox .him_companyBox,
.HumiIntelligentMan .him_threeBodyBox .him_companyBox,
.HumiIntelligentMan .him_fourBodyBox .him_companyBox,
.HumiIntelligentMan .him_fiveBodyBox .him_companyBox,
.HumiIntelligentMan .him_sixBodyBox .him_companyBox,
.HumiIntelligentMan .him_sevenBodyBox .him_companyBox,
.HumiIntelligentMan .him_eightBodyBox .him_companyBox,
.HumiIntelligentMan .him_oneBodyBox .him_caseBox,
.HumiIntelligentMan .him_twoBodyBox .him_caseBox,
.HumiIntelligentMan .him_threeBodyBox .him_caseBox,
.HumiIntelligentMan .him_fourBodyBox .him_caseBox,
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox,
.HumiIntelligentMan .him_sixBodyBox .him_caseBox,
.HumiIntelligentMan .him_sevenBodyBox .him_caseBox,
.HumiIntelligentMan .him_eightBodyBox .him_caseBox,
.HumiIntelligentMan .him_oneBodyBox .him_smartBox,
.HumiIntelligentMan .him_twoBodyBox .him_smartBox,
.HumiIntelligentMan .him_threeBodyBox .him_smartBox,
.HumiIntelligentMan .him_fourBodyBox .him_smartBox,
.HumiIntelligentMan .him_fiveBodyBox .him_smartBox,
.HumiIntelligentMan .him_sixBodyBox .him_smartBox,
.HumiIntelligentMan .him_sevenBodyBox .him_smartBox,
.HumiIntelligentMan .him_eightBodyBox .him_smartBox,
.HumiIntelligentMan .him_oneBodyBox .him_demandBox,
.HumiIntelligentMan .him_twoBodyBox .him_demandBox,
.HumiIntelligentMan .him_threeBodyBox .him_demandBox,
.HumiIntelligentMan .him_fourBodyBox .him_demandBox,
.HumiIntelligentMan .him_fiveBodyBox .him_demandBox,
.HumiIntelligentMan .him_sixBodyBox .him_demandBox,
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox,
.HumiIntelligentMan .him_eightBodyBox .him_demandBox,
.HumiIntelligentMan .him_oneBodyBox .him_newBox,
.HumiIntelligentMan .him_twoBodyBox .him_newBox,
.HumiIntelligentMan .him_threeBodyBox .him_newBox,
.HumiIntelligentMan .him_fourBodyBox .him_newBox,
.HumiIntelligentMan .him_fiveBodyBox .him_newBox,
.HumiIntelligentMan .him_sixBodyBox .him_newBox,
.HumiIntelligentMan .him_sevenBodyBox .him_newBox,
.HumiIntelligentMan .him_eightBodyBox .him_newBox {
  width: 1200px;
  margin: 0 auto;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_newBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_newBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_newBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_newBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_newBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_newBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_newBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_newBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_newBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_newBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_newBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_newBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_newBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_newBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_newBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_newBox h3 {
  text-align: center;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_categoryBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_serverBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_solutionBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_companyBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_caseBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_smartBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_demandBox h2,
.HumiIntelligentMan .him_oneBodyBox .him_newBox h2,
.HumiIntelligentMan .him_twoBodyBox .him_newBox h2,
.HumiIntelligentMan .him_threeBodyBox .him_newBox h2,
.HumiIntelligentMan .him_fourBodyBox .him_newBox h2,
.HumiIntelligentMan .him_fiveBodyBox .him_newBox h2,
.HumiIntelligentMan .him_sixBodyBox .him_newBox h2,
.HumiIntelligentMan .him_sevenBodyBox .him_newBox h2,
.HumiIntelligentMan .him_eightBodyBox .him_newBox h2 {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 45px;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_categoryBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_serverBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_solutionBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_companyBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_caseBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_smartBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_demandBox h3,
.HumiIntelligentMan .him_oneBodyBox .him_newBox h3,
.HumiIntelligentMan .him_twoBodyBox .him_newBox h3,
.HumiIntelligentMan .him_threeBodyBox .him_newBox h3,
.HumiIntelligentMan .him_fourBodyBox .him_newBox h3,
.HumiIntelligentMan .him_fiveBodyBox .him_newBox h3,
.HumiIntelligentMan .him_sixBodyBox .him_newBox h3,
.HumiIntelligentMan .him_sevenBodyBox .him_newBox h3,
.HumiIntelligentMan .him_eightBodyBox .him_newBox h3 {
  font-weight: 400;
  color: #333;
  line-height: 20px;
}
.HumiIntelligentMan .him_oneBodyBox {
  box-sizing: border-box;
  padding: 37px 0;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox .box {
  float: left;
  width: 275px;
  height: 121px;
  margin-right: 33px;
  background: #FAFAFA;
  border: 1px solid #D7D7D7;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox .box .icon {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 17px 0 0 13px;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox .box .icon p:nth-child(1) {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 25px;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox .box .icon p:nth-child(2) {
  margin: 12px 0 10px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox .box .icon a {
  font-size: 12px;
  font-weight: 400;
  color: #F40B0B;
  line-height: 17px;
}
.HumiIntelligentMan .him_oneBodyBox .him_categoryBox .box:last-child {
  margin-right: 0;
}
.HumiIntelligentMan .him_twoBodyBox {
  box-sizing: border-box;
  padding: 58px 0 79px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/intelligentCreate/bg.png") 50% 50% / cover no-repeat;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_server {
  position: relative;
  overflow: hidden;
  width: 1200px;
  height: 480px;
  margin-top: 64px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_server .him_serverChild {
  position: absolute;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_server .him_nextBox {
  display: none;
  position: absolute;
  right: 0;
  width: 68px;
  height: 480px;
  background: #151515;
  opacity: 0.7;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_server .him_nextBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -10px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild {
  height: 480px;
  transition: 0.5s;
  /* .box:nth-child(4n){
					width:300px;
				} */
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box {
  overflow: hidden;
  position: relative;
  float: left;
  width: 200px;
  height: 480px;
  box-sizing: border-box;
  padding: 350px 0 0 14px;
  background: #ccc;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box .title,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box .desc,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box .btn {
  position: absolute;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box .title {
  top: 350px;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  line-height: 37px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box .desc {
  top: 450px;
  width: 339px;
  line-height: 20px;
  margin: 26px 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: justify;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .box .btn {
  top: 500px;
  display: block;
  width: 119px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  background: linear-gradient(270deg, #ff0000 0%, #ff4400 100%);
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active {
  width: 600px !important;
  height: 480px;
  box-sizing: border-box;
  padding: 166px 126px 0 35px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active .title {
  top: 166px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active .desc {
  top: 200px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active .btn {
  top: 375px;
}
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active .title,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active .desc,
.HumiIntelligentMan .him_twoBodyBox .him_serverBox .him_serverChild .active .btn {
  transition: top 0.5s;
}
.HumiIntelligentMan .him_threeBodyBox {
  box-sizing: border-box;
  padding: 58px 0 79px;
  background: #fff;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution {
  margin-top: 37px;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box {
  display: block;
  float: left;
  width: 300px;
  height: 302px;
  box-sizing: border-box;
  padding: 82px 59px 0;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .icon {
  max-width: 55px;
  max-height: 55px;
  margin: 0 auto;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .icon img {
  width: 100%;
  height: 100%;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .line,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .lines {
  width: 27px;
  height: 2px;
  margin: 20px auto 28px;
  background: #fff;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .title {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 25px;
  text-align: center;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .lines,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .desc {
  display: none;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box .desc {
  width: 196px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  text-align: justify;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box:hover {
  padding: 0;
  transform: scale(1.1);
  transition: transform 0.3s;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box:hover .active {
  width: 300px;
  height: 302px;
  box-sizing: border-box;
  padding: 42px 59px 0;
  background: rgba(244, 11, 11, 0.5);
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box:hover .icon,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box:hover .line {
  display: none;
}
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box:hover .lines,
.HumiIntelligentMan .him_threeBodyBox .him_solutionBox .him_solution .box:hover .desc {
  display: block;
}
.HumiIntelligentMan .him_fourBodyBox {
  box-sizing: border-box;
  padding: 58px 0 55px;
  background: #F1F1F1;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company {
  margin-top: 50px;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box:nth-child(-n+5) {
  border-bottom: 1px solid #f8f8f8;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box {
  display: block;
  float: left;
  width: 240px;
  height: 302px;
  box-sizing: border-box;
  padding: 69px 0 0 30px;
  background: #fff;
  border-right: 1px solid #f8f8f8;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box .logoBox {
  width: 62px;
  height: 61px;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box .logoBox img {
  width: 100%;
  height: 100%;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box .enName {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #999999;
  line-height: 20px;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box .cnName {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 33px;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box .desc {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_company .box:hover {
  border: 1px solid #F01010;
  transform: scale(1.1);
  transition: transform 0.3s;
}
.HumiIntelligentMan .him_fourBodyBox .him_companyBox .him_btn {
  display: block;
  width: 123px;
  height: 48px;
  line-height: 48px;
  margin: 37px auto 0;
  text-align: center;
  color: #fff;
  background: #4E4E4E;
}
.HumiIntelligentMan .him_fiveBodyBox {
  box-sizing: border-box;
  padding: 60px 0 83px;
  background: #2F2F47;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox h2 {
  color: #fff;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case {
  margin-top: 63px;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box {
  position: relative;
  display: block;
  float: left;
  width: 300px;
  height: 353px;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box .imgBox {
  position: relative;
  width: 300px;
  height: 353px;
  background: #F0F0F0;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box .imgBox .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  line-height: 70px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box .active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 144px;
  background: rgba(244, 11, 11, 0.8);
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box .active p {
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  color: #FEFEFE;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box .active a {
  display: block;
  width: 94px;
  height: 34px;
  margin: 50px auto 0;
  line-height: 34px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #fff;
  color: #fff;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box:hover .imgBox .title {
  display: none;
}
.HumiIntelligentMan .him_fiveBodyBox .him_caseBox .him_case .box:hover .active {
  display: block;
}
.HumiIntelligentMan .him_sixBodyBox {
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 58px 0 80px;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox {
  position: relative;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_smart {
  position: relative;
  width: 100%;
  height: 452px;
  margin-top: 54px;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_smart .btn,
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_smart .btns {
  position: absolute;
  top: 361px;
  display: block;
  width: 123px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_smart .btn {
  left: 34px;
  background: #4E4E4E;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_smart .btns {
  left: 379px;
  border: 1px solid #fff;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_nav {
  position: absolute;
  top: 119px;
  right: 0;
  width: 75px;
  height: 452px;
  box-sizing: border-box;
  padding: 6px 13px 0 17px;
  background: #000;
  opacity: 0.9;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_nav li {
  width: 45px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #959595;
  cursor: pointer;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_nav li:nth-child(1) {
  padding: 30px 16px 27px 13px;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_nav li:nth-child(2) {
  padding: 27px 16px 27px 13px;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_nav li:nth-child(3) {
  padding: 27px 16px 0 13px;
  border-bottom: none;
}
.HumiIntelligentMan .him_sixBodyBox .him_smartBox .him_nav .active {
  color: #F40B0B;
}
.HumiIntelligentMan .him_sevenBodyBox {
  position: relative;
  box-sizing: border-box;
  padding: 54px 0 92px;
}
.HumiIntelligentMan .him_sevenBodyBox .prev,
.HumiIntelligentMan .him_sevenBodyBox .next {
  position: absolute;
  top: 260px;
}
.HumiIntelligentMan .him_sevenBodyBox .prev {
  left: 0;
}
.HumiIntelligentMan .him_sevenBodyBox .next {
  right: 0;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox {
  width: 1240px;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .title:hover h2 {
  color: #F40B0B;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand {
  margin-top: 40px;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box {
  float: left;
  overflow: hidden;
  width: 400px;
  height: 103px;
  background: #fff;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  padding: 25px 0 25px 52px;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .titleBox span {
  float: left;
  display: block;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .titleBox span:nth-child(1) {
  width: 208px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .titleBox .tag {
  width: 58px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 5px;
  background: linear-gradient(270deg, #4b62dd 0%, #5f7af3 100%);
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
  text-align: center;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .descBox {
  margin-top: 14px;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .descBox p {
  float: left;
  line-height: 21px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .descBox p:nth-child(2) {
  font-weight: 600;
  color: #F40B0B;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box .btn {
  position: relative;
  margin-top: 30px;
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
  border: 1px solid #F40B0B;
  z-index: 99;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box:hover .descBox {
  display: none;
}
.HumiIntelligentMan .him_sevenBodyBox .him_demandBox .him_demand .box:hover .btn {
  margin-top: 10px;
  transition: margin-top 0.3s;
}
.HumiIntelligentMan .him_eightBodyBox {
  box-sizing: border-box;
  padding: 50px 0 53px;
  background: #fff;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .title:hover h2 {
  color: #F40B0B;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new {
  margin-top: 50px;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box {
  float: left;
  width: 368px;
  margin-right: 48px;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle {
  display: block;
  height: 40px;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle .icon,
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle .title {
  float: left;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle .title,
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle .arrow {
  color: #333;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle .title {
  margin-left: 18px;
  font-size: 18px;
  font-weight: 800;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle .arrow {
  float: right;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle:hover .title,
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle:hover .arrow {
  color: #F40B0B;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newTitle,
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newChild {
  border-bottom: 1px solid #EEEEEE;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newChild {
  height: 80px;
  box-sizing: border-box;
  padding: 20px 0;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newChild a {
  display: block;
  width: 340px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box .hds_newChild p {
  font-size: 14px;
  color: #666;
}
.HumiIntelligentMan .him_eightBodyBox .him_newBox .him_new .box:last-child {
  margin-right: 0;
}

.HumiSecondProduce {
  width: 100%;
  background: #F6F6F6;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox {
  width: 100%;
  box-sizing: border-box;
  padding: 58px 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyTwo,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyTwo,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyTwo,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyTwo,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyTwo,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyThree,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyThree,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyThree,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyThree,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyThree,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFour,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFour,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFour,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFour,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFour,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFive,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFive,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFive,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFive,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFive,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodySix,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodySix,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodySix,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodySix,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodySix,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix {
  width: 1200px;
  margin: 0 auto;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix h3 {
  text-align: center;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyTwo h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFour h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFive h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodySix h2,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix h2 {
  font-size: 32px;
  font-weight: 800;
  color: #333;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyTwo h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyThree h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFour h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodyFive h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodySix h3,
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix h3 {
  margin: 8px 0 39px;
  font-size: 14px;
  color: #666;
}
.HumiSecondProduce .secondProduceBox .hsp_bannerBox {
  width: 100%;
  height: 577px;
}
.HumiSecondProduce .secondProduceBox .hsp_bannerBox .topBanner {
  position: relative;
  display: block;
  width: 100%;
  height: 577px;
}
.HumiSecondProduce .secondProduceBox .hsp_bannerBox .topBanner .prev,
.HumiSecondProduce .secondProduceBox .hsp_bannerBox .topBanner .next {
  position: absolute;
  top: 50%;
  margin-top: -33px;
}
.HumiSecondProduce .secondProduceBox .hsp_bannerBox .topBanner .prev {
  left: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bannerBox .topBanner .next {
  right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox {
  position: absolute;
  top: -480px;
  right: 0;
  width: 378px;
  height: 419px;
  box-sizing: border-box;
  padding: 58px 42px 58px;
  background: #2a2c36;
  box-shadow: 0px 5px 10px 0px rgba(102, 102, 102, 0.08);
  opacity: 0.96;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox h2,
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox h3 {
  color: #fff;
  text-align: center;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox h2 {
  font-size: 24px;
  font-weight: 800;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox h3 {
  font-size: 14px;
  margin-bottom: 40px;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox .ant-select-selection,
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox .ant-input {
  border: none;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  background: #434654;
  color: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox .ant-select-selection .ant-select-selection__rendered,
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox .ant-input .ant-select-selection__rendered {
  line-height: 40px;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox .desc {
  margin: 0 0 29px 7px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.HumiSecondProduce .secondProduceBox .hsp_maskBox .maskbox .bannerModal_btn {
  display: block;
  width: 294px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  background: #F40B0B;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox {
  box-sizing: border-box;
  padding: 60px 0 40px;
  background: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne {
  width: 1200px;
  margin: 0 auto;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .oneCategorybox img {
  margin-right: 24px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .oneCategorybox img:last-child {
  margin-right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox {
  margin-top: 86px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box {
  float: left;
  height: 240px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .left {
  float: left;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right {
  float: right;
  box-sizing: border-box;
  padding-top: 6px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right h3 {
  font-size: 28px;
  font-weight: 800;
  color: #333333;
  line-height: 30px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right .childBox {
  margin-top: 20px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right .childBox a {
  display: block;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #666;
  line-height: 42px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right .childBox a:nth-child(2n-1) {
  margin-right: 18px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right h3:hover,
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box .right .childBox a:hover {
  color: #F40B0B;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(-n+4) {
  margin-bottom: 60px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(1) {
  width: 271px;
  margin-right: 49px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(1) .right {
  width: 200px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(2) {
  width: 200px;
  margin-right: 106px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(2) .right {
  width: 139px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(3) {
  width: 259px;
  margin-right: 68px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(3) .right {
  width: 178px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(4) {
  width: 247px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(4) .right {
  width: 180px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(4) .right .childBox a:nth-child(2) {
  margin-right: 50px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(5) {
  width: 211px;
  margin-right: 105px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(5) .right {
  width: 140px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(6) {
  width: 244px;
  margin-right: 64px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(6) .right {
  width: 180px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(7) {
  width: 261px;
  margin-right: 68px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(7) .right {
  width: 180px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(8) {
  width: 245px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyOneBox .hsp_bodyOne .twoCategorybox .box:nth-child(8) .right {
  width: 179px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox {
  position: relative;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .line {
  position: absolute;
  top: 202px;
  width: 100%;
  height: 2px;
  background: #D9D9D9;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverNav {
  width: 360px;
  margin: 0 auto;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverNav li {
  float: left;
  width: 82px;
  text-align: center;
  margin-right: 57px;
  font-size: 16px;
  cursor: pointer;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverNav li:last-child {
  margin-right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverNav .active {
  color: #EC0A0A;
  border-bottom: 4px solid #EC0A0A;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany {
  margin-top: 42px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .big_box {
  float: left;
  position: relative;
  width: 480px;
  height: 302px;
  box-sizing: border-box;
  padding: 219px 0 0 73px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .big_box .cline {
  position: absolute;
  top: 53px;
  left: 0;
  width: 10px;
  height: 38px;
  background: #F01010;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .big_box a {
  display: inline-block;
  width: 94px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  margin-right: 14px;
  text-align: center;
  border: 1px solid #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .big_box .btn {
  border: none;
  background: #F40B0B;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box:nth-child(1),
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box:nth-child(2),
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box:nth-child(3) {
  border-bottom: 1px solid #f8f8f8;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box {
  display: block;
  float: left;
  width: 240px;
  height: 302px;
  box-sizing: border-box;
  padding: 69px 0 0 30px;
  background: #fff;
  border-right: 1px solid #f8f8f8;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box .logoBox {
  width: 62px;
  height: 61px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box .logoBox img {
  width: 100%;
  height: 100%;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box .enName {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #999999;
  line-height: 20px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box .cnName {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  line-height: 33px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box .desc {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyTwoBox .hsp_bodyTwo .serverCompany .box:hover {
  border: 1px solid #F01010;
  transform: scale(1.1);
  transition: transform 0.3s;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox {
  position: relative;
  height: 593px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/secondProduce/bg.png");
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .prev,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .next {
  position: absolute;
  top: 320px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .prev {
  left: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .next {
  right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree {
  width: 1200px;
  margin: 0 auto;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree h2,
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree h3 {
  color: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox {
  overflow: hidden;
  width: 100%;
  height: 360px;
  background: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box {
  position: relative;
  float: left;
  width: 300px;
  height: 360px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box .bottomTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box .active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 144px;
  background: rgba(244, 11, 11, 0.8);
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box .active p {
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  color: #FEFEFE;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box .active a {
  display: block;
  width: 94px;
  height: 34px;
  margin: 50px auto 0;
  line-height: 34px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #fff;
  color: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box:hover .bottomTitle {
  display: none;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyThreeBox .hsp_bodyThree .carouselBox .box:hover .active {
  display: block;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox {
  position: relative;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .prev,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .next {
  position: absolute;
  top: 260px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .prev {
  left: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .next {
  right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour {
  width: 1240px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .title:hover h2 {
  color: #F40B0B;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box {
  float: left;
  overflow: hidden;
  width: 400px;
  height: 103px;
  background: #fff;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  padding: 25px 0 25px 52px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .titleBox span {
  float: left;
  display: block;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .titleBox span:nth-child(1) {
  width: 208px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .titleBox .tag,
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .titleBox .active {
  box-sizing: border-box;
  padding: 0 5px;
  color: #fff;
  text-align: center;
  font-size: 10px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .titleBox .tag {
  width: 58px;
  height: 23px;
  line-height: 23px;
  background: linear-gradient(90deg, #f36d38 0%, #f40b0b 100%);
  border-radius: 2px;
  font-size: 10px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .titleBox .active {
  width: 52px;
  height: 22px;
  line-height: 22px;
  background: linear-gradient(90deg, #a0a0a0 0%, #676767 100%);
  border-radius: 2px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .descBox {
  margin-top: 14px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .descBox p {
  float: left;
  line-height: 21px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .descBox p:nth-child(2) {
  font-weight: 600;
  color: #F40B0B;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .descBox p:nth-child(3) {
  margin: 0 20px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .descBox p:last-child {
  margin-right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .btn {
  position: relative;
  margin-top: 30px;
  display: block;
  width: 94px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #4f4f4f;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .btn .text {
  position: absolute;
  top: 0;
  left: 20px;
  color: #fff;
  font-size: 14px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box .btn .btnActive {
  display: block;
  height: 100%;
  z-index: 99;
  background: linear-gradient(90deg, #ff4400 0%, #ff0000 100%);
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
  border: 1px solid #F40B0B;
  z-index: 99;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box:hover .descBox {
  display: none;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFourBox .hsp_bodyFour .demandBox .box:hover .btn {
  width: 94px;
  height: 34px;
  margin-top: 10px;
  transition: margin-top 0.3s;
}
.HumiSecondProduce .secondProduceBox .advBox {
  display: block;
  width: 100%;
  height: 240px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/secondProduce/adv.png") 50% 50% / cover no-repeat;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox {
  overflow: hidden;
  height: 520px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box {
  display: block;
  float: left;
  width: 300px;
  height: 260px;
  box-sizing: border-box;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 3px 3px 12px 0px rgba(203, 203, 203, 0.24);
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box .imgBox {
  width: 272px;
  height: 204px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box .bottomBox {
  margin-top: 8px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box .bottomBox .title {
  float: left;
  width: 154px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box .bottomBox .desc {
  float: right;
  width: 58px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 10px;
  color: #fff;
  background: linear-gradient(90deg, #a0a0a0 0%, #676767 100%);
  border-radius: 2px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:hover {
  border: 1px solid #F40B0B !important;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) {
  width: 600px;
  height: 519px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) .imgBox {
  width: 572px;
  height: 430px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) .imgBox img {
  width: 100%;
  height: 100%;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) .title {
  margin: 6px 0;
  font-size: 22px;
  font-weight: 800;
  color: #333;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) .desc li {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) .desc li:nth-child(2) {
  margin: 0 54px 0 51px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(1) .desc li:nth-child(3) {
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(n+1) {
  border-left: none;
}
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(2),
.HumiSecondProduce .secondProduceBox .hsp_bodyFiveBox .hsp_bodyFive .caseBox .childBox .box:nth-child(3) {
  border-bottom: none;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox {
  background: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box {
  float: left;
  width: 200px;
  margin-right: 132px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box .imgBox {
  text-align: center;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box .title {
  margin: 40px 0 19px;
  font-size: 24px;
  font-weight: 800;
  color: #333333;
  text-align: center;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box .desc p {
  text-align: center;
  font-size: 20px;
  color: #666;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box:nth-child(1) {
  width: 198px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box:nth-child(2) .title {
  margin: 45px 0 19px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box:nth-child(3) .title {
  margin: 28px 0 19px;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box:nth-child(4) {
  margin-right: 0;
}
.HumiSecondProduce .secondProduceBox .hsp_bodySixBox .hsp_bodySix .box:nth-child(4) .title {
  margin: 32px 0 19px;
}
.HumiSecondProduce .secondProduceBox .hsp_bottomBox {
  width: 100%;
  height: 310px;
  box-sizing: border-box;
  padding-top: 206px;
  background: url("https://360humi-public-obs.360humi.com/w-compic/secondProduce/bot.jpg") 50% 50% / cover no-repeat;
}
.HumiSecondProduce .secondProduceBox .hsp_bottomBox .btnBox {
  width: 500px;
  height: 44px;
  margin: 0 auto;
}
.HumiSecondProduce .secondProduceBox .hsp_bottomBox .btnBox p,
.HumiSecondProduce .secondProduceBox .hsp_bottomBox .btnBox a {
  float: left;
  line-height: 44px;
  margin-right: 30px;
  color: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bottomBox .btnBox p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.HumiSecondProduce .secondProduceBox .hsp_bottomBox .btnBox a {
  display: block;
  width: 140px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: linear-gradient(90deg, #ff4400 0%, #ff0000 100%);
}
.HumiSecondProduce .secondProduceBox .hsp_bottomBox .btnBox a:last-child {
  margin-right: 0;
}

.serviceMarketBox {
  padding-top: 60px;
  width: 100%;
  background: #f6f8fc;
}
.serviceMarketBox .serviceMarket .topBox {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 22px 0 26px;
  background: #fff;
  box-shadow: 0px 4px 6px 0 #e3e3e3;
}
.serviceMarketBox .serviceMarket .topBox .top {
  width: 1200px;
  margin: 0 auto;
}
.serviceMarketBox .serviceMarket .topBox .top .title {
  margin-bottom: 11px;
  font-size: 14px;
  color: #666666;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox {
  width: 100%;
  height: auto;
  border: 1px solid #e3e3e3;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box {
  width: 100%;
  height: 39px;
  line-height: 39px;
  border-bottom: 1px dashed #e3e3e3;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .left,
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right {
  float: left;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .left {
  width: 138px;
  box-sizing: border-box;
  padding-left: 20px;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right {
  width: 1055px;
  box-sizing: border-box;
  padding: 8px 0 10px 31px;
  border-left: 1px solid #e3e3e3;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right li,
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right a {
  float: left;
  width: 72px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 0 8px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: #f1f5f7;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right li:hover,
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right a:hover {
  cursor: pointer;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box .right .active {
  background-color: #fff6f1;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box:nth-child(1) {
  height: auto;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box:nth-child(1) .right {
  width: 1040px;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box:nth-child(1) .right li:last-child {
  width: 72px;
  height: 22px;
  border-radius: 3px;
  border: solid 1px #e0e0e0;
  background: #fff;
  font-size: 12px;
  color: #666666;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box:nth-child(2) .right li:nth-child(n+2) {
  width: 120px;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBox .box:last-child {
  border-bottom: none;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox {
  width: 100%;
  height: 40px;
  margin-top: 13px;
  box-sizing: border-box;
  padding: 6px 23px;
  background: #f2f4f5;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .left,
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .center {
  float: left;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .left {
  width: 360px;
  background: #fff;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .left li {
  position: relative;
  float: left;
  width: 90px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-right: none;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #333333;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .left li i {
  position: absolute;
  top: 9px;
  left: 64px;
  font-size: 12px;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .left li:nth-child(4) {
  border-right: 1px solid #e0e0e0;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .left li:nth-child(n+2):hover {
  cursor: pointer;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .center {
  position: relative;
  width: 90px;
  height: 28px;
  line-height: 28px;
  margin-left: 19px;
  text-align: center;
  /* border:1px solid #e0e0e0; */
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #333333;
  background: #fff;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .center img {
  position: absolute;
  top: 7px;
  left: 10px;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .center .ant-select-selection-selected-value,
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .center .ant-select-selection__placeholder {
  padding-left: 20px !important;
  color: #333333;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .right {
  float: right;
  width: 270px;
}
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .right .ant-input,
.serviceMarketBox .serviceMarket .topBox .top .chooseBotBox .right .ant-btn {
  float: left;
  border-radius: 0;
}
.serviceMarketBox .serviceMarket .botBox {
  width: 100%;
  box-sizing: border-box;
  padding: 31px 0 70px;
}
.serviceMarketBox .serviceMarket .botBox .bot {
  width: 1200px;
  margin: 0 auto;
}
.serviceMarketBox .serviceMarket .botBox .bot .left {
  float: left;
  width: 974px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox {
  width: 100%;
  margin-bottom: 43px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box {
  display: block;
  float: left;
  width: 226px;
  height: 288px;
  margin-right: 17px;
  margin-bottom: 18px;
  box-sizing: border-box;
  padding: 28px 18px 23px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .imgBox {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .imgBox img {
  width: 100%;
  height: 100%;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box p {
  width: 168px;
  height: 14px;
  margin: 20px auto 13px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .logo {
  position: relative;
  width: 100%;
  height: 15px;
  box-sizing: border-box;
  padding-left: 68px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .logo span {
  position: absolute;
  top: -3px;
  left: 55px;
  color: #00d58c;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .logo img {
  margin-left: 10px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .desc {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .price {
  box-sizing: border-box;
  font-size: 12px;
  color: #666666;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .price span:nth-child(1) {
  float: left;
  padding-top: 2px;
  font-size: 12px;
  color: #666666;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .price span:nth-child(2) {
  float: left;
  width: 124px;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  color: #fc9153;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .line {
  width: 190px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .tag span {
  display: inline-block;
  width: 60px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 6px;
  background: #f1f5f7;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .box .tag span:last-child {
  margin-right: 0;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade {
  display: block;
  position: relative;
  float: left;
  width: 226px;
  height: 288px;
  margin-right: 17px;
  margin-bottom: 18px;
  box-sizing: border-box;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .topRight {
  height: 48px;
  width: 48px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 8;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandTop {
  height: 160px;
  width: 100%;
  position: relative;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandTop img {
  height: 100%;
  width: 100%;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot {
  padding: 0px 18px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot p {
  width: 168px;
  height: 14px;
  margin: 20px auto 13px;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot .logo {
  position: relative;
  width: 100%;
  height: 15px;
  box-sizing: border-box;
  padding-left: 68px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot .logo span {
  position: absolute;
  top: -3px;
  left: 55px;
  color: #00d58c;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot .logo img {
  margin-left: 10px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot .line {
  width: 190px;
  height: 1px;
  margin: 14px 0;
  background-color: #ededed;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot .tag span {
  display: inline-block;
  width: 60px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 6px;
  background: #f1f5f7;
  margin-right: 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .detaBox .boxTrade .brandBot .tag span:last-child {
  margin-right: 0;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .recomBox {
  margin-top: 72px;
  width: 958px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .recomBox h2 {
  margin-bottom: 19px;
  font-size: 18px;
  font-weight: 900;
  text-align: left;
  color: #333333;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .recomBox ul {
  width: 100%;
  height: auto;
  line-height: 60px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 0 24px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .recomBox ul li {
  float: left;
  margin-right: 29px;
}
.serviceMarketBox .serviceMarket .botBox .bot .left .recomBox ul li a {
  font-size: 14px;
  color: #333333;
}
.serviceMarketBox .serviceMarket .botBox .bot .right {
  float: right;
  width: 226px;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top {
  width: 226px;
  height: 288px;
  box-sizing: border-box;
  padding: 18px 23px 20px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .titleBox {
  width: 100%;
  height: 18px;
  margin-bottom: 12px;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .titleBox .line {
  float: left;
  width: 49px;
  height: 1px;
  margin-top: 10px;
  background-color: #e3e3e3;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .titleBox .line:nth-child(1) {
  float: left;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .titleBox .line:nth-child(2) {
  float: right;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .titleBox .title {
  float: left;
  padding-left: 10px;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .topdesc {
  margin-bottom: 11px;
  width: 100%;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  color: #999999;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .btn {
  display: block;
  width: 180px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 21px;
  border-radius: 3px;
  background-color: #fe6d20;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .top .btn:hover {
  cursor: pointer;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .titleBox {
  width: 180px;
  height: 18px;
  margin: 18px auto;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .titleBox .line {
  float: left;
  width: 49px;
  height: 1px;
  margin-top: 10px;
  background-color: #e3e3e3;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .titleBox .line:nth-child(1) {
  float: left;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .titleBox .line:nth-child(2) {
  float: right;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .titleBox .title {
  float: left;
  padding-left: 10px;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box {
  display: block;
  width: 226px;
  height: 302px;
  box-sizing: border-box;
  padding: 64px 29px 36px;
  margin-bottom: 18px;
  box-shadow: 0px 2px 5px 0 #e3e3e3;
  background-color: #ffffff;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeLogo {
  width: 60px;
  height: 60px;
  margin-bottom: 41px;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeLogo img {
  width: 100%;
  height: 100%;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeAddress {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #999999;
  line-height: 20px;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeName {
  width: 168px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 33px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeTag {
  margin-top: 15px;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeTag span {
  display: inline-block;
  width: 66px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 6px;
  margin-right: 6px;
  font-size: 12px;
  text-align: center;
  color: #333;
  border: 1px solid #d4d4d4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .center .recomDetail .box .storeTag span:last-child {
  margin-right: 0;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .bot {
  width: 226px;
  height: 100px;
  box-sizing: border-box;
  padding: 25px 0 30px;
  background: url("https://360humi-public-obs.360humi.com/localImg/newImage/humiServiceMarket/5.png");
}
.serviceMarketBox .serviceMarket .botBox .bot .right .bot p {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 17px;
  font-weight: 900;
  color: #ffffff;
}
.serviceMarketBox .serviceMarket .botBox .bot .right .bot a {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}

.modelStyle .ant-modal-close-x {
  font-size: 23px;
}
.modelConOut {
  padding-top: 14px;
  padding-left: 40px;
}
.modelConOut .medelOutHead {
  border-left: 3px solid #fe6d20;
  padding-left: 10px;
  padding-top: 2px;
}
.modelConOut .medelOutHead span {
  color: #333333;
}
.modelConOut .medelOutHead span:nth-of-type(1) {
  font-size: 18px;
  line-height: 18px;
}
.modelConOut .medelOutHead span:nth-of-type(2) {
  font-size: 14px;
  line-height: 14px;
}
.modelConOut .formSingle {
  margin-top: 28px;
}
.modelConOut .formSingle .spanTitle {
  margin-right: 6px;
  color: #666666;
  font-size: 14px;
}
.modelConOut .formSingle .spanTitle span {
  color: #e50012;
}
.modelConOut .formSingle .textAreas {
  width: 500px;
  height: 120px;
  resize: none;
  vertical-align: top;
}
.modelConOut .formSingle .sinSelect {
  width: 150px !important;
  height: 36px !important;
  margin-right: 10px !important;
}
.modelConOut .formSingle .inputstyle {
  height: 36px;
  width: 150px;
}
.modelConOut .formSingle .inputd {
  font-size: 14px;
  color: #666666;
}
.modelConOut .formSingle .upOut {
  padding: 10px 0px 20px 82px;
}
.modelConOut .formSingle .upOut .upStyle {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.modelConOut .formSingle .upOut .upStyle .updataStyle {
  font-size: 14px;
  color: #108ee9;
}
.modelConOut .formSingle .upOut .uploadIntro {
  font-size: 12px;
  color: #666666;
}
.modelConOut .modelBot {
  padding-top: 24px;
}
.modelConOut .modelBot .phoneSingle {
  margin-top: 28px;
}
.modelConOut .modelBot .phoneSingle .nc-container {
  width: 220px !important;
  height: 32px !important;
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 10px;
  overflow: hidden;
}
.modelConOut .modelBot .phoneSingle .spanTitle {
  margin-right: 6px;
  color: #666666;
  font-size: 14px;
}
.modelConOut .modelBot .phoneSingle .spanTitle span {
  color: #e50012;
}
.modelConOut .modelBot .phoneSingle .inputstyle {
  height: 36px;
  width: 150px;
}
.modelConOut .modelBot .phoneSingle .inputstyle:nth-of-type(2) {
  margin-left: 85px;
}

.industry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 190px;
  cursor: pointer;
  background-color: #fff;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  transition: all 0.25s;
}
.industry.select,
.industry:hover {
  transform: scale(1.1);
  transform-origin: center;
  border-color: #F40B0B;
}
.industry .icon-wrapper {
  width: 83px;
  height: 83px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border: 2px solid transparent;
}
.industry .icon-wrapper .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JFQjIwNTkzRDIxMUU5OEExQTlBMjIwN0I1MDJDMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JFQjIwNDkzRDIxMUU5OEExQTlBMjIwN0I1MDJDMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz72McU4AAABy1BMVEVERET/AABFRUVOTk5LS0tvb2+mpqb/xsZbW1tQUFD/z8/q6uqCgoLJycmgoKBWVlZMTExzc3NpaWl0dHReXl6+vr6RkZH4+Pj39/fa2trz8/NKSkr7+/vd3d3+/v5wcHCNjY26urqtra2oqKirq6ujo6OKiopYWFhZWVl6enpUVFRTU1OIiIi2trZJSUlqampxcXGSkpJmZmaenp6fn5/ExMRkZGTCwsKzs7NNTU1ISEhXV1daWlqTk5O0tLRnZ2e5ubn5+fn29vbb29tlZWWvr698fHzi4uL8/PzPz8/Y2Ninp6fy8vL//PyxsbFgYGCGhoaOjo5oaGjw8PCVlZWurq7j4+OwsLDX19e8vLxfX19PT0/FxcVsbGz19fWWlpZHR0fx8fHT09PV1dXGxsapqanLy8vu7u76+vr/W1v/5OT/ERH09PT/xMR/f3//0NCdnZ3U1NTl5eV2dnakpKTe3t5RUVHc3Ny7u7uHh4esrKyIjo5hYWHn5+dVVVWEhISDgoJiYmL/Fxf/7u6ioqLBwcHv7++qqqqDg4PR0dF3d3eNk5P/ysrS0tL/7Oz/Y2OJiYnHx8f/a2vr6+t1dXWKlZXt7e3Kysr///9uOJ+EAAAAmXRSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDzXnAbAAACyElEQVR42oyVZWPbMBCG39pJlizYNA023BSSppCUmXFdmbZyO2ZmZuZNP3eS7MR2Ctt9sHynR7LudHcG+U+BRiuzZt8nRSqpG1lr2YGg2dYJlXTazPuCo1mdBNQvLNRLb7rs6F5wbIrOdAgQd5m2K0LooIapsUKwm1pLVpvhCEp60IHm1RJqbNWCBmqykThgze1gBeLERs0GNUj3E7eJGahRTl8DmMm2CHQr4Ag7+MbyDJIeBfQkEVneYA6O5MEMdFXczWF15Ia5qUqHwRwYA6L9CTs36yOJpXR6KTGj50vtif4oEJNAbxv09K0vjD0S7qMTerR5OVgO+NjmLrh3GqfXjKZAwGRcm27cccPF7D6gnIMnUMz0ceAPv+91v3+d3/NpYJyNxWwByABQytS7EMzahDELiLKxFLhDwQnUHmOqDcbC1DKikQ1b7TTqIBbuCiEV0gnUUoIKPuphoWAP3FyrxlP6/HxUkivMZEE1n+rCLAUr5dvU4wEhH58XyfJlkpAIwnwqDjsFTTjOtTr8IuR7UV5eENKAOj7VClEDfiDk0oUcd26yEFQ+HaHP80dkYSbtpxVnLIVeK8708PCE/xWeeh4eA3T+/QMekgPuD/CA565wBUIZ6b/1LV0+ER8qffcjRELKFQ6oksIv4O3wyXyGbRq7GrD5WjqBK5dmNEl+XxXkYk7ZH+f42lfqNPM68HMrQasIwuVTLcEzntDoxUef0vNOhurHqCty4rJSuE1XZwrybESAiaHA/VxxDVI90xeqRYManIfD28t2zRcXWaTHS62Ql2ifU7i5drwhT9iBFpUG0MQWuq91aBtA6qaL2ZvULYV/wt6pbSlSd+vVNqkWuec5mlhdnL0eDcjBailse0GnHLvkw+ZnRhmDM7hPxx2qLKz/yqH9W7Mn5lRjzpjnwGZPfIavsyZRNGXuGXyH/RUOkb8CDAAc8S/WrYTqNgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.industry .icon-wrapper .icon.icon2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjcyMDlENjkzRDMxMUU5ODYzMkVDQjZEQTRBNjE3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjcyMDlENTkzRDMxMUU5ODYzMkVDQjZEQTRBNjE3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6C0/PlAAABhlBMVEVERET/AACRkZG9vb2JiYn/7u7J09P/Cwv/UlKVlZVVVVWIiIhFRUWrq6uNjY1/f39WVlbPz89bW1umpqbJycmSkpLw8PD6+vr7+/uenp6+vr7/Cgre3t7u7u7R0NCUlJTAwMBQUFBra2vq6upkZGTHx8fMzMyurq6QkJBzc3P4+Pj+/v5LS0tOTk5PT09fX1/o6Oj/S0t5eXlTU1Pj4+P/9vZJSUnx8fH/Kir/CAizs7OHh4f/8fF2dnb/Fhb/VlZhYWH/aWmcnJy3t7e0tLRgYGBeXl5UVFRwcHDT2Nj/VVWAgIC6urqCgoKDgYH39/ft7e1xcXFXV1fm5ubLy8v/Tk56enr9/f3c3Nz29/etra33+PhtbW1sbGy7wcHNzc28vLzb29vy8vKWlpapqal9fX14eHhMTEyXlpaGhobO0dHM0tKus7OFhYXGxsanp6f/wMBycnKPj4+goKDQ0NDKysrR0dFGRkb/gYF0dHTCwsLi4uL/+Pjr6+tHR0ejo6P/c3P///9AeQAoAAAAgnRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Ap9eGHQAAAZJJREFUeNqc1Pdf00AYx/GPFJGmLZQtbcWWVWiZCiIOkCmywcFwA062ils0/7lXkpCL5MrJ95fnlcv7h9zluQdTM/wHfDC2qwc7oVoLPoLnWrACXmjBSkhrwV9hLusdj8GEHmykraVAnQ/BAxve5rRUWnD9VLhowWkoiQWUSaa4a8EEjObZxsVD6i1Y005pHjgCH+3u6aQ8D6yCHzZ8Ag1qGCXq9ONNaFK6z9DqwAhUKOEwRBxYBi1K+Mr6riPYF2ZG5bKp3OE4d6aRp7ly67w3vWKtSfwNF5bS9liU6/ELcuJ/xFoQbriwBO6J0n/Om0mxdoXwmgtrYUuUgX/gV9NcecOCdK9j8FaUvcGHxW66h36a5jOokmAPFPpvehYCEswavPaH41ybk0dKK0bZp7rNIm/e1+18cRrLhlPq7l71wJcdKndn3jvNuoLbocITCb2rzZxh7B2nOnnJ8675uz/s6qA9Ib1KQ2jJD4rfLw+hmtxWlv2g6HN+S7f0qni+7wcz34x9+SOby6MbZxv2evkrwABzP0Yk0vVbQAAAAABJRU5ErkJggg==);
}
.industry .icon-wrapper .icon.icon3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjM5RkNCQTkzRDIxMUU5OUI2N0RBNEQ5NDA5MDgyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjM5RkNCOTkzRDIxMUU5OUI2N0RBNEQ5NDA5MDgyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7B5I0VAAACQFBMVEVOTk7/AABRUVFWVlZPT09fX1+VlZWlpaWHh4d1dXXBwcHn5+f19fXMzMx9fX2qqqra2tpXV1d4eHijo6OPj49bW1tlZWV2dnZVVVVaWlpzc3PX19fHx8fS0tJYWFjT09NmZmby8vL9/f2ampre3t7f39+Wlparq6uGhoa9vb1PTk6BgYG2trb6+vq3t7dQTU3Nzc3p6emgoKChoaHh4eFoaGjKysptbW1kZGS8vLyLi4uYmJi6urpUVFSTk5Pm5uZxcXHV1dVTU1NdXV1hYWG+vr6ioqLw8PCRkZGwsLD09PSysrJvb2+cnJybm5t5eXn8/Pzz8/ODg4N/f39MTk5JUFD+/v5of3+fn5//9vb/qqr4+PhliIj/6ur/BAT9wcHl5eXn4eH/4uL39/dgYGDr6+v/vb3Z2dnExMT/Dw9fXFzs7Oz/hoaSkpLCwsLt7e3/k5NcXFz/0tKIiIj7+/v/8PD/Skr98fH29vZ3d3e5ublra2vv7+9Ja2uenp5ycnJTcnL09fX/FBScqan/i4vPz8//tbXY2NjDw8Ourq46V1fi4uJJXFx6enqMjIymtrb/vr5MT089WVm1tbXR0dHOzs60tLT/CAjIyMjg4OD/PDzq6uq4uLjo6OikpKTu7u5WcnLe4ODb29vKz8+pqand3d2JiYmnp6f5+flsbGz/EBDAwMBqamr/399iYmKOjo739vb/oKCFhYVwcHBugoJSUlLv7u7/1NT3+flQUFD/5eV0dHSZmZn/sbFGZmb///+qtTn6AAAAwHRSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAeZvRzAAACb0lEQVR42ryUVXsUQRBFz6zE3d0TQkiIQEiIuyvu7u7u7u7u7u7915jumV02YXfhBfqlb/Wc76up6luN+MvF/wWDfcpSrF09s5xg9oPRbrD9XzGW5ZoJbgsn5XduhI40vmzv9NP3AAMcBkPF9UFcBXnHTn6S6s5qLOkSzIIcUcmQAdxy8ia+MnUqhEowkvdBYjOcd+GqYJqYPGW6EfkTIcFc/IWotRK31Mn1hxfeEt8XaxuMsAW7BEPw04Mi2OkE73Fk9nNN05YZ4WGsEnxDr4x8wcfk+tJOvxNXtCcLzNiXaAmWYJ0rw7GyeLXCGHd3o6btcyRYy1sJJoPq96Z5kKU+5HMmY6amfTS5dfHUqD7GkKYO7kNMgdHr7eK1dvGLCa6AUQp8Cr7qZDjkyr2bXWKVNmOOCT7DnmHcdQLUq6MoVN8f8kOc0vasN7hQ2GKaYr6F6CB1+BiShQhg/G1xYI1wpNnqtNkiOK7E1Qbi00WxrXCvmTZQT2IN/OXHbxCpRBLEyjtYsluICR8Otdn0Ake6GrcOipSYBN0i9TMvYuuaLNKNUUEDHN4aR1yrUhEQLLpMz9pzwgaPQjAkKNERTWNJNf6ZPjcuJGa4mZkW6FGiXv8vygs8D1cvJCnRqY9JrZcp7IinQRV4AmzN3sY12TDaDlVGmLe5PhuRKK8Fv0QL9v4/PADZNuzpkg7xDk5Ng4P6num4Kk+gPuP55uTpJvQM6oNTY6iVKVQXewQvOa5HX+egzBMYaCH8pjPSDdvmHuwrhVSXeAxUuQX1d6vdNcGjJljoBtQ9WzGwtMtQ6gY8Wh47uPvN1sp/99j/FGAAL0eM4QolecIAAAAASUVORK5CYII=);
}
.industry .icon-wrapper .icon.icon4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNkFDQzlFMjkzRDIxMUU5OTMyMThGMzQ2MTA4QUQxOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNkFDQzlFMTkzRDIxMUU5OTMyMThGMzQ2MTA4QUQxOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Tlr+VAAABelBMVEVOTk7/AABaWlr/HR2amprn5+ezs7OPj4//Hh7/gID/4OD/4uJ0dHTDw8NRUVH/Xl6VlZWTk5O+vr6KioqEhITW1tZoaGjg4OCenp7X19efn59qamr/4eH19fXa2tqGhob09PTV1dVsbGxUVFSxsbF/f39WVlZ6enrExMRSUlLh4eFmZma4uLiRkZGOjo7/x8dzc3P/xcW9vb3/CQl8fHzv7+95eXn/fn6Wlpb/399PT0//f3//bW1QUFBZWVn/goL/Bgb/XV2ysrJdXV1VVVV2dnb/ISH9/f3+/v7/fX2QkJDOzs7/fHxbW1v/w8P/Cgr/Fxfp6en/kJD/xMT/SEj/yMj/W1v/zc28vLz/Cwv/urp7e3v/FBTi4uLNzc3/hIRYWFju7u7/EhL/8PDo6Oj/j4//XFzr6+v/JCTMzMyYmJj/WVn/3t7/9fXq6ur/Bwf/xsb/0dH/dHRnZ2f/Dw+NjY3/RUX/cHD/ycn/+flXV1f/CAi3t7f////qQlM/AAAAfnRSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDMPuZyAAACH0lEQVR42pyUd1saQRDG3zk5QBAEe8Gu2EVsidFYYo1G0zS999678t0ze2UL3Bmf7F8zc7+b3dmdeVE65cJ/gt2ptoEm64/VNNCW6g4HOzMW1LIyncGgPeF87+3Kns129Tr2hB0ATuX5y2DU3nK8LTs6yH5+qgJs4fDGrnGs3Q2OtZSBMSDdX1FqfxqIGWCEz94TcCk9XF1EA+uYaw68vmYm6yQ4Oww0al+ff1Z2KzA864P1wAWNO0NXcsqLAvUeeB+Y1LiLRBRPKH8SGHHBHWPjSyRW1bwMNAI7DtjRhxqDW7mzyKTKWYO+DgEOAcf6vtOFUqlWJ8eAIQFGcO6qqoMuHwpDkH5FH87zXTI4g3afWyC6XXDNVa4o6YXbMSPAr2jwAtWc75P/0wtFNmBUgBayrr9M9G1flfWWaPOdY43DEmAebxz3Gt9KUX++H0RPngojg7ye8VcV0aLGFTaJvvzWMo76Z0zGiVYlt39E9NA4o6o6yTlrPfv6NNGyrPqud4/PvEhOkkXmqr3oS+8e+WXG/P0SHln8qDjxMqmKtxbkjdLNFY2Tby3mpVVG55k8uEe0oLduzG2zEaMfE3HRZiofJ/T7sazDc3GD0zq8fGaSr34aM5N+HDaF78Om0JnrvcC53jPn+vRK4WrP3GsDezAXoD2sZuuumm073rarZuu3TtLHcamP3+0wxV3SFHcpTHGlhq89WvuHhp+0/gowAISzMmRoGvc+AAAAAElFTkSuQmCC);
}
.industry .icon-wrapper .icon.icon5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMUI1QkMwRDkzRDIxMUU5OUQ2MThGRDhEMThFQjBBMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMUI1QkMwQzkzRDIxMUU5OUQ2MThGRDhEMThFQjBBMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/hDDgAAACAVBMVEX/AABERERFRUVGRkZcXFxsbGxHR0fr6+tDQ0NMTExISEju7u5KSkpfX1/d3d3s7OxpaWn7+/tbW1tJSUmtra1UVFR0dHS0tLSQkJCenp6/v7+AgID/6uqKiopNTU3/SkplZWVdXV1iYmJVVVX/oqL/ExPU1NRTU1NOTk6qqqr/2tr/Q0P/BweamprS0tKEhIRLS0v/EBD/W1vw8PDz8/NRUVHX19f9/f2Xl5f/+vp6enr/LCxCQkL/hobKysr/nJx4eHj4+PhkZGT/1NT/Li7GxsZWVlaBgYH/NDT/6elhYWH/5OT/hIT/6+v/TEy2trZtbW309PTm5ubp6emRkZH/FRX/19e8vLz/eXm1tbVwcHD/Cgrl5eXOzs7/9PT/9fXDw8OysrL/goL/7+9SUlL/RER3d3doaGiDg4P/ubljY2N1dXX8/Pzy8vLx8fH/YGCJiYn+/v7ExMT/9/f/QEBvb2/c3Nz/EhL/qKjCwsJmZmb/urqmpqaYmJh5eXnq6ur/Gxv/IiL/Hh7/Ozv/e3tPT0+Li4v/np5XV1ednZ3/7u7/ISH/lZX/aWmioqJqamrR0dFxcXH/xcX/RUX/gYG+vr7k5OT/09Ozs7N9fX339/f/iYmgoKCwsLBZWVn/CAiZmZn/Xl7/HR3h4eH/ior/zc35+fn29vb/bGzPz8/////H+RKKAAAAq3RSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wC3Kj1sAAACJ0lEQVR42syUVXfcMBCFNTO7qu2l7G7ScJo0aZg5KTMzMzMzMzMzc7u/slYkxfjQx9wHe3T1HR/PSDMs959iIwPc+jQv6tbjkxdCwQZA8AlLQ8CDhsHj5FbcJluDYBvy/bHUKEeprmLATADsBaSUP4NKpDd+MIr4MZBqKxl1h7zgaoT6kKKMxoo2L3gH6G8I+I7QuuwGV6CVF1rnfqSxLrCLk3HK2d28yYkLgDY64Fs09+id4zXPT3eceLBdLQvBKkhr8AmHbLfaWHWFDWncXmXsJp6vwUrCBmVP72BaP6VTi1Qfk+Bigk99CrxqEys7v34T3xyQ1mygcgn2APQq7pkNXLuXyw2Mt4Pz0jsKGE8K8AviFJ3JQ8Y+zxdB2XrG/ijzA+I6AWYAvmuwibEZMhrDWJN2d1CFAI8g9GvL3r4vozmMLVJmSZamCTBGHGLKW2D/2hkR1NjBRGXeJOvsUDJ3OejzWyjq8mNu2XvxbpReEaddMutf1YjHFHlYEM3N4tkpnWUmGklV8BILIwcUuVPX+7oyBg3eMnzW55CKdT5rJHdDLbeY3OgeBpMEPUs1+fr2theTG/VqVpavdd3HQYxfCr2P+e1Q57646XawloeBfIJZ62mFR/ome1UE5hJvz/QlgCYFuCSCucHXrjORV6cDTUjYEpgUUYSLPq6Q0PwdAF8hYKIq4qgqYTsvQ6ZZeWCYAewLnY+35kU8yiRKp46EGf5PgAEA8CwPdNzy064AAAAASUVORK5CYII=);
}
.industry .icon-wrapper .icon.icon6 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNDQxQTgwMTkzRDIxMUU5OTY5QkJCRjE3MTU3RDZBQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNDQxQTgwMDkzRDIxMUU5OTY5QkJCRjE3MTU3RDZBQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WuXqfAAABPlBMVEVERERxcXFcXFxeXl7/AABFRUVvb29dXV1GRkb/kpL/Li5HR0dDQ0P9/f1OTk5ldXVJSUlPT09UVFTy8vJYWFhlZWWNjY3k5ORoaGhubm5sbGyUlJRISEiLi4t5eXliYmLj4+NSUlJbW1taWlq+vr6qqqq2traFhYVtbW3/UlKysrJra2v/nZ2QkJBnZ2dXV1dZWVn/iIjU1NSmpqZKSkr/RET/q6vT09PR0dFhYWH/Q0OdnZ3u7u7/29t/f3/d3d3Ozs7c3NxTU1Orq6todHT/HBz29vb/Ghp+fn7h4eGhoaGJiYmEhITCwsL09PT/KCh1dXXr6+uoqKj/FBRBQUFycnJqamqKior/FhZ0dHTPz8/IyMjExMSsrKz/j4/Gxsb39/f/h4epqaltcnLp6emfn5/19fVycHCMjIz///9WgZZUAAAAanRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AvOTc4wAAATNJREFUeNrk1MVywzAUBdDrRK9RaydumJMmZWZmZmZm8P//QN1OGzsgR5tm07uSZo40gifBkAxqAluV3jcJ6M0QEIpWhcEYvuKbqAKb+kH5+XPQya4jHG8Ena0ZRhqcdznAG4BvfLemzYUOC+GtOd/2T/tIpVRSAJfNTbwWei0aeKQijJDK22zjrpa42vFQDueItOviE8iRGn4pgXtx8NxQyVnN9BH8i0Uw2kw8sFl+SwqRem+Dh35Cd7BSLbQDqQUL7hAygqpJgnssGEZIWF8JbcCCcUwK4QHcFqyDRwiVWsKxqc5ZKbjK2KAU3GfsTgo2MFb//+A6Y49ScPTiuEcI3cK7PrXDhAO8hMuCMYwov3l/1nV9pdBVfAhY8MkHYTT1w/Zct7IuQfLZtPdvPvtPAQYAyJEOZuYm50kAAAAASUVORK5CYII=);
}
.industry .icon-wrapper .icon.icon7 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNEU0RjA0NTkzRDIxMUU5QTYyQ0M3NzVGOEE4OUVBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNEU0RjA0NDkzRDIxMUU5QTYyQ0M3NzVGOEE4OUVBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56+6A+AAAA+VBMVEVOTk5XV1eTk5OVlZX/AAD/LS3/q6tYWFjOzs6amppoaGhiYmKKioq+vr7V1dWenp5RUVG6urr/IyNqampkZGT/YmKXl5fn5+fb29tgYGBQUFB/f39WVlZPT0+BgYH/t7ebm5v9/f1UVFT5+fmHh4fPz8+utLSRkZH/o6OyuLhnZ2dTU1O5vb3Jycmqqqr/y8u5ubm1tbXl5eWIiIiEhISfn5/w8PBbW1vMzMzy8vKurq7BwcGkpKT39/dSUlJpaWmoqKjJy8uPj4+/v7//np7/DQ3/SkrU1NTNzc3/fn6lpaXk5OT19fVtbW1mZmb6+vr/GRl+fn7///9bmFCaAAAAU3RSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////AGaJflkAAAEJSURBVHja7NTZUsIwFAbgPzTaDVnKDi64oCgKuCGLioq7gJL3fxjTyoRUaekMg+OF/81J5nzJnItMwAIGi4PanUp+xtRP3DBzBo9sxWVYUoHKBXCqSCkaiBmcVidQ49tC5giou8bqYvDeywMrAqpYe+XFxPWb5HSgzS9RsSpgHjt26QBGS7g4YG7zuoeYgAS60wsDyecvdnXJx3myV2kQCYac7uaId9ePI9nm+RDj2VhoCrSPiyQ15gNZJEwcdnDTZ76Qscbt/u5hdrL3hN/zm3DDsh4DwTKlH4HgMqVL/3B+eE/pQyBYS6Ve2B9/Zr4w6g2jLphQPJOQIGZEwBzxTW7Bf/isfAowAPAZdXxX/3p4AAAAAElFTkSuQmCC);
}
.industry .icon-wrapper .icon.icon8 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMjhDODJGNjkzRDIxMUU5OUFGQUVDNjYyMTI4OTU5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMjhDODJGNTkzRDIxMUU5OUFGQUVDNjYyMTI4OTU5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Dbv7MAAABIFBMVEVERET/AACsrKx1dXVYWFhISEhvb29dXV1sbGzu7u5OTk6tra3/vLz19fVhYWFWVlZFRUWurq7/yclbW1v/xcWrq6tQUFBeXl6oqKj/UlJmZmb/Li5nZ2f/ysqLi4tCQkL/aGj/nZ25ublXV1f/ZmadnZ1ra2tubm6ysrL/IiL/Fhbx8fF2dnb/Z2dZWVn/r6//xMT/NTX/Jibf39//1NRzc3OKioq2trZlZWVxcXHv7+/29vb/zs7/VVW0tLRPT0//Dw+IiIj/NDT/Ghqjo6ORkZH/JCT/TU3W1tb/0dH/DQ3/LCxycnL/KSn/dnb/eHhjY2NHR0f/q6v/ExO8vLxDQ0Oqqqr/Hh7/qqr/KytqampcXFyBgYH/y8unp6f///9ZRxX2AAAAYHRSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBzbeRDAAABKklEQVR42szUd0+DQBzG8eeHtipXymzB2mFb995b6957b9//uxCORkkMxyU10e8/cMkn4Q64w4dk+DewlnazPHcwJ4KvFXxlnMbD2zsYajOgshcLi7ga0lY13qGOfCwcQP17UIb+A9Y8xY+xCajMVHjMXIJ6z4Jbb3ElhFoBCeVnOVxAYgUOszB2+QOZ8p5jSjOmeOGAmXYwWx8+IyX+KGN44bATqS4hTKOjNbj2eJ2RgutEN1Kwj+hJCvYS9UjBC6LpJGhl/A6IhoOrI4APFOlYAM+icEcAZ6JwRADnpizrrZtov1SynKOkVZ8Tbf/uexwnOpGC/hw3paBTrU62/D+OSsFi0p6Zh83hJYzlNlGN4HDx4Ubyvi6HR0q/q9fb49Ptrb89wz8FGAANKJnSMy6POAAAAABJRU5ErkJggg==);
}
.industry .icon-wrapper .icon.icon9 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDM3QjhDNDkzRDIxMUU5QURGQTgwRDQzQjVGNTk2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDM3QjhDMzkzRDIxMUU5QURGQTgwRDQzQjVGNTk2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KGDUDAAACClBMVEVERERFRUX/AABGRkZHR0dDQ0O6urqBk5OLi4v/Ozv/ODjX19dPT09JSUlOTk61tbV3d3dbW1vs7Ox6enry8vKhoaF/f39fX19cXFyQkJBsbGx1dXXd3d2NjY3w8PDKysqmpqbu7u6rq6vx8fHn5+fr6+tqamrg4OCenp6UlJTf39+SkpLk5OT19fWqqqpQUFDFxcXExMSzs7Ovr6+Tk5NISEiGhoabm5uCgoKdnZ2FhYVvb29MTEzV1dVWVlaPj4+YmJi7u7tmZmaWlpbMzMxhYWHa2trR0dHi4uJKSkpLS0unp6exsbFZWVm0tLSVlZWKiorj4+PLy8vQ0ND7+/v/bm7/ZGRXV1f/Li5gYGB9fX1HXV2goKC2tra3t7d4eHi+vr7o6Oi8vLzCwsLc3Nz/FRX+/v7Pz8//PDze3t6srKx+ior/XV3q6uqDg4M3SEhpi4uHh4etra1ra2v/Ojr09PSjo6Pv7+//r6+urq7/Kyv/LS2PmpqysrL29vaMlpZpaWmYl5dVVVV+k5N+nZ2vubmpqalIRkb/PT3Ozs7/nJzm5ub/2Njl5eVTU1OJiYlycnKkpKRkZGReXl7j5OTh4eFubm5GRUX/QUG9vb2amppdXV2BgYFIQ0NNTU3t7e3JycnGxsZKRET/+fn5+fn/GBj+/f3S0tL/Nzd+fn5cWVmBlZXY2Nj///8FRsB6AAAArnRSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wD8ZqXnAAACRElEQVR42qzU9X8TMRQA8JfLBQaVVVbdKnNlwpiPbTBjMB/u7u4+3N3dHd7/SN5x7dru2u4D5Jde0m/sJXmAUyzw9zC/pNs+vCAtnLXIDFTm3EwJTYELoBdeX5MU3q7nqmDcH+pxcy5UZhszhD13mRyIHdpIlS7bG6pkX9+aCKv9jAlVfRXdRbCzjwPj9sE4WL2O+qtOU+yqHO3aYudnRuCnndk06cLVcxNDMpI3QAMUlQQJvhsAxqC16a1RmBf3t0kJ1jyEUVV28pY7kp3I2fADWkAYvBZo+Zr69MqGAcywQkB2WWqYWy53APNoYH9DQTKVVWmT4MM4YK1FpYD5coyY42gVwNOr+y5RePYMeTgNG+hNZDkui2x/vWr/o0jA37dosX144kgM21TEZGTgx+UviDeW6EcYosDK9qorWTp77lGZ1vs04vHlyhYdyi19P/gSBGPmjJCcs9ROC7e6mgB+In5WlGs6nAbwArHfI+8ZgK1ZcA7c6srHLoDpiN8UZcYEzNB+z+kTsu5KWkSmBmdOhogbSmmnjfo9SgERC2vvb458p4SxZXCqcHYEHk4Dz2jwlKKcnIA+I7gW4CLidkVZCtEp2o3gGoBdiLee7f6ow1EmzAdqEllxxzKA8/HP1c4FV51xz8vho8jX5cbDCncrNbujD3aks48anvyalCmCQ3XaM15PlW1O7SAbKwxzT2GA/hT3eov3CvpaaUqazXaE78i7KkDeDN4wliY/Wv/kx4K0GfdYh7et+fH/zOH/Cn8LMAD3gwR2kB9JXQAAAABJRU5ErkJggg==);
}
.industry .icon-wrapper .icon.icon10 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRERBRjEyMDkzRDIxMUU5ODg0NUNBMTE2RjYyMkJENSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRERBRjExRjkzRDIxMUU5ODg0NUNBMTE2RjYyMkJENSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qHa2ZAAABJlBMVEVERERcXFxeXl7/AABxcXF/f3/6+vpkZGRWVlZUVFRsbGx8fHxFRUX/f3/Dw8P5+vqysrJmZmb//PxQVVX/DQ3/8vJlZGRRUVH/+vqBgYFbW1tdXV1ra2tSUlL/GxthZWW7u7tVVVXHx8f/GBj/+flycnJVVFT/wcFjZWVJSUmNjY3/Ghr/s7Nvb2//ra2AgID/hYX/JCT/FhZ9fX1jZGSDg4P/9va0tLRTVFRLS0v//f3/+/v/6+tpaWmEhISFhYX/HByzs7NSVVVhYWGWlpaJiYn/HR329vZHR0fBwcGioqJGRkbY2Nh7e3uCgoJTU1P/7OxZWVnCwsL7+/tDQ0P/Fxf/8PCIiIh6enpqampnZ2f/3NzW1tZMTExgZWVISEhlZWX///9m6ZmOAAAAYnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ABBWkqoAAAEcSURBVHja7NTXUoNQEIDhBY0iWUEQTI/p9t5r7L33rvv+L2EYkCBn1dxkxnH8L5i9+C4OZ84sUINBk+B+RE2rwdL3iQsGniAwDQowB3iYSknBZAkRc2Fo7A0cCWfSrvA4DM/RYE6fgWgYysDASwUiImwXYVvHL4M9DKxwcLr2LS2ZVLJtO75oxk0ifZ6DvUR9k0PZnWvLsopr2eLEDendsM3C4ZZgZw405rqc1p/q8IVo9BNcdqAXoubDfqLHzkDjs6Rv+M8IT7/7a70CakGrVViB2A/3eOtOVVAau/DoP/xL8I3ZFHkYc4cpHybhgYEKrLpDAvIeVHChVWjkFTJlZyjH4NmDB+x6rId3H4t0a1P6uqQ8s9uUZf8uwAB7TbNkY2wy8wAAAABJRU5ErkJggg==);
}
.industry .icon-wrapper .icon.icon11 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjc5NzIxRDkzRDIxMUU5QUFEREIxRjIzN0JFNjJENyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjc5NzIxQzkzRDIxMUU5QUFEREIxRjIzN0JFNjJENyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5gaoydAAAB4FBMVEVERERFRUX/AABGRkZHR0dLS0tISEhNTU16enpaWlp8fHz6+vpPT09DQ0N5eXlYWFj7+/uSkpJVVVWamppiYmLp6el7e3vZ2dnz8/NCQkLw8PD9/f2lpaVsbGxtbW2wsLCrq6v/fHysrKxfX1+ioqL+/v7S0tJUVFSBgYGysrJycnJvb29gYGBnZ2dWVlZmZmbu7u6QkJC7u7t3d3d0dHT29vZlZWXy8vKkpKTv7++6urq5ubl/f3+4uLjq6uqtra3f39+np6f09PShoaH/AgJMTEzOzs5cXFyFhYVzc3Ph4eHQ0tI/Pz/x8fH/x8dhYWH/GBj/4uJxcXHn5+fCwsLPz8+vr6//yMh+fn6Ojo7T09NRUVH09fXExMReXl51dXWMjIypqan/R0fV1dVJRkbU1tbs7Oz/Dg7/sbGxsbGCgoLW1tbg4OCUkpJKSkqgoKCEhIT/lZX/9/fJycn/UFBOTk6RkZFXV1dZWVnb29tjY2Pe3t5JSUmqqqr/TU3/SkpTU1Oenp74+Pijo6PX19fi4uL8/Pz/aWmZmZlMSkq1tbX/xcX/zs6Xl5eurq6cnJyNjY3Nzc2JiYnAwMDr6+u3t7dSUlK/v7//ycn/tbXt7e3FxcVubm6WlpZTUVH///+MOx+CAAAAoHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AiQM9kAAAAixJREFUeNqclAV32zAQx+8i2U4aJ2mapIEmaQrryl1hZe7ajpmZmZk7ZmbWV5281bEcy3t+03t+0t39rHf630nAPA6Q+HbFJ7yBLah5A/3Q7g0sg4BgHa1xBSvhimV88flqzgvg1IgVy6FSXK/28XHOAl8Ter8YHIzcNZfPl3Bubp0FDiHCK2cSXw3uti3HKURS7QDXcm5/yan3IUA5n1ODT7rzzZebHhrOF0d8Fx3yFNrDCxjbfAf+DIRTGe7c8lii4yPGMm3IEVD4B/TXIVfBJ1sJ4tKZDX2jyX5+uqcr3MC6m2rrzPx6eTfQgzvlYEGnnz4IJQ8pw1IwpYbUpPBfUAOSkIFDCO9sKnYhTsjAGMI1G9gXwpwAft8arvSXjRhtiIvshZklepBtHzbiY8CIoS9dWcXyoEzawWagq5g+/bcALFu3MFIxG2Osh6glO8ZBu8eexXk8EDVyDFYZRWZRxHEbt5hABzPjwmGqAfpt4FvAmOzUidNpkhHB62l6Q1qZbZfSPYLZqCm98hKWaxT930yLp6yMuzRFww5A/WOCt+XhjWsoVQqu97pBMSS7+mM3FxexSd6PF3p/MjbaCPMD95xg7FhHrQP8TAkE+Xwy26KrStvLB4aT9/uZEvA9v4WdptADKVNailhvAzfxO7BX8rpkAciYCHYS9WwxeuB4V3Fdj2pABAeWvbG2WS++j7X5pOtrFoaK/3kf/wlGvIG50LQ38FYg6nT+FmAA8q0YoKN2bGYAAAAASUVORK5CYII=);
}
.industry .icon-wrapper .icon.icon12 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYwYzBmNGMzLTVhOWMtZjA0MS04ZTg0LWQxMmI1YjAyMzQwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOTE2RDNGNDkzRDIxMUU5QUI5Q0NBQTQxNzAwMUYzMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOTE2RDNGMzkzRDIxMUU5QUI5Q0NBQTQxNzAwMUYzMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OWJiNWQwMy00MjBjLWI3NDYtOTQ4OC0xZjljYzU4YmYwNGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5NjE0NmNkYi01OTJmLWFlNDUtODBlYy0yYzY3MDViYzk1OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4NmLRNAAAASFBMVEVYWFj/AAB0dHSvr6/Hx8dcXFz/Kyv39/fGxsb/hYVzc3P/qKj/Bgb/8/P/qalbW1v7+/vIyMj/KSn/+fn/BQX/q6v/qqr////0Uu/vAAAAGHRSTlP//////////////////////////////wDNEy7qAAAAbklEQVR42uySOQ7AIAwEbe47CTn4/08jqDiaKBUFW00xWq0lQ/oYWOISJxQZ4YQNGIQToREPyGEd3pgTapEAlRRIhwK11yhqkcOeJPAOHZ7Jo/vVyMow1eFTNtrmamU2owa08Yp2PcUS5xNfAQYA0H+GmYH7YscAAAAASUVORK5CYII=);
}
.industry .industry-name {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.94;
  letter-spacing: 0.8px;
  color: #000;
}

.count-wrapper {
  color: #fff;
  text-align: center;
}
.count-wrapper span {
  background-color: #171E34;
  color: #6E80BA;
  padding: 2px 5px;
  margin: 0 3px;
}

.color {
  width: 186px;
  height: 186px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.color .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHdRJREFUeNrsXQuYnFV5/mb+uc/eLwm5b9gkJORiNREIilBAG0vVCCIg+tSKqPXytBhprW2lVJ+2WsRLRRG0PK14oVotXkCsBRTlHm4BowIBAkSSTbK72ezs7M6t3zv/mWR2M7tz+///nJn53uf5MrvZnf3/Oed7/+9yvvMd3/V3HKBLr3meaobF0qZeK0Wa5RAJSqOTxY8vrv/AEvqD5dEsfzkqwzKLKmVztH8sTblc5e+JBP3UGbPI76vtmoG67jjCEqvxqlGWiaafUyj/IpblLAPqdTHLPJZ+lh6WbpYONZrlkFSPm2GWgyxDLPtYXmB5huVZ9foiS7bZBxc8GRnPVEWY/CCmspQay1EXEycU8HlEGp+yLsE6PnFUWZxU08whSLFeyQb1uoIl5OA1Ikrmlfm9KZanWHawPKZedyhSNQ3GJjKUyuRqem+GLdSBw2lqi/ipPWK5TBoQJV5wIOpEXDkeuYabrzDLRpZXs7yKZbOyHKYARD1RyQVF/w/LdA/L3Sx3sWxnmWxEwkymcjQ+Wb8xPZzM0lTatjpWhf5adaSJKnHSeYHFGjN+jjCam1heq2SzIk6jAcR+oxJShPkVy0+U7GiED5Flrowk0o79PZAGcRHiHMQ7zpCmoNwBF0YgqByOpJHW5HUsb2I5h+W4JgwL8BnPVPJpFRuBPD9k+amRs0I2YbIOeyf4e8McH8VCOeqIWuTz1UOakHKjfC6OQkzFNhnt8xFUluQi9TTuoNYCkhTvVgL7fzPLtxWBjIg+4ZJNpt3z5xNT7K5lbHctaPlmtSGzOyRxZWF8HoyGV9cpDQTtV6sn7Y9Z3t6ChJmJdjUOP1LjcrUaJ21A0I/g322kM3aSYLaYyT+r/enw2Gu3qLb0de1AdPYulvvIzjBdRuWzUq2KeWp8HlPj9S6Ho9uyyCn3Kefh9Q4xQXHNma7gsaSJKMJYGqYmTM4maGdXgCtZdrN8jeUk4URVOEmN2241jp48aEZZgTNZ79OsWNNBkmCqyCX0T/uq3fOn/bFwKp19LJB+/QrLcywfZ+kT/a8LfWocMZ7XqfF1BRMcZ0B0obCmM5bMFJEmqKxL0ICpKCycOofVLN8iO536Hqps5V1QOTCel6rx/bYab+fiC1bY0YmMER8UazqwOv7vPjJiWxi/QdMQcMRjHmT5T5bHWS407BM2IzC+F6jxxrivqDuuoNrKZNxORvhv22noymK0ZssHt+Ealt+wvENTdNbKsNS471TzULMbXE+ZjNtPB3NR3foQUgjbWJ5keT+5sxQrqM5feL+aj21UZYrHqTKZ1iONv+L4Biv3D7NcxdIl+moUutS8PKrmqSycLpNpLdIUkhSzh+6opbqR5TZyMXsjcASr1TzdSGWKW90ok2kt0gCxkpEJ/OZfs1ws+thQuFjFO+8o9cPDLpfJtA5piIrLbBaw3Ep2hkbWWhoTvWr+blXzmYdXZTKtQxq7zAYVxyjl2CJ61xTYouZza6FMphHQKKSBg3Ythel/KCTWpcmA+fz+6ETmukw2FxPSOIN1ZO8wfG/+uzjJMmWTQZXJXKrmeZ2Qpj68jeztuUdLM5wvsxFoxIwyGczzvWrehTRVAgtjn2H5RkmKOFNmI9CMWcpk4mreryZDF6hNJA1KR7ER7MNz/lbtZTYCQ1CmTOYypQedQpq5sZTll1ThyrHr27AFrqHCMhnowV1KL4Q0JbBRxS/rq7p7iW8aDlWWyaxXcc5GIc10IF9/J8vCqt85d5mNwEDUUCazQOnHFiGNDex1ubkum1G6zEZgILCRq8YymTalJxfq/gx6shMLVJX476fQoOE6R1QeQ4ouxzlRTFORYrIUtgzXCCgOCj7jb/z+i18r/sEP3ryoyUljEwZbj691LJQvdLMZbzBNwqdHfy2rMBs+2/7zy4NDSTrgy1J7yHYI4kE/dUUsFn/+60ZCvkwmkXFqpq9nkgSZONfqmbL3PKLjuu9k+XdyI/d1mOz23yYB+h3mjxrx2a9BJSFfzTY24PfR/LhFC9sCtIBlSUeQBruDtKI7lP/evDgm43RzDPgUlzBxbmgFS/NWlq+SW8lipKGRmNG56Q/EiLNEmS1RRRSHgZX0F8fSeTnGU2XLdGJfmDbMOyo6LVPCnW4yPmVxEkycm5rZ0ryB5bvkdnczrw+Nyh9sxUrZ7rfJEjBr8Qjd8EGcUxdFaTPLqt6QZ8tb6Fa5/3DazeYY8CvOh7FpRtKgyfYt5FXfzgly99AoEAUk6QRR/A21yAr37ayBOJ09EKO1/e5NB3hygC2hB80xQJzXs9zeTKTBAhVWdr0tiUCjHafbdsOidCur0gTVCIvbA7T1hHY6Z7CN+mLO5u3R1tXD5hg46eg08uC4EC9IgwVL9P9d7LlGFE6rrPdBB13q5n96/HYA34RAYuHVS6L0trUd9PL59a8Wo0zm4LjnzTHQqP0Uso9PbFjSxJTJPFmbNqSo9kOjQJBev02YFtrDA5ft7es66Mxl8ZoOc0WZzNBYSldzjPtUKJBwzzPf+D43P8ANytfUGAUrS5OukizzA0SLWGL+lisKHUpk6P+eTbCMU3fEooGu0JyHHM0ELExaX/YSHg0OBP5eI5LmL1j+ygzfQ1mcXAUEm8//LAZZfC1fQT2SzObJc+dzCVrUbq8FlQPKZHQ2Ky+KoUeU1WkY9wwB2c/Ii4MzKgUWo2crswE5ENzPC0gN2xxAuvqyk3poeVdp8qBMBullQ4DH5FlkJ6AchRueOgL//zKKMAUrUqptAyzKICvBAiFMOdzz4gRddPMe+sKDwzQ5I42cda5MxikElR4uNJ00UDsU1Jl5qGvxoVH45Av4dpcHXVmxb1bgrJav7xilC77/It2/5+hC2KGEnkOXygB6+A1y+HHodEzzMZZLjJ51PH+wYr8saK+5CGrCGMcttz49TvsnMrS2N5w/McxQDChX7RcmxjSvJPtMerN37rfzQ6dN/DAngQXSbZt6aLDL2KlHoPUqlvtNcs+iyi0zlzAov+8LCmFcwAtjabr850P0413G7stA/vTr5NDhmE6R5pMsq4ydVexHAWGCEru49ijneOYrj47QZ7cfmyQwBNDPfzKFNJvJXpMxE3G2LL0B6crpEe7YnaC//sVQPtYxEB9iOVU3aeCOXU+mJms7LFsEnmLXSIq23TlETw2bthswr+/Q15BO0lzOsta4WcsvVgZsKyPQguFkhj72y/300N6kabeGw78+oos0aOD2t0YSpocJExF/TDeS6Rx98t6DdM+eCdNuDXq7XAdpPudUNsJR49sbtAN/gTEJgk/dfzAf6xgE6O3VXpPmDJY3m2dhJENmIlAo8PmHhunO540izlaytxB4Qhp/PSwVwrQucT63fZjuNstVu6oWDtRCGpwd8nLjgv6QEKYRiHPVA8P0yL5JU24Jenyx26TByuoVRs1EJ99SWGKYRopx/oVjnOcOpUy5pSupyhR0tdr2pywrjJkB1JFFhTCNhkQqS1fefcCUBVBk0S51izRg498ZM/Igi9SRNSxAmE/ee8CUkpuPUhWtxaohDUr+B4wYcZT2dwZE8xocqBz48iMjJtzKYqpiS0ulpIGGXm5U4C9xf1Pg9t0JU6qjL6uUD5WS5gKqYwXV8cA/IIxpJnxtxyjtGtWeGECsfq6TpNlmTBwjgX/TARm1zzxw0IT4ZptTpDmDTFiXsSSOaWY8P5amGx4f1X0b6M55qhOk+YARo9plSRzT5LiVY5sdQ9oXPv+yXtLggNA3aR9NdLmUIsymB5yzLz48QlN63bStSu9rJg3OxNS77x/NhNvFLWsV/H48Td/6zZjOW4C+/1mtpPGVe7Mn6LBkq3KL4eanDtMevZ0630VzBANzqeNrWAa1jl7QJ9myFgSyaUhDawT0/rRZSdMZtSgc8JWi1UX6rYy4Za2KB15K6q6GnlX//VEOsLvjAZrXEaSumEWRoB/HKkBbz9M6atiuLOX+LY3/eGKUNKYEoP9HntqT6RyNTmTopUOpo+4Zzh8BYUCcee3BM/m1TxFID6QYs+Xx9EiK7tW0aY3J2p9M584cUUQ5MJ6m8alsfk9QyYCBiXLBEQKxBermV1gkv1cEivhlF6Ygj2/uHHPzZOjpROHroCc1Tj8AUQ6Opy9IKKKUSwTgEb/1CIFYwkwgxD55ArErF3ObQGJlBArYrHb/S0lXiTLBRDkIooyl8q/4XhF1K5Xo6VeKNOiY2TPbRZA06FAE6lEEspxkUFisjGA6vveks+s2sBywIDjmEBYFliV5lCjF6FF8mIZS6aktlV48xAQKBWwi4qx4XDiZytV3TklcUsyC6dh5YIp+e3CKTugJ1UUU6CesyBQH9VVoKM6M/WU5S1PTwbJBy0ftEYv62wPU2xagOFuMQLUWCCX/st9fUAI/fPpw1e/BwxvB+35lURDUT1ZHmJJGZKalmU8OVDSDQEHLYhIRpWGB0rYVSperKYoJYQSlcc+eZP4gqfYyNYggykTK1jeHatjAB5yo9tJsluZscriWOMAEamPr0cfWB1YI1gikOgb4r6gkAASlkWIy3D5Ll05UEIxNZmnocJr2jqXpUDLjZNGnT/FiVvfsNDc/OBIGcNt6SxEIbpkYGsEc+NlzR0mDGHqMybGPSQLB1yn3qqNPn8s9O9WrAbAJZJMoy0+KYf46JXohmANIPz8xNEl9/LD1+FDc02ezNF2k6dgMH1ubtKSZBRXgrhcmdJwivZKlvxRpNpMmB2nSIsqJPggqwIP7tJ13c0op0pyi626SfrEygsqwDyv3CS2dOTeVIs16XQMxJUkzQRV44oCWLQPrjSFNiu8gK4ZGUBVppowgTTvL8briGYGgGjw5ksqv23iM4xVPjpBmna4kwJTEM4JqvRMmzO4xz3sI+BVPjhBljbYBEEsjqAHYoKYBa4pJo6VPM+IZSTULaiKNnt7Py4tJM6DjDtJSNiOoEc/rafE0oJ00KYlnBDXiYDJD46msjmSAZksjnBHUgRfHPV/kPGJpULS5SNwzQaMBLWw9Bno8B6G2vaShHz8SALKoKagH+7wvp4HG9oA0PTo+cEasjKBODOk5HboXqjtfC2nEygjqxPCkFtL067M0QhpBnRidzOq4bG8hpvEcEs8I6oWGlDMVYhotrflzPmGNoE5vBd0x057XlOSzZ21aLI3MucABHPbe2uTbWWopmcyJoRE4AA3ncwZAmogW0sh8C5zwWLxXpHwP2LAMvaBRMem9pYloW2IU90zQqABpDum4sE/8M0FjYtQv4YWgkRG2vHdZQJqEFksj8y1wQoG9V6RxkEbLvlFxzwROIOS9pcnvaBnXFUwJBPWiLei5JuUtzYgeSyOmRlAfYGSiAc8tzQhIM6zF0ghnBHUiHtTirwzjqvu0PCWENII60RnSQpp9uOpeIY2gEdEdsbSRBjHNhJBG0Gjo8/6M1omCewbs8j4RIHGNoD7Mj3lOmmfz8XjxN14jIJtqBHVgQTzQgqQRSyOoA4vinluaXdpJE8wKawS1JwE0pJynWZqnxD0TNBKWtmlpbfFUMWke12NppHBTUBsGO4M6Lvt4MWngqx3WQpyMKICgBtJ0eU6awzNjGjhKO3R8+JDENYJqH7R+Hy1t99w926F4Mq3YWAtpwmJpBFViJVuZoPcbaY7wo5g0D+uKa2SRU1AN1vaGdFz20VKkuUfXIIQkiyaoijRaGijdV4o0MD+jXt6FxVePh/3UF5AcmqAy9EYsamd9yXgbCyeKLU1xNJVV1maLu0TxUTRoS0iRBWHNnqmMtKoVlLcy3UE6NJHJt1AKWtAjP0VYlyx3YxxYmXQp0gC/coM0ARAlZBMlWGJPN4ohOvl3hiWTJihLmqPxTCqTY2ECJW0CRRSBAs4T6OfT9HmuH9YV4Oc/xOxEmYluIY2gDPqjFs2bZTtAgUBjTKAAdC9gkyjoTOONO+Yizb0qrumslSh51ytUPdu7+PcDxTZQIJiBV1SYNUszgQ5DJrN5PcTDuw4CjdKMJNlM0qCd009Zzq/0LyIuKcQo9fiVeGcvf6i9GbE2ghKxMCvIhhqyZuksyGMTyCoQKOA/Ek9XgP+lGW3OSi2rliVNOFBwvfz5DJhT6PP7mTSy2ik4Fms4lonVmWVFxm18EpLNNxm0YyB/Xp/nwG3HxOglfukWslvV+oqtQN6ihGyiuJWoiPDf7eA/fkhiG8EMnDzP2bUZqFhiKpuXYgJBz33H8qEsafawbPf5aFM4cDSl51XVwnwhjWAGlrQFaLGLuzSLCYRTLeG+QefDAf+D/P2eOUljvyFPlJv4TZt0HIsJSxPjCyekmaBA4VXzvTt3DGo3kcqygA+Zm8KKQCBSgQ8BfBFV2QUQRv3gOyyfJk3bXY7jqG9XWkgjoHyKeVWXlr0zOSbQd5JMoCQIRBkKK474F3QGqDtm5YlTZFmeo6JaG6+BNZuonP4sYJyxIKJro+J9igc2g1hAoJGJzJyhyk06B2uhJaRpdRzHD/M13SFdl//2bD+YK2H8LdJ0DAeAxc64WJuWxtmLorounVL6XzVp0K72Fp2DtlSqn1sWKzuDNNgR1HV56P2+WkgDfFXnwCGL1usX4rQaMOVblsR03sKceu+vgHG7dd79IstPluhRS2Hz/Aj1hLUd+/VcOQ+r3J1hi8tXdA5gkJ86iwNyblqrAGRBxkwjvqz0vmbSANeRhlMFitHH9rpd3LSWwBuWxd3YD1MpDldiJCohzX6WG3UP5jJ208TeNDc29YdpoD2g8xZuoAqO06xUD/+1nMlyG2EfsmlCm2ZFX8Si1y2O6rwFbOX6bEWJigr/4JMs39M9sMikdYub1nTAOvZ5y+M6epkVA/r9jJOkAT5BdjWBXjeNrU1YeNNUeN3iWH71XyOg1/9c6S9XQ5rHyC7k1PtUYhkMSHzTLHhZb4hOmhfWfRs/YHnEDdIA/0B2xyWtQDHngMQ3DQ9Yl3OWxnTfBmL1K6p5Q7Wat5PlmyYMOGKb46Sos2HRFvTTRYNtuuMYAIWZj7pJGuBKlikTBh7VAj2SGGg4gCgXDsapI6TdW4Aef7zaN9Vy10+zfNGUCYCbJgufjQM4B+cfH6dF8YAJt3ON0mfXSQMgk3bAhE8Nuqxg4rTJNgLj4VOp5ZWdQRNu54DSY/KKNFg1/Zgpk4EPsYJ95JgQx1zCsGxdFte5qWwm/p5l2EvSACifftAYs8+yiokjG9fMtDBbB+K0odcYwkBvr6vnIV0rkKp7LxmQgi4mzsqgxDimxTBvWW4UYaCv76tHb+tNXzzE8gWjJknFOF1CHO2ws2RtdKI5Lhnwbyzb6w0HnPANnzZpVPChjmfizJN1HG3AOsw7V7XRCjOC/gKeUfpKukkzznIJGVCXNjPwXGL58yLU8Rbzoxa9e3U7LTQjrVwA9PPdZO+Z0U4a4OemuWkFwNqsZKsTEF32BBt6QnQJE6YzZFyZE/Tzdqc8GafwUZZfmziRSAysCVrUIe6aey6xj/L7Yd6sv8S/FKCXf+Ok++8UkiwXkuat0bOhK+yn07rDtCIaEHfN6bFlq7J1cYxWsjtmYDNh6OXbnNRLp20oToj+iGmjhj3nHRErT5bVPLGndIYoKtk1R7CGA/1zl8Sojx9KOMJvLGnc+ULbqMqCTK9JA3yJDOgpcCQhwNxAr+piivQG/XQ6W51lEUusTq0uL4/hHy+M0mn9YSru6YgDkybNaV5/o9JHMp00ABY9HzFh1DrCVsnuJpjo9W1B2sxWp11inapilw1dQTp/aYwWz7LbciSRJgOOGHpU6SE1CmkSLOdRjbU9TgHHh8TKZHF6+Hdew1ZnLbttQSnBmRNLmCTnsSt2St906zITIAyIoxHQu3OVHjrv7rt447tUAPYjIu+bZOJQ0s5IZZfF/C+PBmgRW6XfTaRp90RGb+sdw9DDD56TmShLqtjHDxcNh8O2ed8pE0HVxUr/qNFIA/yE5cMsn/d65LqiVtVHHob4DeviQRpkAj3JT8rnOaht5aOlkBV7RXeIBttryzgiKYAjKIPeur8I/G918wJerPlhUWk1y597FqSyxQjVMVHIrG3geAfp6V1JmzytdFI7MmEvY7Ic31Z/en44kaF+/B1vePNlLx7QXi2Uf4hlEcsb3b4QyOKUSxCzbMtzQixAu5k4z7LbNtGkh+jCKi/lz7meg/wFUee8aRxDPsrj1uV+i6YfKD2jZiEN/MyLyO7GfrqbE98VdX5ykCCAy3Y8y/6pLO2ezNDeyeaIezqCflrdEaBV7UGKuXQeEA5+DU35yiZl6sAvlH5lmok0pDIZsDQ/ZTnZjQt0MmEsFxct8Zf7eeIhKXY5XuJAd89UJk+kRrI/bUwOuF6QeRFvcjSH2FKH+LouNDe/T+lVwqvx87qO8RDLFpY7WV7m5B/GUyziYS80WJ8lrHCQVC5HQ0ycIX6i7uPXScNcOKgpyIHs15J4gPo1nP2Sy6ehM9Tb5mgZExpYvv7K7cOjV2zspmYlDYD+Aq8luzJ6jSMfQpXJ6AIItDBs5QUYy+ToABNoGKcBp7OU4O+9pBGygAjmj2PLOz8C8ef/TzcKZTYOzdVvWM5mwni+FqilYn77VGZoY8j6Q7JLtU+s9yk6s0xGN1Bh0G5ZNKCUA5m3sUyWDmHtgr8BiZBQwCusVK3xWxu68LDLg5KWjqAvv54CwfemAmU2YfTjri9+QtXyWUyYIR2fQds2EybOXibOGfzlbSwvrzmQjVg6DwGqCMh+d2ELdonRRjIhxQRir46mcrZFAsmyOXtxcElPMG8l8AnBhQj/MUiogQtOUS3Q3x6kGj/Cwyx/pIswWkkzw+IgXfiaat+PGCYWauyezrj7MGuPHWZM16LhNOWD9WYDQr5hJk5v9Ts770LQz4QZ0Xn/WmaEiVL87ahKDqAi9dyKn94ok4nKEbaNiqnqy2xwfszbWSa8DPpne9CZAGwQOp/l6krfUEuZjMAsICmQqqzU4mqlH0ZscDTJt4F7j7qhD1CZRSo8nUJSzt8UQJnNHLkQ6MEHlV4Ys5ZsYkCATUNvUG7bMQBZ2sPiljULCmU2JTCq9OAaE+NQE4EqVVQN7Jx2sy6VyQg0++apLCWmphmSnWr+bzXxfk1OPf2W5SQqOrLQ7TIZgT6gzCZtV1J8RxHmt6beq+n5WjR2eyvinFjIPxGRIwObFhzXJEcSmQ/m7PkeM/leG0ILA37flzoi1ivJrjUSNB8wr5tSmdw1YxMZ42/WeNIUlck8odw1pB9zomfNYWDUfGJeMb80zrFNMpUV0tSDGWUyk2SnH88iF/eACzwB5u9sNZ+TxT9ANi1j8GY/o0kzR5nMHSzrWK5iSYv+NRTSat4wfyV7K+e72RjsphlLmgrKZLA6fDnZmZbtoosNgYfUfF1OZVb3C2U2QpoqUEWZzEPKJ0bjjv2il0YC84JKj1eq+aoIKLOZMrCjiZGkqaFMBo+ka1lWsnyG7PPhBfoxpeYD8/IlqqEUBrs9TQtvjCNNnWUyKBlHA/a1ZC+SSZZND3Jq/Neq+ai5lH+OMhshTf5mnCuTeYrsRTK4Az8WHfYUt6hxf6uah7qRPLbMRkhTANrIOlwmgwTBn6hJvJlIus26hKwaX4zzOeRCYqaozEZIU0C+m4x7e9txbvxWlhPI7sKYED13BAk1nqvV+D7omr+nutnkhDQ28t1kvCn3h7vwfpZlLB9n2SN6XxMwbleoccR4PunFRbFh7ZAB8Y120hwpk/G2eBkp0E+wDJB9JAj88IxwoawL9jOWt6hx+0fSkOJPGFBmo71rg+ZuMimy955DFrK8g+x96OuEI0eAmrBvkt3DYbcJN4RsGk4i0LVNRCtpDOsmA5fjU0o2kL0nHVZoTQsSBZvA/pvstLFxleWFMpsautk0NmkM7ybzmJK/Z1lFdgYOWaFXs4SaNKC/k+ydkj8hh1LFbmJK36FR+kjTQN1kfkd2+TokxnIG2T3aQKBNLOEGJAmqipEWRh8xFE2i636y0T7EmGqq7nWTFS2kaeBuMgmVNLhFfQ/CbGTZTPYaxXplmUzq8JdWxMdx9Q+w3KMIM9kMJhJp6L62gKcPYM8nt8m6yUDx7lZCRUQ6sYhAy5UMsCxw8V5+z/IsyzNKCkT5dbMQpBQKZTbdMas5SdMi3WSgoA8rOSb3wbKYZT5LP0sPPFWWDvUzoJOmLwUgv1poZwUXCseVoJbrIAv6Ge9leaER3SunYJfZ+DxLKv2/AAMAWUlHKesBuRsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 1;
}
.color .cover .selected-cover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
}
.color .cover .selected-cover .selected {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAEF0lEQVRYR82ZScwecxzHP19bE9uBRoKLxBqK0B5aB6J6qv1iO1RSEdFELKmDpJaIxIEoPRARFwdbgogliP2AA7UUIYILkVA9WBK1/eT75jevecfM88zMM1Pv//g8M/P/zP+3f0f0XBGxF7ASOB04ETgaOAjYLx/5M/A98DnwIfAa8I6k3/tsqa43RYShrgAuBA7oeP8O4DHgfkmGb71ag0bEMuB24EyguG8b8Arwdp7cN4BP0ssneyhwDLAKOAM4Pv8L4DngBkkft6GdChoRS4DbgKuBPYFfgAeAByV90maT4pqIOA64DLgc2Bf4A7gH2CRp56RnTQSNiMOBx4GTgT+Be4FbJf3YBbB6bUQcCNwEbAD2ALYCF0j6sum5jaARsRx4PgPkC+BiSe/NAlgD7D0eAY7MwFvbtEctaEK+CuyfsBdJKnxvSFYiwnsYdi3wE7C6DvY/oGnut/IkHwYulWSzj7YiwuZ/yFbLkz2l6gYLQDNwDGmftNnPHRuyFGiGfTpP1j5r2PkAq4LeAWwE7JPLxzJ3k2nSDd5Nn71T0vXFtfOgmSf9Jv5t5dCB09ZvImKFKxjwty1b5Nky6DPAWcAWSc6Z/9uKiC3AVcCzks42yBxolsX3gV+Bw2bNk23f0EFUFwMRsRT4GtgHOMnltgB1Ir8S2CzpurYbzXJdRLi8vgTcKOnJmhx7F3AtcJ+kDcou6LtsMJZ1LYt9YCPiEOD1DBqX0TWS3iw/K2PGvYQbmYMNeirwBrBN0gl9Nu5yTwXSt74InCfpt5pTNaibodMMejNwC3C3JB/1aKsLZMbOZuAa8xnU/nG++0tJbkBGWV0hE9Q976PAUwZ1q3asu3RJH41B2QeylI0+AD416A+A08HSMdJSX8gENZf5thvUTuzmeEnTPBMRq92HAudIchS2WrNAJqjnMtf7nVNBI8JjxMvA3oCLglPJVNiE9EB3VL5VY3Q3vXU2ST7IOdCJps9GwZt44vSaCjsEZJ3ppwZTF9hZzV1J+p5454OpVXpK2Bdyoqw92aFOsoCNiAXpqXXCnwQ7NGRdwu9UQhtg1wFPzBI4dQEVEQtKqFNAp6akBtZN7m59o7sB0jX+36Ykj7hzm1cD60d1TkETUtPCNq9Uqjo3zhXYISHrG+eE7TWKJOwmKx91rVqrEla5qHEUSVD7xOIf7hK2PC6vkGTlYpettI5loyOA+nE5Qd2cLH4BImGt4BWSjjWhdWOrJTWSzipJX5VN2VYks5I3ihv0FslKdbYqO14iyXLLYCtVEVvNPmm9v5vsWIItC7l/lYTc7bPQpsBQCLm7zyTklmCHlMadAtcPLo1XesO6jw3+UODu36LWZ8C3Kcb6Vgu0xccGN91rckafi9nBPzZUTbzoP9/UAO/SD2L/AJ2vWHEXK96uAAAAAElFTkSuQmCC) no-repeat center center;
}
.color .cover.color1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHOFJREFUeNrsXQmUXFWZ/mvt6uqq6r2TdBa6kxDCEgmyBrcIOIbjxugIKnpmxnXG5cwo4nEZdRw9enQ0M84MDqKOHmUQDg6ISxBUQHFDSTAEQSUSQAJk7e50d3V1dVX1/N97t5rqTnVXvar33r1V9X85fzqd7qr36t77vX+5//3/wFd330VX7HoF1YwgS0x9rRZ5likSlEdncTQ/f/41tKl/Q4H/OSbDUh652Twdnj5Ms/ynWsRCMeoMpygYCNZ0zXBddxxhaavhdSGWKEu26ecUs7KSZZhlSH1dxTLA0s/Sw9LNklKPnkrIsBxjGWE5ynKI5SDLEyz7WB5VX/ezFJp9cEGU0ZlRR4SxBjGfoZnCDHVFOikajPpEmoAiSz2UiyqNk2+aOQQpNil5lvq6Xn1StxBTMlDh9/A42suyh+V+9XWPIlXTYDw3YS3+WpBnDXUke5QS4QQlWbwlTUhNW8ClJZC2HhmNBjwyzmR5LstzWLYozWEKQNRTlFxW8v/QTL9k+QXL3Sw7WaYbkTDThWmazE3W/T4TTLxsIWtpnVAg5AFpoi4/N4saK2P8HOFOz2J5kZItNRqmugFiv1wJKcL8nOUHSvY0wocozBbYLHPPzQNpDmePWH4O/B13SBNUSyTkwQiElW80Y9zc4BP/BQuiJC9hWd6EbgE+4wVKPqN8I5Dnuyy3m/o4A2FAHLeJOML+UbwQp1QkyU/JQB2kCauhDXg8dXkjXNeI0iSvVU/jFLUWEKR4s5JxlltYrlcEMuKxBpMMpplXSOfTtrkW7aJIILyoDlnadIp5TJhS/yagbS7gtG9XT9rvs7y+BQmzEEk1Dt9T47JdjZM2wOmH8+81crM5OjJ9hCbzaQekwf+2q+euXwi67C9VBj7hG1nuITvC9G6qHJVqVQyo8blfjdcb1fj5BoSVR2oIL9dzvWMzx2gkO3KcKRgsa6DEydlmpZvGUdiXBfAxlsdZvsJyjnDCEc5R4/a4GkdfHjRjvIARJvYbGTYFD2cPWybb8aQJqGeH7phQm2eERfj1iyyPsXyEpU/Wf13oU+OI8bxGja8nmMpPWaILedY02NMZz42XkCaktEvIgKkIuE7cjSzfJDuc+laqbudd4MwbfYsa3+vVeLvoX+QtLWMCJnKTVmg6+L1DX7M1TMCgaQi54t+sY/k6ywMsr9FkcLYSML6XqfHGuK93w68Y9dGPqTYYEbxz5GYzpyBas+aD2XAVy+9Z3mCI/mwlhNS4P6TmoWYzuJ40Ga+fDmYr/oAjml3B8jDL230JKQiWQljNw8NqXhzZDm6lybQeaar3b7Bzfx/LZ1m6ZL0ahS41L7vVPFWE22kyrUWa4vNq8f0i5FJdy3IbeRi9EbiCjWqerqUKya3wY9xOk2kt0hAtFoaG3fwgy+WyHhsKlyt/5w3lfjhhpcmYfdCqcSJKz/g3K1huJTtCI3stjYleNX+3qvm0YKfJjBt/841DGjvNBhnHSOXYJuuuKbBNzeclxTSZRlmKjQBsvV7Nvs232ccR7dJcwHzePDYzdk1+Nh8X0riD08g+Yfi2JfwbQQPDTpPJvEXN82lCmvrwOrKP5z6TmuF+mo1AI5CGX5Img3n+lZp3IY1DIND8OZb/ZTm+6oE7aTYCzbDTZMYWpsl0qHnfToZuUJtIGhz+wkGw9yz5W7Wn2QgMQYU0mXerddAppFkaa1h+RlXuHGs+7SmoA1WmyWAd3K3WhZCmDM5U/kv1R2rFv2lIOEyT2aT8nDOFNPOBeP1dLIM1eT8RWYiNhBrSZFao9bFNSGMDZ11uKevwVwsJQzcM6kiTSah18hrdn0FLdOL07tOtr7tHdqNAwzWuuPTFap0CY+FCmgzCP0j47PjMg5/6SukP3nfKB5qbNIowOHp8tWuufLGgYYMVWQ0EAhQKhigcDFuC7yGoaL8vvZcKo2lqD9mFX2LBGHWEEywdVVWCNAkupsngAfslJkmEiXO1ljnruVFLRO9vWP6HvIh9oSZkzqwFAwLEIrE5iYajFA1FKRKOWESpaeUEQlZBu55oL0sP9bX10Yr2FSyD1vcm+jFT+Yy7PCR6ExPnq62gaS5l+TJ5FSyGtimQ1mqdIEZHWwd1RDso3hantrD7IT6r6v30EUuOuz5rpjXxNTScGKahjiGWYa2aKW2nybj+wFcaJ83EuaGZNc3LWL5FXu/n+9w0CuZVMpakVHuKkm1JCofM2siGphtm4mxMnUwnswzGVy5Zq9hNIE3mMBPbw+IYiCq8muU7zUgaFNneQX7trGTJ06ZRIEpneyd1xbso0Zaw/JBGQTebb5u7N9Pmrs20puMET/0Y1AvzoTgGZvpiljuaiTTYoMLOrr8O1BS53jQKGqWno8ciTCMRZTHAFzqvbwud3XMOpSLulq9GWdfF6iF7AOyWPo98aBfiB2mwYYn6v6s0hGxcaRoFrdKb6KXejl7LiW9GILBwSueptHVgK61NrKv7/ZAmczQ74vfHQKH288hun9iwpIkrlXmuttWASFqNPigI0pfoswhTa1PTRgRMthcOXGDtp9Xi+2C3/1D2sK7iGPcoVyDdqKTBRpT+whfYu3FgVkdCEVqWWmaZYc1ggtWKZbFltG3FxUyezY7IAz8mq7c4xnVerrtQ+6WehSL/geV9Rsx+WGmcCmYa9kxWdK6gNb1rrFBxKxMGQBby7tHf0v2j91NvWy/7P5XbiiJNRmex8hIfelRpnYbRNHDIfkQmHRUrLK6w8RSFCbasc1nNm42tAISsX7HqEloeK99JEVEyFAg3BLAtLiQ7AGU8aeD446y3eT0qZ+i4NBtsQq7qXmVtSAoqA77d1oEXWmZbJBiZ58eAMDp6yCyBp8k+UvCkyeYZ8oK+TZrbzC15dypbABGxwa5BizCmbUaaDOy97JvcR7tGdtLy9uVsttnFgcZyY+zHGFesPKFIcy2Re7urbpPmgyxvMnrWmTiJUILW9q+19lwEtQF+y86j91p7Maviq03wYxbDkLIxfmqieXY22T3pjT0SBt8FT8eBmLTWdBMIErx05ctpWczYrvEIAz2H5deumKgu3VS7UoHGEgb29/rkeiGMB0DS6LX7vk67ju409RZhf3+D7H1DY0jzCZYNpo5YIpygDakNFA/HZYV7BAQAfvT07fT9/d81shGTWp+fNIU0W8jekzESyK1am1xL4YA4+37gd2MP0HWPfoPGDemTuQDvYjlfN2lgjn2JDKxABv9lZXylJQGp8+QrDmQO0Nf3fY2ennrKtFsLqvUa1UmaK1lONW5kAkEaSgxZWkagB8gmuP6x62jfxCOm3Rqaf71XF2lQwO1DJhIGJxbdTnMXOAfyz27687foj8f+YNqtYd0O6yDNv7sVjXALSG9fl1hnOf4CcwIEtzxxs+XrGASs2+1+k2Yry1+aRpi1ibUSITMQyCLYsf97phHnErKPEPhCmmA9LPXSJBPCmE8cw0y1z9bCgVpIg94hZ5jyqREZQ8UV1AITmE+c7+6/hR6d3GfKLWEdX+41abDZ8VGTJmJ1x2pKRiSHrKF8nD/fTIemD5lySx8jhyFop6T5a5b1pnxa5JF1R7tlJTYYUD/gW4/fQOMzRnRyRhTtLV6RBmz8J1MGHtUlcRxX0JgAYW76842mpNy8nxyUFnNCGqT8D5nwCVEtcnV8tay8BgcyB3749G0m3MoqcnCkpVrSwJe50oRPh9AydvtbqTpMM+OB0T2mZEe/u1o+VLvyLqM6dlBdfSTEV1FbUNqfNRPuPPBjOshaRzPgq7/STdJcYcLgoho+fBlBcwERNYSiDfBvrnCLNFvJgH2ZaDBqZSwLmhM4yHbXgTt03waqc57vBmneYcKgYj9G/Jjmxn0ju+jxycd038Y/1ksaNAh9hXazrK1HkjBbBLc9davVnkMjLlHrvmbSoCem1nP/KN432D4oq6lFMJIdoZ8fulvnLWC9/22tpAlUerEfQEs8hJkFrYN7j/yGyXNU5y28kZbo1LcUaZ7Psk7nncdDcSP7Rwq8BaJpdxz4sc5bwLp/3qKkSUU6rX2PMufoX6t78AbjYpa1Kv40vld3NvSi6z+Idttd0W7qjw1QZ6SL2kIxEAgZAK/Secc4rizp/q2Nnxy4S+flsf7nShjh6DaqiR7KHHzmP6FpkNMFmY3MXpDNT/dlChmazk972WR0USCDWdDaOJB52jq0tiF1ku/X5jXfn81nL5jOZ25HVnZpg6pw+QhA4DJonDabQBbL+MW08MVeAbv+0IACwc8O3U0npjb4UoYLyoGVBWXyc8oC6WO3L/y9cqRBqOqSUg0En6eY75Ut4E2nmUAZzwgkpWMFRRyePkR72b85MXmiZ0SZVkTJHm9VgQdvpQXtjsuRBhUzFw1ZRZk8UYtAqXkayK2+JDiFKVpGUIpfH/mVq6TBwx5rdtoiSnYp96NH8eFnlUizrdqLIx8MgsPGSLazfaBMXQTqr6JFnaC1sD/9BD05tZ8G21fWRxRem7CSYC05wMULSRNc5JccA1X5k+Gk1ZexJ9prRb6c1k9uC7XJeX9BWaAXjlPg4Z3OpWlk+qgV9UL0yyFhyiqRhasa54frzmgGgSAJJhHyiGyGZyrmFPUy2QSCckAUbWr5VEXTHUSxHfmMW0cNwAeEcp9eTNNcRORumALapiOcsNrMQQuBSKW9GksDDt1tUiRDsDgZfje6p+zP8DCezE1YxwsOZw7RxMy4m2dzAooXi5pnz/PygyOHDGYbzDcQKFlCoFQ0Je0wBEsCrdnniMKkmJhhomQOW4J/57w7xPaCpcyz8/0aABAozgSKU4flpHVGpWC5YGkg/PzYxKPWg9fnLtIvWEzT4ByxlrYZNoGkpKygMh469qCOtuuId/eXI80Wcq+doCMgaiaNlwTVQGMS53nlSHOerruJhaS6jKA6IGw8NjOm49JnlSPNJl0DgQ1SgaBa7J96QsdlNxlDGkTPpGCGwBFp0vuNIA224ddq8WdEywgcAkcGNAQD1iqezJHmNF1BgGhISCNwBhAGG5k+I6h4MkeUk3UNQLnsAIGgEg5Oaylje3IpaYb1ECYsoWZBbaTJHNRx2eFS0gzpuINwQLSMoDYczR7Rcdkh7aSBphEIasFkbtI6SKYhGKBZ0whpBHVgNDuiTdNg5Wopxy9ZzYL6SDPq9yVXWAYS/4WTX7574wgAyKamoB4gpcb3ZUvUg1Wrpe5rKCj1mQX1YTynpTt0L0ijpUWyFDUXuBEM0IB+fZpGTDNBnZjKp7VpGi3VLIIkpBHUBw0hZyr6NFpCWAHRNII6gWPyKFjpM6zomZa+fBI5E7iibfIZvy/ZgZWrxSOXjDOBG8j5f0QgDNLE9JBGaCOoH7NU8PuSbSCNHNAXNK6mKfjeCTqmzbGQQICgUYGVe0zHhWdnCzL6gkbEWNAyCwWCBoWOTHmQRsu26qxwVeCGme//JvkkrjijhzQCgQuaxv8cxhxIoyXrrSA+jcAFoJmyDk0zquPDSiBAULdvEQjqqM46CtKM6PjABRLSCOrUMkEtW4wjII2WWjh50TSCOqGpC/hBkOaAHtLkZdYFdQFtKXWRBj7NlO+kKQhpBPUh4T9ppormGfCI74EApNqJiSaoA52RTr8v+Sj+CpZ+4zcqtUgXCJZCV7SrBUlTENII6iFNt9+XfEQ7aWaENIKagwAdOkLO8zTNXjHPBI2EnqiWejB7S0nzgB5NMyOJm4KaMBAb0HHZB0pJA1ttQhdxBALHpGnzvcblxEKfBrHfPTo+fDaflRUgcARUZ+1t890826N4Mu8wghbSTBeENAJnWBZbrqOs8Rw/Sklzny7zTDY5BU6wsl1LZ5jd5UjzS12DkBVtI3BCmvgqHZe9pxxpoH7G/LwLnIeIh+MUlg7PgiqB/Rl0BPc54TddqmlKqxIUlLbZ5rUTFwvFLJnfDl1Cz4LKWM7+TLGZE9ZPLGivJY99HGiZXDnSAD/3gjSLE0UgcBgEaF8xzx+GoLkT1hUyBLDGPGhL+ZPSb8JL/bAeoLRO8SlQXZmdgGgbwZLAUYBkOFn2Z0UCTeQmLNIUH9IuEejOpUjzK+XX1JRzbalLvtG2UJs0oRW4jlXx1VX9HtKzQB7InJUTrNnKGaMFQbKFKxvb87ezvNopUXywKwUtDASNVrQPOn4dAgZoM4g/RQLBjHNQkOOHtKDMWTl1UJE0uGBRo7hLFDHRBIv4MrFldVeeKSUQSFh0Hyq8723HuR5lfmmHWrnzemGAnSAJLiINmQR+Y03HkKvvhw31dD5tCdZzMYgAAi1oA7OjGtI8ybKTX3hWNBSdU2f+EUW0jWA+cNisK+LdKU0QaCo/ZQkIYymHoGVJ3cvfP7kkaeZeEIrdwF/PksZLAhMw3DHs27VwVCWTz1gSmAncUEKgOQ0ULiFK6Q9uZPkMaevyJ9pGYCMRTlK/nrMzs0ygG0sINOfLhwfaB8q18nuM7F3Q82TaBDqxPrleV6vJexQP5jQQWrBDgkvc0A16h0tMw1ZHKpKyjgFowvWL/WAp7/6bpKkNh0AAbEiepOvSM2r9OyYNytXuEG0j0IH+tn7qbevTdXms+4O1kAb4skyfwP9HZYA2pk7WeQtLrvtgFYx7XLSNwE8MJYYpHu7QdfnHKllYlUiDMzZfNOHZI2gN4FDiusR6nbfw32rd10wa4BrS0FVA0Jo4tfM0nYm/E9UoiWpIc5jlWtE2Aq+xOr5GV+XMIr5KVbTTrDah7F8rqSwhjqAe4Oz/SamNOm8Bx5n/rZpfrJY0D7PcJFMr8AJIBj69a7Pu81hY3/vcJA3wcTIiIUy0TbPhpORGSkZSOm8B6/pTVZPcwRvfT3YiJwlxBG5hsH0lrek4QfdtfIflt16QBvhnlrwQR+AGoF1O6TxV923AV/+oI3PS4QUeYrlOpltQL3Cw8dndZ5pQVwKJmbu9JA3wMRZD6siKtmlEgChn9DzbOpuiGVjHH3H6olpI8yeW/zJnCoQ4jQQrUtZ9BnVGuky4navUevacNAAiaUeEOAJnsxSgZ3WdbmUwG4Ajah2TX6TBrukHTZsSgdmEOa1rk85DZQvxYZYRP0kDIH36XiGOoFrCDOrpK1MOWLfX1Gxi1nFhhOreRsaEoIU45vowm00iDNbr39WzbustZraL5T9MfLYJ9MOKknU/2ySTDPhPlp11PQhcsg3/JMQRlAL7MGf3nkt9Zjj9RexT65V0k2aS5U1kZKGygJBHA5KRJJ3Xt4U6I50m3RbW55vJPjOjnTTAT8w000Tr+I3B9kE6t3cLxULtpt0a1ucdrvhpLt7U+1keNJk40jPHy9EN0IbURtrUdbqJLVewLj/g1pu5SZoMy2vI0KPR8VDcsq87wglZ4W77L6E2OjG1gc2xlFWJ0jBgXb7OzXXpdisAdIh+r2mjBg0DO9uyt8NJ60itNKByB6hNhvMweCgV2/cZhivIYUKm36QBvkBG1BR4xmzoinbNqweMQtbQOphoQW3AGKJqzOr46nltWNK5SavesSG4Vq1HMp00ADY9f2vCqEHDlPNlQKJUpNPSOuLrOHsIDcQGrGJ+Re29EMdmxqyeL5qxW61DahTSpFleRTXm9rgFpJ5X0iZFrZMMp6TDWwWgIDmKX2B3f6mxAmHGZkZ13irW3SvVOmwY0gCPKAdMS5oNfJZUuPpz56iG0heFydZB0szq+IfP2sQ6S6o9A5MtZK3+lhqA9Xa5Wn/UaKQBfsDyHh0jh401p5oDv4+nqfg7NhAVO6FjyDLFUjUUvpjIjVvBAQ2O/61eXsAPYx6bSiho9fd+jVoinKirE7ClpZh0CE/jaTmVT5sYSvUMeGCg+9jCAEotgJmGCJtP2hslZT/v9UX88oDfxYI015d7fSGQJeHSXoxNnpT1flOqEzDaajerg48HRX+s37Xxs2wlHi8EBnw4qfkdtc6oWUiDlfZasquxv8AzW5PNKy/ynfC+0DoQhFNBoOn8dFNoHyRW9rT1Uk+0hyLBiCfXQM/KaHCK2r1LrfmpWl/5ZiINqUgGNM3tLOd6cQE4/l5vWmKRQQrhAhPIbmJq0L5EVYiwNu5m0wttxv1qaTE+c8wipQfh/XvUukr7NX5+b1AcY9nGchfL6W7b4X5WN4H2aedrQhBizaomphAD9iiOM73QwgJ1xvBgwb/9BrTyGJtp0Ggu+jcoYHnxbU/dOvbiFRdTs5IGQAD/RWRnRrvS7qo0TUYHQCBk9RYze3OzOSvkOmPJjPW9n4C2hSkE3wSaBOF0E9KGckizmRl3qwTt71kuYsL4vheoaSt89hA//15Idqr2KfU+Rd2I8rg6qEzicIiHVoWt8ZTNFXI0MzvDjnHOco6LUqtWwueFmYXARzQUtUxGaFqQpZ7Ioec2OvuD0ZBt4tYBZC1fyIQ5pGV+9Q3f7AGe+q38j9tYzqj1XRZLkzHNPII9jz/lzJbZ2Vkq4I9FoFn1f2SFu1fGV85piRBrtFAwbH3eRk44RTStN9pXawbGfSwv1kUYzaSZp3EQLny+01dXkyZjOkCoQCBAQewzL1CWmVzG0qLNhmKaTTf7Nw5xN5x+JozWHJ2wrqVSgjEVHEBG6iud2O1O0mQEZqGYZtNRffQO/WNezzLlp9Nf1oc1ZAxxQOjVLNurfUEtaTICs+AgzWa7Wh9GHHA0adXBoEfe0DuowiZVvWkyAnMAM22JTWKsg3eqdWFMHN/ERzUODb1MmW3Hwc00GYF+FNNsyvFJrYOrTLtnU+0bZKkia+CheTfrUZqMQC+QVTGVn2d5PaTm/1YT79dkp+APLOdQSctCP9JkBHqANBu1CXyjIswfTL1X0z1pVGm4FH5OPBSfMqAJkMAjsF+TGcuOvpO/Yr7HTb7Xhgg/hQPhLyQjybPJzjUSNB8wr2exprkKaTamw3jSlKTJ/E6Za9uJWuhEWLMrGHs+Ma+YXyvNxvSsceNJsyBNBqOJ8OOF5OEZcIEvwPxdpOZzHksMqWbTmKRZIk3mTpbTWD7LkpP111DIqXnD/JWtrWxANZvGJE0VaTKIUV5JdqRlp6zFhsAuNV9XUoXdfTvNZkJI4wQO0mR2KZsYhTsOy7o0EpgXZHqcrearKqDErYZqNo1JmhrSZGAAX81yIsvnyO4PL9CPrJoPzMsXqIZUGCvNxjD/xjjS1JkmA0MYBdhPJXuTTKJsejCrxv9UNR81OyhWmk3umJBm0ZtxL01mL9mbojAHvi9r2FfsUON+qZqHumGn2aSFNOXgQZoMAgQvVZN4CxmUKdtkKKjxxTi/hDwIzIzPjPtea8F40nhcTQZ94y9hOYnsKoxpWeeuIK3Gc6Ma33u9s/dmaSw7akStOSNI42M1GZgLb2c5geUjLE/Kuq8JGLePqnHEeD7sx0WhaUxIs9FOGk3VZBAC/TjLENktQWCH54ULFU2wH7H8lRq3fyENIX4T0my0k0ZzNRlsAtyk7PA1ZDfbfUD4MQ/ICfsQyzDZ9er+T42bNiDNRmdNba2kQe0rg6rJwOT4NMsmsqt/foIWHIJrITykPj/GAekun2R53BiVN1tY7LSnP+6ErgsjSmbwKcz7lXyYZQPZEThoo+eyNGNxAjj0d5F9UvIH5FKo2EsU02x0dOvWRpoGqibzR7LT1yFQi1vJrtEGAp0FhdmAJIFTgLAw6oghaRJV9zON9iGQZoPN8IjPRVa0kKaBq8mkVdBgR9HCZDmTZQvZexSblGYyqeRnThEf7ep/w/JLRZhpagLYRdV7fX0A+z65TVZNBgvvF0qohEinlBBoWMkQywoP7+UplkdZ9ikpEuXBZiFIOSAgMJ475kfTKD2kaZFqMlig9ylZCOzermJZxtLPgrqsmO2U+plludL8AA1CvUWvFyYUErGQy3WUBfWMD7A80YjmlVuwm0alrbYnfuD/BRgAznFepIs6/gcAAAAASUVORK5CYII=);
}
.color .cover.color2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHhRJREFUeNrsXQmUXFWZ/u97r7auXtNZyEIMOwkEDYlsigSMCuNCBhVU8KggMurMcUFmxjkjjMuM54yIzowoAuqcGVQ4ODo4GpDxqIiCOChDwhAgSCASliT0kqSX6lf13vz/fbeT6k5V96t6y71V/X8n/6nq9PJe3ft/71/uf/8rtjz2U1j67AZoGpYDkO0JXsPCcwHGB4BREz00qnJoV94OXX0nefh2mIelDvwKqtMeehP6V4SVB+F0Tw5zw3Ai3bDTgYTppNtokGgZgAz+nru/3aeUZmUpyhEoK9TrMpSFKAtQ5qH0odAM5kP8vXGUvSiDKPTU2Y2yC+VZlO0oT6vXnfRomgOMAa881BBh5G954+C7Lj7n8fkksimRRqAuZHGe7VzznzdTxGmdAKhMtMsMEilWKzlJvR6Nko3xGnklC2f5ORrUJ1G2oGxWr1sUqdrIyOBD13cjWKgBEHanlGRJY2cDd0xY0T81/Z3xl4j6rTZf9LRYi/JqlFehnK4shykgoq5SclHV/5Nluh/lPpR7UX6HUmpJwngl1PuRWIjn48M7sDp2AqQhl4osRFyYtFilIdPniPzPdSivU3K6Ik6rgYj9FiWgCPNrlLuUbGkRxqCyxxjm+RNodV6ScQ7FO/GQhhiY6wlikbhBLh7FRuVRE63J61HOR3kjymFtGBTQZzxHyT+q2IjI818od6sYykC3bDgB7wSJSPGR1YHk6ZoxTp+dNHY+sAZCJDcKlEyg+MYr656PjLIk71RP426YW6AkxfuV7EO5A+VWRSDXDMKMSNcsOSM2imESuWu9qPNO3exOfY+EyEIWJknCHLhWDzSchYsPFLRfp560P0a5ZA4SZjq61Dj8SI3LdWqcNDLGDYL/xK9Tlu6aXxltgDTkhhX60Q4V0hsQud7TleYU0Ie7FOUBCDJMH4PZs1JzFQvV+GxW43WpGr80GdNUejnK9fzKXuTPIEzP3h9KGoov8n2hMwmxgkhq59NQgE+j7ED5BsopzImGcIoatx1qHFN50PjlvTJNnH7OoSQXTynDdihpKJOV61VPe6FvSmT8lAhhKf36dZRnUK5Gmc/6Hwnz1TjSeN6oxjchxR2Tos8tpCTBAHJ2XxVpaO0l3x9tsTK28EYEcVR8OB7luxCkUz8A4VbeGeFB43m5Gt9b1XjHGfkHVsaQJATFOlbPKOpTri+excrY4htVZhMNR6H8G8ojKO+AZguNGKFnDYKF1EfUuB/denFMuGSE1Tn+IzOngBZR7aYqUMhtuB7lMZR3kx1lfU4Vthr3rWoemnaDI5XJJPx0MBeNlesQw65E2YbyIYhajMqICkfNwzY1Lw09AeMqk5l7pJkss5kdtHL/EMq1KL2sr0ahV83Lw2qewgXeFXN3Q5jv50+W2dQG1VLdgvITSDB7w4gFx6t5ugVmKW71K0NGF/G2RnBMZTaHbnIjv/lRlItZH1sKF6t45921CTMyZU2ESdO8n1ZdZrMY5U4IMjS81tKa6Ffzd6eaT8UY98BaCJMmljuVZTZUcUylHOey3rUFzlXzufFgehmYNDGBgpobwCn8J9h5ti7tBZrPH/jl4RvRzHQwaeLBiRDsMLwiiG+69dTFMRJDUCYzfrma5xOZNNHwLgi25x4szYi/zIahlTHl6jIZmuffqHln0jQISpV9EeXbKIfW08RTZsPQzxiMY4ZhWplMUc37dWDoArWJpKHVTNoI9vEZf6r5MhuGKZSZuUzmY0oPepg0M2M5yq8g7MpxXF1xGBrimFBlMqQH9yq9YNLUwFoVv4TfUhu+zIZhFmMaKZNZreKctUyaqaB8/S9QljT8mzOX2TCMdMsaLpNZrPTjXCZNANrrckfNgD8sapfZMIwkTNNlMp1KT96h+zNo0bS+nhfl6+DwImrQQFtlIy68qDIb2VTdZ800ljGRy2Qo80MFn0Vn51nfqP5Geek97U0aRRjaenwDxNWQYLKbzcTeltMlywrCMylqNOhVuPeDGHkefyDo0uNb+LC1+/BrklZLucdWJkMP2JuQJBkkzg06PokYuG+Rjuu+F+WbkEQHjxIGmBWzGkMSAWzktJ0JuG3htNt28Np08o8a2dmLwc8sxUcfycvwoXEM+Nnjgq9NowwShrr1x8pCgMuQON+aC5bmQpSbIamWN5RNG3e1tPs58CjEUXWygRBRbCcRLURN+SMIlGmOqrRMfm41QG4NQH4Nvl+j1TKpMpnYn0XK4owicW5rZ0vzZpTvQbzHTxyKlA+NImuRyQXi5AJ3yyxTR724Twa/cCb4HWfi6K+E1Np0qW6VCcaalFV4O8oP25E01GR7E6TVbd8dSfTQqEmiZAvBa0vBWQJ+8TyUc3E2Tko2jnEH0miOQcQ5D+Vn7UQaWqCild10SyJKg7EfGiWJQgfA5UBrT8X4PtBy8LsuBL9zI/qR8R6xI9u6VlI7DYJWS9GMJn9cSBqkoQVL6v+7TIMzHcuhUbL5aEcgVrvuShAOum9ng9/zXoyD1sUw9CXVBzlVUKP20yA4PrFlSdOhTOap2pShUmr60CgiSL4YWBYhYO4AXTa/5zJ036j0y2qGMerwWC3NMR5QoUBiJi7pkPVGrYQhNFFmQ2TpQEeyB72VXHGOEUa6tZtB7PoIWM++CcTInQ0rvyyT0XdOLunbTUleIEnSfARM6RQTssyG3LCObkWWjjaJWSIlU/6A5PkoWDvPBzF2b0jCGNFN5l1K/1rKPaOA7KeQdGq5EdApazOU2RBJCl2802BGQlDKuv+vATJ12jT7rkovm0F5lNdCkIAynjQU+NNeb/POqCyPHVJmQwuQ5IrZXO8ZUmNs8LvfB37fX+D76gMYvIAwGheVa+AFCLYUPGeye0a5pVvA1ENdqw6NojiFyNLVz4RpMGABMXxzEO+M3XfwvzUdujQLSA+/DTE3wY+bNGi74WyjJz3bDU7Ogu7JuIXRpNX+I4gXLgWx5xrkymASZTJxYT3KJ011z14JwZn0GZPnupDfD/ncCCt9nMbHWQ7evE+BnznWWIqjvArltyZZmoJyy4wljGVVoKtzgAmTRJhT3gH27g+BNfIDU2+RHPB/h2Dd0BjSfA7F2MeM40xANxLGsV3W8MTMjQvW0JfBHvx7fG+kq0b6+Q+muGenQ5DWM7LAJJcdhY7CPlbqNPmTOQYq/aiftnEnzNOKKy2H3KfT0pA7dpOphCGyMGE0uGvuNnB2XwFi4nHjvHSlr1mdpLkK5QTjJk340NkxJK0MQxMqA2Dv+QiI8d+admd0+NcndLln1MBta1zBVdyEoTiGYcKEZKDSdzX4hdeYdFf0NKVG69vTtjRfNo8wHnQWB5kwhiUI7IFrQIzebZTnDkGv6FTds/Uof2qchSkOcYbMSHhgD37eNOJshGALQSqksaKwNDmXbJAJ0wrEGbvHpJu6thkONEMaKrteY5D9h6KMYZgwrUGcz4IoPWjKDZEeN7x9pdFEgKOC/6NN+dTFjmHIZsZZH1sJVhEq878CfuZIE+6GkgF0mFToQLhRS/MekwhDdWRMmFY0OCNgv/SXAJXdJtzNESiXJ+We0YLQ35oy7kQWriNrYSBh7Jc+aUrJDVXn55IgzWUoK0z4hLZdho7CXla8FgdVDthDXzLhVpYp/Y6VNBTLXGXEQKvFS3pltAFxRu8ypTr6Y2H5EJY0FynfTzvIwlCZP6ON8gLD16PVeVL3bVCsfkGcpLnSiDgmO8aBfzuCthUMfMaE+ObKuEizHgxYlyHr0pHniuW2ddPKz6DF+Zru26DunGfEQZoPmzCoRXTLOI5pczdt5A4QpYd038ZHo5KGDgg9X/enyKFbxkWYc8JPA2voC/hS0nkTG5XeN00aOhNT675/S3hyEZMxV9y0nWDt+1edt0D6/r5mSSNm++U0QIShkn/GHHLT9t+O5HlW5y1cCjM0JZ6JNLRr6Cidd27brsyYMeaal+bKNLRGkN6fWZc0VqYfhFWoRax36h473t8/h9208ft0V0O/s37IYHeClV0Idn4ZWJn5IGzZLp8qAN6q1bHMlHh/zFx304a/Dgme1TkbSP8PNCymkxCo9a7n7qp2zywkTBGJswAJdPg5+Dqfvk7+CJs6sUyOg/85b23cJ0If8ZGAj7jA90rn+OVh8CZ2IWEGkDij8sCqOowQF5HFIcsjLRBaIrJIaZ1DQav+VJTJYFj7vgnpHRDly57UfnlIEWXwIjrOffr1a7GAephtrCKQjHko9rFz1QRKrtUZl/wzDlqb7TK+SY8oQ6qZu3QLN0KNnn61SEMdM+fV+QjTCLQIudMVK4EyzgRbGcY0a3NrzH/RA7IgdJBuDaJUY57iwxTUOpnl3NBPASsvhf62PM0XfT55BLbfvNLn2MowpuvZxBaUR8HPropgUJAoVBAq9bShioPzUH41m6U5r6kPZuXAcvrQAi1FC7QYhNMjG8U1AtsqS0vDYBxibfZ/rwmiVORD3HMHZNaLsl8NEqamEZluaajLRuSKZmFlpYDTi+x2ASqBBfL9mQnBC5mMujo1/ku0EnuRPd2zE4ViFHK3/FiWLIgPdKLaC/UszQaI+UxjgdaGrI6VWxxYISSSJFSNgCyX5b0yjHpkcMEavavO98rIlf3yzE/P3Y3v98VFGFB82DCTe3Zmso8LJyBQdpJAfdKtk1YmM8E1ZoyZ1Wd00xQSBUTZI4Xex0iU6ThrJvfsjPRGgAjUjTTuliY1m3mCtYIxs8q42wFKW8CzDkv7UNyz6lmaXtB0bAadtJyxOWvGCGNtfqbjFOljUBbUIs3poKlmxrGGIL1VX0Yrwyrdr+vSp9UizWm67saxh1gbGOEsTeV5lJ06Lr2uFmlW6xkGHy3NMGsDI7y1mXhYx2VXG0Ma2xoBAVw2w2jA2kw8ZARpulC0tHB3BFsZRoOWxt2aZHq5Ho5UPDlAmhN1JQFsi/fNMBr16F0Q5e2pc1Xx5ABRVuqKZ5g0jOaszWM6LruymjRa+jTbYgzjGe7LzGgirik/ruOyR1STZoWWp4XFC5qMJknjPq3jsiu0k4YsDYPRFGm8Pejdp+7aH6nf0ohRnn1GBBdthzZLQ0WbS9nSMFqPNKl34aQezxkiTT/EvIcm1AeGCgjBfc0YEXSo8nz6agswj0gzT8sHFiWedUZE0uzScdl+Is0iPfEM9wJgxJAMSB8LtFkaJg0jMjwt1fH9kzFN+k8JLtJkRLY0Whrkz5vMnmmIaZg0jKioAPipL1vI7FknWxpG61qbvWlfskiksTV9Wp5xRnT4qcfGDpEmr8fSMGkYsWQD0r5gjkiT44FntK6lSb3BZN7S9Vl5SwCjVUGk2avjwr6mUIrBiIhhCzQeashgRHdZ0g/JiTRa6vN9sHjCGTGpcKoYoSvqKTX2mTSMOCxNNu0rlklztew59vUUIjDaDP5s59UkZGm0VL35PpOGERU2WpqOtC86RKQZZEvDaE0r06XjsoNEGi07eTw/y7POiJgD6NVx1V1EmheZNIzWtDTztZGGYprUO1z4PlfvMCLqkL0w7UuOTbpnhKfSj2lsJE6GZ54RgTSL077k09IrrP4ibVT8As88o3nSOMvmHmk8v4NnnhGBNMvTvuRTbGkYLZwE6AcQqW86nmJpntRiaTy2NIwmSZPRctDFk9WkeUSPpengLQKMJl2z43Rc9pFq0pCvpuF0JQEVr5M1gNG4l5I5Pu1L7p8e09BG6y1arA2ThtHwszaDliZ192yL4smUzQhaSFP2e1gJGA1amZWSOBpIA9NJo+Wc6YpX5OJNRmPxTPYVOi77cC3S3K/J1kLZY2vDaMDS6CHNA7VIQ+ZnOF2+2AB2J1RgOWsCI5yVsRaBJ+bjm1T7nY3WszReKtZGoCtmd6FLuhBlMfKmF8ricABOPTPCuPPZteBXxsAr70XZj9wppUEgsjLlWqQh/Dp5ohyGROmZsrebYpoyHMYawZidNJl1VWanXEWgfcidcfy/RPrp3VP9hTPTN6MRJYOULIBACZPpcP1l4IidrBWM+q6ZvQSlzvGwSBa/ggLj0u0XqHPCygQhQHT8fCbS/EbFNc1F5mg9JEkkURrLiJVhMX7gHAjgYwUZ9VyzV4VkF5KHhCyPsBSBss0SaHh62DLdPaN2Tnc3TBR0t6Tbhe4XuWGNEmbyVlxOCDDqwkHSnNaEefJk3EPuG7lx5M6RW9cA/humtTmr1XxsdtKInAzgZSAfiSjTXbQVrBuMOlZmDfhRq5oPEGg/eG5AIH92Av3kUPoeik0QtKqtOiYd31o5FZ8UpMlLAh50oZu2CG/qRdYSxjTSnBO7tsnMG4qP+i3jHxRxaPy9KQxpnkP5HTJjHVh5FaPkIa32n65/DDiCScOoUm/nKJQjk0wxIIEm8EITBwkk4yDnQXzz3CykEaCIchsG8+umGJuUUIaF+AzoRYoOsbYwAp3IvSHFqykCARKoIm5D4qgEl3PA+bKCfx0YkvTj95bIV/z6dvwBbacJlPxjWVMYgQrbS8DLnKTl0vjvdt9zkTwjKgYakYSyRBaDeWdekCY+aFmegapam/StzTK0NlyPxkBdyL8ZdHg8Sv+fmWqBiECjZGbq3tBtOger5K9ijZnrsYx9OFQya3Rd/tZ635gpuv8u6DqGA4LFzgrMY82Zy1amcIEuK+Mq/W+YNJTC2qTX2rxc16AxdFuZzGrwHG3eBun9rmZIQ7hZ58BVoI+rBOYkbHALF+q8gRn13grBuB16rc0JGIJx+9o55ZblNoBvLdR1+Wdm87BmIw1tVPi6zgH0IY/EWc2aNEdAZAkyZtrwNaX3TZOGcCNoOFVgalS2Al21BaxRbQ8BbsclOppmTGJ/GCMRhjR7UG7RPZzj/sncgKPNUcm9BoP/43TewrcgxHGaYQvKvjCbyUoaHhRVNo3Rlm6ZfRi4+bdpDaVQvhTmB8OSZhvK93UPrAsvk9UCjHaDg27Z+3Ucb14N0u/tcZKG8FkItgxodtPWoNXhrpztBLfwNrn6r9PQoXw+7A83QprNKLdrN+OQgTH/NG6c3i5xTPY0jGXO1n0bP0T53yRIQ/g7+py6P6EH3Whx1rLGtTjIuriFi/WrE8A1jfxCo6TZivIdEwacYpsJOI41r1UDf6sH3OKHdccxBCrMfDhJ0hA+DbRDxwBQtYALh7MGthqQKG7xg0icPt13Qnp8daO/1Axp/oDyFVPGn9y0CixkRWwZODDR8QF0zY4w4WauV/qcOGkIlEl7yYxJsGDMPx2J08/6aDwstDCXyQpmA/CS0mNIizS0avo3xvjHYCNxzpBV0QxjfTJwO94DlczJptzQp1AG0yQNgcqnHzSHOJSKfjVvXDPVwnS8t7lmf8mA9PbG5j9N86BU3RVgQAr6UOJwcadJMYxbvNwkwpC+/lkUvY3azOz3KP9s0hRRUecoumq0XZqh2yPLwUTxgya5ZIR/AdnXL8LH2vvIBVFvoghBnvsos2bMh5zYDNnGkyOMOEbf6pbrMJ69wqTbotoy6gcV6STzONpmjqBcBgbUpU0PPKkqmvsMaCCMvQwmOj9pGmFIP98flTBxkYZwj2lu2iQm0ACOYpxDx3gwUggYsqdCqfOv0NIYl5Ah/fxZLI/jGNyzSeSVr2hkwzIBY1AQvwXblOWltoMFbuGtUMltMPHmHkWhI9TG4vmk8WEc5R2geWv0TD72mP0nMCFWs7sW+9j2Q6lwGZTtk8zz0gO9fFecehn3UQB0QvQnzDMzFv4LTj6YsE6GMev1OLVF1vYYUHbWwnjhA+BZi5Ev1LZ1r2m3eCU0WJCZNmkIXwUDegpUO2byuJBqv1scBqP2+eCK49jqNGtdRC+U8peAm3sjflXVCMPDONsfN+U2b1H6GK9GxRjTVKMDgpOiX6HfyOTlYT31YPu7IOffD5bPR3uEfc6WM6eCm10/lSzTfkaekKd3oyBZlzNQRluFNAQ6hYfKFfQVhAkHhF0I89yEjL8Vst7DaHcmmBd1ULGPRrK8DmOYEBUXdMSkM1/XrQ6qwP+pJP54kj2RnlIB2I/0PHLwaWfnQ7twrliFgexRkjgZ/3HQ3HzHKHjUwC+7QZImvP9GR/Ptw2noSp3bKBcnRZikSUO4C+XjKP+UupGRhGksXqG1nJJ1CtqaE5A8m5E8T85p8lBWzM2cBRXnhKZiP7+yDwRanJR3Z1Lgf2eiupWgezY9OfDB9OIYnCgr+kRZsB8y3qPg+NtQZcpzhiyUCStnzkCyrIqeKBE2ummL0kq4UEvZDyWuXymRhtwz6iv1lhRMDP7riPdPou3J+E8ggR7H9/vblCoWul/HyiDfs18W858u4JwkXiFAHWUugBSq7tMiDYE0mbqxn5Xgx8GnWjHBp5oPtv88EmgbWp8dbeG60T79srMGrcrLwRfJxR/C7pNnuyaEX6KcBwlkynTENNUYVZbmbpRTTYljGiVlRSyRQtbH8Z9BeRqJ9EJLEcgX3TJOIffLs5amc83KEMY3WZnRjBkPKL0aTWv80rQ0k+hF+QVKvI2ZrYxa9U8fAkrSAtn+TiTRTlnnZhaEJEfFORpdLxRriabbwDlyFsT5YKMGluvzQ1cMjvemdyKMjjb8tIr4Oggqo1fGFPlrI0zgtOWgLFZIKRF//SEM4l5AEu3G93swWtgHqdZkiZwM5j1rOZJkGb4ejtbFgCpvVWYj7FhO7n4MZQMRJu2PoeXsii7x/d37/AuoFymVaq+KzpkCmARP9KKz1guuOF4958uSSBYM4OuwTCZQZk74+yMsplpIhB6MSXrlq2fNk4uOnrVIlrgYCyqzoeymiPSQo6rl1yJhduv4CNoOfEHivIjEWY9vf4KypnnC5KWlMTqGwGGuiPlQgfk1PBNPunfCH5ev9NNBeruC/8bAyi9HEuQPWBAf8AEhimZYjmbHozwYpczmIZQ36CKMVtJMsziULnxN44xxZqwraw1Ykgi+qGUt94LtrIL2gxcQp/Eym3sp6EfCaC0U1JEIqAXSGKpIvaARZRNOB7R1lXIZSdPZvueNCru7kTIbWue7BAzYr2WKX0MD8XaU68IPeB64rL+1Iffe+KFiuuuUfhiRljQpGKCFDqob+jDMtqpLJTKCz6dpD+IMwAxrXKQHf670wpiFMBMjaKpTozOxh+uYmKC2jNEurJELnzUwrPTgevOiUDNBVapUNbB1GmMaKPdntE5eAL0ub8qC/lY1/3eaeLsm52ppU8spUHVkYUAYi5WsLQ3OEOWiQc33qWr+gUnTOKik+EIZ51iZsQTqlhjm0GYc4xuMX3ya730m32lrPLaF9VVh5V8JQa0Ro/1A87oOfPd6A7vZtCZpVJnM/yl3jdKPPutZe5gXNZ+nqPkNymy8cSZNNMJMKZOhOhNKP74WEtwDzkgFNH8b1HyWpsY3gzKrxqRpijF1y2R+jnIiyrUAc2gfcnugrOaN5q9Ob2UvIA6TpmHGzJZeptXhqyDItPyOdbEl8Hs1X1fBbKv7k91smDQNUEb2KxNhJ4J8YmrcsYf10kjQvFClxyvVfIULeMKX2TBpmiiToRKLG1COQfkiAHf8MwQTaj5oXr4KTZTCzFJmw6RRJiZKmQzVY1ADdmrURYtknGXTA1+N/wlqPpov5a9fZsOkCRnHhAV1+btQuQM/Zh1OFZvUuF+o5iE6ZJnNCJOmtpGJvUyGEgRvUpN4B3Cv2aTgqfGlcX4jJJCY8SvDk2U2TJqDd5KBBMtkqBH7RhQ6W4O6MI6ynseCUTWex6vxfTBJjy+Ib3wmTWBirLTK/cldoLal1ELyapTnWO+bAo3bNWocaTy3pRMpuYHFYdJMlsmkuguTUqCfRVmB8lblh1eYC7O6YD9FeZsat8+AjhQ/xTaay2wc/YTR2k3GhWDvOQl10Hs3BPvQT2SOHADVhH0Hgh4OO0y4IaoWEGKhtt27ehtrhD50KXXQiatvV1Zopba70NdYgzaB/QcEaWMzK8s1Hhql0dIYvQtzs5JPoRwLQQaOskKvRslC+4EC+l9AsFPyLogrVZyoudF2aJQ+SyOPw2i95hjUM2o9BD3aiEB0RF1yGYzkLA1VFVNamPqIUdEkdd0fb0W2y97Q6R4apcnStG43mVGVNNikvibCrEU5HYI1itXKMpm0xZQWN56A4Lj6/0G5XxGm1A4mktLQwqFunVYbk6a9usmQ4t2nBKqItKqKQEcoWYGyOMF7eR7laZTtSiaJ8mi7EKQOa4JjPJI/NEoXaeZENxlS0IeUTAd9+GUodJ4enTlBM03dyrvV9wg90x6blOqdXJwgF4r2A1MxFq30UT/jF1GebVX3KhZQmY0YwVErpnK5/xdgABv+yjdO8k7AAAAAAElFTkSuQmCC);
}
.color .cover.color3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHBRJREFUeNrsnQuUVdV5xzfDaxB5De+ngyLv53JQwCAIaGFFiQurYkxWrcZYY7paY+1K00abpqttUmPXaosSY8pa0aLUio8GfC4DYkBaEBEUVAIyWlBAYXgOzgx0/87dh14v93nuOWfvc+f7r/U54DBzzt17//f32N/+vja/ePIVddt1c1RQtG3bVnXu3Nn7Wiyam5vVkSNHlCArummp4g+/WvofavKkcaf0HxtkWLKjpaVFHThwQJ0+fbron6murlZdu3ZVVVVVgZ7ZrpwX7tixozrnnHNKf2i7dqpTp07qxIkTlT6nzMpALUO11Jqvg7T00dJbS42WHlq6MpdF/L5GLYe1HNTyuZb9WvZp+VjLLi0fmq//q+VUpQ8uRDl06FBJhPEGsbFRNTU1qW7duqkOHTrEQ5o2bdp42qV9+/aBPzBs58XROhUCSDHOyHjzdZiWDiE+o9pInwL/7gstO7Rs0fK2+brFkKpicPToUW8NBdVQn3/+uTr33HM9iZQ0aAkIE1S1pYPfc/jw4ZJ3CgfQUctFWr6i5VItU43mcAUQdbSRG9L+P5ppnZa1WtZo2ajlZBIJc/LkSXXs2LFQiPfFF194WqdYF6Mk0mBSoSFCs1008SAOL+442mip03KFkamGOEkDxJ5vRBnC/FbLC0a2JOFDnDp1SjU0hOfmQZrPPvvM83OKWd/tSlncaJmwgYmHb8TO4aA2uVLL17R8VUu/CnQL+IyzjPzU+EaQ57+0vGR8KOcAYSBO2ETEP8JH79Kli+eCBCYNjhK/KN8vKRf8fnwb7EzLaG80yY1mN+6qWhcIUnzLCOHNZ7U8YQjU5MILYpJFucEeP37c0zzdu3fPqSSqCjn7SJSESfdv4nhODuC0P2B22hVavtEKCZOJLmYcfm3G5QEzTtaA0x+HKc8GjrkGgYomDQ4RKipIOC4oeCY+U4zgYbdoWa9SEaa7VOGoVGtFHzM+b5vxusWMX2wIGl4u53kEqQ4ePHiWKXgWafyDn1IOK0MzsLVvEwNRWQA/0lKv5ZdaLhZOlISLzbjVm3GMZaNhAdsw3zEFOTzFZDuLNJhGxKtj3u2z+jdhhLOzgPDrz7Xs1nKvll6y/stCLzOOjOfDZnwjAYfgNg/C0TSc6fhZLN7qJIKFdinnsDIs+L5UiBip5XGVCqd+WxV38i4oHoznbWZ8nzDjHRrQLmgZV4IQ+DpVK5561NMwEe3ugeCn2ZSJC7T8SstWLQvzBT0EoYDxvcGMN+M+LGl+TLHBiKrVLz7n5valfauA50KYDYu0bNfyTWIMsp5jRVsz7tvMPAQ2g8tJk4l6d3AWJYahiSDcreUDLd9RZSajCso3GMw8fGDmpaQIT1hpMq2ONH4mQhHg5H6Tlvu1dJf16hS6m3nZbOapKMc7zDSZVkUaP0hBKDoHyKV6TMuLKsLojSAUjDTz9JgqkNyKHxN2mkyrIg0gDJ3l3Ai7+V0tN8l6TBRuMv7ON7N9E5Ms/UxESBOOf9Nfy/MqFaGRs5ZkoqeZv+fNfHrA6U/Cjd7EkMak2ZBxTCrHXFl3FYG5Zj6v8cPLSUBSSMOd6sXat3mmQ4cOol0qC8zn09rxf7ilpeUcIU04GKtSNwxv9/0blw5iBeWDFJnGxsbbzDyPFdKUh6+r1PXcM6kZEaTZCCyCNPy0NBnm+Q0z70KaEsHB2M+0/LuWs6oehJRmI7AM/BjOYzLSZDqbeX9AOXpA7SJpuPzFRbDv5ftHZaTZCBxBgTSZu8w66CakyY8hWl5XRZ4cW77tKSgDRabJsA7WmHUhpMmCi4z/UvSV2hLSbAQOocQ0mXHGz7lISPNlEK9fpWVAqT9YIM1G4CACpMn0N+tjrpAmBe66PJvN4S8WOdJsBA6ijDSZc806WWj7M1jxpPv3T2VO7N27lwINXJUte8VjppGCkcBqna0GIaTJcL2AhM/Od9555y/Tv7Fo0aLKJo0hDFePF6tU9cqy4VezyVV2x1UQyODdfeHv+Gp83b7tHdXcePSM38bn41o6krSQe4hpMmywv9Akaa+Js9jKnPXo0cPGc2/W8m9hESYk9R+dDaxJgN/lC34YVXf4GtSs5Od69eql+vTpo3r37u1p7yFDhnjC/3PRj6Faf5g81HKrJs6SuDWNDdJcr2Wpiugasl+vyuZ9DL8FCYJGiLN+nO/jDRs2TI0YMcKTkSNHWtVMpMlEdKmMmk43aeIsq2TSXK3lP1W47SfOQtxNo/zGVhRYjKrmdbnvB3kmTZrkSW1tbWznW361ygh9TcyK67Q8V4mkocj2ShVTtX1MgShrZflVSPEvknbIijk3bdo0NXXqVHXhhRdG6sdQLyyG4hgQZ56WVyuJNBxQcbIba0oE2ibsplEQhDErVFk+KejXr5+aM2eOmjlzpgp7LWAmxxiYwf6brmJoFxIHaTiwpP7voLgXBH5NGE2j0CqME+JCQcWoNGddXZ26+uqr1ahRo8r+faTJUAc5ZlCofYpKtU9MLGnOMSrzEluLoZxK8xCkZ8+eXtuF1nSHB5Nt/vz5nvkWRJuyWVH/2FIwZr1xBSJTcW0jjqosMbam1R0UTVNK8WzI0rdvXzVgwIDIe/O4CPyQdevWqbVr13pt9QYNGlTSGKBhLPZSxaKhIfDyJJLmT7T8uQuLgGgWGqeQmQbBIMvAgQO9EG1rz6DGtIU869ev985+/EyOfOCczIGu3fjQh4zWSYx5hkP2ioo4tFwK0DS50mwgByYYC0Ny2HKDcPXNN9/saZ5cpjDhZUdAyG62SgWgnCcNjj93vZ3rUYlzmhnNwfxiB5VM6eLN3auuukotXLjwS4e2+C8QxoEWkOn4RKWuFOxx2Txjm35GWW4zl89MY3KZWBx7TDEIIzdAiwea+r333lOvv/66Gjx4sDeGgBN/B4uVn2tIQ5LnaVdJ8wMtt7o86Tj5kIQcLVqMCIIB3+W1117znH6ibSHnlYWJWmOqveaieTZZpXrSO32QwaGkkCVccECKr4PmcRSE8i7V8t8uaRp+CW2znW30ii3OmYtUsQkfnIO98cYbnn9IXpuD4JBthkpl1je5QpqfaLnK1UnFYYUw4rtEB3zFd955xzvUHD16tItRyJ7Gx3nBBfNsqkqF9ZyM1ZIrRlKlID5gpt1+++3K0l2tvNxWqeOQtTY1Df4Ltan6ujh5kAUfRhAvOBTdsGGDGj58uJdR4BDamE3+EZW6i2OFNN9XDhQ6OGtk2rTxdjlsbIEdcCYGcdA6XEVwCLxMoyrj0LMc0lDAbZlyLFoGYWpqauSw0gFwHrZp0ybvLIwIm0NA2zyuUqk2sZKGZMzxLo0EB5Y4/HFfLxbkDxC89dZbXj0DcvocARv9eWbTj400M7X8g2saBsJU6n2XJIMsgi1btrhGnJHGRNtV8uYcZENXqYruzplkQhi3Nc6jjz7qaR2HcH8QDgQhDb1DJrnm9ItJlgziLFmyRG3fvt2VV2Id3xQ1aTgdvM+liSCkKU5/csDltEceeUTt2bPHlVf6kSrxCkuppPkDLcNc+bScwUhaTPLAJTXqlDnSmJZbnrdFRRrY+FeuDDxkkcTL5ALCLF682JVqqJw3doyCNKT817rwCckhc+ykWRAAH330kVq2bJkLrzJIlXClpVjS4Mvc45LjLx3QKgNkR69evdqFV7mrWD4US5objO3nhOMv2cqVheXLl6uPP/7Y9mvgqy8IkzR3u+LHiONfeSCiRijaAf/m7rBIM1M5cC7D/QzxYyoXn3zyiXr66adtvwbVOaeFQZo7XRhUSiyJH1PZWLNmjXr//fdtv8aflksaqsN9zfanIMVfTvwrH+SoLV261HZVm2vMug9MGnpiWk3oInNZLpK1Huzfv1+tXLnS5iuw3v8wKGnaFPrhOMDty9ZUfFyg1Kuvvqr27dtn8xVuUXlaW+ZbjZdpucAq5du3l2hZKwTRtKeeesrmK7Dup+ckjZ/wmMXJvtEFLSNondi6davtbOic67+KnZwTdop/E6Gqrq6GQJweXmvzjXkPcf5bN5555pkoe3UWAuv/zCk6Z0gU0KdE1Zn/iaZhoSL6RWedPHmyF6VGKZBg48UlGVNAbtrmzZvVxIkTY3+2XvO9m5qaZmkOvARh0htUZc1H0QS6IY1AHst8AsXR3Yrnyi1MAVixYoWaMGFCLGd0/lpnnRtlQfrYS5n/LhtpKPp3TboGwufxL3r5vxASRUUg0TICH1xWo77A+PHjIyOKv6YhTIZVBQ++rTJqpGUjDeVtanI9xCcQTnq6BgqrLwm/W7SMIB0vv/xyqKTxicLaLdAhr8bw4fVCpJlb7MNx1H1nnYfzEkg5BKKMrECQjp07d6pdu3apoUODJ9pjFaVrlBIwL5M0VTn+UclAO3ByTzVFSimx+EtN4effy31/QTasWrUqEFG4Wk0PHaJeRL8CZFLPLeTTUJO57IxmCOSTiIMqXwMV6vgrZWQFuUDpJxpJFbJEsHJ8jRJSDht8oDzoJ7k0zRyVJ30gCNAeOPYUikMLQaRsPgsBBzn9F+QCGy5dpnN9D0LRyp2+n/TLCTHps43hRU7zbHqUH5w7MewUmG+ZBMIskxwzQT7Qnj0bURD+XMiSKQMz8pln0+IaAJ9ACLanxZNfQUJA+HnHjh1eBkvMXaRn5NI03bWMsTEYaBi59y8oBhs3brTRdv1ClWrRcRZppqpgZWoFgthAIqclTMlGmim23kauMQuKBf4L4WMLqMtGmnEyJYIkAL/GAsYJaQRCmjJJwyX882U6BEnA7t27owwv58L5hidnSDPWVhBA/BlBqYAwe/fujfuxVYYnZ4gySqZCkCTU19fbeOyodNIMlWkQJAnc6rSAoemkqZVpECQJlLG1gFrrpBF/RhAUDQ0NXtq/hWCAaBpBcmGhoOAZTUPS10CZAoGQpiCo8dwe0vRUId+hEQjiACk1cXsUWmogTY0MvyCJ4BqzBfSENH1l+AVJDQZYQG/RNILEgmvNtjRNTxl+QRJx/PhxG4+t8aNnsUPOaATlwq9lFjO86JnUgBUkFhTUiBmdIU1bGXpBUmHhikA7SFMtQy9IsokWMzpCGqkDK0gsApSZLRfVUn1GICgRkOawDINAUDQaII2UthQkFjb6skKa4zL0gsSaSvHX/z7GE5tk6AVJhYVyxs2Q5pgMvSCpsNA5z9M0h2x8WOkSIAjDNLPQOe8QpDkowy9IIix1zjsIafbJ8AuSCDrsWcA+SPOpDL8giejWrZs10uDTnJApECQN3bt3j/uRJ3zzDOyUKRAkDfRujRkf8p+q9L8IBElCnz59hDQCgeOk2WmdNHJWIwiKrl27qk6dOlnVNDtkGgRJQv/+/W08dkc6abbKNAiShMGDB9t47NZ00mCrHZWpECQFQ4YMifuRRzN9Gi5abxG/RpAEkNlswTzbYnjypT6bW2Q6BEnAeeedZ+NKwBl+pJNmk0yHIAkYNmyYjcduzkaadTIdAiFNTqzPRhrUT6xl2Nu2bau6dOnixdwFgmJAvhkXz2Kud3Y8XdOkG4anjLaZG7UTxz0IxL9AxAAcOXJEggKCgrjgggu8tYK0b9/eW0MIG3DEWqY5G2nAb6MgDURhd4Ao2aqHcAOP011LVeAFCSONj6amJk9oucEagzzV1dVREGj1l9Zzvm+WA3YBX6MUU2aHfyekEeRDTU1NzsxmajojFET3CYSEFGX7TT7SvGH8mkC3eyCHTxRIUwrQNGgcC7V5BQnByJEji/p36QRC6/gEKnVNGjSojCBZJmko5/SSluuK/Y28jE+UclhNvxqurx4+LAU/BWeDxT9ixIiSf66lpcWzYJCABHpZZZQ5y7bKC5IGu9EnSpj2I36PkEaQDeeff7637spBOoH8SjZIAffhxbN89Cz/aKVKlaptk64FfKJgRkUVqYD9PKexsVFWieBLGDduXKi/DzfgxIkTnkAgiMPaYw1mdOlbWQxp9mjZqH+wLl2jxFX+kzMbIY0gHf369VN9+0bXhBwCseYQCJOmgTbov+/JSxp+AE2iSbJMf62zUCfXYzust9B3ROAoJk6cGNuzOCtMI9Ay1qJPIl8DtfPPSHzTy3zjSS0/TTfR4gTa5sCBA7JaBF6Yuba21sajNX9OP0kjXARe+ARqN2jQoGydlner1CnoFBtv65/tiLYRTJ482VYn8PWGB2c0kE+gqjwvtMzmYFkqBCdwCL169fKiZpbwRK5v5HNaHlcW23BgKloobi1wCFOmTLH16Caz/ksmDeVqV9octB49esjKaaXgopmlOgDKrPt9QUgDHrE5cPg1FvqPCCyD4NSll15q8xXyrvuqIhhXb/PtuT9hI/QtsIcJEybY9Gl3F7KwCq1Gsid/bnMAyT6wUOhaYAmQpa6uzuYrPGTWfWDSgIeV5a4CJHKWm3ckSAZmzJhho2iGj6PFKIliSMMp42O2B5NDLkvxekFMGDNmjBo4cKDNV1iiiminWayz8I+FVFbUYPeBOILKBCb4tGnTbL4C15n/qahARZG/8AMty20PrH9lWlBZINBzxRVX2DTLlFnfu8IkDfixSl0ZsG6mWR5cQcggvMzpv0Wwrv++aJKX8IvfVqlETuu7Uu/evcW/qRBwG3Ps2LG2X+M5LW9FQRrw11pabH9CLgpZaB0nCBlol8suu8z2a+Cr31fSxl3iA7ZpWerCgOPbSJHB5IL5mzdvngumNomZm6MkDfiRFidy9v1qi4JkAaLMnTvXO3+zDNbxvSW7CAEe9Dst/+rKBBAYkIPP5ACf9Morr4z0+nIJWGTWc+SkAUTSPnPhUxMQIDAg1wjcB3NFaJkMZgfwmVnHKi7ScGr6A5cmA+IUU8lTYG+OZs2aZfNSWSZ+qOVgnKQBpE9vcEnt0yJbiOMuYYYPH+7KK7FuHw681sp4MKG625UDIehM4oiP45YPg0nmEGFYr39Uzrot96LKm1r+2bVJwlSz0GNekAHO0wgrp1f6dwD/omVjWWssJNvwdy6Niu/j0DBKYAecw8yfP99GF+Z82GXWq7JNmmNablUO5KVlghoDUmcgfpCtce2113qmskNgfX5Lpe7MWCcNWO2ameYDbcPkyZXpeIDvsmDBAhcOLjPB+nw1FBcgxJf6vpZ3XZxIAgP0nRc/J1pfkvsws2fPdjELnXX5F6F91hBfjKrlC5Xlq9G5wM43atQor5i2IPyxnT59uhowYICLfVNZl18Pc12GbbPQIfrPXBs1v+cnAQKu02JCyHlOOKDO8syZM708QPpf0kDWMdytSkzILIS2EfRk/x8t/NLxLowYRKHCSXpPHVJuSEv3m/wISgfRMeosc8Kf7i9Sf5tQsyMmGrUtQs9cieqTcejJzaKJtkcNDZNtAiER4VASPuvr673mPoLiNiHOXeh/mau516FDh7yQf8Rtygths1mH4ftvEb0w2/e1KmBuT1hAoxRy/n1fhxKolifZeRCFvPzyy72qMfnGiiZJEMciWHcLzDoM39yP8MV3Ggfs12zscY8aJkOxh5vsniwItM7evXvV/v37XXRorYHLfhCllHMXWlIcPXrURuiZ9JibzPqLBFH4NOnYoVIZ0fPiHrlMP6ZYovFzHM75PRlbM1jw9LocP358oMWPf4O2j1mDf09FXKcvatIAmuNw42hynH5MOUmbfilcv84a5GlNmofPTrELyMImUk4REzSOH7mMAZSUvTfqh8QV4vhjLZROnB/1g4jchFUbjV0SX4fzB0w2pFK7s6FluU1JNCzMckpEKPFvYkhnes6sM1UppMHOvFGlqrHPiOoh7GZRFNtA83Aoihw+fNjrB8pCqATtgxbwe8FEdaUCTc0GFGGhx9fM+mqpJNIoE8lA07yk5ZIoHoDjH3WOGaRE2EEPHjzoCQd6SSIQEUUOedGgcSW0NjQ0eAfKEZzfrDfrKrYDt7hPoA5rmatllZYJYS+EOOsEoH0wY5Dm5maPOCwMNBEn4y4BDQw5iH5hgtloXcKmwgbDeIXo31DAct5DDz3UcMcdd6hKJQ0gmnaFSmVGjwrlQ5g0GVvg+enXEDBHCLciZBzQkz7u94EYRAEJZvBe+Hq2wWbCphJSw6btWuZowsR+Fmgl16G+vn7/kCFDLlepVO3R5e6imGUulalF6yGcigM/fI1AICJKBBT4ipkX1HH3n4OvwKbhm44uF4k/duyYZxGU6T+RtTxbE2a/lU3S1uBp4nyqiTNT//FFLZPKcWRdL4jOAuc9s2lDzBbMO1/4OwLRWGCk+vhags+JX4C4oDkCmxrlpdls0vJ7tghjlTQZGodwYclFfYtJk3EdaEgIkIsEOOuVBj/NJkA97jU4/ZowVnN0rJAm4954gwkOcIq7oJTdW2oAJBcB0mzoH/MNXMY4nf6sa8+RMSRf5TotDxT7A9ju0m4j2SAoUORh8QNmfTiR1+TSxXnqqHFh6E5V4JAKRzfJNr3g/0EYGnMtB1gH3zXr4pQr7+xitYkHtVxtzLazAFmkU0DlgOgh51tZ0GDWwSLX3tnVEi3Pq1TWwLZMp1l60lQeCMVn3KDdZub/eRff1+W6Ru9puViltSyMI01GYAdoG0LuZr4vMfOvhDSlg8Ju1+PndOrU6YS006hcnD59ulH7N9/VX5nvIy6/ayK27Xbt2j2o/Rju47wty6siwbzWNTU1LSKi5jqcJ01amsw7xlwj/Ch3kStEwZj5ZF6ZXy8LIu5cvYojTUaazEmVCj/OVhHeARfEAuZvjpnPk+nfIFsgaE5eqydNnjSZ36hUiaj7tTTL+ksUms28MX9Zays7UM0mmaQpIk2G0+F7VCrSslHWYiLwppmve1SB033SbBys1uk2aUpIk3nT2MQkJB2QdekkmBcyPSab+SoKkMbFmgxOkiZAmgwpFou1XKjlZyrVH15gH1+Y+WBeHlQBUmEKpNkIaUCZaTIYwhRgH6NSh2QSZbOD02b8x5j5COyg5EmzEdKAENNkKFJ4vTEHVsgajhUrzbhfb+ahbGRJsxHS+IggTYYAwVVmEp9VDmXKVhhOmfFlnL+qIgjMpKXZCGl8RFxNhr7x12gZoVJVGKW/Rjg4bsZzpBnfDZHZe6aajQulspwgTYzVZDAXvqPlPJUqX7pH1n0gMG73mXFkPD+I46F+NZtWTxpL1WQIgf5YS61KtQTBDm8RLhQ0wV7R8vtm3P5GWQjxu5BmY500lqvJUNVvubHDKVxAs92two8vgZywv9QyVKXq1T1lxs0abKfZWCWNY9VkMDl+omWcSlX//FuVcQmuFWGb+fyMA+kuf6el3hmVZznNxtoW73g1mbeN/FDLcJWKwKGNvqKlEjvc4tCvUqmbki+okELFUcJPs7GxhqyRJkHVZN5XqfR1hNKVM1WqRhsEqkNhJpAkZBUTFqaOGEmTVN1vTNqHgDRYK3F36rZCmgRXkzluggYrfQtTy0VapqrUGcU4o5lcKvnZbIhPu3o6b68zhDlZCSqSMDTVOuO8Bh/75FZYNRkW3lojKo1Io9MINNRIrZb+Eb7LXi0fatllxCfKu5VCkGzw02ziahkSO2n88HKFgwW6yUgmqPo9SKXaKVIdnf6E9L3oar4HKKmfvm0S6vWTrzChOKjAC/5cC/WMP9XycRLNq7BAmg0mWlyb8f8JMAD2mfX4ZMOoLgAAAABJRU5ErkJggg==);
}
.color .cover.color4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHuRJREFUeNrsXQmQHVd1vX/fZv2zSjOj3bJWL1i2ZWMHxzZYQDAOm9lcCVsgQBKIcVWKBAghlVQloECIiTEQqmKzuExIIGBhBzB4wRgkW7Isy8aydo+kkWZGs/2lfy+5t/uNNBr9mflLd7/3/7/HdT2LZqa737un7/Luuy/wyP3DcPitR6BSGChT4mOpCKM0A2MOtKIE6ZNX3L0Cetc2m/jpGA9LcVg6QO4YfjRL/51QEiDaARAIVnbNcDU3nEfJVPB7+JyQRUnU/5zStPShLEdZJj72o3SjdKGkUdpRWlDiJfy9HMo4yijKCMpJlCGUoygHUA6Kjy+jmPXPGNTBk+URxn7Ro9LmNIBYJ05QzCfSWMK6FKp4Xpr9SLWsVQtEio1CLhIfV6FEXbxGXEj3Aj+HKgH7UHajPCM+7hakqhsUTuObQavCQh1HHUS7HmnzmDS6IIwbr7Ep8YoN1N580fvpMpRrUF6JcpWwHKqAiLpOyK0zvk+W6QmUX6E8irJDOAw1BwNdlcK4C8RDx9fIOVYnEPaANFlhIdyCKYjTpP4cEa83obxayFWCOLUGIvbNQqY97MdRfiJkd014ZRhAa8Mu6mHeiYsozqF4xxXSTCu37oWJFTOnoAbSLb0G5Y0or0fprcOogJ7xeiH/JGIjIs//ojzk8jvSNRBhLMNlIppOfBTGN3g0Pb/7syBpNBHsWx4OQkbcSEj+fESEJXmHeBu3QGOBkhTvFzKB8gOU7woCFVS4QXLJyDXzCvqkY3milCSIzp3dmTfYn/KYMDPjG0veXFDQvlW8aX+M8u4GJMxsNItx+JEYl61inKSBgn4K/j2/TsFJEugTZZDGEK8ZzccBMUTM5CMo4/1elCfByTB9HBbOSjUqusX4PCPG673g84rBtPvk25sVr6ON4DWHzk9pn0ea6YUAQ8LM5P0hKinAZ1EOo3wD5QrmRFm4QozbYTGOvrxoCiNOmthvkCuYG3QybOeRhgg86f/bvmh849GqHKVfv4pyCOXTKJ2s/1WhU4wjjefdYny9iTOmHJEFSjrkT5x1DW3SFIR1USHSm46lXMQalO+Ak079Eyht5Z1ROmg8PyDG97tivN3TB93d9HJV1m7MiXWCx+45bVsYlWoudHcs3kqU/0R5FuXt8yU9GK6AxvdWMd407qvceIP6GseUkiTAGCI49MMJJWcgBxWvC5HbcCfK8yi3gRKZ7IZCSIz7XjEPFbvBWhVlMl6/HZRFmWloyqrfjvIiyoehrsraahJhMQ8vinkpqwaPAnB9XM0HU5o0ZunxDa3cP43yeZQ21lel0CbmZZeYp5ICb1XimJojzXSSYp6KQqqluhflQfAwe8NwBWvEPN0LCxS3aqfcL5NpKNIQKA1dZAzJb34O5V2sjzWFd4l457aiL8nxc9dEmDTuxDeLULaBk6HhtZbaRIeYv21iPh13PO9PmUzDkEaU2VDFMZVybGG9qwtsEfN5i10mcwqUSi/XOmlol8Nd+CL6H42tS72B5vO/CyNwt6VDshZuuBZIswGcHYYfnI5vTFa0ugKV4+tTdlXBDjHfTJoq8E5wtueeKc3woMyGIRFUhk/VxAI0z78W886kKRO0MPYFlG9Bkd3QLpXZMGTDctLLs+KYlJj3raDoArWKpKHNX7QR7C/n+6EqymwYimCBMpmPCz1oZdLMjyUoj0GJK8eSd3syqkCJZTKkB48KvWDSFMFlIn4peUttGWU2DJW8svLKZDaKOOcyJs25oHz9L1AWl/uLC5TZMFR0y8ovk1kk9GMLk8YB7XX5AVTR/myOMhuGgphuzlcBmoSevF32M0jJTky+x9kj2vTNCDVooK2yVe95ITeN2qcEWC+VhV0mU10rd9peQAWfqXt+tv0bM//hths21TdpBGFo6/Fdbun5dDebZI0pkoW23oyhxC37I31thUgsGByegMxBHWJR550SiYQgHg/bEo3U1t46F8tk6MG/hiSJIHHukvEsgS/DThnX/WOU//DCMKTA3Y7jrigMvpoKbRYU0iitFujoaBjN9NEhSkV+dTAATakoNDehNMegBSXdnoB0OoHfU69fKRHGcDdrQ/R7HxLnm41gad6G8nWvPKnpbp0ygzUiSL7XAq0bP3YiOVos15/WNC0Yn8jbAsfO3bIeRcvU1ZmC3u4m6OlOQU9Pk1TLRGUyhvtpzoCwOBkkzn31bGnegPI9r42B34dGmfg0uT4TsgNIksUmGIodvENWqQcJNNDXAgP9rdDZ4Z8Ta3erPAZeLqjR8uhbUX5Yj6ShJtsPgE+9zqmvUMJjomSXmpBZZiJRLDsWqRWQS7dieRpWLGuH7q6Uh36p0/LIh+YYdIXXovy8nkhDC1S0sutrSUSz2/4nOgS5RRZMXUhWxbQD9loHxUJrL+yC1as6IJmMuKvJI3P3Q/YAlJe7Fnw4LsQP0tCCJfX/7ffdLQF3Do0iqzKJRJlaY9rBez2CXLilA22wcUMPLOqp/sQgKpOhPsg+gxq1bwbn+MSaJU1SmMwrZSkDvTsrVQEiyOQ6EyZXo1WJQMOAXLaLN/TCcnTfAhW8cWi1n/ofW3I2Pj0pQoFMrZKGFqKkN75IlhlIGSkLxi9Cy0JkaeC+nO1tcbjs0sUY+6TLIg/1PZbcHOPbXuqdl6T5C5QvqjD5ARHfLBSC0JrJ+CWG7YpZ3JfzDGj9Z/Pl/XbmbSHQir8izTE+hvKlWiINBWQ/BYXWGUMwT5kNWhNywcYuNcDk9uhzgkhz1RX9aIGK5yXtsyuPK3O7VKt1AzgJKOVJQ4E/7fVW7ozKGJxfZpPvtmD0agMK7bwzp9SEwcb1PbDpFYshHDrru1L8Qusxllo7A4nCtKVg0NUx8OCFfi8oeqjrzEOjTAzsRzcbMPQ6nQlTBqgSYdfu43D/9/fAy4Nnd5FpI8oRBoQefgtcboIfeh18yM2/90mU96k86TSvVq8Fp7YY9qIkl0VX+ALSDPjdvmHIZgvQ09IC5oSyA7lMuGqPqOieXQ7OmfTqJmfRrmoYt2gbTSaLi2hNxeGa9Ssg3axsjTm9K1+J8huV3LOEcMuUJYyVsiCLrph2ERPGbYxN5WDb9r3wwtEhVW+RCkPuAZd2jrhFmr9HWa3qiBmLLMjcrIPRxbGLl7HOb144DI/vOQC6oWQ7R9LPf1CFNFeBsyajJAprTci+RgeLU8m+YP/xYXhwx/MwldNUvL0/Q7laNmnIHfsaqHhEH7pg+Ssx2N9s8GmbPmNkIgPbfrsXhseV6xUUFPoalUmaO1DWKzdrSOHc9QYU1nHXZ1nIagV46KkXYHB4TLVbo8O/PiGLNNTA7a+VC/jR9pE7pi9hwsgGxTYPP7MPDg+NqnZrpLfLZZDmi6BYHwuLdlDehAF/Lwf8KiUIHnl2vx3rKATS261+k+Y6lD9UjTDZmzhDpiIsy4JfPXdQNeLcAs4WAl9IE6yGpZ4gjBbmRh3MTiaM6sRRzFX7fCUcqIQ0dHbIpco8Nj5B9ga0MD1MmFogzqN79sOxkXFVbon0+F1ek4ZWVj+j0kTkrjHAWMyEqaUY55e7X4LTk8qcMPRZKDMFXS5p/ghllSpPS3Vk+krOktUaCroBP9v5ImTySiyAUhbtA16Rhtj4N6oMvL7cBO0SJkytggjz8K59qpTc/BWUsSO+HNJQyf8yJUx8u2W7ZYzaBlUO/OaFQyrcSj+UsaWlVNJQLHOHEsFk1FntV/M0Rka5eOnYsCrV0R8vlQ+lkuZWqGIF1U3krzbAbOHAv56w/cUjttWRDIrV3+QmaW5XIo5ZZdqxDKO+QBm1x/bsVyG+ud0t0lwHCqzLmM2WU7HMqEvQRran9h2VfRvUnfNqN0jzESXcslcaDdXlshFBsc3x0QnZt/GxaklDB4S+UfZTFFab9u5LRv3j13sPgmFKddNuEXpfMWnoTEyp73crAaBdzm5Zo2Aim4dd+wdl3gLp+3sqJU1goV/2A9plhp1mZjQO9h45ARMZqc2g3wvztF+ZjzS/h7JSavDfaUFhFWfLGg2UTaM0tESQ3l87J2maoQOikEBanUesd0gP/q80uN1Sg+LoqTHZ1dBz6n8wDilohS6kTh+04P9jkCQC0Xr7m2XeMW1XNro5+G9kSE5Bk/6fqTsx0VssjADkXp7xzQB6ajEkEIkF1vUaZDvzkAX8iF/77yJpl7Jb1uigKgHatLaku93/i1vQZeTgeiMDD5nZcw+oChfPAARuJYtDggSCAuQgDxnI+0QgWvU302xlGAC7DgzCQFdlJ7JVQBT72MNpQVWn8rGHSkkEUA+zW2YQyI55KPbpRBeuFbohDk34i961OrN7LTMYCNqsdvSUh6dEoaoZU6hzpwCyR52P9LWwDbdAkZ5+xSwNdcxMF78CEShuC6GAtsexQBm8hjtrKbQL0+xgK8M4i+cOH0dr0+aeQUFCkMuFrpdzzOHc6pYWfHhsIdJsKfXiEXTgSJqg/QyBKAYyoPKDSrQNvJDJOBdDpyfh1NgUdLamKieKIdyujHNiG5T+Xn7tbNIE5/ihsjFNnjQsxv/3YjTUgnatvGICs9UCo4+tDON80IJnJUTRJ5yDcynrRdkvM1cWYYoakdmWpgdcqGgOowNHkoI2tDkFtD6OC6fbZ+vMDaoxYzCK4cjJUcgXdIhF5t99SKex2W5XVliU6kF8oBPVjs9laW4El5cTw2htktCK1meRbYWISOFizT+Czn4ZBqNorGtasP9Y8WaDFr6L9TG0KKjWuUHndGmXCAOCDzfO555d6+WDh5Au5LaR+0YEIncuIvoZ0GImH4fBmA/7jp0668przvHrdDguCX1uetfc5lXzuWdX+zUARCBKZJNQ5u3E8mP0PmHNYMwJSj+fPJaFZivh96G4r5rL0lBOT86xGZEA5Ac01grGgjh0fETGKdIXoHQVI81VIOn4o8xABqwQZ80YJSQEJqT1gt5cjDSbZd1NdmCKtYFREiYLOZjQpOy12VSMNBuljEIALU1fhrWBUTKOZ6ScrrZRGdLku3JgxjjVzCiDNFNqkKYZZYUU12xxlrWAURZOZSfBsHx/0a4QPDlDmg2ykgC5HiYNozwQYU7nfXfpg4InZ4iyVlY8k+/KsxYwKrI2ErB2Jmmk9GnW0nkwIxzPMMrHsBzSLJ9JmmVSkgAdbGUYlUGCe3aGJ1JJo7VzFQCjMmR0DTTD99KAFdJJU2DSMKrAmOZ7EumMpaGizT4plqaNScOoHOP+k4Z6PEeINB0goSUfJQCMBFc1MyrHpOZ7TEw8SRNp0jIeWG/SedYZVWGqICWR1EGk6ZFDmgLPOqPqZIAEdEmzNEaSXTNGdcjpUl68HdMxjf+kiTNpGNVBM6W4+Onp7Jn/pIkxaRjVwbQsKJi+65GdPWuS8sC8HYDhAvL+L3CmiDQhGQ9rhXl7M8MFj8X/8znDRBopjZOsEFsahgt6BL6/fGNEmpiUp+UTzhguQPff0sSDsh6WtwQwahVEGikHGwYLQR59Ri1iLAgAciJyzgMwXInK/X/50hWl7OYJGGxpGG6Exr4Hx1OkuVJqEQI6ZwIY1SPkv6XR6YpS2lsG82xpGNUjFvK9oMW2NKdlPGwoH+IZZ1T34g0EIBL0XY9OE2mkdJQO5Zg0jOoQDUopmxwl0gxJIU2GScOoDvFwRMZlh4g0J2RcOTwZ4VlnVIVkOCqNNBTTZP0nTZhnnVEVUhHfK8Cy0+4ZYb/vQVwhyHENoyo0RX0nzUFbd2d+4XsgNxrlmWdUjJZoovFIE2HSMKpAq/+k2c+WhlHTSYCo/wub51iafTIePDYc49lnVIS2WFLGZffNJM2zUizNSIy3CDAqQkdCSmuLZ2eShnw1/w/8sNDanGRrwygfnf6TZnJ2TEPbKHfLePj4iQRrAKMshAJBGe7ZbsGTc87ZlEOaQSYNo3wrQ8SRQBqYTZqnpZDmZJy3CTDKQm+qVcZldxUjzRNSRgDjmuTLSdYERumkSUohzZPFSEPmZ8zPuwiiiY1GYtA21MGawCgJKYhDbDwOlr/7jTMzLc3M1SFTWJstnhIlGIRIOIoSgZBYnIodj8GgcQRMbiDIWMjK6O2QHwRbQuighFsdCXq7Tk5WRi9GGsLjXpDmLFGiSJTzizSDeghajrfC6b5R1grGvOgxzp4MY2QcyR9DHUoARKYJ5P4qxi9nfhGe7x+rQSgYgjBak0gkan++ENqOpJk0jHnRZCag2SyebTWzSB6S40iauEMeIlHQnabLD89Hml+LuKaiSIusyLTrFSxz73brYBuE82HQY3ysIKM4+o3Okn7OzAFoJCcct23ahQtVlm8ag1lJstm5XgqvHiqPKGGIx/ANkGqFpmQLxKLxsglDCJgBSB/ihABjDhcfArDIKF8/TA3JcxIj+X0AU3udWMgor//S/8GsNmfFFkgWJE0YiZKIJaG5iYjSLIhS/VpL+kAXawdjjlimHaJWdVXNJqq+dgoJ9BLA5HMAuZeRQFQcM3+31wfP0/8iP/SA+DPndPOz4xNbohAIeNPoLz4Rh+YTLTDRM85awjgHS3R3z1O2MAooDDsSQMco3CLcuObZmm/zYUHSoAGDHfibmyLhMJLFiVG8IspsdP+ul0nDOAdtZhNKyrO/bxlInlFHbAI1nyHQdvTFBuclDREjHLItyn1oWTb5RZSZIEuTOJ2EbFuGtYVhY7ne69u1bAKddiQQhPtCzU4WLtRif+3ENEQMSgsnEyk7mKeP+PX9+H1pff17nu9lTWHYoDRzl9Em49KWZcL9+hhA9jDGQHvw40HHGgVbmtogGU/NjlUOwYxaG9/N8dE0JMa4Ho0BsEpfLOvQvCcFDwSFAHSMGnJHimfPpnGfzMHq3bOYNabB0WIm7ayZJHx3rn+YjzTfAUnHcBBosTM13MSa08BYXeiXdemC0P+ySUPtah+QOWh9Owf4xLQGRZfRCh1mi6zLk94PVUIawtdlDlxyNAXpw1wl0Gig083WFAZk3sK8eh8sgXGHZd79ot39ENK4fW0jYZneA0krLuvyhxbysBYiDW1w+arMAYzkIrB49wBrUoMgacVgZUFqEujfhd5XTBrC3SDhVIGZ6DjQCU0nm1mjGgDrtWUQAmk9IyZLMRKl3N0plHtlD+bAjmUQ1LkBRz1jQO+CtCn15fhNKOE4zVK18J8XMlleIzYZg/6dS1iz6hQpjGEulBv800aufynlB0slzYso35c9sOmDnXa1AKO+QHtlLtZWyHTLQOj3ATdJQ/gcKLBqMrBjqW11GPUDsjDNptSyKdLrfyyd5KXjGZT7ZQ9wqBCC5U+sgqDB8U09YLHRAUv0btm38UOUnV6QhvC3KIbsJ4yPJWDJ9mWscTUOsi7rtKWyb4Ni9c+U506Wh70o31ZhwKl7DW8hqF3ErAi8QlslO44hUGHmLi9JQ/gsiqbCwC96th/aucym5kBEuRQJE7ekn4RHevzp8hMX5eMllH9TZQLITWseamFNrBE4mbKV0Orh9uUycKfQZ89JQ6BM2rAKT02tn5Y/voq3EdQAqBDzIm2FXcGsAIaFHoNfpKFV008q8/YygrDisQvsqmiGqoQB2KAtk7mpbDY+hTLqJ2kIVD69XRk/uRCClY+uhuQIE0dFC7NBW26nlxUB6e3dlbuYlYNSdR8EBVLQZ4ijhWDVI6u5uFO5GGaFSoQhff1QNXpbbb7vKZR/VWqS9JDtqtF2aYbkl5jIkinkkhG+DHZfvyos57bmqitjyB+iPPdKlUbGClgwePEROLlqiLVXAmgdhgijSJZsGlRbdhFUeZK5GytL1E76faDYbv6AFYC+nUtsoc8Z/oFW+jfn16pGGNLP91dLGLdIQ/ilam7aNLr2ddsJAjrGg+E9KHa5Mr9GhYXL2SD9/LkrL2QX3LNpxIWvuE7FySwkNTh47Usw1TzFmu2FZadmGNoALDG6Vby951A2gUs7kN0s/MmhvB0kb42eC4lgFDY+vwb6jnG9mttI6nG4fGQt9I8rSRjSy3e6qZduV8vRCdGfUG3UghGASLsT5yw50g/rn78QolqUtd0F9GW74MqRddBSSNrNw+kUMsVwO5RZkOmnezYT96C8WxG/AWK9DnFmwggZcGjgKJzoPsmaX4nlNmKwdnwppLXz6/6CSRx2NUJI6m1xm+sq5RFpaBsenRR9iexRi6QBwvOUpU00T8L+ZYcgk8gyE0qMXZZkumHFZB+ErOCcL6pQEwDITVqSdbkaJVMrpCGsAKdcQdrKFh1MGi3hbFNa0zneMwRH+wZBDxnMjDnQobXC6ol+SOmJhRUr7FgcSRgVgf9+T14cHpKGsAXlR6S/vr8Rw45bFigjatPDOhxB4pDLZgW4ifQ0mpAkFyBZiDRlxZIxHH//2znQW+8NKNs80y2PSUP4c5Qv+T1ysR5n0iqBFtXg6OJjMNR1qqHJQ1mxFVOLoSeXrtjTCqacI/l8xMe81jc/SEP4Csqf+hbHiHPjq0U+lofB3hM2ecyg2TBkoUzY0kwvdOfa7RimKqClD6V8i2+opeyHPfdifCINvWuor9TNXl+IrEvM3YOA7TiHXLYT3UNIJK0uiULk6Mq3wQAG+e2au1XigQjOS8LzR6COMm8CH6ru/SKNbe3B6cb+Ks8eBt9qsUXeugOnW8fR8pyEkfbTdeG6Ueq4L9sJi1BiZsS7l1nCIY9HeATlteBBpkw2aWzLj/IQypVe/PFoF5q0hD8PoocNJM4oDKdHYKxloqYIFDei0JNvR/crDa0Fn4oqA8JNc7/5DJ2NeRPKmG9W2WfSEGijyy9QLnbzj9JaTERSx1rKuo21jMNo2zhaojEoRApKkYRcrxYkR2e+FTq0FvtzKfcRchIDLoIaWF73YGL76E3ZTb49h4x1W+ov8GpwKqPXumL6RZmMLIT1MHSMpG0h0ELpOFqfyaYpmEhNQS7ub21J2ApBMwbz7YVmaNVSaE2a7O/JxnSZTdCd85qeR7mRCOP7fMsYvJ1v2X7yku9t+n1wSrWrq4pGsx/pBNmrz+cGb9mELfappQjKvBGRppIZyCZydjKBMnP5aN528yq1HuRmJVDiGJdQbELrKST0uaqwNJRw1WU2VLV8AxJGSg2UtAohJM4JJM51+OmDKJdW+nfIwgQjoDSCZhCaplK2nKdEGAsV0L3TI7rt5ln4H5HMDOL3tRw09cUhYjpWIoTWImKGIYqiguWoFGa2qjKbpymGkUUYqaSZZXEoXfh75f4+lcmEa7zdGVVeRwsRW2Yjl52Cjo467K5jOcSpoMzmUZSbkTCnpc6ZhERAMVDOiypS31TyjVdQJlNrsEmzpn5bUpVZZkPrfFQ5L72yVhWVo4F4K8rWUn8h2lHfhGkEmHknOVACtgr9UKIUXSW1ozoV2jD0EVhgVZdKZIJ8rlN9ECcL87VkIT34qNALZeqYVHxXU50aVamOzWXSI62sbPXDmjl3e44JPbhTObdS0aGksm6qGth7ThwTdNwyRp3lBQqOzMBeMf/bVLxflaOCF1CugBlHFtKKf4A7MdWnwcmdccDuF4R5QdkEhuJjSY3d3kZxTrgJsqEkK1f9mhvIYXzzUTHfEyrfak3kn4IR+EqkHS4Hp9aIUX+ged1kGXCngt1sapA0Z8tk9gh3bSso1gKXUYV9ceaT5nWP/Q0qs9GZNFVhVplMHpz04w3gUdMEhm+g+btRzGf+nPgmq/ZrUWnS0N6YOcpkHkbZgPJ5FJ31r6agi3mj+fv5XPbHzDJpyvfKQmhl5k8v07DeAU6mZQfrYk3gKTFfd8ACq/vkoll5Jk1ZoH5lJZbJPCV8YmrccYr1UknQvFClx+VivkpCGWU2TJoKymQow38XygUoXwDnfHiGfGhiPmhevgIVlMKoGN8oR5oqy2SoZJwasK8HZ5GMs2xyYInxXy/mo/JSflO9pupKkcbFMpl94CySkTvwY9ZhX/GAGPe3iXmonoEFJxXNpCkCD8pkKEHwB2ISfwAKVcrWGUwxvjTOrwcPEjMU36gye8qQhlLLHpbJUCP2W1AuBKcLY4b13BVkxHiuEeO73UuHT5U0tBKk8bGbDLkL1LZ0KcqnUQZZ7ysCjdtnxDjSeL7oS6CkyKFR8kkjp5sMpUA/h7IM5c3CD+czNhZ2wX6K8hYxbn8HElL8KpTZSC+0l9xNhnZxfF/IYnBOzaJ96BuYI2dANWHfBqeHw2El2Jv1rFtnae95mY01qEyGWskqiIvA2ZNOVmitrJuQ2FiDNoH9FzhpYyUry2UeGiXN0pRQJiMTzwj5FMpqcDJwlBW6BqUeT7ilgP4X4OyU/Am4lCr21E0TZTYSDo2SZ2mqOXRJIujddh04PdqIQNRA2LOn8NDSUAKX0sLUR4yKJqnrfq4W2S7h0Cg5lqaGu8lkRNLggWnuo1yGchU4axQbhWVSaVM2hc2/A+e4+t+iPCEIk4c6wJn4JlDHpKmzbjKkeL8SAjOItG4GgZYLWYayyMN7OYZyEOWAkGmiPFcvBCnOGtFUPVGnpGmQbjKkoE8LmQ3ql9+PQme1UQqEjhmgo0daxL8R6JUSPFctzrSzIhdqHJxarhEU6mdMbdaP1qp75Up8Q2U26KIFfIo2/1+AAQCMN1Evr+BGaQAAAABJRU5ErkJggg==);
}
.color .cover.color5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHTBJREFUeNrsXQmQZVV5/u+9b+s3vU3PxjADzgzDNjACMuyrAjqUEScaHGW0NC4xUauiIqmUFTXGVCg3oiYYxBCqIiCowTjBQcFCxMBIZBEGQfZtZBmme5be+y03/3fveT2vu9/rvu+9e+859/X/Vf3VPUv3ve+c851/Of/5f+v+W7ZT5tK/oGaRcsvUW56gFLmBf6Zg2dRvZ0lQEz0sNr5Zevnl1Hfk6jJ/u0+GpQ5KJXL38fC4wdcfZTJkdXYSWVZza76V9827ReoqF6jRR6eZaPi5QTvd7lOKxb+CZTXLKvV1JfjAsoSlj2UhSzdLLsDvG2PZz7KHZYDlNZZdLDtZnmV5Tn39I0t5PnDGHRpqjDDAxAS5e/f6xEmn4yGNzVqlhxd91i01/WEXMOHGXYcmLLtd5g+kWK/k9errWuxrIT4jp2TpXMuC5SmWHSwPq687FKnahzAjI0TFYnM/XC6Tu5/3n44OsvL5aEmTUeaYTW7LHxq/Z7eT5S3RStp8wbY8keVMljNYTlOawxSAqOuUbK76e2im7Sz3sPya5X6W8UQyplAgGh1t/ffw73D5d1ldXawN7PBJA5MKGiI828XXWHvsjOlTBFZvYLlAyWmKOEkDiH2RElKEuZvlZ0p2JOJTQEvALAsLrK0mzbVMJhzSOLy4oRXgi4S+ZbOJB99oxEqZNjUgxZtZ3s7yVpaD2tAlwGd8k5KvKN8I5PkfltuUD2WmH1MOeS2yX+QODrLxm/PNtVmCBHOu1Bwv6h4mTJQGFDRYgVVjQb9/k1aa5D1qN+6m+QUEKT6shFcQ/YTlRkWgghFvCJOsEOGrjI0dMNccp250p649ArL0RkyY6mdp9GzgtF+hdtqfsrx3HhJmxl6mxuEWNS5XqHHSB5hRcP6jRiWMPTYWnDQwwxaVxqijhehYo8A5T3d5Is4p6GD5IMu95EeYPkVzR6XmK5aq8XlYjdcH1fjFaJO54foxQZ43POybbNNC2jNIA0e/rzze0GFlaKuYSZqLnqhYAF9keYHlGpaThRMN4WQ1bi+ocYxlo8EChgaIHepMp9oktA9849JC3umbOawME4imOdEQFuHX77A8z/J5lsWy/lvCYjWOGM+r1fhGg/FxX3RBnelUTEOPNDh7WVwab+mwMjz/xo/UhYijWL5PfjgV+UI5We+hAuP5ETW+N6rxDte/gJYxJAgBX8fu3XqjZ47ZGsyxeqik2bSIw1j+k+URlnfPFvQQhAKM72Y13hj3taGYZc2kyUQcjLC77/ipkTMA3yrT3LkQzIYrWf7A8j7CMZMgTjhq3B9T89C0GexpmGLRyN3BWDSYroOj3EtZnmT5GLWYjCpoGSk1D0+qeWks7QOO95iRZ6tmk6aSZhMAOLl/kOVr4JqsV7P2PjUvD6l5CuZ4xxlebifSAJU0mzpALtV1LD+nKKM3gjBwlJqn62iO5NZI0mTmE2kABAVq5L3Bbn6UZYusx0Rhi/J33lfzX6NOk5kvpJmWZrOc5VbyIzRy1pJMLFLzd6uaTx9xpcnMB9L4XqWXZoOMY6RybJR11xbYqOZzU+xpMvOANLhad1WHW/rvnFsS7dJewHz+2B0evppKpbyQJhwcS/4Nw4/iD93RpdkIdMFPk/mImudjhTSt4RLyr+cedeCFQ0+zEejE1DQZzPNv1LwLaRp2YYi+znI9S+f0fwwpzUZgAGqkySxQ834FGXpAbSJpcPkLuT2fnu0/tZBmIzCFMLOnyXxKrYMeIc3sOJTlfyngyXFYVXEEGjAxESRNBuvg12pdCGlq4ETlv6wP/vKB02wEJgFpMsHT/dcrP+dEIc1UIF5/J8vBjf7gHGk2AlP9mMbSZJar9bFRSOMDd11+UsvhDwoEBVLi3yQDzafJdKp18m7dH0FLdKK4aJH/8P5+FGjAVdmW7rxYyr/pd3Li4ZiM1tNkcL0ACZ8L+i+77Jrqf1j01a+2N2kUYXD1+Cq15kP4IK538LkvgUXVbdsiy7LItvwtAHXq8K37h0dpfLCfbFVr2ELd4c5OslnwfbJsMlWMr3Vgg/0ukyTNxLlKx0exXlu7VsdzP8DyH2ERphp77QyNWWZd1gQJHNumlGOT4zA5+HuHGeIosjS3dBxy+vrIXryYHMjSpeSsWEHOypXen430Y8ItjgGj4kNMnGvj1jQ6SPMulhsoomvIKKbe72SppLGmjsPkSKdY+GsqZXuEiZWkrIVSq1dTmuc2ddhh3letmonJElEyJirBbGHi3NTOpHkby48o3PYTMxB30yhoi0zapkzKYbI4nrllmP3nESezfj2lWVKHHNJ0Q6PGl3UTTZcaA3KqLmbZ2o6kQZHtbRRTtf0hK0VDEfo3IEo27TBZfEmUD7VoEWVPOskTaKRI/Rj0gIm+OAaIcyHLHe1EGhxQ4WQ31pSIAdY2YTeNgibJZVMeURLXVaeWKcm+UO7ssyl7xhlk94Q7Pd4BZnzFMdBi8SyKoV1IHKTBgSXq/66Me0GUlH/TatMoaJVcJuWRxbHbgSq1AwuZ446jjje/mdJHHBHC3j8RVrSsEaBQ+6nkt09MLGnySmWeos0HtZymm0bBN+nIppkwTvNRrgQCJlvHxo2U3bChOd8HaTKof6ynyN+9yhUYSSppcBClvfDFfvZtGmkaBbLkQZbs/C6d5ixfTvlNmxomj+fH6C2OcUOU6y5K0vw1yzdMmHzsd4imFefwb6BN8jmfLBYJJjXPypWUv/hiL/o2J1Dv2IziGJ9k+WaSSAOH7BcUcWi5ERQ9/6Z+mg2IAsLYltClHkCaBZs3k3NwnbxapMkgvGwGoOrOIz8AZTxpMKK4621cj0qYaPunhaFxCNnZkfEOJAWBbFcvWACzzapu6orwMvwYs4r8vUL+lYKXTCYNDixuZ3mjqXNeSbOBKbYgJ35L0xO9ZAl1vv/9lF7nFzb1ImUTRtZuuJPlfPKzB8L57H/T1xfmC36W5UNGmxhumYq8Q3Z35iidloYCTfuJ7LeMb99OZTbH0mvWmEoYYJUy1e4yUdOcRH5PeqPTjMv5PJWTliFsutZZupQ6L7mEUitWmPqKSEk4g+X/TCINVuHvWI4wdmbZFi91dZGbEnMsGuY4tOCiiyh3+ummvuETLCdQCOc3YXm//2gyYdx0moo9PUKYKFEq0fCPf0xDN95IrpkFzLE+/8kUTXMa+WE9Ix2Eci5H5QULZFHHCJhpXR/4ANm9xrUKQmgPxyH36NQ08F++ayxhmCxCGA0OxB//SPu+9S0q7txpnJGu1mtGJ2kuYznGuFmzLM9/gZYRaNqwBgdp/1VXUeHxx017NcTIP6PLPEMBNzTnyZtIGPgxAjMCBF1btgRLwYkPCAag0PqzcWuabxhJmO5uIYxhAYLB666j8fvvN+mtsG6viNs8O5flT40kjETIDLTVyjT0gx/Q+AMPmPRWm8i/QhALaexWWCqEmcfEuekmmtixw6S3+lozHGiGNOgdcoJRFoAcWiaGOIPXX0+FJ54w5Y2wjrdETRqszC8YRZjOTvFhkubjfO97VHr5ZVPe6IvUYAi6UdK8n2WtKZ8WeWRuNisLMWFwx8Zo/zXXeMmeBgDleD4SFWnAxr8zZuAzGUm8TLKlxoQZvPZaU1Ju/pYaKC3WCGmQ8r/KCMI4jmeWCZINZA4M33yzCa+ykhq40hKUNPBlLjNipC2Lyuz4k1xLbguM33cfjd1zjwmv8qmgfAhKms3K9jPD8Xfk8lg7YXjrViq+9JLu14Cv/o4wSXOpEWYZO/1uJiOrrN1QKtHQ9deb4N9cGhZpziUDzmU8P0YyltuXN7t20cgtt+h+DVTnPD0M0nzchEH1UvzFj2lrjG3fToWnn9b9Gp9slTRoEPp27YSBWSYHmO0P16XhH/1It5m2Sa37pkmDnph6V6tty0Wy+WSm7d5No7ffrvMVsN7/vFnSWHP9cCxaBv0mxSybVxi96y6PPBrxQZqlteVspDmb5TCt2jqV8kwzwXxTNyUa2bpV5xtg3Z9VlzQWTJ/a/sJ7jHD+BfMSE489pjsb+j31NU0m47XZtnp7ySMQzkEsry/FO7VqGX4PSfef3xjZtk1XjxtS639yAboo7j46SuX9+6vMM/gNIBATx+rpeRN/XawIpEfLSDLmvAdy0yYeeUTX45e4hcKbUH4XyaXoTu2ipXu5XMensazNVQTyNFGcBBItI5jUNrfdFp+2QeeDQoEmiTI8vNlFjeppz69FGiR2bZqigdjn8QgEEw4EgnMeIYFEywgmYwKvvEITjz4aLVHQH3R42DO98LWKKJuoRk2/WqRBxcz6rQRAoHzeJxCyjUEgO7zeLjjEFC0jqMbonXdGRxRoFNYs3oHqTI3Wp/gwJ2k2Bn44L26PQDDhQCAU52uRQKJlBDN8m+eeo+Lzz4dDFPZNphBlblwYhDQXNvVSIBAveI9A3d0+gRpM4UdSpqTLCGph7O67m9iBy57zXq4mSrHY6G+ZoUSm20HLKIyMZl78IBBBSiWv069nJ5Zmb0Yl9/0F9YDST1j0sGzmJArWG7RI4wSpBfABrTBfqadp0GYtXA8f2oa1DrSPp4VApDoaSE7/BXU3VCYAbnnWjhaUvGIdqB/tOfOjo2ERhhQfzp/NPDsr0k8Of2c6gZTT710us6VZrGAWE+23v61NFBZ8P5cl0wLOmc08i6+NVYVA8H1YpZYlKVMwBxB+RlDARp/YeLtIn1NP06ADj562GUj/l3v/ggAYf+ghHW3XD2dZUos0p1F47QQbC3KIlhEEDQhEedA5O06tRZpTtTl5shYEQTfYgQEq9ffrePSGWqTR1nVHNI2gERT11BFYbwxpRMsIGkXBENJ0sazRQhrRMoJGNc0LLzRzst8q1iieTJLmWG1BAFkDgkY3WiYMws8xw1Y8mSTK0doGQDSNoBlt8+KLOh57dDVptNRpFn9G0DRpdu7U8djV1aRZJVpGkCRoMM8meaKXNDL3gmZ94UpiZvzBACGNIMHa5rXXtGkaJG2uEPNMIKSZE6jxnAZpFlHYd2gEgjhIMzAQ9yPBkz6Qpk9MM0Ei/Zq9e3U8dhFIs0xMM0FSgwEasESbphEIWt54h4a0aZpFMvyCRGqakREdj+2rRM/EpxEkkDV+iaaY4UXPOmX0BYk10eLXNgtAGrmcL0guaeLvz5kCaXJingmSbKLFjCxIIxX6BKJpgiOnrzqfnNMIEgqQRssJkca2cAJBK9hni3shSDIsDV0mQBotJ0RinAnCWcGxexjDeGJBRl4gmiYwiiDNsAy9ILGkmatfTUSaRkt+tZhngjBMMyv+nkZ7QZo9MvqCRHImfi0D7AFpdsnwCxJpmi1YoOOxu0CaV7V8YDmnEbSqaXp6tJEGPk3stXDEpxG0TJre3rgfOVoxz4BnZAoESYPTF/ul4+c8slb/QUw0QaJIs2TJPCSNzLsgWaR5RkgjSK4/091NVkeHVk3zlJhngkRpmYMO0vHYp6pJ84hoGkGSkFq5UsdjH6kmDWw1LUWkRNsImiLNIYfE/cih6T4NLlrv0GKbyvwLGt1oUykd5tkOxZMpa1YLaUTTCBrWMoce6hFHA2lmbPQPil8jSARp1mhpRP5QLdJs1zUItmgbQQNIr12r47H31iIN1M++eNlik5XLkR1/vF2QUHjnM7itWSzG+diRak1TbRiWlbbZGOnjHYesTMYTUldVHdY0RdTkFY0jCODPlPv7PcEFNFwP8CRaHwdapliLNMDdkZCmQhTcsqv14SyLbCZQeWJCVoVgdtOMSVMBip97BdAHBvz1VSFQ+HUDfjWFuLP9Y8tEwU4AjRJgF3D4/wlpBLOaZj09da8DuLx2ILRnj0+gfN4nENZf6/jlbKT5jfJrmrvdw+SYJIrTWF11Gx+UNY4rJpqgnpY57LBA/2+SQHv3elpnkkDN1RPYR9OCZNNJg3JOt7FcHPyTpA/4KE5rDQhs/lClsTFZHYIai8Om9OrVDf8Yaj27+3jdQ3hTtysEygWu+387TStzVstumps0FaKAuSEWa3OENIJ6S+6QQ1qvPFMs+n06IbzBTyFQ/driP59hUNX4T9vIL1U75bd4zlXF9IqoqqGFD4KAQEHqFwqmkebII8P9haUSlQcHiSC8nm2QByTC8cdUAm0LQpqXWO7nH9wwhSgxVfl3mPVCGsGUNbF4sSeRoVyeQiCQxyNRR8d9vO5fmp00TAyPIJnMTfx1g452GNA00Dgu7wQCAZBZty6+h6GP59AQldA52rJuqiLQpIWVqiJKtUb5IctXSFNqWIpfsKCn3bXANP+/t5dSK1boeLRLrvtDd3iYSiweT3hdgkApGxU9ZmqU58k/BT1Vy0CBwKJtBIzs+vW6GoDdq3igKOR6TXFLLPYsL3STzsFKST6aaJmFC3VcNqvgxrrvNcsPfZ80tuGAtrHjvzMhMEnLHH+8rkcX1PpvmDQoV7tNq7bRU+BaYABSBx9MqeXLdT0e635XM6QB/l3nwHnXWrPSfHr+2WU2ZU88UecbzLru7QCMe0Hn2zszD5sEbY7MUUeR3dWl6/HPz2VhzUUa3LH5jlZtw7uOmGnzSMkwWbyImT78m1r3TZMGuJo0dBWYom3YRLM1dPEVxI/cySe3nPjbAoaCKIkgpNnNcp12xxANfMRMa2ukDz+cnGXLdL7CtRSgnWbQzMuvzqWyxEwTtGSWdXdT9oQTdL4CrjP/c6B3DfgLn2S5WffAemZaODfxBEYxxqaOM87QUcusGljfz4ZJGuBL5F8Z0KvCkTynz+YVRIDsG97gnf5rBNb15YE53sAvfpj8RE69YL8m3dkp/k27+DGrV1PmiCN0v8ZWlt9FQRrg71m0Z1FC06T1dPYVhGmVsXbJnnSS7teAr/6Fht67wQc8xnKDEQPOvo0T/J63wDAgzT5/zjm6/RgAiZkPRUka4IssRtRaQjRNAgMJJAwTpePss70bkpqBdfz5hjfsJh70NMu/GmMTs38jB59Jsslsyp15JjmLFpnwNleq9Rw5aQBE0vqNIo5cI0iAirG80DIymA1Av1rHFBdpcGr6WZMmI93VZYJ9LJhljnKnnqrzUtl0fI5lT5ykAZA+fZ9Jk5Jh4ojGMZcwzRT7iwhYt1c3bWG28GCE6j5KBoSgp2sc8XHM8mFgkhlEGKzXv2xl3bZa9e8Blm+Ztqt5Po5E1fRPhYqSpaoq/RuAfyHU9WtlHwjJNnzaROLIOY7GKeCx7zjvPFOc/gqeVeuVdJNmmOVDZEBe2nTgHEcyozVYZAsXUv4tbzElrFwB1ueHyb8zo500wK+MM9MUoG28yJrkqsWC9KpVlL/gAq+onmHA+rwjFC06cOGFYb1UTtmK60ycTLdcpuLEBJVHRmRlR2QS4z4M7vcbiEdZNlBIN5DDLP+PHhnvJs1Xo+tqHDYVOo47jtJ6Spy2tznGWiWPCNnKlSa+HtblJWGuy7B7ZqBD9GeM2wRxeW3pUv8s53Wvo9wxx7Te60Tgm2OHHkr5s87yWvuhfYVrXn+hS6nBhMy4SQN8mwyoKXDgE9pkI4JT5dM4PMEdxx9P6YMOklXf7LDm89Rxyil+5ZjqS4FoHBtvu/LZcJ1aj+FuwiH6NNVAyAqdoo/XPrlMjHrNTYHS/v008cwz4us04LvgoDKLi2P1btCiwj7qlukNvkC7nM4ykhTSAGvIT1fQdo8VE+cE8WFclwqvvEKFF18k15xd0jy/cMkSyq5bRzZuzs4FNC3WF0Hboxz/Z6L45VEmaj2jHLBbMN7xG9tpcoKaX9g9ly+n1OLFVNi50yMQSZfpA9oaBfyOPtojTWBg84GpFr/viPSYLVERJmrSAD9j+TTLN2PfFeHHNFiAA+0SM2x6pPlnJ5g8xV275jV5EBXD/X2vEHkTphaCAl7mebyFUOD43xqpBROheTY9OPBXsU02aww7hB6NmPTCyy9TAeSZRw2mEAnLrFnTNFmmB2Ks+AqhoKTsxyI3+2MiDbYa1JW6KPIPlM+TE3KCIPyc4quvemabC5OjTR381LJl3ol+6Okv6KMafToTKsq8g2LIuo+LNABGDdXYz4mOmg6leNIpwqsBpb17PQIVBwbawnRD6BgXw3AwaUWY4Oo1eo0u8/wuFizkWEKgcd7YGlGa5jaWUyLhDBz/iO/SOL29nmRY+5SYOMXdu6m0b1+iCIQFDNML4swSjg9VW1f8Gzv0o8F71bqK7cwgTk1TAWbpTpbjQt0xefJtTYeVMN+ggTzZs4fcQsEwllg+2ZcsoRSLHRNRalkCVpBwdXCggOW5gzfcsKfrkkti+xg67gajvsAF5GdGHx3KmkCajMZq89hBEa5OqeADDkpxaFoeHKTy0BCVR0djfx84805fHzkLF3qp+kbUT1BpNiGZgX9gOR+EiftjaBnJ8YGB17J9fW8kP1W7taxo3kWnp8mY4CdAqKL5eLGAOOXhYf8rLxwEFDxp9jAVn5vNLK+3PT8LjjbOUzwx+Q4RAikgcGskRtbyeUyY13R8BG3bDxPnVSbOufztz1ma7rEADWN88iWbJThFr3mSjv70bM6BPJNmHXZk/nuYe6kVK7zzI3+2Ut73+LxJrrzjsiZuIc3mQZa36CKMVtJM0zgIF57d8GaLXVWXfR6iv2FlMp7MWFyFos4OxxGyxvWJ03iaza/h9DNh9up8fS2kYaJU/3Efy0byM1LfEfiXNJImIzAPjafZ4JzvvSyjcTr9Na0bQ4YQnvLFLFcEtniwA0ufmmQrHNy9CZZpcYVaH0ZccLQNGkPUUUPe0MdpjlNdpMhYUjCjPYiDKxn1z7iwDj6h1kXZlHe2DRxH5Km9TZltM10ARIlCyCsTmLJVlsmtHZLfp9bBlaa9sm3oUCJLFVkDj021yRzfLBO0FxA1nJjSveUxNf+3mvi6tsFD+TjLyVTVsjCONBmBRv+m7FlgP1SEedzUd7UNH0sUdnsX/By7t3fUi+0L2pQ17hj7N59Q8z1o8qvaSRhPK5v9tr1sGZozPiyrqy2Bed1ApdKV7uio8S9rPmkOpMn8XplrCD/KXeQ20S9qPjGvv/f+Br6NaQmvSSPNtDQZ3ABD+PE8ivAOuCAWYP7OV/M55Wafp23KZSFNU0qmfprML1mOZfkai5SPSRaKat4wf3fU8W/IZDPNXNLMnSaDUb2M/EjL/bIWE4EH1HxdRnOd7lfSbIQ0wdFAmswDyiZG4Y7dsi6NBOYFmR4nqfkK5vAET7MR0jSRJgMD+CqWw1m+Tn5/eIF+TKj5wLx8m5pIhZkjzUZI4/kxuFTVfJoMUsZRgP0Y8g/JJMqmB64a/2PUfDSfyl8/zUZI49tkjl/kr3U8Rf4hGcyBn8oajhXb1Li/S81D65iZZiOkmeRM+GkyCBD8iZrEn5BBmbJthrIaX4zzWymCwExVmo2QZvJFenspwjQZFGLfxHIk+VUYpUVAOBhR43mUGt/7ojP4/NueQpqKH1NpuhQ9YC6gbOnrWD7P8pKs+6aAcfuCGkeM55OxPBW1Ewzwb/STppImY8f6KgiBfollFcs7lR1eEi7MaYL9guXP1Lj9A+kI8RuQZqO9pAk0jMZqMhj9m5UgAvE+8u+hHyscmQRywm4gv4bDCya8ELSNhTM8255/pEG1RRSyM8jk+LKS15N/Jx1a6Oh5SBRcAvsv8sPG5mWWqzQbXU2j9JEmlTL5FubDSj7HcgT5EThEhc5kybQhSeBh30n+TcmfUVih4iihr2mUPtI003RJE54gP30dgjSFc8mv0QYCoUVdEttEI6kLYWHUEUPSJKrujyXtQ2hqGqWHNAmuJjOiggbb1J9BmBNZTiP/jGK90kwmlb8sKuKjXf1vWbYrwrRFox2v6GB8TaP0kKbFNBkTd+x7lFAVkdZVEWi1klUsUdqjL7M8x/KskgpRHm0XgtSESrOJcxOOlzThpcmYTqQHlUwHyuWvZEGLA3R9RalRXBjqVv8G9NDUowCEeivlrGBC7Sc/l2uABfWMX2XZmUTzKjRU0mwy8bib/y/AAAUPkWblabJlAAAAAElFTkSuQmCC);
}
.color .cover.color7 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHm9JREFUeNrsXQmQZVV5/u/+lt6X2Xp2BhyWgSIzsriBgBHKqETDomglbjHRVEVFqhIraoypWGWQaBIQcauKuBCNiYrD4oaCwCDjACMgMg4MwjB7d09Pv377zf/fe970657Xr99y7z3nvvd/1F89M930u/ec/zv/cv7zH+3hB38M5g8ugZZRQpkWXxuFidILjNroR9HpD2Nv/AqMLDu5jH+c5GFZAOUiwNSLAG658f/HSgGkhgE0vaWPNNt64BxKpoX/D98TZlCSHT+lNCtjKOtQ1oqvK1GWoIyiDKEMovShJBr4fVmUoyjjKEdQDqIcQHke5RmUZ8XXF0idOp8xLi7YB5sjDKGASjuVR+KMIAOciEjjCutSaON9afqttmmrEogUm4ScKb5uQLED/IyEkCWL/BxqBOxC2YnymPi6U5CqczAzgR5OvnULdWwfjiYa9sRAyKQpCsIEsY5NizVWi9100fK0GeUVKC9HOV9YDlVARD1NyFVV/06W6QGU+1HuRdku/IX4oYCuSu5o+78ni55vMetbHd0MgTQzwkIE5o8K4vQoP0VE6y0orxFyviBO3EDEfoOQioP9S5Q7heyMRxyDAXTmcHC/r5jz4yKKcyjeCYQ0FeUuhrFiiKlTTwXpif4Y5Y0or0NZ1oFBAb3jRUI+LWIjIs8PUO4OeIkMDkQYtxTs76S4iOIjG1fwJIaamtYGafIi2HfDHATxJIb06bCEJXmLWI37oLtASYp3C5lC+R7KtwSBCko8IblkxZnwfn/+GMZJOd9dM+wFszv1g/3pkAlTHd+40qaCgvYbxEr7Q5S3dSFh5qNXjMPtYlxuEOMkDxT0U/Af+ucU/CRBbqoJ0pTEOpOPckBEzBQdKOH9TpRt4GeYPgiLZ6W6FUvE+DwmxuudEPWGQcV9impldfFzZo7gZx44IaV9ImkqOwElCVOTi4SopACfQHkO5cso5zAnmsI5YtyeE+MYzUJDClwuRv+2lKWb2utn2E4gDRH4WOSrfe34JpxtOUq/fgFlD8rHUEZY/9vCiBhHGs9bxPiGFGdM+yILlK07th8NykQVaQrCuqgQ6lViqeCwEeWb4KdT/xIa23lnNA4az/eI8f2WGO8AFRaty8xhNd6U9nSm9oGub7/FtzAqFV0UA7F4J6H8F8pvUK6um/RgBAEa36vEeNO4bwhkBfXKZFx13rKUQ9I8/t9qTkEWWt0XIrfhRpTforwdVEhkdxcMMe5Pinlo3Q1up0wm5NVBXTSXhqak+rUoT6O8Dzqpqi2eMMU8PC3mpbkavKDKZLqONOWG4xvaud+Bcj3KAOurUhgQ8/KomKfGAu/MYWVfSH0/v1JmUxtUS3Uryl0QZvaGEQQ2inm6FRYrbs0cCr5MpqtI4w0i1No3Ir/5CZRrWB9jhWtEvPP2mt/1ymSySr9AfDJKs/HNcpQ7wM/Q8F5LPDEs5u8OMZ8+qOYrijKZriGNX2ZDFcdUynEp611H4FIxn5f7ZTKHQGYBYqeRhg453Iyxzf9Bnq1Lh4Hm839h5sgtUC6m4vDAcSDNGeCfMHzv8fimzJrWUaBy/Pz0e8Q8n8GkaQ9vBf947mxpRvBlNgyZKBf8YkwfNM8Pinln0jQJ2hj7DMrXodZh6GDKbBjS4fpxzNwymbSY9xtA0Q1qFUlDh7/oINiH6v5U62U2DFVQv0zmg0IP+pk09bEa5T5odOdY7mlPRjtorEyG9OBeoRdMmhrYLOKXxo/UNl5mw1AqjmmqTGaTiHM2M2nmgvL196CsaH7Fgrh27upeNF8ms1zox6VMGh901uV70E73s9plNgwVUWnO1zx6hJ5cLfsVpGQnNgxf7H3ddfgn1KCBjsq2f+aF3DTqn6KxXioLasqXbauXOx0voILP9PS3v/rl6m+kr3hHZ5NGEIaOHt8cmJpXutmk4qVHGv6ng4Wrho1igab5/0Ji7H0OijMF0Gz/hLZmO6Al8AWdlPfnWIHKZDKBlMnQAvtFJImFxLlZypw98j4pQ/gXKF8JxS6kIdiW44EQgyiRBkfr8b6akABLS3pfDa8/YSuOtQFaug/03gHQUPS+IdCHloA+uNT7u5JxTLDNMYh970LifLUbLM2VKF8KzZGqdOuUGK0RMZLaIFKiH4nSh39PBv+65RK4U+NQmho/kaRomfTRFaAvXQXGklXeV6mWyS+TCX4t8i1OBolzWydbmtejfCd0WxDxpVE6fmBKG0aqjODXIc+uKAUdXT0i0MoNYKzaAPrwsuiCP69b5YthNseg3dErUL7fiaShJttbIapW5xQGJMMlSo82Cj2wFK3KkBebxCaO6hkAc/1pKKejRRoLM5DxWh5F0ByDPuAylJ92Emlog4p2dqMtiegN2gHV0JIMQh+MQVob8YL1uINiIXPjH4F58lmgpQI2z1SIuUA/5BBAablXQgTXhURBGtqwpP6/K6PXCAjk0iiyKv3aGPRpKzFs79Beg7oBxupTwNp0HhjL1rT/+6hMhvogRwtq1H4e+NcnxpY0KWEyz5WmDJScanHblLJbA9pqJMsKSgBDt4BcNuvMl4G57rS697TUS1J4/Y9dKQeftolQIBNX0tBGlPzGF6nmIikTf3hQW4dkWd4RLljL5BkYBWvzhc2Th/oey22O8Y0w9S5M0vwtymfViHxFfLOIsaA9EyILuWIad7GdJc/QUrDPeY2XeVsUtOOfVaI5xgdQPhcn0lBA9mNQaZvRgAXLbCjz1YdEGdLWt77Z2AUg0tjnvhb0wQXallGZDF2GpAaolJfqte6NA2ko8Kez3urdUenACWU2tAG5RN+I7O5hVjRkdnSwzjgfbHTbwKxaYCh+octey0qdDCQG05GCvYEOQQjr+a2g6qWuVZdGUUZsVHsJrNQ3M2GaCvLLUHjsl5D5zk1QemH37L9njqhGGBB6+HUIuAl+0KT5O5RXKz3pGYCkOwir9XMxdlkJXBbdGqiEJ7v1a5C773Yc03F0hpQ9DYgmEf5eVffspeDfSa9sUECxy1BqPQwm1zBZglx5e/vBOfcCjHWGVX1EMoEvR3lIJUuTFG6ZsoQxdQfG+rcgYdYyYYL22KYmYeant0Nh15PKTj/K1yCggyNBkeafUU5RdcSS1iCs6j8HEmYfa3iIsU5+x4OQe+gXACUl2wSRfv6LKu7Z+eCn9ZTcMu9PrIKR9MmxKqiMvbs2MAyJl18MWiqtHLXB3w65X6alIXfsi2oSRkOynAKjKEyYiDVz4jDM/OQHUB4/pByfhb7aMklzHcrpytFF02F575kwgFaGIQdudgay99wJpX0vqPZodPnXh2W5Z9TA7UlQ7FS+rhlImLO8OIahwoTo4Jx3IZhja1R6KirmpEbrz0RtaT6rHmFMWNF3NhNGsQRB7oGfQXHP71V6KtLbG6J2zy5E+VPVCDOGhEmY/ayoyvlqLuR+da9qxLkc/CMEkZBGb4el4cQwBlqYs8DhlLL6xHn+WZWe6vpWONAKaejukLOVIQz4QX/C5JvQY0GcbT+H0v69qjwR6fE1YZOGdlY/rtI8LOk5FVLWECtkzGKc8uS4Kk/0CWgyBd0saf4cZYMqb0t1ZL3OMlbEuBmcQh6y9/4I3BklijzXobwnLNIQG/9BlYHvsZfCUHIda2BciYOEyd73E1VKbqg63wmDNO9CWavCG9pGDyxFt4wRc09t4jDkfv2ACo+yUuh3oKShWOY6Fd6OUsvLezd5GTNG/FF8dpcq1dEfbJQPjZLmKuH7KRD4bwTLSLG2dRDyjz6EVueI7MegWP1NQZLmWhUGt9dZ7sUyjE7z08peKlqB+ObaoEhzISiwL2MZSRhNv4QVrFN5c3QCLc6vZD8Gded8WRCkeb8Sbln6VK8Yk9G5KPz+t1A68KLsx/hAu6ShC0LfKPst+pwVXITZLfHN9vvRTZN6gerlQu9bJg3diSn13L+h297JS0aXuGnHjkL+iR1SIwGUd7RKGm2x/zkKDKc2eGlmRhe5ab973COPRLwT6nRfqUeaV6GcJPPJqWq5j8tkutDclCH/yEMyn4D0/pULkmY4CZA0a9LqLbLHjs73c7ul7kTpxT/IroZeUP/1tE3KCTDWR64QQMryblUgf+jNMp84bY/wgbJuTwrsfFjmx5P+z8YFdHUI3ex29IXZf9RxQU9bvrguXDRThJGZAv5cEa2lG/0TDyVPYq3pdi9t/DAUX9gjqb+AO4pEuQgKmbu9W92qLqiqGWGjpbmKLA4J8SWL5MkgeYhEURCIdv0dk5uSMwAKj+8Ac8Xq1m5ka5onqNzFGf/qw6JHFCofu7uRRADtIF5+nEBAHSrRdUv6LtySNCk1/lCI7+D3WmYwwDusRvFNeEQp+83bM4cApp73v9LffctyOdTo6VfL0lDHzJpHIYknCdMX6t6cQ+uTEVaoFND1inQK0zF7WVsYs9bmqZ1gkLUJlChkUTLimsMF3achwYf7FiPNpY1+tmP6Qnv1uZJPIHLhim0QaCC5mrWEMQelQwegfPgg6MOjbRClVEWUXD2izMdl80mjL/BDTcNBIzaYAFiBRmJZD5W+AFhNHqa2jRRammHWEsaJ1mbXEy34dkiU/BTA9H4v6+Vlv+pbFmjEiMy3NFR333ZFs234MoAkKpR8942sUGGRkqI+Z4y1g1ETxef3gH12DjR7kVPJdBsbWROyKqVcEB9NfKAd9n0LWZpLIODdRAvJ04/vubzHt0JEJNuoFS/p3CSDUddq0CnP2t/DFTk36V+SO7XXv106GMJUQvlL6rlnrwzzvU3dd9uWCQKRO+cIAtFmJhVnMhgLWptnn64KdPL+9et0OS4J/bmUD+ujL6jnnr0sqgEgAvU6vlDmzTD4RCZjEWMzOQ7lA8+BTnVf0V6Ke8FCloZaVEq5NsPQDXTZRlgrGItbmz/slnGLNJ1NGa1FmvMh+NueG4Kujcr6aEbMUNq3X9ZHn1eLNOfJehpd5zQzo0EXLZOB8rSUzpxbapFmk5xh0NDSMGkYTVibQ1LaPW1ShjSaRtdjWKwJjCZIc0gJ0lCx13o58Qx3/Gc0SZrxCe90Z8RYL3hynDRnyIrENY3vlWE0G9iUoXR0KvL1XfDkOFEkdROneIZPZzJa4M3EhIyPPbWaNFL6NGsaHTTjBoCMFly0iUkZH7uumjRr5ZCGz80wWrQ00btnx3kilzTAR5oZrcHNZsEtFGQkA2RbGiYNow1rc+yYNEtDRZtjckiT5plntEGayCsDqMezd7ZyGKR05DPwQ/koAKMNFy2TiT6iABgi0kjZXdS0JM86oz1Lk5mR8bHDRBopB1k0SPCsM9pMBuRkfOyoNEsDmsOzzmiPNHkppBmuxDQSLA3HM4x2SVOQ8bFDleyZBHBlM6Nd1rjgFiM/xellz6Rslmh8URMjntYmTaSRVPzFNWeMAFCO/H5O6gkjK43FPQEYwbhoEcMhzZWUxuIbzhgBcCb6m6AT0pZ7jd0zRkxBpJFyja4LJR59RhwxqUOTLdSDpA2D0bbHYkTvsRBpMnJet8wzzgiANZHHxtNEmoKct2X3jBHEsh+5pSkSaaS0K3TdIk84o31DY0deWeJZmgk5r1vgGWe07ZppZuSVJRNEmnE5aYA8TzojblaGME6kOSDljd0czzqjTdJI2Zc/QKSRcneBC1medUZ7pEnIIw3FNJGfG3XdGZ51RlvQk5EfmZ+puGeE3dG/conjGkZ7liadivojn/XIWv2X6K3NNM88o3VL05PuRtIc45lntEGayM9P7pZPGmDSMFpNAiRAsyJPOc+xNLvkWJopnn1Ga1amT0rz/F3VpPmNPPeMa9AYzcMYkHKv0W+qSUO+mgRfyYWyO8kawGje0gxEfoPesfkxDdXp75RjbSZYAxhNMkYHI3r3bKfgyZzuFlJIU3aPsBIwmnPNBgc84kggDcwnzQ45loZOW3PFM6MJ0oxIaQr7aC3SPCBnCFy2Now4kGZbLdKQ+Yk0Ktc1DRzbAsc6yprAaExnEjboRh79+kgPMWaqLU31CZ6ysDaXhhvD6WCbJliWCaZoikAuWqFYBm4gyFg8nkkATB/wxUwC2D0ovfiNUDc6ycoUa5GG8MswSOMRBUlCZDFqdA/RtBISaAKKpSHWCkZdmINVlc3FGV8yB/Ebjk8ej0CB30jx8znPUO+bba0ISBTLI4qFRFncghjmESYNo/7im7Q8qYlizpfMIVQmx7dATq//5/bxs3qkeVDENS1tt5IVqbheRpMpQdMYh7xWRFeNbxNgLKAjww1WNZeQPDMkh32rU3HhzJbalk/CvCTZfA2l3O/dKFc0ruyGsCim54a1DhdM8xAUCstYOxhQw4dH0rRwfqaUR/Ic8UW3ZglkNXyA7Ucwb0+k1rK+KGmIKBSjWOh66XpwzdpM4wCThrFgLKOZbSaKyqj72XFfdHMegRbU47tOeJYaP7QV/J6xc36LRW4XCpFFC6mroa5n0cWbhFKpn7WEMQfWkoDPzlDKOjvhi2ZUESg1v2vn1kZIsxdlO/5vW0xBEiKLFlH7T8vcx6RhzI2Ve2zQ0yHe0eqWAHKTvmh6FYHSD6Pi761LGiKGZRpEkttQtmjR98n1LI2uZ6BcTrG2MPyFdGmExZluGclz1BdNvw2J42fh6Kvmu4fa+Ee0464XEUYQZQ3KMyDp5iVKPedyG1hbGF6KOXnaUhkfTSHKOpQ9lUSERxy0QvpAbw+kk4n5sQr94DZpQZ9xxLM2DIa1vE/WR287ThiPQsih/DGAY/vq1q3cJnOwbOsF1phutzIpa24FQLT41oLPVed/+iZIrNk3jHG0Ntx4o5thj0lLCBWE/jdNGmpXu1XmoDn2HtacLoXRnwCjLyHr40nvD7RCGsKXpJpnfdqrEmB0GTC2tlcNyHyCunqvN8C45+TGNn/AMeQLoLoq+F/aA7ojrQZxz2Ie1mKkoUMuX5C76BQ84jC6JPhHstjyMmaEz8MiF8I2UsxzC0i4VaAapnkQDINPd3ZF8L9mkI70yvr4Y40YiUZIQ0HFrdIH034GNG4s2Nlu2WgPGL2OzEf4KjRwnWajZaP/CpLvMNe1HBKHs2kd65Yl0C1bKbXmkALnf2voWRv8hU+jfFf2wFImjaoFGB0GarCyblimWwZCv58JkjSET4JfjyPdTdM1vnqwo+IYtDC0+y8RpNefatgqNvGLH0P5tvxFqQSOs0u2t8gIynsYTgV/VqZ5fB/lkTBIQ/hHUKDNPxVzOs5u1ri4xzFoXZzVg7Ifg1bfjzf13E1+wJMo31BihcLYxrJeZM2LaxhjGZA4aUR2HEOgwsxHwyQN4RMoStwwS5uepnmYNTB2JkZDwgyDZhuyn4T0+GNNP34LH/R7lP9UZfwdezdvfMbKxCBh1g+He3y5cdwo9Dl00hAok6bIEu9CwvkdGHyMIAaEwUVu3ZBXwawADgs9hqhIQ7umH1FnNsrgOE95VdEMdeGsGZJ5qGw+PooyHiVpCFQ+/bA6Vr+EFucpPrimqoVZO9Ras79wQHp7S8shWVvLO8B7QaGbZukIARGHYxy1Yhja7VeIMKSvf9WO3rZ7t8WvUf5drTkq+TGOMc4KKxsiS6aQS0b4D5TtbemY+6m2e0pRV2rKc5+kmk+Qz6+GQnEpK6+M0ff2YZTJklVAtWVnQps3mQdxixJF3+8CBerS5sL1qqL9ymiXtThKA0O9yjYuUY0wpATvbpcwQZGG8HPV3LQKLHO/F+fwkeloYA6lPMIosHE5H6SfPw3EigbgnlWQEL7iaSpOpuvakC2cCuWiw5odjjcM9lgfWEv7VHy6J1C2QEAnkIO85JLq9a8GyUejF5xTx4bk6DhYPbyXE7g7hl5Yco0OVl9eRVeY9PKtQepl0DfD0g3RH1ZuVukS04RfTWv3TkFi+AhoBh+dDsQdG9AgudYAPaH597/kp1R7xGuhyYLMqElDuAkU6Ckwa2JwMpMjc+4cMew8Wp1DYKW4X3TLw0rr0CodnGX6XC0qTPvX96mBW4U+guqkIdCm5yNKDBtZmBrXZWuaC3b/Uc/q6CYnCZqJXawhDVLrDDDSC5T15yb8Kyvk4lGhhxAX0tAS/mZosbYnMNCtVnb9U4EVq2P3TYGm82nQumOV9l0xe4leX3O8O14mZD4q6d2bhB7GhjSE3SIAkxM80J2KycavWLfS077Lls5QTpEZUj2Ujua5YiR6o8lHctEKUuoASd+uEfoHcSMN4U6UD0mZ6eTw8ZurGvY80NLYfUchheQxOd7xsmLOCh2S6/SFXbF6oKRAOfKLJyjwvyPUcYngJWhT6fPRxjH9AGbr+zGUWXMw3kktOdiVlocyYR5Z1htg9rV5HJluUnYjGz/Ss8+FHtYFuLlZ1x0Gv6/UG0L/JCJLOth6M7esQzGThEImBW7J6EymaHQhrAbWoAZGKuBz+2YSTVbotwB8X8QxpU4hDYFqw6kb+wXhvQ0azp7luFSGp9ilnOMRqIhfwdVizxXdor0WHcx+DbQwG/U7ZP1DOx7wC5TLwgr8T1gDIpyfjLA0d6OcG1oco4drCQwn54mN1qeURQJlEx6RYmVUiCi9mid6MiLi023JFCTpgavcNqFXkQWhUV8CQqfDLkW5B+WsQH8zpZat6M5tUNLATM14Qu5bKWd75CGhvytnUZAcJgbzRo8fs0QP109D08IW3KXh1MDysuntz0+mN6+ETiUNgRL4rwG/MvrUYJb/2TIZKSs3ESiZ9YRQLppQyttQzltQLlje36N9Hp8YOnpDRtK3JpoKPK6U2diBFHX+FuUSJEzke4FSrpuazpxzMJ166NXgl2q3VxVdo0xG+qpuFv0qg4oLj7EPEccnkAHlkuElFDxp1Srh61IMolua527ptubtodCeimaBuqAyG8PxpXVQ1fLFSJiDMl5B2h1tSJz9SJwL8Y93oZzd8i9aoExGrSDCReUueHKi16KBS4Lk8Qjkin9DVuTyOXAGlh+3Et5Xww/YNR3iC89NG231JXagvFYWYbxFUebYkcXBL68W2Y/m0UCZjPpRueu5d2SZqKTHcFASOTAT6OrZ016wThuLJORmUSwda8J4CwWV2bTkVd2LcpFMwvhTFl3KuR4ogqeK1Dc14QMB9CzrAA2qs6hkM5BeenLHvh/YqHtWw4se7fO9DRQ4r6WKxtFAXIFyQ+M0G+5ownQFGi+zuUHohxIHHFXSOioxprqh98Niu7pOe2UyDIVQv8yG9OBvhF4oU4Ku4lJNh4ZejzJZO3Xh+LVljM6Ai7zI15zqSaEHN6r2yKr6N1SlSlUDT86NwHSxOcboKBTR6yrO2dB/Usz/HSo+rspBwVMo50D1lYV0PkY3Wck6EVRmU/ZO0H5bEOYpVR9V9UiaTjFd6cU5ds+Ml2JmdKqfloXcBMYvLs33lMpPGo/0k2HdBInBl4Jfa8ToPNC8boFy4UYFu9nEkDSzZTKPC3eN0o98HrlDzIuYT5rXx71/8brZZJk0bWFumQz1BqL048UQ4hlwRiSg+btEzOfcnk+5ST+rxqRpAVTqX7tM5mcoZ6Bcj8L9l+KFopg3mr/avZXld7OJKWnoMFn99DLtDl8HfqZlO+tiLPBrMV/XwWK7+6W8rG42MSaNF8fojU4E+cR/jXKI9VJJ0LxQpcdLxXw1BkoKEHmYNA2g+TIZKrG4GYWqGz8D/v3wDPnIi/mgebkJWimFUaNbp+Kkaa9MhhxhasB+OvibZJxlkwNXjP/pYj5aD1AWLrNh0ngIrkxmF/ibouQO/JB1OFJsFeN+pZiHAFIH2fllNkya2Tgm8DIZShD8iZjE74FClbIdhrIYXxrn10EYiZnZMhsmzXF43WRCK5Ohe+MvR3kJ+F0YuedsMMiI8dwoxvfhUD0+Lw3tMmk8RNdNhtyF96GsQfkYyl7W+5ZA4/ZxMY40nk9HY8+om81RJo2kbjKUAv0kylrwrwQhP5yvRlvcBfsxyp+JcfsnkJHiL2Skl9nIr7OX202Gztp+V8gKlLeDfw79DObIcVBN2DfA7+HwnBJPRGU2SYs61ctZ56U21qAymdSoiopyJvhn0skKnSrrISQ21qBDYP8DftpYzcpyw8YFV86BRHmWZvEyGZl4TMhHUU4BPwNHWaFXUMqiQwP6e8A/KXknBJUqDhOVMhsr+hZe8iwNXYcRv+YYlN67EOVVgkB0N31oLxGipaGqYkoLUx8xKpqkvnPZWNKdrI0R7Tomx9LEt5tMRiQNtlbeBGUzyvng71FsEpZJpTPZtLnxO/Cvq/8VygOCMDnoBHjdOkcibecV/eQaHdVNhhTvfiFQRaTTqgi0TshalOUhPsuLKM+iPCOkQpQnOoYgtVAps3EGO5Q0tBqkOr6bDCnoDiEnOBModCcEXdVGGRC6SZeuCOsT3yPQilK9bFKqt1J8RS4UbVTQLt8RFGrPuh/l+di6V4HYUnx1IxPmpVFz8P8CDACjrqyF2NwqbAAAAABJRU5ErkJggg==);
}
.color .cover.color8 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAADNCAYAAAAbvPRpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHsVJREFUeNrsXQmQZVV5/t9d3tb9ep19n2EYBAaVsAmKIGIylFGJRlDRSuKaaKxEkSpNosaYSiouJCYBEbWsMkQllBpNBMWUSlARwyKLgGwzDMus3T093W+77y75/3NPN296Xr9+y733nPf6/6r+et09PX3vPef/7r+c//wn9cM7boe7vn0FdArTsCGfG8NPq+X/43oOzJYO41cBMI7DMIpBX1xy2edg08btPn45zcPSGIHvQbU8iV+0rkumlQErMwSpVKqja1rd3HAmPQg5vDhAexe3zDRkMwWoVI/2+5yS8q9H2YqyRX5uQFmFshJlDGUUhQYx28Lfq6DQoE2hoKbAIZSDKM+g7EbZIz+fRfGXAWWgVpluizAEz62C702CnR0Cw7STIU0qZUA+Owq2le34cbPpArh4865X7ZcZJFKcJuWF8nM7SjrCa2SlrFri9xyUx1EeQLlffj4gSdU3cKtF8H23M7oFHjjlKbDSA0JiJY1lZtAdGwUjZXb90PR3ZooH8QF67qWYQTkD5WUoL0U5V1oOXUBEPUXK5XU/J8t0B8rPUW5HuRulJ99aPrr4bq3UPfGcovhbZHVSLep0W6TJoitGFiIy3wVvkixWsTyh+xyR/3kmyquknCuJ02sgYr9WCkjC/Azl+1Ie6AmnDF+ytcrRCAlYA6c0KeIcinciIY1hmDCQxWDfTEc+AOTiUWxUdWZ1tCa/jfI6lFejrOnDoICe8SIpn5KxEZHnv1BulTGUdiDCRO2dBEEYH/l2DuzMYNM4fUnSpPGP5DKjHWcaWgElEyi+8fya6vmwpSV5s3wbD8HyAiUp3illBuU7KN+QBKrpcIOuUxLuVFzwamVhedLkri2SETYWD/ZTwnXKo4WJkzBz3g+lreO/zqKgoP1q+ab9HspblyFhFqIgx+G/5bhcLcdJXRyDL1WKQWJ3/3wXqqUpQaCWSWOaNhTyq9DK5BMbEFrnyWVGkpyDHMrbUe6EMMP0AVg6K7VcsUqOz/1yvN4uxy/JQEbGMUmt7eH1qjPgoMu20BU8jjQUXxTyKzGOsRKfGSJp2soloQCfQNmL8mWUs5kTbeFsOW575Tgm8qIhBaaFzMStG4YNlCSodwmN590xAwZy4/i2H4Z2Fysjff1nR0TiIQZQ+vULKE+hfAxlBet/V1ghx5HG83o5vvHEGW5FiCqQpXHKR9A1nH2eNJaVgcLAqq4WKyOLbsTC6ViUf/IFKF+HMJ36bmht5Z3ROmg83yXH9xtyvCOMLzxhZXRJQtCCqDHx2PdgMLciksXKqBCW2XQdh5+A8lWUB1He1CzpwYgENL6Xy/Gmcd8eSVzRQZlMrO6aVwNj6qnb9Hx9pQui+qBDt+EalEdQ3kY5BtbnRGHKcX9YzkPHbnA3ZTJxvx20BZXZkLvWah4B5UqUx1DeC10WozK6dxjkPDwm56WtlfGoymSWHWnmymxaAK3c34vyGZQR1letMCLn5T45Ty0F3lGWySwr0hDmymwWAdVS3YDyA4gxe8OIBC+Q83QDLFHcGkeZzLIiDYHKbGiz2wKQ3/wQyhWsjz2FK2S887aGcUzMZTLLhjQLymzWotwCYYaG11p6E+Ny/m6R8ynjmNr8WgiTJgLIMhuqOKZSjl2sd32BXXI+LxVlMj2yk7dXSENFcNel7fx/2laOrUt/gebz27XqzPWB7+WZNNFgJ4Q7DN8j2BNfmQ1DEbyaKJN5l5znnUya7vAWCLfnzpdmxFBmw1AIUSbjzJfJ0Dz/Qs47k6ZN0MLYZ1H+HeW4fHNEZTYM9ZRpVCYzIOf9atB0gVpH0hAbaCPYB5v9UhdlNgxNsESZzAekHgwzaZpjE8pPocWV4zbLbBgawXdbKpMhPbhd6gWTpgHOkPFLy1tq2yizYejklFGZTOvp5dNknHMGk+ZYUL7+Jyjr2v2PS5TZMDREB2Uya6V+7GLShKC9Lt9pFPC3ikXKbBg6xjGdl8kMSj15k+pnUJKdOPvFbxCfv/zVN6lBA22V7XLhJSyzmS0dFP2rGJrGMd2XydD2Air4HNj30L1fPsYUnXJ6f5NGEoa2Hl8HETUkCMtshqFUOdJTikSJjLSdBZua1KGraeD31NSEJKjMQnHyABhWOE2GaYFppfF7W3zdY4FMVGUy9IL9IpLERuJct2wsDRLmD6MkzPxryB6AmltFKWulL0TowYFxlBUwkBuFXHYoFHQrbXvxlgX+1AE4iNKYbCkw00i2TA4sIXlI5wuQzg2K77WLY6LtJkN6cy0Sp4rE+cpyIM1lKF+CmFreUJnNTMkBX0G7n3nnOz8Oo8PrYHhoLQwXVqPrOIIPG+3jkhvqVstCjgtU0QplBoYhUxiB7OAIZFBUWiZZJhO5kZYWp4TEubGfSfMalH+DGPftz5XZzJYOJfZQtpWB8dHNsHJsK4yNbIRMWm3doe+5UD46IWTOKhFxcsMrID+yAi1SctUUC8pkIjfiKF9F4tCb47v9SBpqsn0TRHteS+OHkmU2cR4aRW2vVo1vgzUrd8A4EkXnRVaySpWZKSFTzzwm3LeBsdUoa4RFivHKSXSTSUu9ugTlR/1EGlqg+hYkeDxFHIdGkYs1NroRNqw5Fa3Ktp6ttiaXbnrfHiE2xkKFVRtgcMU6MO1op6dWnU2qm0xa6tf5kMBxIUmQhhYsbwYFNURRHRpFVmXjmp2wYe1pIoDvJ9SqJZh8+lFhgXIjq2B4zWbIFrqvsqB2ros1EI8Jw1LPXgLh8Yk9S5q8fANsUKEQ3R4alcsUYNP602H9mlOEy9fPIBeuNHVACLlsw2u3CBeuk3xNWCajpCsm6dk3ZShQ6lXS0MLlOSqVISyzGYBqG0c0ZDODsHXjWYIsOnUeTQrV4jQcfPw+sHMDMLp+e9vkUdxNhvTtixBjw5U4SfNnoEmnmGxmGOMbZ8lDo2jN5IRN52DMspN3h5Lyl4uCPLT+M7Zxh8i+LRkv6dFNhjax/RLlc71EGgrIPqXL5KeWKLOhzBcRZfvmc8TKPONYOKUZ2P+buwVpxjedhBaocZmgZt1kPo1yD4RbC7QnDQX+/wEJpJbbwWJlNiNDa+GU7ReJFXtGc5SnD8OzD07A0Jot6LadAKk6axzo103GlnpIWwqe05k0NIpUUKfloa71ZTYU2J+45TzYsO60yFfr+z1hML1vNxQn98OKradCbih82biKDl1aAqSHtHX6YhRPV9J8GOUVOk86ldlY9go49cSLMdYpMAs6BK317H/kLiis2ggjazcrPXRpCVyI8hGUv9WRNGehfFzniabYZePanbB29Q4Ati6RYObg0+i2HYKR9ZvBzmrbtoz08laZHOgaUdV+5KRbpu1OMDra/eQTL0DCnMSEidzqVGBi96NQmjyk6y2ScaCax7xOpCHTt0PXERsaXAk7T3olDOa5X1qssc7+Z+DIs09hbKNlx3/Sz7/ThTTnQrgmoyVWrzwBTjrhfFEKw4gf5elJmNjzKHg1LTv/vx/lPNWkIXeMVl+1WwmkcvjN61+E8uK50wYYCaFWKcNhdNdqZe1OMjOkvqZVkuYqlFO1GxnDhO1bzkUrs501WBF8twYTTz0G1VntTgKgw78+pIo01MDtL3UbEVrE3LHtpTA6vJY1V3Wcg7HN1NNPQuWodn0bSG+3qiDNP0WVjYgKtGBJ8QsF/gx9EgRTz+wRsY5GIL29OmnSXIjye1pZGNNGwrwMBgc4Q6YhdeDIs3t1I86lEG4hSIQ0RjcsjSuG2bHtPBjIc4ta3Ymjmav2mU440AlpqOz6dF2emlb5d2w9DwoDfEBabxBnD1SLM7rcEOnxFXGThlZWtSqV2bbpDBgqrGJ97KUY5+ndDVtPKcInoM0UdLuk+QMUbfK4G9acAuOjm1gTe404vgeTe58Ar1bT4XYoi/auuEhDbPwrXQZ+bGQDrFtzMmtgj4IIM/X0E7qU3FB1fiYO0rwDZYsOT0gdYbZtOpM1r8dBlQPT+5/WwmmR+h0paSiWuUqHp6PU8olbz+U9/H2C8pFJXaqjP9AqH1olzeXQxQpqpA7oxt8S3WIY/YOjB54VVkcxKFZ/fZSkuVKHwV0xtlnEMow+SwwEYSpag/jmyqhIcyFosC5Dvcs2b3gxa1ifgjaykcVRDOrOeV4UpHmfFm7ZpjNEMSajf1GaOgxOUXkLqD/vljRUKvw61U+xcnwrF2EuE0zv26uyOyfhUqn3HZOGzsRUuu+ful5uXLeTtWm5uGlOFWYP7Veqcih/1ClpUkv95yRA3WP6vfk441gUJw4K8ijE26FJ95VmpHk5ygkq75yqlleMcZnMcgNl0xQnBUjvz1+UNEODNqTTBjTYRv9m1YNHe/y53dLyRHVmWnU19KL6b2QzJowU0rBiNAtEoEzaJAJRmuoNKu+Ytitzf+XljZkDz6m8POn/fLqWTkKgM3eqpcPP/5AsDRGIJAjsi5yat6Lq+FB1vJiPTGyM9WtOZa1Z5qhVSmLTWnZoRIWTuNL3ahd5buVWIkx9Rq/hwgcS6HKyOCRIIHBqIXmIREECDKJV/3xumLWGATOH9iVImgA810GrUgWPzmoNAiofu3XhbzUiDVVCXlpvgTIY85AQ6gnk+/EQaJ1oHctghJUCFYxvsoWYXqJoBIgggiiuI4hTB+LBu2HBiQONSEMdMxftTpG2DSGFATSfSKBKxASiXZj53AhrC2MexYkDkZKGvKWQJBVxENUCohzj9Eg+/HQp0uxq9eI2kseeI5CLFqgaWiGvCwKtXbWDtYRxDJxSURxlSGeAdk4UXxKl2u7xhpcsJI2xyC+1DdsyYHDAgvHRDIwNp9FaWGCa7aWL6byY4cJq1hLG8damgz03RBQ6lt2pTImsF2W/OjgPdNdSMQ1pbNcVzRYRiCRvgesFYQxU9cTXzbBqfCtrB6MhKIvmr3HBMK0liOKF1oTEj6QHAfGBTlTbv5iloWPWIl1NtNDaDKDVGRvJwDgKEYlItRDUiolX/xnN4hDa5dnw33wX3FoRnPIkWpQJcVhuRIQByYeLm7ln58f54OSukdtG7hu5ceTO2ZJAtJjJx2EwmqF0ZGL+a5+I4hShSkRBoa/pZzHhgmbu2XlJDYBpIIGyFgqIzNvK8c2sFYymEOnn2QlAp0S4YQnigsUsDeV5lSzDW6aNVocb/jGWRnl6KmnCEE5EWdmINOdCdMcJtoVcbhXGNNxdhrE0nKKyBhwvaUSal6i6m3yO08yM1uC7Lng1V8Wlz2xEmtPUDEMKclneysxoI7YpV1Rc9jRtSJNJj4Bh2KwJjJZRq+hBmgLKNiXxTJaPyGC0aWkqTiLV9guwTfJknjQ7VSUBMhk+uYzRHogwnpP4iQOG5Mk8URS1308habiimdGBtak6Ki57cj1plBR9pdMFMFLcAJDRCWmUdKvZWk+aLUpIY/PuTEZnUOCezfNEMWkKPPuMjuC7noqG6ds0IM0Qzz6jl6zNvKWhoGK9ioe2bT5nhtEFaZKvDKAezzaRhpqLJd6RjxIApslbARhdkMZNnDTEkzEijZKFEsvK8awzuotr1NSgjRNpVqshTZ5nndEdaTxPxWVXKrM07JoxukXgKTnHZnwupkmeNAYfn8Ho0tKoOaNzbC57ljgMJg2ja1MTqFirEdmzQTWk4e0AjAh4kzxpBog0SvYZ8/ZmRjTGJvEtAqJ/UlaJpWHSMCJhTeJXzBBp1KSx+IAzRm9amqyh6mFTvCWA0aMg0hxV84ZwefQZvYhpQ4lXCMquyugzpFLJ+/lEmpKKh/UDj2ec0YuxcZFIo2QLXMCkYfSmpXGJNEUllsav8YwzuieNkXguS1iaI2pI4/CMM7o1MypIc4SuOKXieT0mDaPbgNxQsmIyRVc9qIQ0XpVnndGdoTGVkOYgXfWAiiu7bolnndGdpTFNZaShmKacPGnKPOuM7khjJV5VUp5zzwhPJp4ICFx00TiuYXQO006cNHsEWeu/SRq12gzPPINJ0w6c2lGeeUbnpEknvpHxSQ1Iw5aG0Wk8Y6pYoznG0jzOlobBVmZJPF5PmgeVkMY5KhICDEa7sDJK9k4+WE8a8tVmk7+HAKrVI6wBjA5Ik3g3o9mFMQ219HhAxcNXq5OsAYy2QJXNCtyzByRPjjlnUwlpytXDrAWM9qxMNq1iS8A8P+pJc68aS3OEtwkw2iSNkgZK9zUizR1qhiCAcuUQawKjZdg5JaS5sxFpyPxMJ3kXBprYNPqmnj/FmsBoLZ4xU/iadZLe+VuqtzT1dQi+tDa7YiWKYYBtmWDbdKhTWKXqI2mCwEc/1WCtYDSFmU5BrTojxDBtcfqEaWUhZcRa8UxWxm1EGsLP4iCNIAqSxLaIKMcTg94aNXcC0vZK1gpGc9Jknk8A+F5NSM2ZRR2zBHlMK4MEirwm7bZjYqpm/9jVwyFRrCZEWYha7RCThrGka0bSCL7vgo/kmSOQYYUWyIiGQD9uRppfyLhmuCOimIYgCVmVdreiOrXDkA9q6KLxaQKMRfQr21qaOSSQC65TFG7bnAXq8KSKaViQJFtIGsr93oryxtaJYkrXy+xyz3YAVecAZDMbWDsYDcwMuWbt61fge4I8gkApU5BHEMhsuaLgh7CgzVkj27UkaSxJFMsiixLdIpPj7GPSMBZNAHS7nkmxs1srCaGkkznnwjUn0A+O0/8Gv3QzhE1jj7lFizJe0vWKazXW80tQcyfxOmOsJYwFrlm0mVXK1rq1shAikIiBRCYuvVD1b26FNM+h3I1yJpHEkq5XUmUL1eozTBrGMTCslJC4QATykDwkZM7m0thIoLvwB881JQ3xglwuJMuNaFnOVNFcuuZOgefN4o0PsrYwQiXNJbh+FwTguRUhSIgbQwKFVmjOPzSIGORy5XNZKAwOik/8/ib8ubK+/pXqXtYURvgiN9HKpJWcABYggW4i8jiVaSgXD+HnESRTGYyhwsAcUeoDraegrtYmaTi1Q8LaMBhWXlmVyJ2SB/Mc8twqEucoNLujG1UOVrm6hzWGYxmRNVOEbyx6X03+09dB0TEcIrapTYDrcQ8BtjJq1E/qf9ukoXa1N6sctFL5cdac5Wpl0MIYtjIrQ3p/sBPSEL6kcuA8bwYc5wBr0DKEnVda8d5U740WGKc0lVWuPMmH2i43tyxnLFqYmQCeWsrDWoo0tMfmCyoH0A8cQRzG8gCRJdF1mePxean3HZOGcD0oOFWgHlVnH7gut3paFm7ZgKHi8Nk5zLZiJFohDbWLuUH1YBbLj/Lhtn0Oqi9TGPwTvgItHKfZqh389FImK3Y3zS9DqcLZtH52yxQH/xQ4/2Mrv9jqXT6G8i3VA+s4+0W1AKMP3bJBpW4ZSP3eHSVpCJ+EcMuAUpTQTSOrw+ivOCbOKuYWQHr9963+cjukuR/lJtUDTOnn2dKvRTk3ow/imEwq8r0yHeC7KL+KgzSEv0ZRHo17XhEtziOscT0Osi72gKn6Nujt+/G27rvNCzyM8jUdBpxiG95C0MOBP2qeXTBVxzEEKsy8L07SED5BOqvDwJcru5E8B1kDe44xIWE06A1Jevyxti1kBxd6AuVfdRn/YukRcF1ua9tLSA+aqgP/OVwj9Tl20hAokzahxxQEMFt6EFxvmrWxB0AWxkhrQZgJqceQFGlo1fQvdJkIyqTNFh8UVdEMjQmDFsbUgzCEj6JMJUkaApVP36UPcVyYKd7PG9d0JkxGG8KQ3l7f6X/uhjSUqnsPaJCCrifOLBGHizu1c8k0Igzp6x93o7fd5i/uQflnnSaIijpnSw+I7dIMxUCepIe0cskI/wJhXz9QRZo53/AJvYjji6qBqvMsK64qvhghYRRXLS/EbqmvoJo0RZR3gAZ1aQuoI3oMhH0GAtbiJAljpSA9bOmSVn5eIQDeCeGeGeWkIdymm5s2B7I2lCAIAj4MNwlQ7JIZ0mLhciFIP38UxR+K8tE+jPKQjhNJiYGjs3eDH5RYq2OElU+JLBmktLs10suPRPXHoiRNBeVNoHhr9KIPaprg+M+AG0yydkfuj3kAmaPgp7RM95NeviVKvYzaiNIJ0R/SjjCGBXamINxa1z+E5HmavmJlj8S8VAGyMzjInjiBzHW0ayd8JbRZkJk0aQjXggY9Bepeg2BnR6DeZyA3rertBi/g9ZzOh9VH64IEsUtQn2hx3TL4nqPLXd4g9RF0Jw2BFj1/pcOokYVpfFipDzX/AFqdvRAEVSZBW9YFPZ4sumJG4+RKzZnRYZPgfVIPoVdIQ6+fN0CHtT1RgQ7msex809/xgzJU/afQbTuI70veDdp8QGshWewyNEvjE2GIOApBevd6qYc9QxrCkzIAU1JmQ4eS2pmhFn8bI5xgChzvSXTZpoDXdRZqCU5hejaUVGvTSS4anW2pAHSDV0j9g14jDeH7KB9UMXLp7LA4S7EdBDjeNbQ4VUGeI0weIki6KDJjwsq0CbdWBN9PfH2MAv9bYn2HJPAQtKj0+UTjmPRgO0deN7I7It4JkwVTAMvNbTMkWcgVM7sL6mvVGXEkX0IgPftc7MOT0MO8H8KOH/HPN5LFSkdzXmcANWl5nhCp6gD6vKqArElmRlqWaDJgVECbUHzzXaln0C+kIT/zzRCW28QYxxjCLYsalCCgRVFy22iB1Atm+sd1o9QxBfbZ6TBmMaJfv/K8anjwa3z4X6lficTPVoLTQ1Hha1FuRTknFrcMA39KAMQJPygKccEEIzUIZqqAn5ShS/UWUciSkGUxklnkrTmzYBg2pIzI5+dOqVeJZR2shKeL6ix2ofwE5UWRPoidFynmpEBJAy+YFpISBMqjDAhJJT6srfgU7vMkMVRUQ6Bz6xxFT2AkyhcMNbC8pDLhTmfHkxtzFbNLaalXSVft5Ej0Yb5MRg1CAs1It43cxAz6vTkkEEkWVSSd+B2JYH6OICQp9e4kldnUnKJI1EQA6hZ5MRIm8bVAJa/E0eELDk1N3/YKCEu1T+nS1ziuTEY1qMLAg2pdmY6B5EnjHWYEofCOQ0lZwkp15WYJIYLMfXrhzzSF55bBNNNdZTchrFp+JRJGSTd8ZX4EEucAEudC/PIHKKd3HscsViajE3yMgygQrjTIH6RC4mAs9jyBDPHTSrUCheHVdVYikIQItLAcncc3M+imjba9jiZxL8rvqCJMODsKQRYHP14hsx9to5UyGf0RiHUhsk5USBrKrHD1nNpUGLBTjZch4xFhWXo7cxeW2XS0jeB2lItUEkaZpUELU//ttEwOUEXq61v2TNoqk2FoZ3u9miizaeOlR+fHvBWlnGTQr52lqQNVAL4R5epW/0MnZTIMvdBGmc3VUj+02OCok9aRs051Q++DJRaprC7LZBgaxTfNy2xID/5U6oU22Q0dX9W0aeg10m07/oaRLBGlLBlaxDeLltlMSz24Rrd71tW/oSpVqhp4+Ng4Jp4yGYZaNCizeVjO/y063q/OQcFvUM6GuiMLkyiTYShy05xZCHzhld8kCfMbXe9V90iaujRcRnGOZefLSZbJMBJ31CqOcxTjl4DmW+vjH3oi/WQY1rV2pnAWhLVGjP4DzeuZge9eQ2U22uuj/uM5Xybza+muUfqR9yP3iXmR80nz+msR3+jVzaY3SbOgTIbaxlD68ZUQ4x5wRiKg+btYzmf12PhmRusj77UmTZMymR+j7ET5DAp3/estuHLeaP4a9lbuosxmeZOmhTIZWh2+CsJMy92siz2Be+R8XQVLrO7PldkwadpAG2Uy90if+E9QDrNeagmaF6r0OEvOV2smSU03m94kTQdlMuQAX4dyIspnITwfnqEejpwPmpdroYNSGCqzCYKASdP0hrork6FdX9SA/VQIF8k4y6YGgRz/U+V8dNw0m8psXGeGSbN4HBNZmQwdf3aZdAe+xzqcKG6W436ZnIeukUA3m94lTQxlMpQg+F05id8B4GbNMcGX40vj/GqIITFTV2bDpJmPY+LtJkPnxl+KchKEXRj5SLRoUJLj+QI5vnfF6fE5Ig0dMGnETSTXTYbchfeibEb5GMpzrPcdgcbt43IcaTwfSyRQkt1smDRquslQCvSTKFsgPBKE/HCPubCkC/Y/KL8vx+1vQEGKX4cyG+VtXBR3k6FFgG9JWYfyNgj3oe9kjsyDasK+BmEPh7063FCX3Wx6mzSmldGpmwy5HP8g5YUQ7kknK3TyMiQKbQL7JoRpY+0qy+fKbNKZkeVFmrBMRttdmPdL+SjKDggzcJQVehlKPzYnoID+JxDulPw+RJQqjtVXbL+bTe+Tpoe6yTwKYfk6Cc3QhSgvlwQ6EyXTgyShqmJKC1MfMSqapL5zlV57CCqzMUxbNFbve9L0cDeZkkwa3Cy/J8KcgXIuhGsUp0nLpFPLT1cSn46r/z+UOyRh+uJ0XiqzCeObVP+Sps+6yZDi/VwK1BHplDoCbZWyBWVtjPeyD2UPym4pc0R5qF8I0ji+CctskmwcmShplkk3GVLQe6UsBK3ebkBZjbISZQyFotkh+W8EGqB6v5VSvXPtrMiFohU+quWaRKH2rAdQnulF9yoqUJmN4VYSO2rl/wUYAASuLPqMqgvoAAAAAElFTkSuQmCC);
}
.color .cover h4 {
  font-size: 20px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: 1px;
  color: inherit;
}
.color .cover span {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.21;
  letter-spacing: 0.7px;
}
.color .fill-circle {
  width: 146px;
  height: 146px;
  border-radius: 50%;
}

.phone-modal-wrapper {
  text-align: center;
  white-space: nowrap;
}
.phone-modal-wrapper::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.phone-modal-wrapper .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}
.phone-modal-wrapper .btn-wrapper {
  padding: 20px 0 30px 0;
  text-align: center;
}
.phone-modal-wrapper .nc-container .nc_scale span {
  height: 34px;
}
.phone-modal-wrapper .ant-input:hover,
.phone-modal-wrapper .ant-input:focus {
  border-color: #F40B0B;
}
.phone-modal-wrapper .ant-btn-primary.ant-btn {
  background-color: #f40b0b;
  border-color: #F40B0B;
  color: #fff;
}
.phone-modal-wrapper .ant-btn-primary.ant-btn:hover,
.phone-modal-wrapper .ant-btn-primary.ant-btn:focus {
  background-color: rgba(244, 11, 11, 0.7);
  color: #fff;
}
.phone-modal-wrapper .ant-btn:hover,
.phone-modal-wrapper .ant-btn:focus {
  border-color: #F40B0B;
  color: #F40B0B;
}

.steps-footer .steps {
  height: 52px;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.steps-footer .steps .step-item {
  flex-grow: 1;
  height: 100%;
  position: relative;
  color: #6374AA;
}
.steps-footer .steps .step-item.current .step-bar {
  background-color: #F40B0B;
}
.steps-footer .steps .step-item.current .step-label {
  color: #fff;
}
.steps-footer .steps .step-item.current .step-info .step-circle {
  background-color: #F40B0B;
}
.steps-footer .steps .step-item .step-bar {
  height: 8px;
  background-color: #5C5C5C;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.steps-footer .steps .step-item .step-info {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.steps-footer .steps .step-item .step-info .step-label {
  font-size: 22px;
}
.steps-footer .steps .step-item .step-info .step-circle {
  box-sizing: content-box;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #5C5C5C;
  border: 5px solid #fff;
}

.main-header-container {
  font-family: "Microsoft YaHei";
}

.logo-type-wrapper {
  padding: 58px 0 74px 0;
}
.logo-type-wrapper .w1200 {
  width: 1200px;
  margin: 0 auto;
}
.logo-type-wrapper .text-center {
  text-align: center;
}
.logo-type-wrapper h2,
.logo-type-wrapper h3 {
  text-align: center;
}
.logo-type-wrapper h2 {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 45px;
}
.logo-type-wrapper h3 {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.logo-type-wrapper .list-wrapper {
  display: flex;
  padding-top: 38px;
}
.logo-type-wrapper .list-wrapper li {
  height: 391px;
  width: 300px;
  overflow: hidden;
  position: relative;
}
.logo-type-wrapper .list-wrapper li:not(:last-child) .content-wrapper-new .bottom {
  border-right: none;
}
.logo-type-wrapper .list-wrapper li:hover .content-wrapper-new .overlay {
  opacity: 1;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new .overlay {
  transition: all 0.35s;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new .overlay .overlay-btn {
  border: 1px solid #ffffff;
  width: 123px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new img {
  width: 100%;
  height: 273px;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new .bottom {
  flex-grow: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5d5d5;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new .bottom .des {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 17px;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new .bottom .money {
  font-weight: 600;
  color: #333;
}
.logo-type-wrapper .list-wrapper li .content-wrapper-new .bottom .money span {
  font-size: 42px;
  color: #F40B0B;
}
.logo-type-wrapper .list-wrapper li .view {
  height: 100%;
  overflow: hidden;
}
.logo-type-wrapper .list-wrapper li:hover {
  border-color: transparent;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.12);
}
.logo-type-wrapper .list-wrapper li:hover .content-wrapper {
  top: -97px;
}
.logo-type-wrapper .list-wrapper li .content-wrapper {
  position: relative;
  top: 0;
  transition: all 0.35s;
}
.logo-type-wrapper .list-wrapper li .content-wrapper .top {
  height: 100%;
  margin: 0 46px 60px 46px;
}
.logo-type-wrapper .list-wrapper li .content-wrapper .version {
  font-weight: 600;
  color: #999;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 11px;
}
.logo-type-wrapper .list-wrapper li .content-wrapper .des {
  color: #333;
  font-size: 12px;
  font-weight: 400;
}
.logo-type-wrapper .list-wrapper li .content-wrapper .money {
  font-weight: 600;
  color: #333;
}
.logo-type-wrapper .list-wrapper li .content-wrapper .money span {
  font-size: 42px;
  color: #F40B0B;
}
.logo-type-wrapper .list-wrapper li .content-wrapper h4 {
  font-weight: 600;
  color: #333;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 33px;
}
.logo-type-wrapper .list-wrapper li .content-wrapper img {
  height: 82px;
  width: 82px;
  margin-bottom: 48px;
}
.logo-type-wrapper .list-wrapper li .btn {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  height: 62px;
  line-height: 62px;
  background: linear-gradient(270deg, #ff0000 0%, #ff4400 100%);
}

.case-wrapper {
  background-color: #fff;
  padding: 76px 0 10px 0;
}
.case-wrapper header {
  background-color: #fff;
}
.case-wrapper header .text-center {
  text-align: center;
}
.case-wrapper header h2 {
  text-align: center;
  font-size: 32px;
  font-family: PingFangSC;
  font-weight: 600;
  color: #333333;
  line-height: 45px;
}
.case-wrapper header h3 {
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.case-wrapper .tab-wrapper {
  padding-top: 25px;
}
.case-wrapper .w1200 {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
}
.case-wrapper .tab-content {
  min-width: 1200px;
  max-width: 1800px;
  margin: 0 auto;
}
.case-wrapper .tab-content .ant-carousel .slick-dots li button {
  background: #333;
  height: 5px;
}
.case-wrapper .tab-content .ant-carousel .slick-dots li.slick-active button {
  background-color: #333;
}
.case-wrapper .tab-content .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.case-wrapper .tab-content .flex .flex-item-6 {
  width: 16.66%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-wrapper .tab-content .flex .flex-item-6 img {
  border: 1px solid transparent;
  width: 80%;
  margin: 30px 0;
  vertical-align: middle;
}
.case-wrapper .tab-content .flex .flex-item-6:hover img {
  border: 1px solid #F40B0B;
  box-shadow: 10px 12px 24px 10px rgba(0, 0, 0, 0.12);
}
.case-wrapper .ant-tabs-bar {
  display: flex;
  justify-content: center;
}
.case-wrapper .ant-tabs-nav .ant-tabs-tab:hover,
.case-wrapper .ant-tabs-nav .ant-tabs-tab-active {
  color: #EC0A0A;
}
.case-wrapper .ant-tabs-nav .ant-tabs-tab {
  font-size: 16px;
  font-family: PingFangSC;
  font-weight: 600;
  line-height: 22px;
}
.case-wrapper .ant-tabs-ink-bar {
  height: 4px;
  background-color: #EC0A0A;
}

.partner-wrapper {
  background-color: #fff;
  padding: 58px 0 74px 0;
}
.partner-wrapper .w1200 {
  width: 1200px;
  margin: 0 auto;
}
.partner-wrapper .text-center {
  text-align: center;
}
.partner-wrapper h2,
.partner-wrapper h3 {
  text-align: center;
  background-color: #fff;
}
.partner-wrapper h2 {
  font-size: 32px;
  font-weight: 600;
  color: #333333;
  line-height: 45px;
}
.partner-wrapper h3 {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.partner-wrapper .list-wrapper {
  padding-top: 58px;
}
.partner-wrapper .list-wrapper .flex {
  display: flex;
  flex-wrap: wrap;
}
.partner-wrapper .list-wrapper .flex .item {
  width: 16.66%;
  height: 117px;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-logo-home {
  font-family: "Microsoft YaHei";
}
@keyframes rotate1 {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-30deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0);
  }
}
.create-logo-home .w1200 {
  width: 1200px;
  margin: 0 auto;
}
.create-logo-home .flex {
  display: flex;
}
.create-logo-home .flex.center {
  justify-content: center;
  align-items: center;
}
.create-logo-home .banner-container {
  background: url(/_next/static/media/banner-bg.bc241c32.png) no-repeat 100% 100%;
}
.create-logo-home .banner-wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 576px;
}
.create-logo-home .banner-wrapper .left {
  z-index: 1;
  width: 295px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.create-logo-home .banner-wrapper .left h2 {
  font-size: 42px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 37px;
}
.create-logo-home .banner-wrapper .left .descript {
  width: 270px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  line-height: 3;
  margin-bottom: 37px;
}
.create-logo-home .banner-wrapper .left .btn {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  padding: 10px 28px;
  background: linear-gradient(270deg, #ff0000 0%, #ff4400 100%);
}
.create-logo-home .banner-wrapper .swipper-item {
  height: 576px;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper {
  height: 100%;
  width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper.center {
  justify-content: center;
  align-items: center;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right {
  width: 500px;
  height: 500px;
  position: relative;
  top: 25px;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .img1 {
  width: 306px;
  height: 262px;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .img2 {
  width: 288px;
  height: 306px;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .full {
  width: 100%;
  height: 100%;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .abs {
  position: absolute;
  top: 0;
  left: 0;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .image-container {
  width: 100%;
  height: 100%;
  background: url(/_next/static/media/fix-bg.abd9df0d.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .rotate1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: rotate1 3s linear infinite;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcUAAAHECAYAAAE/mgG3AAAAAXNSR0IArs4c6QAAIk5JREFUeAHt3emTHMWZB2C1NJJG0ugECUkIcSOQAAPCiMPh///jbuw6CAeO8InNchmwMYeO2V/imWAkz9FHHVlVT0e80TPdVZlvPllV2UdV9qFDbqsJbG5uXlmtBGuPRyBbw+HxtGaOlqTBszkWa2aRVPZmMyUphQCBRQU63dkXTc7yBP4tkM30CAsCBAgQWFUgR9P1VcuwPgECBAgQIECgToG80jlRZ2bNZJX23WymJKVUIpAundb3DZW4S4MAAQIECBAgQIAAAQIE+hXI++GL/WYwpNqj9e6Q8pVr7QLZoro7HbR2DPkRaFEg+9qvWyxe0a0IpNdutVJwzYWm0V6W1dxBciNAoEWBHAFfarF4RRMgQGB4AjkwbgwvaxkTIECAAAECBAgQIEBguAJ5H3Z2uNkfnHna9+LBS1mCAAECBAgQIECAAAECBAgQmKhAPjo4OtGma3ZnAtnKXuisslFWFMFjo2yYRk1JIJvxtK7KS4PXptTB2tq1QLawG13Xqb4IBL6a+cmSywWdcoBAkM4fsEi1Tyf349UmJzECBLYEsqeaJsDWUIFAtkTvPfboh9g4ZWoPGw8TIECAAIEqBDJY364ikQkkEeu3JtBMTSQwVYHs4r4x6Lnz0we/7DkF1RMgQGCsAjnEHvZqdqy9q10ECFQgkEPsqcTuc+DmiecqyFEKBAgQGINADqknEkfG0JaptSH95iqOqXW69hIgQIAAAQIECBAgQIAAAQIDF8gnOmcTNwfeDOkTIECgBoEcTuf7FdkseD3hatsaek0OBAiMUSCHWKeqV9KxZcirJBVpECDQnIBXss1ZKolAewLZU0+1V/o0So7hYOfim0YPaSUBAgQIECCwp0BeyFQzC/SeSa76RBr5xqplWJ9AYwLZIF9trDAFERiMQLb8Pedna2osSjkuL6xhi0hHjPqH63czHuSrqXTUY7s1ZuuxjX2e2/eplHtp3wU82Y2AQ2I3znPXkg45N/fCLS6YPKq+pLv2w+nzLfbNIkWbYHgRLcsOVGCoLyiMvwPd4KRNYLgCOexM6ncV095nhttbMidAgED1AjnMVvHhRfVQtSaYDhzOZYdJtvZPgWrtZ3kRIECAwIAFMv69PeD0q0k9ju/2mkwSuNZrAgOvPH6uHh54H0qfAIFpCuT4fXyaLe+21XFu99OdVHCi2yZNqza+0+pvrSVAgACBDgXKq6SELzI7NH+0qq0+OPno4/4nQIAAAQIECBAg0K9AXqk+e2AGWcjEAwcqDWSBdKbTDgfSV9IkQIAAAQJTFiivWRLmlhvtRpDe9Y3FaHtXwwgQIECAAAECQxDIK9KnE1XPIjgExz5yTL8dSaz3Ubc6CRAgQIAAAQIECOwuUE7TP5Onjs1ms893X8SjtQqk724mt7u15icvAgQIECBAgMByAnmV0+6UG8ulZS0CBAgQIECAAAECBAgQ6EYgbwvvJM53U5taCBAgQIAAAQIECOwmkFekp3d73GNjE0hPuxZ8bJ2qPQQIECBAgACBUQj4lLyObkw/PFVHJrIgQIAAAQIjEsgAe2dEzam2KXE+eML2ZbJPwVeXWc86ywnE+/Xl1rQWAQIECPQhkOP22T7qHVudceznR2VScZm5wa0hgXhea6goxRAgQIAAgUEIZOyr+8fUenuVNYju+znJOJ34+T9/ESBAYG6BHD4uzb3wiBZMu18ZRXPSkEm/iU37y1SkbgQqFshWajqyivvnwNTSgc8fuNAAFkg73hxAmlIkMBKB7HFrtTaluo+AgvVOpVgOm5V2jLRqEcjee3yvXHY7DOYxZ5LtBdbX4/sdgvPcf/ysYB4zeUFfnTXVerPRLfypV9YZx0d+E+r06l6gjtk+O8jRxLkl2rjMO5yVfoEoea4lHlsiV6sQ6FYgG+pS31FkvUHMFpQ8ry8jmvU2llnPOgRWEsiGd2OlAka2cjyeGFmTNGcoAtn4fDe6o7PicXTHv/4ksJxANiRfWixHt9Jacf9gpQKsPE6BbBiDeD83Fv14vz+WtmgHAQIECBDoR8Crl37cF641HXU8cWHhFa1QvUD6tXxH285MatW3fsAJptN85TDg/pM6AQIECBAg0LRAXh0dS/hd5hZg32u6TOWNVyA7oZ8babN7A7yecIZHm8jKJkCAAAECBAgQIECAQGUCeR/4dmUpSWeCAtkOb0+w2ZpMgAABAgQIECBAgAABAgQOHcqb4iuJhacZZEegNoFsx+cSv6gtL/kQIECAAAECBAgQIECAAIF9BfJmdpZwqcq+Sp6cksDWhzz9/mRGkijzk5ycEry2EigC2e7LpX2naBAgQIAAAQIECBAgQIAAAQIECAxYIB/wmKVuwP0n9YELZAc81koTUvCdxLVEv9+htNI6hRIgQIAAAQIECBAgQIAAAQIECBAgMHmBfPi5lnhpbogsXE56vZEoPzrqk9O55SxIgAABAgQIECBAgAABAgQIECBAgAABAgQI9CSQrzTO9VS1aglMRiD72SuJC5NpsIYSIECAAAECBAgQIECAAAECBMYgUKboP7KjIZuz2ezBjv/9SYBAywLZB2ctV6F4AgQIECBAgAABAgQIECBAgAABAgQIjEigfLVR5rp5J7GZ+DLxab7e+Dr3bgQItCSQ/e7FFF1OFC/73T8THybcCBAgQIAAAQIECBAgQIAAAQIECBAgQOAnga1vL2gQIFCzwH9cupE990wSvpIo34H8T75zLN+BuBEgQIAAAQIECBAgQIAAAQIECBAgQGC8Avlg9GaJRlqYgjYSbzVSmEIIECBAgAABAgQIECBAgAABAgQIECAwKYF8unq4fFxb7ifVcI0lsEMg2/+xxDM7HvInAQJ9C2Sn/I+LL/rOSf0ECBAgQIAAAQIECBAgQGBXgbyJPZF4Y9cnPUhgwALZrt9L+PZgwH0odQIECBAgQIAAAQIECBBYQCBvgp9InF9gFYsSaFUg2+MriZOtVqJwAgTmF8gO6ZS2+bksSYAAAQIEpiyQlw3NzKo1ZcQJtz3bz7MTbn4zTQ/iq82UpJSpC2RbWks8MXUH7SdAgAABAgR6EcjLkKu9VKzSXgTS3+d6qVil+wukY97cfwnPjlEg/f7BGNulTQQIECBAgMBkBfLy5snJNr6ihqcfynSfzgetqE86TSWdf7nTClW2r0D643zi+L4LeZLAtkA2lgvbf7tvXiC+Ts5unnV8JWZDOZI4Or6WtdOiWD3dTslKJbCkQDbKSY6mafcsYdKmJbcbqzUskI1xqV95Lhtyw6msVFzyubZSAVYmMESBbPhPL7MzZp1j87Q3y12fZ7mdy5R8Epd2PuZvAqMXyEa/sUwjs968O+Ncyy2Tg3UIjF4gO9rC519mnTKaPTZ6nBE10Bvs+jvz9BIplk997y2xnlV6ErAjdgifUaqrs33W0qyVdsTkeqVDmslXZUfsdhNY+GVm0vshO8Wi/bTyjph6nZbW4bZROsytO4FlvD9bNL3ZbPbNouvssvxSHx7tUo6H5hBY9Eg7R5HTWCSj1DLv3f6Y9U4sIpSdarPEIuusumxyLN9r/rhoOVnv1KLrWJ7ASgLZ6Fy0/IhgTG488pB/5xQwIs4Jtctif8uG55zUh2EWGu0fXtV/BJYUyI7ou7otu1icTFR1qt6S3Wq1oQlkw3O2ys874jIfRA2ty+XbpkAZ2RzN2xTeu+y4mzB4b57pPZMN4vHptbrfFsf8uAPgv/vAhzU/b4vmUP3Zoqu/ftn1VzNdNUw9SwrkyFx+V8GouKTfoquVkTCxvuh6lidAgAABAgQIECBAgAABAkUg7ymvJUZ5NtNoPjVNB5VpEF0xMO599kg+Zb077iaOoHXZEV8bQTM0YReB9O3LuzzsoVoF0mELz1hWa1vkNR2B0bw03dFl93f87U8CBAgQIECAAAECBAj0LZDPC/wMXN+doP5pC2QnfHfaAg23PqBnGi5ScSMXyDbzWmKMH0T213MBfTxhdrD+umBQNWdbKSd2OHi30WuBfbYAt1G2MgkQWECg7IwLLG5RAgQIECBAgAABAgQIECBAgAABAgQIECBAgMCiAvk6YiPx9KLrWZ5AGwLZFk8lpjm3bRq+bmdsY7NS5iIC2QbPJKY99X8Ajib8itAiW45lGxMo217ifGMFKogAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGBPgXwvU37086U9F/AEgQEKZJu+mDg9uNST9DsJk/gMruck/KhAtuNbieGeeJLkLz/aKP8TGJJAtmHTtAypw+RKgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAYOoC+ZLzQmJt6g7aT2BbIPvDY9t/d3qfis8n7nRaqcoIVCaQfeBGov8Z4JLE2cpspEOgE4Fs+88lhnsOaidKKiFAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECDwqEDOujnuzLNHVfxPoCOB7HyPJ15LXOyoStUQIPCoQHbAo48+tvT/Kaxc6mSC4KUFrUhgPoEDzxrPjvhMijqV+GQ2m30xX7GWIkCgFYHskAfutK1UrFACBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDBSgXwXv564mPj1SJuoWQTqFsjOdyuxUXeWsiNA4GeB7LHvJsqJ3s2dOf5z8f4iQGARgeyIJxO3F1nHsgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAqMTmG2d4H0uLfs6sZm4l4mEy70bAQItCWS/KzPoH0mU+YLvPVRNnlxLuGbqIRX/EGhWIPvY5cT1xLFmS1YaAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoXKCc9F1OPN2+beaE7wfb/7gnQKBdgex/5aTvQ2uJ9UTZGcs0+z8k/plwI0CgRYFy0neKLxdYlCsvXO3UorWiCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKA5ge0TUJsrUUkECMwjUK6+eDoLXkl8n/gs8VdT7kfBjUBLAtnnykUWtxNl2v3vEh8n3AgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBCYssN9FFT9N9z1hG00n0KlAdsYbqfBc4i+JT3KBxf1OE1AZAQIECBCoWuChl6YZNssP0ZxJvJj4IsPmR1VnLzkCYxTYumBxjE3TJgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgUIVAvpt/NVEmEnYjQKBPgXLGWuL9xKk+81A3AQJNCWRv/kVivanylEOAwJwC2fHWEr9KnJhzFYsRIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIEaBHLq29XE6zXkIgcCfQlkHyiXOp3svP5UerrsgAnXWXWur8IaBbIvbCTKpU4PTdrdaq6dVtZqSxROoFkB+0aznkojQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAFgXyxeSJxvYWiFUmgc4Fsy7c7r3TVCpP0jcTxVcuxPoGaBLJNX0lcrCmnPXNJopf3fNITBAYukO27TJ9/YeDNkD4BAgQIECBAgAABAgQIECBAgAABAgQIECBAoGqBfB/zWtUJSm4yAtkWn55MY3c2NA2/s/N/fxPoWyDb5LRmJEyDX+0bXf0EdhPItjm8c0p3a4jHCBAgQIAAAQIECBAgQIAAAQIECBAgQKBNgXycfK7N8pU9boFsP4cT1c8WUfWvOQXwaDaTEm4ElhKYzWYPsuJL2Za6+5WmpTKtdKWyEyaerzQ9aQ1MINuSM7mW6bPAnV1mPesQ2Esg25S5ZvbC8TgBAgQIECBAgAABAgQIEGhaIG/EZwmTGzcNW2l56esrlaY27bTSMa4jm9gmkD5/aWJNrru5jo51909b2aXfyw8djeKEj6rPrFmgA39YYFmLjkQgZ818l6Y8N5LmaAYBAgQIECBAgAABAj0K5E3+tR6rVzUBAtkJ36RQh0D64nwdmfSbxVg+NZ1bMR1f2vzp3CtYsHWB9Mmx1itRQV0C6fRTdWUkm/TJTQoECPQskB3xqlGx504YSvXZUHxxPJTOkuc4BbITnhlny5pvVaxcBb8E6+Q+rFnCqKziR3Pmh7uQndFETfN7WXJegWxYp+dd1nKHDsXLfEMLbghGxDnAcnLxP+ZY7KFFsjHeeOiBaf0zrd8ZnFbfDqu12RHfH1bGu2ebdhzZ/RmPEhiAQDbghT/gyTqXamtacjK3bAed4qVpC8jZeE+k2H8tUfT1RddJXS/Ou06WXea9rulH5gVeYTk74gp4e61aLlhN3Nvr+X0eX+bUu0W+Llhk2e00/7L9h/v2BOyI7dkuU/LnS6y0yHu4xxYtPweUPy66juUXF7AjLm7W5hrLTPlRfmRl3tsiO+28ZVqOAAEC/QvkvfdTiSfbziR1HEncSizzFqPt9JRPYBQCXp2Oohs14lGBDBxrJR59vMX/uzizr8weeT9xt8V2HFh0XMvg7J3OgVIWGKKAQXGIvSbneQQ2stBzOXh38ePdZaDqYl/aHhSX+YJsHrN5lymzPvmWeV4tyw1KoIsdeVAgkh2HQL4I/SotOZk410GLyulU5deQ2n5nWr6z+ibR2zvFtLGcplVcv0y4ERidQNs78ejANGhQAt8m2+M5kGeMnG22lfnWAFwG4VZvqae0p0SftzIR2/HkUn6DxI0AAQIEVhHIAFVm1ng+0fqvq6WOw4nzCS/+Vum0rXXjWN4Nn0ksc1HPwhmknicTJuhfWM4KBAgMSiAHurcS1V0WPSjEkSeb7eNc4naiixOYRq6peQQIVC2QA115B/duokxv4EbgIYFsF0cTryQuPvSEfwh0IOBEmw6QVfGwQL6PKieM/DZxMQc+7wQe5vHfv0/kuZ/t5DMYBAgQ6E3AANUbvYoJEKhEwDvFSjqikjROZGC8k3BiSiUdIo32BMqLwMQLCVNst8esZALDFsgBolzC8MGwWyF7AgcLZDt/OfHUwUtaggCBSQvkQHE68d6kETR+1ALZvss7xGdG3UiNI0CgOYEcMNYTJp5ujlRJlQhkuy5fEzye8PVRJX0iDQIECBAgQIAAAQIECBAgQIAAAQIEJiWQj2fL2a2vJsoE6m4ECBAgQGCaAhkIy6w87yS6+JWWaSJr9XQEsiOVV5jXE69Pp9VaSmAcAmUgTLydODaOFmkFgUoEslOVadBu2bkq6RBpEDhAIPvqyUSZt9WZrQdYeZrAUgJlQEyUybPPLFWAlQgQIECAwNgEDIpj61HtIUCAAAECBAgQIECAAAECBAgQIECAAAECBBoUyFcpG4lyucdGg8UqigABAgQIDEsgA2G51OPasLKW7aQEsoGeSryX8KptUj2vsQS6EcixpVy3fDnh8qxuyNXShEA22HKx/VsJP9DbBKgyCBAgQGDYAmVATNxOlAFyNuzWyJ4AAQIECDQgkAHRbBYNOCqCAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQINC/QM4MPZJ4OXGl/2xkQIAAgfoEcnw8mrhZ7uvLTkatCKSzy4+BvpF4MuGawlaUFUqAwJAEto6Ld3I/2TcNkx8M0vlleraXEn9P/GE2m20OaSOWKwECBFYVyHHwfMp4NvFljoF/WLU86xMgQIAAgcEKZFA0PeVge0/iBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBOYSKKcNJ9YTfq9wLjELESBAoD+BHKvLDGKDuh5+UMlud22Qb+bvY4lysf1X24+7J0CAAIF+BXJ8LsfmJxOXEh/mGP1NvxktVvsgB8XtJgZ/PX8/kyj3HwX/29y7ESBAgECHAlvvBm+kynIs/muOxZ92WL2qCBAgQIBAPQIZFA9vDYz1JCUTAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBUQu4nmXU3atxBAgQGKzAWk+Zn8zA+ETqvpD4IrMf/L6nPFRLgAABApUIZFw4lVReTDxI/DnxVcaHzdx3dut9mrcglIH5dOK5xN1EmSuv3LsRIECAwMgFMgaUOVJfSPwt8UmO/9+NvMmaR4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKTEOh9mrdJKGskAQIECDQqkOnhNlJgiccTZarQP2WKuI9zv9LNoLgSn5UJECBAoCuBDITlRyTKXKn/SHxpntSu5NVDgAABApMUWPqd4tavW5SZzcvI/Uni68S/jNxRcCNAgACBQQosPSju1toMlOfz+LXE/cTvDZC7KXmMAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiMRqDR6xRHo6IhBAgQIDAagVxDfziNKfEg188/2K9hBsX9dDxHgAABAoMR2Br8zibhMkH4ucSpxD8TH2cw/DL3bgQIECBAgAABAgQIECBAYEGBfT8+zVvRIynvYuJyovxu1beJ8ha0TP79bd6O3s29GwECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECewj8NCH41sTfV7NMmfS7/A7V2tbyZcLvMgn4/2Xy7y+2HnNHgAABAgQGJZBxbj0Jn0mc3IoTuT+eKOPgvcR/Z5z7PvduBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQaFxglklS39gqtUyIun17kD/uJ77JBKl/237QPQECBAgQGLJAxryzyb9MBL592/4BjPL/4e0H3RMgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKBJgVkpLBOkHsvd0a2Cy2Pl//XEyUSZHPxPmRh854TheciNAAECBAgMQyDjXJnsu0wGXn7sosT2rfxdxrl7GecebA+K+Xu2ub2EewIECBAgMAWBDJblzV+JHxP/mEKbtZEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIdCvw092mH9amKAAECBAi0LpA5Tc+nkqcSnyfKnKblRy3K5N9395vr26AYITcCBAgQGLdABsky3pWB8lKi/BLURxkcv8u9GwECBAgQILCbwNzvFDPKHkkB5feoyv1jiY2Msr/NvRsBAgQIEBiFwL6DYgbCy2nl04m7iY8Tn2UgLD/G6EaAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhsCex78T4lAgQIECBQq8DWTGtlhrUyyczRxB8SXyXKpN9l0hk3AgQIECAwbYEMlhcTZbCs65akylypbgQIECBAYBACa6tmmYGvfARbyrmQeCZR5kb9Y+LrxI8JNwIECBAgMH6BDIgnEte9Ixx/X2shAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE6hfIbDjHE5cSfrGj/u6SIQECBBoXyPH/SOJs4wUvUWAvA1Eafzm5PpUoP/HxRX7i48slcrcKAQIECIxEIOPCeppyKVF+3eJ+4jcZG8p9p7fOBsU0uNT1XKIMhN/4ratO+1llBAgQGIzA1nhxIgmX30m8l/hdxozNwTRAogQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBoQnkAs8y+4EbAQIECFQikOPyWiWpLJXGoJIP9uG08mrieuKjxOcJNwIECBCoR+BwjtU3k87JxP9mJprv60nt4Ew6m+bt4FR2XyK4JccziecT3wX4w92X9CgBAgQI1CSQ4/ep5PNK4uvEn4c2QNZkKRcCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECgfoHqL95vgzAXlF5IuS8k/pz4JBeUbrZRjzIJECAwJIGtyVJeTc73E7/LsfHHIeUv1wUF0uFPJt5JbCy4qsUJECAwKYEcJ19IvJE4PamGT6Wx6diLiWNTaa92EiBAoAmBHDfPJy43UZYyCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsEMgpyqfSvwqUSYEcCNAgEDnAjn+PJe4lVjrvHIVEigC2fiOJt5KXCVCgACBGgRyPHo78VQNuchhQgLZ6J5N3Ex4VTahftdUAkMQyHGpfHpVZu56bAj5ypEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECKwskC/JZ4nDKxekAAIEqhIo+3ZVCUnmIQEH3Yc46vgnO83FZPLLhLNb6+gSWRBoUuBK9vE3E+tNFqosAqMUyI7yi8T1UTZOowgQ+Ekg+3j5JKhc53wFCQECuwhk5zieeD9xYpenPUSAwAgFyqCYuD3CpmkSAQIECBAgQIAAAQIECBAgQIAAAQIECBAgMGCB8p1l4uSAmyB1AgQItCbgkozWaOsrOIPhuWT1csJ1UvV1j4wIECBAoCuBDIjnE+WXPY51Vad6CNQukP2hXBrxVOJW7bnKjwCBhgSyw59LlN9Z8w6xIVPFjEeg7BeJ8iO9T46nVVpCgAABAgRWEMigWF44PrFCEVYlQIAAAQLjEcigWD5K9RXDeLpUSwj0J1AOJolbiUv9ZaFmAgQILC/g7NPl7ay5QyADYdmWria+n81mn+54yp8EVhLItnUncX6lQqxMgACBLgVy0Ho88XqXdaprGgLZrtYS7yWOTqPFWkmAwOAFcsDq7ASF1OUTjsFvMYs1oGxfiVcWW8vSBAgQmIBADo4fGBjr6Oj0w6VEJ5f6pJ4biY06Wi4LAgQIVCCQg2J5x1Bm5XGrQCB9US5jMFBV0BdSIEBgggI5AP8q0cl3S6mnnOAxyI9qk/f1xFrbm0jqKHPpvtN2Pcon0JXAIHf4rnDUU5dAOQAno98k7rWdWep6PHV8ndjsoK7ycXDT18YVqwtt557yf0g82OqbDqpTBYF2BQyK7foqvUGBXOrxXeLvidYHqqR9OfFFR3W10Z6vkn/rg2J8HqSe/0q0/kIldbgRaF3AoNg6sQoGKlB+UeTbjnK/30I95V1uJ9f2ZWC8l7jbQhsUSYAAAQJTEsjHjmUy6ndb+Pj0UMps/TvFKfWVtk5D4P8B4w6N2xsX+NgAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.create-logo-home .banner-wrapper .swipper-item .item-wrapper .right .rotate2 {
  width: 80%;
  height: 80%;
  animation: rotate2 3s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(/_next/static/media/rotate2.1b15bc40.png) no-repeat center center;
  background-size: cover;
}

.cover-loading-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
.cover-loading-wrapper .loading-icon {
  font-size: 52px;
  animation: loadingCircle 1s infinite linear;
  margin-bottom: 33px;
}
.cover-loading-wrapper .text {
  text-align: center;
  line-height: 2;
}

@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
#dataCockpitMiddle {
  float: left;
  width: 1678px;
  margin-right: 34px;
}
#dataCockpitMiddle .middle-title {
  margin-top: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #e6f2ff;
  letter-spacing: 3px;
}
#dataCockpitMiddle .middle-div {
  display: flex;
  justify-content: space-between;
  padding: 30px 34px;
}
#dataCockpitMiddle .middle-div .middle-left {
  position: relative;
  width: 343px;
  height: 602px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-left.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle {
  position: absolute;
  top: 82px;
  left: 0;
  width: 343px;
  height: 326px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-circle.gif") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center {
  width: 100px;
  height: 57px;
  top: 15px;
  left: 20px;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center .circle-center-sum {
  font-size: 26px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  margin-bottom: 10px;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center .circle-center-sum span {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 6px;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center .circle-center-title {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content {
  width: 126px;
  height: 49px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 1px;
  position: absolute;
  top: -58px;
  left: -46px;
  display: flex;
  justify-content: space-between;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 49px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type .circle-type-name {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  letter-spacing: 1px;
  height: 30px;
  line-height: 10px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type .circle-type-sum {
  font-size: 22px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #a8aaff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type .circle-type-sum span {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 6px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line1 {
  width: 10px;
  height: 93px;
  position: absolute;
  top: 107px;
  left: 86px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line1.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line2 {
  width: 10px;
  height: 58px;
  position: absolute;
  top: 144px;
  right: 86px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line2.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line3 {
  width: 10px;
  height: 140px;
  position: absolute;
  bottom: 116px;
  left: 112px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line3.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line3.circle-lines .circle-type-content {
  top: 154px;
  left: -58px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line4 {
  width: 33px;
  height: 82px;
  position: absolute;
  bottom: 186px;
  right: 77px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line4.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line4.circle-lines .circle-type-content {
  top: 89px;
  left: -45px;
}
#dataCockpitMiddle .middle-div .middle-middle {
  width: 724px;
  height: 602px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop {
  height: 257px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop.png") no-repeat center center;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .bluedash {
  position: absolute;
  top: 33px;
  left: 362px;
  width: 1px;
  height: 193px;
  border-left: 1px dashed #1875c4;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left {
  position: absolute;
  left: 25px;
  top: 37px;
  width: 304px;
  height: 181px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-left-bg.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1-top-sum {
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  position: absolute;
  left: 100px;
  top: 7px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1-top-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 {
  width: 190px;
  height: 147px;
  position: absolute;
  left: 68px;
  top: 29px;
  bottom: 5px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-left-san1.gif") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 .san1-title {
  position: absolute;
  top: 103px;
  width: 113px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 .san1-sum {
  position: absolute;
  left: 30px;
  top: 120px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #cef5ff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 .san1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #deeaff;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1-tag {
  position: absolute;
  bottom: -22px;
  height: 14px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #e0e1ff;
  line-height: 12px;
  letter-spacing: 0;
  left: 92px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2-top-sum {
  position: absolute;
  right: 50px;
  bottom: 49px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2-top-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2 {
  width: 44px;
  height: 40px;
  position: absolute;
  top: 136px;
  right: 53px;
  bottom: 5px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-left-san2.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2-tag {
  display: inline-block;
  position: absolute;
  height: 14px;
  bottom: -22px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #e0e1ff;
  line-height: 12px;
  letter-spacing: 0;
  left: 184px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-right {
  width: 143px;
  height: 141px;
  position: absolute;
  top: 56px;
  right: 115px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-right-bg.png") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-right .centers {
  width: 56px;
  height: 28px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 0 30px 0 #0b142f;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag {
  width: 70px;
  height: 40px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag .centers-tag-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag .centers-tag-sum span {
  font-size: 8px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag .centers-tag-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  color: #53d4ff;
  line-height: 24px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag1 {
  position: absolute;
  right: 154px;
  top: 12px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag2 {
  position: absolute;
  right: 60px;
  top: 39px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag3 {
  position: absolute;
  right: 40px;
  top: 95px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag4 {
  position: absolute;
  right: 46px;
  bottom: 66px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag5 {
  position: absolute;
  right: 116px;
  bottom: 14px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag6 {
  position: absolute;
  right: 200px;
  bottom: 14px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag7 {
  position: absolute;
  right: 260px;
  bottom: 70px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag8 {
  position: absolute;
  right: 268px;
  bottom: 129px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag9 {
  position: absolute;
  right: 248px;
  top: 40px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom {
  position: relative;
  height: 312px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content {
  width: 629px;
  height: 191px;
  position: absolute;
  left: 52px;
  top: 65px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom-bg.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 {
  width: 84px;
  height: 200px;
  position: absolute;
  left: 25px;
  bottom: 1px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom1.png") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center {
  margin-top: 30px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center .middle-mBottom1-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 1px;
  margin-bottom: 6px;
  transform: scale(0.85);
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center .middle-mBottom1-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center .middle-mBottom1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom2 {
  width: 100px;
  height: 80px;
  position: absolute;
  left: 130px;
  bottom: 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom2.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom3 {
  width: 107px;
  height: 63px;
  position: absolute;
  right: 198px;
  bottom: 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom3.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom4 {
  width: 93px;
  height: 61px;
  position: absolute;
  right: 19px;
  bottom: 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom4.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .right-title-echart {
  height: 18px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 21px;
  position: absolute;
  top: 28px;
  right: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .right-title-echart .fwqi-font {
  font-size: 12px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .right-title-echart img {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .unit1 {
  font-size: 8px;
  font-family: PingFang-SC-Regular;
  text-align: center;
  color: #c1c1c1;
  line-height: 21px;
  position: absolute;
  top: 35px;
  left: 35px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units {
  font-size: 10px;
  font-family: PingFang-SC-Medium;
  text-align: right;
  color: #c1c1c1;
  line-height: 18px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units.unit2 {
  position: absolute;
  top: 65px;
  left: 36px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units.unit3 {
  position: absolute;
  top: 110px;
  left: 36px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units.unit4 {
  position: absolute;
  top: 155px;
  left: 36px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom1-top {
  position: absolute;
  left: 75px;
  top: 24px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #7cceff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom1-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-top {
  position: absolute;
  left: 183px;
  top: 148px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #feb627;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-top {
  position: absolute;
  left: 387px;
  top: 180px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffe12c;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom4-top {
  position: absolute;
  left: 579px;
  top: 166px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #15d7d7;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom4-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom1-bottom {
  position: absolute;
  left: 73px;
  bottom: 27px;
  width: 91px;
  height: 17px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-bottom {
  position: absolute;
  left: 178px;
  bottom: 27px;
  width: 91px;
  height: 17px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-bottom {
  position: absolute;
  left: 377px;
  bottom: 27px;
  width: 91px;
  height: 17px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom4-bottom {
  position: absolute;
  right: 56px;
  bottom: 1px;
  height: 45px;
  font-size: 10px;
  transform: scale(0.8);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 {
  position: absolute;
  left: 283px;
  top: 179px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 .middle-mBottom2-right1-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 .middle-mBottom2-right1-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #feb627;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 .middle-mBottom2-right1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 {
  position: absolute;
  left: 275px;
  top: 221px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 .middle-mBottom2-right2-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 .middle-mBottom2-right2-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #f88800;
  line-height: 17px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 .middle-mBottom2-right2-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 {
  position: absolute;
  left: 476px;
  top: 180px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 .middle-mBottom3-right1-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
  margin-left: -2px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 .middle-mBottom3-right1-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #e0f836;
  line-height: 17px;
  margin-left: 5px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 .middle-mBottom3-right1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 {
  position: absolute;
  left: 485px;
  top: 219px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 .middle-mBottom3-right2-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 .middle-mBottom3-right2-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #ffe12c;
  line-height: 17px;
  margin-left: 5px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 .middle-mBottom3-right2-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-right {
  width: 484px;
  height: 602px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 {
  height: 241px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right1.png") no-repeat center center;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box {
  position: absolute;
  width: 160px;
  height: 154px;
  margin-top: 33px;
  margin-left: 26px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-31.png') no-repeat;
  background-position: 60px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box .industrial-left-title {
  width: 110px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  line-height: 18px;
  letter-spacing: 1px;
  padding-top: 43px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box .industrial-left-subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 6px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box .industrial-left-subtitle span {
  font-family: "Zidingyi";
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box {
  position: absolute;
  top: 51px;
  right: 30px;
  text-align: right;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  width: 318px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-1 {
  height: 17px;
  margin-bottom: 16px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-32.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-2 {
  height: 17px;
  margin-bottom: 16px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-33.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-3 {
  height: 17px;
  margin-bottom: 16px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-34.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-4 {
  height: 17px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-35.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .font-style {
  font-size: 10px;
  transform: scale(0.85);
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-buttom-box {
  position: absolute;
  left: 26px;
  bottom: 20px;
  font-size: 12px;
  color: #bfc1ff;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-buttom-box span {
  font-family: "Zidingyi";
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 {
  height: 163px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right2.png") no-repeat center center;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-bg {
  height: 148px;
  width: 436px;
  position: absolute;
  left: 24px;
  right: 24px;
  top: 7px;
  bottom: 8px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right2-bg.gif") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left {
  position: absolute;
  left: 122px;
  top: 61px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  height: 17px;
  vertical-align: middle;
  margin-bottom: 12px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-title img {
  margin-right: 9px;
  vertical-align: middle;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-sum {
  font-size: 32px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #ffb100;
  line-height: 10px;
  letter-spacing: 2px;
  width: 200px;
  margin-left: 21px;
  display: flex;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-sum span {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-left: 10px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right {
  position: absolute;
  left: 249px;
  top: 26px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  height: 17px;
  vertical-align: middle;
  margin-bottom: 12px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-title img {
  vertical-align: middle;
  margin-right: 9px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-sum {
  font-size: 18px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #89e8ff;
  line-height: 10px;
  letter-spacing: 1px;
  width: 200px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-left: 10px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 {
  position: relative;
  height: 136px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right3.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left {
  position: absolute;
  top: 29px;
  left: 35px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left .middle-right3-left-title {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left .middle-right3-left-sum {
  font-size: 32px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #8ecbff;
  line-height: 10px;
  letter-spacing: 2px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left .middle-right3-left-sum span {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .buleline {
  position: absolute;
  top: 32px;
  left: 238px;
  width: 1px;
  height: 57px;
  border-left: 2px solid #122a9b;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right {
  position: absolute;
  top: 32px;
  right: 62px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right .middle-right3-right-title {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right .middle-right3-right-sum {
  font-size: 32px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: rgba(38, 247, 167, 0.81);
  line-height: 10px;
  letter-spacing: 2px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right .middle-right3-right-sum span {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-bottom {
  width: 340px;
  height: 17px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #c9c9c9;
  line-height: 10px;
  letter-spacing: 1px;
  position: absolute;
  top: 99px;
  left: 28px;
}
.v2-middle .right-unit {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 400;
  color: #e2e2ff;
}
.v2-middle .juxing {
  position: absolute;
  right: 64px;
  top: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #168dcc;
}
.v2-middle .company-box {
  padding: 40px 0 0 0;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
.v2-middle .company-box .company-box-item {
  float: left;
  overflow: hidden;
}
.v2-middle .company-box .company-box-item .company-box-item-left {
  float: left;
  margin-right: 30px;
}
.v2-middle .company-box .company-box-item .company-box-item-left .left-count1 {
  font-size: 32px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 5px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
.v2-middle .company-box .company-box-item .company-box-item-left .left-title1 {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
  margin: 8px 0;
}
.v2-middle .company-box .company-box-item .company-box-item-left .left-count2 {
  font-size: 24px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
.v2-middle .company-box .company-box-item .company-box-item-left .left-title2 {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 16px;
}
.v2-middle .company-box .company-box-item .company-box-item-left .mt20 {
  margin-top: 20px;
}
.v2-middle .company-box .company-box-item .company-box-item-right {
  padding-right: 8px;
  text-align: center;
  padding-top: 66px;
  float: left;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/com-right-bg.gif") no-repeat center center;
  background-size: 100% 100%;
  width: 132px;
  height: 224px;
  margin-top: 8px;
}
.v2-middle .company-box .company-box-item .company-box-item-right .item-right-percent {
  font-size: 18px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
.v2-middle .company-box .company-box-item .company-box-item-right .item-right-title {
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 16px;
}
.v2-middle .company-box .company-box-item:last-child .company-box-item-left {
  margin-right: 0;
}
.v2-middle .company-box .company-box-item:last-child .company-box-item-right {
  display: none;
}
.industry-protocol {
  width: 100%;
  height: 206px;
  padding-top: 82px;
  text-align: center;
  position: relative;
}
.industry-protocol .protocol-item {
  position: absolute;
  text-align: left;
}
.industry-protocol .protocol-item .protocol-item-count {
  font-size: 24px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
.industry-protocol .protocol-item .protocol-item-count .protocol-item-unit {
  font-size: 12px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 18px;
}
.industry-protocol .protocol-item .protocol-item-title {
  font-size: 12px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 18px;
}
.industry-protocol .protocol-item1 {
  top: 89px;
  left: 60px;
}
.industry-protocol .protocol-item2 {
  top: 46px;
  left: 214px;
}
.industry-protocol .protocol-item3 {
  top: 19px;
  left: 413px;
}
.industry-protocol .protocol-item4 {
  top: 46px;
  left: 593px;
}
.industry-protocol .protocol-item5 {
  top: 89px;
  right: 60px;
}
.industry-protocol .img-item1 {
  position: absolute;
  left: 155px;
  bottom: 35px;
}
.industry-protocol .img-item2 {
  position: absolute;
  left: 272px;
  bottom: 79px;
}
.industry-protocol .img-item3 {
  position: absolute;
  left: 425px;
  bottom: 95px;
}
.industry-protocol .img-item4 {
  position: absolute;
  left: 580px;
  bottom: 79px;
}
.industry-protocol .img-item5 {
  position: absolute;
  left: 697px;
  bottom: 35px;
}
.industry-protocol .protocol-content {
  position: absolute;
  width: 150px;
  height: 80px;
  left: 50%;
  margin-left: -75px;
  bottom: 0;
}
.industry-protocol .protocol-content .protocol-content-count {
  font-size: 32px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
.industry-protocol .protocol-content .protocol-content-count .protocol-content-unit {
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
}
.industry-protocol .protocol-content .protocol-content-title {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 1px;
  margin-top: 4px;
}
.industry-model {
  position: relative;
  width: 401px;
  height: 326px;
  margin: 45px auto 0;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/model-bg.png") no-repeat center center;
}
.industry-model .model-item {
  position: absolute;
}
.industry-model .model-item .model-item-title {
  font-size: 14px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 10px;
  letter-spacing: 1px;
  margin: 6px 0 13px;
}
.industry-model .model-item .model-item-count {
  font-size: 24px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
.industry-model .model-item .model-item-count .model-item-unit {
  font-size: 10px;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 11px;
}
.industry-model .model-item1 {
  left: 0;
  top: 0;
}
.industry-model .model-item2 {
  right: 10px;
  top: 10px;
}
.industry-model .model-item3 {
  bottom: -34px;
  left: 0;
}
.industry-model .model-item4 {
  bottom: -34px;
  right: 10px;
}
.service-wfw {
  padding: 10px 14px 0;
  overflow: hidden;
}
.service-wfw .service-wfw-left {
  float: left;
  width: 132px;
  margin-right: 33px;
}
.service-wfw .service-wfw-left .zj-title {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 1px;
}
.service-wfw .service-wfw-left .service-wfw-left-quan {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.service-wfw .service-wfw-left .service-wfw-left-title {
  font-size: 12px;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 26px;
}
.service-wfw .service-wfw-right {
  float: left;
  position: relative;
}
.service-wfw .service-wfw-right .service-wfw-right-num {
  position: absolute;
}
.service-wfw .service-wfw-right .service-wfw-right-num span {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  opacity: 0.6;
}
.service-wfw .service-wfw-right .num-1 {
  left: 14px;
  top: 6px;
}
.service-wfw .service-wfw-right .num-2 {
  left: 85px;
  top: 28px;
}
.service-wfw .service-wfw-right .num-3 {
  left: 164px;
  top: 42px;
}

#thirdFooter {
  background-color: #18181A;
}
#thirdFooter .fl {
  float: left;
}
#thirdFooter .line {
  margin-left: 2.6rem;
  width: 14.4rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}
#thirdFooter .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
#thirdFooter .business {
  height: 3.3rem;
  margin-left: 2.6rem;
}
#thirdFooter .business .leftbox {
  margin-top: 1.17rem;
  width: 3.84rem;
}
#thirdFooter .business .leftbox .more {
  transition: all ease-in-out 0.33s;
}
#thirdFooter .business .leftbox .more:hover {
  color: #ffffff;
}
#thirdFooter .business .leftbox .txt {
  font-size: 0.14rem;
  font-weight: 400;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  margin: 0.19rem;
  margin-left: 0;
  cursor: pointer;
}
#thirdFooter .business .leftbox .lianxiBox .lianxiItem {
  position: relative;
  float: left;
  margin-right: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#thirdFooter .business .leftbox .lianxiBox .lianxiItem img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -1.6rem;
  left: -0.5rem;
  transition: all cubic-bezier(0.56, 0, 0.44, 1) 0.5s;
}
#thirdFooter .business .leftbox .lianxiBox .lianxiItem .weixin {
  color: #fff;
}
#thirdFooter .business .leftbox .lianxiBox .lianxiItem .weibo,
#thirdFooter .business .leftbox .lianxiBox .lianxiItem .shouji {
  color: #D1D1D1;
}
#thirdFooter .business .leftbox .lianxiBox .lianxiItem:hover {
  background: rgba(255, 255, 255, 0.08);
}
#thirdFooter .business .leftbox .lianxiBox .lianxiItem:hover img {
  opacity: 1;
  visibility: visible;
}
#thirdFooter .business .about-title {
  font-size: 0.14rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.32rem;
}
#thirdFooter .business .about-txt {
  font-size: 0.13rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.1rem;
  cursor: pointer;
}
#thirdFooter .business .about-txt:hover {
  color: #ffffff;
}
#thirdFooter .business .product {
  margin-top: 0.72rem;
  margin-right: 1.2rem;
}
#thirdFooter .business .company {
  margin-top: 0.72rem;
  margin-right: 1.47rem;
}
#thirdFooter .business .share {
  margin-top: 0.72rem;
  margin-right: 1.65rem;
}
#thirdFooter .business .cloud {
  margin-top: 0.72rem;
  margin-right: 1.39rem;
}
#thirdFooter .business .industrial {
  margin-top: 0.72rem;
  margin-right: 1.08rem;
}
#thirdFooter .business .aboutHumi {
  margin-top: 0.72rem;
}
#thirdFooter .callme {
  height: 2rem;
  margin-left: 2.6rem;
}
#thirdFooter .callme .callLeft {
  font-size: 0.13rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
#thirdFooter .callme .callLeft .lefttxt {
  margin-bottom: 0.21rem;
}
#thirdFooter .callme .callLeft .left0ne {
  margin-top: 0.31rem;
}
#thirdFooter .callme .callLeft a {
  color: rgba(255, 255, 255, 0.6);
}
#thirdFooter .callme .callRight .friengLink {
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0.31rem 0.38rem 0 2rem;
}
#thirdFooter .callme .callRight .linkItem {
  margin-top: 0.31rem;
  width: 7.3rem;
}
#thirdFooter .callme .callRight .linkItem .itemContent {
  font-size: 0.13rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.4rem;
  margin-bottom: 0.2rem;
  transition: all ease-in-out 0.33s;
  cursor: pointer;
}
#thirdFooter .callme .callRight .linkItem .itemContent:hover {
  opacity: 1;
  color: #3366FF;
}

#guiYang-index .publicStatSpan {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
}
#guiYang-index .clear {
  clear: both;
  height: 0;
}
#guiYang-index .w12 {
  width: 1200px;
  margin: 0 auto;
}
#guiYang-index .fl {
  float: left;
}
#guiYang-index .fr {
  float: right;
}
#guiYang-index .guiyang-title {
  font-size: 36px;
  font-weight: 800;
  text-align: left;
  color: #004a8e;
  line-height: 48px;
}
#guiYang-index .guiyang-subtitle {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #004a8e;
  line-height: 30px;
  margin-top: 12px;
}
#guiYang-index .guiyang-banner {
  width: 100%;
  height: 756px ;
  background-size: cover;
  position: relative;
}
#guiYang-index .guiyang-banner #center-wrap-new {
  background: rgba(255, 255, 255, 0.01) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#guiYang-index .guiyang-banner .ant-input {
  background: rgba(0, 0, 0, 0.2) !important;
  border: none;
}
#guiYang-index .guiyang-banner .guiyang-video {
  width: 100%;
  height: 756px ;
  position: absolute;
  margin: 0 auto;
}
#guiYang-index .guiyang-banner .guiyang-video .gyIndex-subTitle {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  padding-top: 233px;
}
#guiYang-index .guiyang-banner .guiyang-video .gyIndex-title {
  font-size: 62px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
}
#guiYang-index .guiyang-banner .guiyang-video .gyIndex-service {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin-top: 30px;
}
#guiYang-index .guiyang-banner .guiyang-video .gyIndex-btnGroup {
  width: 283px;
  margin: 0 auto;
}
#guiYang-index .guiyang-banner .guiyang-video .gyIndex-btnGroup .gyIndex-left-buttom {
  margin-top: 69px;
  display: inline-block;
  width: 126px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
#guiYang-index .inGuiyang {
  width: 100%;
  height: 687px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/inGuiyang.png") no-repeat center;
  background-size: cover;
}
#guiYang-index .inGuiyang .inGuiyang-text {
  margin-top: 42px;
  font-family: PingFang-SC-Regular, serif;
  width: 579px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #424242;
  line-height: 28px;
}
#guiYang-index .inGuiyang .inGuiyangBox {
  margin-top: 49px;
}
#guiYang-index .inGuiyang .inGuiyangBox .inGuiyang-smallBox {
  width: 280px;
  height: 148px;
  background: #004a8e;
  border-radius: 6px;
  margin-right: 20px;
  position: relative;
  cursor: pointer;
}
#guiYang-index .inGuiyang .inGuiyangBox .inGuiyang-smallBox:hover {
  background: #f75705;
}
#guiYang-index .inGuiyang .inGuiyangBox .inGuiyang-smallBox .inSmallBox-title {
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 30px;
  padding-left: 26px;
}
#guiYang-index .inGuiyang .inGuiyangBox .inGuiyang-smallBox .line {
  width: 24px;
  height: 2px;
  background: #ffffff;
  margin-top: 18px;
  margin-left: 26px;
}
#guiYang-index .inGuiyang .inGuiyangBox .inGuiyang-smallBox .inSmallBox-icon {
  position: absolute;
  right: 21px;
  bottom: 20px;
}
#guiYang-index .inGuiyang .inGuiyangBox #inGuiyangBox0:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/inGuiyang-1.png");
}
#guiYang-index .inGuiyang .inGuiyangBox #inGuiyangBox1:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/inGuiyang-2.png");
}
#guiYang-index .inGuiyang .inGuiyangBox #inGuiyangBox2:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/inGuiyang-3.png");
}
#guiYang-index .inGuiyang .inGuiyangBox #inGuiyangBox3:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/inGuiyang-4.png");
}
#guiYang-index .guiyang-service {
  width: 100%;
  height: 544px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/gy-service.png") no-repeat center;
  background-size: cover;
}
#guiYang-index .guiyang-service .service-title {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 26px;
}
#guiYang-index .guiyang-service .service-text {
  width: 450px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 28px;
  letter-spacing: 0px;
  margin-bottom: 26px;
}
#guiYang-index .guiyang-service .service-buttom {
  width: 168px;
  height: 46px;
  line-height: 46px;
  background: #f75705;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
#guiYang-index .guiyang-facilitator {
  height: 525px;
}
#guiYang-index .guiyang-facilitator .good-facilitator {
  width: 1200px;
  height: 435px;
  background: #ffffff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  margin-top: -55px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .facilitator-submit {
  height: 55px;
  width: 1132px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 auto;
  padding-top: 22px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .facilitator-submit :nth-child(1) {
  padding-left: 0 !important;
}
#guiYang-index .guiyang-facilitator .good-facilitator .facilitator-submit :nth-child(4) {
  border-right: none !important;
}
#guiYang-index .guiyang-facilitator .good-facilitator .facilitator-submit .custom-made {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 282px;
  padding-left: 24px;
  border-right: 1px solid #e3e3e3;
  color: #04529a;
}
#guiYang-index .guiyang-facilitator .good-facilitator .facilitator-submit .custom-time {
  margin-left: 18px;
  color: #666666;
}
#guiYang-index .guiyang-facilitator .good-facilitator .yzfws-title {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 24px;
  margin: 32px 944px 24px 34px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .yzfws-more {
  display: inline-block;
  width: 68px;
  height: 26px;
  border: 1px solid #f75705;
  line-height: 26px;
  text-align: center;
  color: #f75705;
  cursor: pointer;
}
#guiYang-index .guiyang-facilitator .good-facilitator .facilitator-box {
  margin-left: 34px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box {
  width: 268px;
  height: 264px;
  background-color: #eee;
  padding-left: 30px;
  margin-right: 20px;
  position: relative;
  cursor: pointer;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box:hover {
  background: #f75705;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box:hover .goodFws-title {
  color: #fff;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box:hover .goodFws-line {
  background: #fff;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box:hover .goodFws-laber {
  display: none;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box:hover .goodFws-text {
  display: block;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box .goodFws-logo {
  margin-top: 24px;
  margin-bottom: 14px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box .goodFws-title {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 24px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box .goodFws-line {
  width: 24px;
  height: 2px;
  background: #F75705;
  margin-top: 13px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box .goodFws-laber {
  position: absolute;
  top: 172px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box .goodFws-laber .small-laber {
  display: inline-block;
  width: 90px;
  height: 26px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #666666;
  line-height: 26px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#guiYang-index .guiyang-facilitator .good-facilitator .goodFws-box .goodFws-text {
  display: none;
  width: 210px;
  opacity: 0.9;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  margin-top: 20px;
}
#guiYang-index .guiyang-facilitator .good-facilitator #goodFwsBox0:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/serviceBg-1.png");
}
#guiYang-index .guiyang-facilitator .good-facilitator #goodFwsBox1:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/serviceBg-2.png");
}
#guiYang-index .guiyang-facilitator .good-facilitator #goodFwsBox2:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/serviceBg-3.png");
}
#guiYang-index .guiyang-facilitator .good-facilitator #goodFwsBox3:hover {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/serviceBg-4.png");
}
#guiYang-index .guiyang-platform {
  width: 100%;
  height: 420px ;
  background: rgba(0, 74, 142, 0.7);
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/platform-bg.png");
  background-size: cover;
  text-align: center;
}
#guiYang-index .guiyang-platform .platform-title {
  font-size: 36px;
  font-weight: 800;
  color: #ffffff;
  line-height: 108px;
  letter-spacing: 4px;
  padding-top: 82px;
}
#guiYang-index .guiyang-platform .platform-line {
  width: 62px;
  height: 3px;
  background: #f75705;
  margin: 24px auto 30px;
}
#guiYang-index .guiyang-platform .platform-subTitle {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
#guiYang-index .guiyang-platform .platform-buttom {
  width: 160px;
  height: 46px;
  background: #f75705;
  border-radius: 2px;
  line-height: 46px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 65px auto 0;
  display: block;
}
#guiYang-index #guiyang-zhuanye {
  background: rgba(0, 74, 142, 0.7);
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/guiyang-service.png");
}
#guiYang-index .guiyang-hall {
  width: 100%;
  height: 996px;
  background: #f3f3f3;
}
#guiYang-index .guiyang-hall .listContent {
  margin: auto;
  margin-top: 40px;
  width: 1200px;
}
#guiYang-index .guiyang-hall .listContent .commodity {
  width: 100%;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin:nth-child(4n+0) {
  margin-right: 0;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin:nth-child(-n+4) {
  margin-top: 0;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin {
  animation: myfirst 1.5s;
  -moz-animation: myfirst 1.5s;
  /* Firefox */
  -webkit-animation: myfirst 1.5s;
  /* Safari and Chrome */
  -o-animation: myfirst 1.5s;
  /* Opera */
  width: 284px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  margin-top: 20px;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .topCom {
  height: 48px;
  width: 100%;
  position: relative;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .topCom .topComl {
  height: 100%;
  width: 236px;
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .topCom .topComl .comTitle {
  width: 100%;
  height: 18px;
  border-left: 4px solid #004a8e;
  padding-left: 16px;
  font-size: 18px;
  color: #333333;
  line-height: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .topCom .topComr {
  height: 100%;
  width: 48px;
  display: inline-block;
  vertical-align: top;
  background: url('https://360humi-public-obs.360humi.com/localImg/newImage/humistoreneed/new-tga-4%402x.png') no-repeat;
  background-size: contain;
  background-position: center;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comIntro {
  width: 100%;
  padding: 23px 0px 22px 20px;
  border-bottom: 1px solid #e3e3e3;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comIntro .statusSpano {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background: linear-gradient(269deg, #5f7af3 2%, #4b62dd 99%);
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comIntro .statusSpant {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background-color: #52ba1a;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comIntro .statusSpanh {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background: linear-gradient(90deg, #c2c2c2, #9d9d9d);
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comIntro .statusSpanf {
  display: inline-block;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  background-color: #409fff;
  color: #ffffff;
  margin-left: 10px;
  background: linear-gradient(270deg, #ef963f, #ec860a);
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comInfo {
  padding-top: 20px;
  padding-left: 20px;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comInfo .needArea {
  font-size: 14px;
  color: #999999;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comInfo .neesResult {
  font-size: 14px;
  color: #666666;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comInfo .neesResult .ant-progress-bg {
  background-color: #0480f4;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comInfo .neesResultr {
  font-size: 14px;
  color: #999999;
  margin-left: 10px;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comInfo > div span {
  display: inline-block;
  vertical-align: top;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comMony {
  padding-left: 20px;
  padding-right: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 30px;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comMony .comMonyl {
  font-size: 18px;
  color: #ff8e09;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comMony .comMonyr {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 6px;
  font-size: 12px;
  color: #a3c6a3;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .comMony .comMonyr img {
  height: 16px;
  width: 16px;
  margin-right: 9px;
}
#guiYang-index .guiyang-hall .listContent .commodity .commoditySin .baojia {
  margin-top: 15px;
  height: 42px;
  width: 100%;
  border-top: 1px solid #e6eaec;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #1a75e7;
}
#guiYang-index .guiyang-hall .listContent .pagination {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top: 43px;
}
#guiYang-index .guiyang-hall .platform-buttom {
  width: 162px;
  height: 46px;
  background: #f75705;
  border-radius: 2px;
  line-height: 46px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 52px auto 0;
  display: block;
  text-align: center;
}
#guiYang-index .guiyang-products {
  width: 100%;
  height: 703px;
  background-color: #fff;
}
#guiYang-index .guiyang-products .products-more {
  display: inline-block;
  width: 110px;
  height: 32px;
  border: 1px solid #f75705;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #f75705;
  line-height: 32px;
  float: right;
  cursor: pointer;
}
#guiYang-index .guiyang-products .products-box {
  height: 484px;
  margin-top: 42px;
}
#guiYang-index .guiyang-products .products-box .small-products-box {
  height: 484px;
  width: 160px;
  padding-left: 28px;
}
#guiYang-index .guiyang-products .products-box .small-products-box .product-small-count {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 24px;
  margin-top: 17px;
}
#guiYang-index .guiyang-products .products-box .small-products-box .product-small-count span {
  font-size: 28px;
  font-weight: 700;
  opacity: 1;
}
#guiYang-index .guiyang-products .products-box .small-products-box .line {
  width: 27px;
  height: 2px;
  background: #707070;
  margin-top: 4px;
}
#guiYang-index .guiyang-products .products-box .small-products-box .product-small-title {
  display: none;
}
#guiYang-index .guiyang-products .products-box .small-products-box .know-more {
  display: none;
}
#guiYang-index .guiyang-products .products-box .products-act {
  position: relative;
  width: 400px !important;
  padding-left: 48px !important;
}
#guiYang-index .guiyang-products .products-box .products-act .line {
  background: #F75705;
}
#guiYang-index .guiyang-products .products-box .products-act .product-small-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 24px;
  bottom: 110px;
  position: absolute;
  z-index: 3;
}
#guiYang-index .guiyang-products .products-box .products-act .know-more {
  display: block;
  width: 110px;
  height: 32px;
  background: #f75705;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  bottom: 54px;
}
#guiYang-index .guiyang-products .products-box .products-act::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/zhezhao.png');
  z-index: 2;
}
#guiYang-index .guiyang-products .products-box #products1 .product-small-title {
  line-height: 34px;
  width: 264px;
}
#guiYang-index .guiyang-products .products-box #products4 .product-small-title {
  line-height: 34px;
  width: 288px;
}
#guiYang-index .guiyang-example {
  width: 100%;
  height: 905px;
  background-color: #fff;
}
#guiYang-index .guiyang-example .swiper-container-caselist {
  position: relative !important;
  margin-top: 42px;
  height: 584px;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists {
  width: 386px;
  height: 584px;
  background: #ffffff;
  border: 1px solid #e3e3e3;
  overflow: hidden;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-bg {
  width: 386px;
  height: 276px;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-content {
  height: 308px;
  width: 386px;
  padding: 24px 0 0 33px;
  position: relative;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-content .title {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 30px;
  margin-bottom: 16px;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-content .des {
  width: 320px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 28px;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-content .button {
  width: 110px;
  height: 32px;
  border: 1px solid #f75705;
  border-radius: 2px;
  position: absolute;
  bottom: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #f75705;
  line-height: 32px;
  text-align: center;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-content .button:hover {
  background: #f75705;
  color: #ffffff;
}
#guiYang-index .guiyang-example .swiper-container-caselist .caselists .caselist-content .button:hover a {
  color: #ffffff;
}
#guiYang-index .guiyang-example .trid-swiper-btn {
  width: 42px;
  height: 31px;
  border: 1px solid #999999;
  position: relative;
  float: right;
  bottom: -20px;
  left: 0;
  cursor: pointer;
  z-index: 99;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#guiYang-index .guiyang-example .trid-swiper-btn:hover {
  border-color: #f75705;
  opacity: 1;
}
#guiYang-index .guiyang-example .trid-swiper-btn:hover .anticon-left {
  color: #f75705;
}
#guiYang-index .guiyang-example .trid-swiper-btn:hover .anticon-right {
  color: #f75705;
}
#guiYang-index .guiyang-tank {
  width: 100%;
  height: 1205px ;
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/guiyang-tank.png");
  background-size: cover;
  position: relative;
}
#guiYang-index .guiyang-tank .tankLists {
  margin-top: 22px;
}
#guiYang-index .guiyang-tank .tankLists .tankList {
  width: 590px;
  height: 395px;
  background: #ffffff;
  margin-right: 20px;
  margin-top: 20px;
}
#guiYang-index .guiyang-tank .tankLists .tankList:nth-child(2n) {
  margin-right: 0;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-bg {
  height: 120px;
  width: 590px;
  display: flex;
  align-items: center;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-bg .icon {
  margin: 0 20px 0 30px;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-bg .icon-title {
  margin-bottom: 6px;
  font-size: 26px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content {
  height: 275px;
  width: 590px;
  padding: 0 30px 0 30px;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist {
  height: 91px;
  border-bottom: 1px solid #e3e3e3;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist:nth-last-child(1) {
  border: none;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist .articleTitle {
  padding-top: 20px;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist .articleTitle .article-icon {
  width: 12px;
  height: 14px;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 4px;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist .articleTitle .article-title {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 24px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist .articleTitle:hover .article-icon {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/Index/article-icon-active.png") !important;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist .articleTitle:hover .article-title {
  color: #f75705;
}
#guiYang-index .guiyang-tank .tankLists .tankList .tanklist-content .articlelist .articleSouce {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #005885;
  line-height: 24px;
  margin-top: 10px;
}
#guiYang-index .guiyang-tank .platform-buttom {
  width: 162px;
  height: 46px;
  background: #f75705;
  border-radius: 2px;
  line-height: 46px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  margin: 60px auto 0;
  text-align: center;
}
#guiYang-index .guiyang-news {
  width: 100%;
  height: 827px;
  background-color: #fff;
}
#guiYang-index .guiyang-news .news-more {
  display: inline-block;
  width: 110px;
  height: 32px;
  border: 1px solid #f75705;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #f75705;
  line-height: 32px;
  float: right;
  cursor: pointer;
}
#guiYang-index .guiyang-news .news-left {
  width: 590px;
  height: 518px;
  margin-top: 40px;
  cursor: pointer;
}
#guiYang-index .guiyang-news .news-left .news-bg {
  height: 320px;
  width: 590px;
  background-size: cover;
  background-repeat: no-repeat;
}
#guiYang-index .guiyang-news .news-left .news-content {
  height: 198px;
  width: 590px;
  background: #004a8e;
}
#guiYang-index .guiyang-news .news-left .news-content .title {
  padding: 27px 0 0 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 482px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
}
#guiYang-index .guiyang-news .news-left .news-content .des {
  padding: 0 45px 0;
  margin-top: 26px;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 26px;
  height: 78px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#guiYang-index .guiyang-news .news-right {
  width: 564px;
  height: 518px;
  margin-top: 40px;
  cursor: pointer;
}
#guiYang-index .guiyang-news .news-right .news-content {
  height: 78px;
  width: 564px;
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
}
#guiYang-index .guiyang-news .news-right .news-content:nth-last-child(1) {
  margin-bottom: 0;
}
#guiYang-index .guiyang-news .news-right .news-content .news-s-img {
  width: 118px;
  height: 78px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 32px;
}
#guiYang-index .guiyang-news .news-right .news-content .news-s-content .title {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 17px;
  width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#guiYang-index .guiyang-news .news-right .news-content .news-s-content .des {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 24px;
  width: 424px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#guiYang-index .guiyang-news .news-right .news-content .news-s-content:hover .title {
  color: #f75705;
}
#guiYang-index .guiyang-partner {
  width: 100%;
  height: 541px;
  background: #f8f8f8;
}

#financialHead .fl {
  float: left;
}
#financialHead .isImportant {
  position: fixed!important;
  top: 0;
}
#financialHead #topbar_cqbtn:hover > #jrcqz_wrap,
#financialHead .header-menu-btn:hover > .menu-child-wrap,
#financialHead #topbar_menubtn:hover > .menu-child-wrap {
  display: block;
}
#financialHead #center-wrap-new {
  height: 0.64rem;
  position: relative;
  background-color: #17181A;
  border-bottom: 1px solid #2E3032;
}
#financialHead .banner_children {
  position: fixed;
  top: 0.64rem;
  width: 100%;
  height: 0rem;
  background: #1f2124;
  opacity: 0;
  left: 0;
  padding-left: 2.33rem;
  transition: all ease-in-out 0.33s;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: -1;
}
#financialHead .banner_children .main-title {
  height: 0.5rem;
  width: 5rem;
  line-height: 0.5rem;
  background: #2f3237;
  text-align: center;
  font-size: 0.14rem;
  opacity: 0.6;
  font-weight: 500;
  color: #ffffff;
}
#financialHead .banner_children .main-sub-div {
  overflow: hidden;
}
#financialHead .banner_children .main-sub-div .main-subtitle {
  height: 0.2rem;
  line-height: 0.2rem;
  opacity: 0.75;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  margin-right: 1.4rem;
  float: left;
  cursor: pointer;
}
#financialHead .banner_children .main-sub-div .main-subtitle:hover {
  opacity: 1;
  color: #3366FF;
}
#financialHead .banner-children-on {
  opacity: 1;
  z-index: 99;
  height: 1.8rem;
}
#financialHead .flex-wrap {
  display: flex;
}
#financialHead #jr_header {
  position: absolute;
  background-color: #17181a;
  min-width: 12rem;
  width: 100%;
  height: 0.64rem;
  z-index: 12;
}
#financialHead #topbar_cqbtn {
  display: inline-block;
  height: 0.64rem;
  color: #fff;
  cursor: pointer;
}
#financialHead #jrcqz_wrap {
  display: none;
  margin-left: -0.1rem;
  line-height: 0.4rem;
  width: 1.44rem;
  text-align: center;
  background: #242424;
}
#financialHead #jrcqz_wrap > a {
  display: block;
  padding: 0.07rem 0;
  color: #ffffff;
}
#financialHead #jrcqz_wrap > a:hover {
  background: #3366ff;
}
#financialHead .tabline {
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 0.03rem solid #3366ff;
  transition: left 0.3s;
}
#financialHead #login_dev > a {
  display: inline-block;
  padding: 0 0.1rem;
  text-align: center;
  color: #fff;
}
#financialHead #login_dev > span {
  color: #fff;
}
#financialHead #user_info_btn:hover > #userCenter {
  display: block;
}
#financialHead #userCenter {
  position: absolute;
  right: -0.21rem;
  display: none;
  width: 2.88rem;
  height: 3.43rem;
  background: #ffffff;
  border-radius: 0.02rem;
  border: 1px solid #eeeeee;
}
#financialHead #userCenter_title {
  position: relative;
  display: block;
  padding-left: 0.2rem;
  width: 2.86rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: left;
  background: linear-gradient(270deg, #707070 0%, #3d3d3d 100%);
}
#financialHead #userCenter_title::after {
  position: absolute;
  top: 0.05rem;
  left: 0;
  display: block;
  content: ' ';
  width: 0.07rem;
  height: 0.18rem;
  background: #3366ff;
}
#financialHead #user_photo {
  position: relative;
  margin: 0.15rem auto;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}
#financialHead #user_photo > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#financialHead #user_info_btn:hover > #userCenter {
  display: block;
}
#financialHead #userLj {
  display: block;
  font-size: 0.12rem;
  font-weight: 400;
  color: #3366ff;
  line-height: 0.17rem;
}
#financialHead #userName {
  margin-bottom: 0.1rem;
  display: block;
  font-size: 0.16rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.22rem;
}
#financialHead #userBtn_wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 0.8rem;
  color: #333;
  border-top: 2px solid #EDEDED;
}
#financialHead #userBtn_wrap > span {
  padding-left: 0.2rem;
  float: left;
  display: block;
  width: 50%;
  height: 50%;
  text-align: left;
}
#financialHead #userBtn_wrap > span > i {
  display: inline-block;
  width: 0.2rem;
  height: 0.18rem;
  vertical-align: middle;
  background: url(https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/newHome/btnicon.png);
}
#financialHead #userBtn {
  display: block;
  margin: 0.15rem auto;
  width: 0.94rem;
  height: 0.34rem;
  line-height: 0.34rem;
  background: #3366ff;
}
#financialHead #userBtn:hover {
  background: #3366ff;
}
#financialHead .login-homebtn {
  display: inline-block;
  margin-top: 0.14rem;
  width: 0.94rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  color: #FFFFFF;
  background: #444444;
}
#financialHead #jr_header #header_user_wrap-new {
  height: 100%;
  line-height: 0.64rem;
}
#financialHead #jr_header #fabu_btn {
  display: inline-block;
  width: 0.94rem;
  height: 0.34rem;
  vertical-align: middle;
  line-height: 0.34rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin-right: 0.17rem;
  margin-left: 0.4rem;
}
#financialHead #jr_header #fabu_btn #fabuxuqiu {
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: all ease-in-out 0.3s;
  background: #f75705;
  border-radius: 2px;
  width: 100px;
  height: 32px;
  display: inline-block;
}
#financialHead #jr_header #fabu_btn #fabuxuqiu:hover {
  color: #ffffff !important;
}
#financialHead #jr_header #header_logo {
  height: 0.64rem !important;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#financialHead #jr_header #header_logo .finlink_box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex: 1;
  margin-right: 1.65rem;
}
#financialHead #jr_header #header_logo .fin-link {
  line-height: 0.64rem;
  padding-top: 0 !important;
}
#financialHead #jr_header #header_logo .fin-link a {
  float: left;
  display: block;
  height: 0.63rem;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  line-height: 0.63rem;
  transition: all ease-in-out 0.3s;
  font-family: "Microsoft YaHei";
}
#financialHead #jr_header #header_logo .fin-link a:hover {
  border-bottom: 0.02rem solid #3366FF;
  color: #ffffff;
}
#financialHead #jr_header #header_logo #Substation {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-size: 0.14rem;
  margin-left: 0.2rem;
}
#financialHead #jr_header #header_logo #Substation:hover #substation-list {
  height: 3rem;
}
#financialHead #jr_header #header_logo #Substation #substation-list {
  position: absolute;
  top: 0.64rem;
  width: 100%;
  height: 0;
  background: #1f2124;
  left: 0;
  padding-left: 2.1rem;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
}
#financialHead #jr_header #header_logo #Substation .substationName-box {
  float: left;
}
#financialHead #jr_header #header_logo #Substation .substationName {
  width: 1.15rem;
  margin-top: 0.4rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_logo #Substation .substationName-hover:hover {
  opacity: 1;
  color: #3366FF;
}
#financialHead #jr_header #header_logo #Substation .line {
  float: left;
  width: 1px;
  height: 2.11rem;
  opacity: 0.08;
  background: #ffffff;
  margin-top: 0.4rem;
  margin-right: 0.58rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub {
  padding-left: 0.58rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .fl {
  float: left;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project {
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.4rem;
  margin-bottom: 0.53rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box {
  width: 2.43rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pic-box {
  width: 0.52rem;
  height: 0.52rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-pic {
  width: 0.52rem;
  margin: auto auto;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-tit {
  font-size: 0.16rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 0.4rem;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-tit:hover {
  opacity: 1;
  color: #3366FF;
}
#financialHead #jr_header #header_logo #Substation .project-sub .project-box .pro-txt {
  opacity: 0.6;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 0.15rem;
}
#financialHead #jr_header #header_logo .wlx-content {
  cursor: pointer;
  position: relative;
  display: block;
}
#financialHead #jr_header #header_logo .wlx-content .wlx-logo {
  height: 0.44rem;
}
#financialHead #jr_header #header_logo .input-search {
  width: 2.16rem;
  height: 0.39rem;
  position: relative;
}
#financialHead #jr_header #header_logo .input-search .search-header-icon {
  width: 0.16rem;
  height: 0.16rem;
  color: #fff;
  position: absolute;
  right: 0.15rem;
  top: 0.11rem;
}
#financialHead #jr_header #header_logo .input-search .ant-input {
  background: rgba(0, 0, 0, 0.2) !important;
  border: none;
}
#financialHead #jr_header #header_logo .input-search .ant-input-search-icon {
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_logo .input-search .search_input-header {
  width: 2.16rem;
  height: 0.39rem;
  color: rgba(255, 255, 255, 0.5) !important;
}
#financialHead #jr_header #header_logo .input-search .search_input-header:focus {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(51, 102, 255, 0.6);
  outline: 0;
  box-shadow: 0 0 2px 0 rgba(51, 102, 255, 0.1) !important;
}
#financialHead #jr_header #header_logo .select_box_new {
  text-align: left;
  border-radius: 0;
  opacity: 1;
  color: #313131;
  width: 2.16rem;
  position: relative;
  z-index: 1;
}
#financialHead #jr_header #header_logo .select_box_new .select_item {
  cursor: pointer;
  background: #fff;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-left: 0.22rem;
}
#financialHead #jr_header #header_logo .select_box_new .select_item:hover {
  background: #3366ff;
  color: #ffffff;
}
#financialHead #jr_header #header_logo #topbar_cqbtn {
  position: absolute;
  right: 3.2rem;
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.64rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_logo #topbar_cqbtn #jrcqz_wrap a {
  line-height: 0.24rem;
}
#financialHead #jr_header #header_logo .xia-icon {
  width: 0.16rem;
  padding-left: 0.05rem;
  padding-top: 0.02rem;
}
#financialHead #jr_header #header_user_wrap-new .zhuce {
  line-height: 0.3rem;
  width: 0.6rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 0.2rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: #ffffff;
  background: #3366ff;
}
#financialHead #jr_header #header_user_wrap-new .zhuce:hover {
  background: #1B4FEB;
  color: #ffffff;
}
#financialHead #jr_header #header_user_wrap-new .newdenglu {
  line-height: 0.3rem;
  width: 0.6rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 0.2rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
#financialHead #jr_header #header_user_wrap-new .newdenglu:hover {
  background: #3366ff;
  color: #ffffff;
}
#financialHead #login_dev .btn-login {
  display: block;
  float: left;
  margin-top: 0.12rem;
  margin-left: 0.54rem;
  width: 0.6rem;
  height: 0.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  line-height: 0.32rem;
  text-align: center;
  color: #fff;
}

#aboutGy-content .w12 {
  width: 1200px;
  margin: 0 auto;
}
#aboutGy-content .guiyang-banner {
  width: 100%;
  height: 670px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/gy-banner.png") no-repeat center;
  background-size: cover;
  padding-top: 0.64rem;
}
#aboutGy-content .guiyang-banner .subTitle {
  font-size: 40px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  text-align: center;
  margin: 183px auto 20px ;
}
#aboutGy-content .guiyang-banner .title {
  font-size: 80px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  text-align: center;
}
#aboutGy-content .introduction {
  width: 100%;
  height: 960px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/introduce-bg.png") no-repeat center;
  background-size: cover;
}
#aboutGy-content .introduction .engName {
  opacity: 0.7;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  padding-top: 50px;
}
#aboutGy-content .introduction .company-name {
  font-size: 36px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 50px;
}
#aboutGy-content .introduction .synopsis {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 30px;
  letter-spacing: 1px;
  font-family: PingFang SC;
  margin-bottom: 50px;
}
#aboutGy-content .company-shili {
  width: 100%;
  height: 428px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/strength.png") no-repeat center;
  background-size: cover;
}
#aboutGy-content .company-shili .engStrenth {
  opacity: 0.7;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  padding-top: 45px;
}
#aboutGy-content .company-shili .gy-Strenth {
  font-size: 36px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  margin-top: 18px;
  margin-bottom: 37px;
}
#aboutGy-content .company-strength {
  box-shadow: 0px 5px 10px 0 rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
}
#aboutGy-content .company-strength .card-2 {
  text-align: center;
  height: 237px;
  border: 1px solid #f5f5f5;
}
#aboutGy-content .company-strength .card-2 img {
  margin-top: 50px;
  margin-bottom: 20px;
}
#aboutGy-content .company-strength .card-2 h4 {
  font-size: 32px;
  color: #333333;
  font-weight: 600;
}
#aboutGy-content .company-strength .card-2 p {
  color: #333333;
  margin-top: 15px;
}
#aboutGy-content > #contact-us {
  width: 100%;
  height: 860px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/map-bg.png") no-repeat center;
  background-size: cover;
}
#aboutGy-content > #contact-us > div {
  padding: 320px 0 40px;
  width: 1200px;
  margin: 0 auto;
}
#aboutGy-content > #contact-us > div .left {
  padding: 0 19px;
  color: #333;
}
#aboutGy-content > #contact-us > div .left .line {
  width: 68px;
  height: 8px;
  background: #f75705;
  margin-top: 22px;
  margin-bottom: 32px;
}
#aboutGy-content > #contact-us > div .left > h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}
#aboutGy-content > #contact-us > div .left > p:nth-child(1) {
  opacity: 0.7;
  font-size: 24px;
  font-weight: 500;
  color: #666666;
}
#aboutGy-content > #contact-us > div .left .contact-text {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 26px;
}
#aboutGy-content > #contact-us > div .right {
  height: 367px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/map.png') no-repeat;
  position: relative;
  top: 10px;
}
#aboutGy-content > #contact-us > div .right > img {
  position: absolute;
  top: 135px;
  right: 258px;
}

#guiYang-product .w12 {
  width: 1200px;
  margin: 0 auto;
}
#guiYang-product .fl {
  float: left;
}
#guiYang-product .publicTitle {
  font-size: 36px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  margin-top: 20px;
  margin-bottom: 30px;
}
#guiYang-product .publilcEnTitle {
  opacity: 0.7;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #666666;
  padding-top: 90px;
}
#guiYang-product .product-banner {
  width: 100%;
  height: 670px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/product/product-banner.png") no-repeat center;
  background-size: cover;
  padding-top: 0.64rem;
}
#guiYang-product .product-banner .subTitle {
  width: 1050px;
  margin: 195px auto 0;
  font-size: 80px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 92px;
}
#guiYang-product .product-daka {
  margin-top: -18px;
  width: 100%;
  height: 720px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/product/product-daka.png") no-repeat center;
  background-size: cover;
}
#guiYang-product .product-daka .product-w14 {
  width: 1374px;
  margin: 0 auto;
  position: relative;
}
#guiYang-product .product-daka .swiper-container-expert {
  width: 1200px;
  margin-top: 46px;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert {
  width: 360px;
  height: 421px;
  background-color: #fff;
  text-align: left;
  padding: 20px 40px 0 30px;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert .profile {
  width: 108px;
  height: 108px;
  border: 1px solid #707070;
  border-radius: 50%;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert .expertName {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  margin-top: 20px;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert .expertName span {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert .synopsis {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-top: 20px;
  height: 77px;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert .profile-tuijian {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin-top: 19px;
  margin-bottom: 20px;
}
#guiYang-product .product-daka .swiper-container-expert .banner-bg-expert .tags-item {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  border: 1px solid #707070;
  margin-right: 30px;
  cursor: pointer;
}
#guiYang-product .product-daka .banner-expert-next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #F75705;
  border: 1px solid rgba(255, 255, 255, 0.05);
  position: absolute;
  right: 0px;
  background-repeat: no-repeat;
  background-size: 11px 19px;
  background-position: center center;
  background-image: url("https://360humi-public-obs.360humi.com/banan/03%E9%A6%96%E9%A1%B5%E5%88%87%E5%9B%BE/01banner/banner_img.png") !important;
  transform: rotateY(180deg);
  transition: all ease-in-out 0.5s;
}
#guiYang-product .product-daka .banner-expert-prev {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #F75705;
  border: 1px solid rgba(255, 255, 255, 0.05);
  position: absolute;
  left: 30px;
  background-repeat: no-repeat;
  background-size: 11px 19px;
  background-position: center center;
  background-image: url("https://360humi-public-obs.360humi.com/banan/03%E9%A6%96%E9%A1%B5%E5%88%87%E5%9B%BE/01banner/banner_img.png") !important;
  transition: all ease-in-out 0.5s;
}
#guiYang-product .product-class {
  margin-top: -18px;
  width: 100%;
  height: 1076px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/product/product-class.png") no-repeat center;
  background-size: cover;
}
#guiYang-product .product-class .course-content {
  margin-top: 20px;
  overflow: hidden;
}
#guiYang-product .product-class .course-content .course-item {
  float: left;
  width: 255px;
  height: 338px;
  background: #fff;
  opacity: 1;
  margin-left: 60px;
  margin-bottom: 60px;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  overflow: hidden;
}
#guiYang-product .product-class .course-content .course-item:nth-child(1) {
  margin-left: 0;
}
#guiYang-product .product-class .course-content .course-item:nth-child(5) {
  margin-left: 0;
}
#guiYang-product .product-class .course-content .course-item img {
  width: 255px;
  height: 151px;
}
#guiYang-product .product-class .course-content .course-item .course-item-main {
  padding: 20px 30px;
  box-sizing: border-box;
  position: relative;
  height: 126px;
}
#guiYang-product .product-class .course-content .course-item .course-item-main .course-item-title {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#guiYang-product .product-class .course-content .course-item .course-item-main .course-item-label {
  position: absolute;
  top: 85px;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
#guiYang-product .product-class .course-content .course-item .course-item-main .course-item-num {
  position: absolute;
  top: 85px;
  right: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
#guiYang-product .product-class .course-content .course-item .course-item-footer {
  border-top: 1px solid #f5f5f5;
  position: relative;
}
#guiYang-product .product-class .course-content .course-item .course-item-footer .course-footer-mianfei {
  font-size: 14px;
  font-weight: 400;
  color: #f75705;
  position: absolute;
  top: 15px;
  left: 30px;
}
#guiYang-product .product-class .course-content .course-item .course-item-footer .course-footer-name {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  position: absolute;
  top: 15px;
  right: 30px;
}
#guiYang-product .product-article {
  margin-top: -18px;
  width: 100%;
  height: 1450px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/product/product-article.png") no-repeat center;
  background-size: cover;
}
#guiYang-product .product-article .article-leftBox {
  float: left;
  background-color: #fff;
  height: 1140px;
  width: 885px;
  padding-top: 30px;
}
#guiYang-product .product-article .article-leftBox .articleBox {
  height: 267px;
  margin-left: 60px;
  margin-right: 40px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  cursor: pointer;
}
#guiYang-product .product-article .article-leftBox .articleBox:nth-child(4) {
  border-bottom: none;
}
#guiYang-product .product-article .article-leftBox .articleBox .article-title {
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  color: #333333;
  padding-top: 30px;
  margin-bottom: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#guiYang-product .product-article .article-leftBox .articleBox .article-text {
  width: 785px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 28px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
#guiYang-product .product-article .article-leftBox .articleBox .article-source {
  position: absolute;
  bottom: 29px;
  left: 6px;
  font-size: 18px;
  font-weight: 550;
  text-align: left;
  color: #333333;
}
#guiYang-product .product-article .article-leftBox .articleBox .article-time {
  position: absolute;
  bottom: 29px;
  right: 150px;
  font-size: 16px;
  font-weight: 600;
  color: #666666;
}
#guiYang-product .product-article .article-leftBox .articleBox .article-name {
  position: absolute;
  bottom: 29px;
  right: 0px;
  font-size: 16px;
  font-weight: 600;
  color: #666666;
}
#guiYang-product .product-article .article-rightBox {
  float: left;
  background-color: #fff;
  height: 1140px;
  width: 315px;
  padding-top: 61px;
}
#guiYang-product .product-article .article-rightBox .article-right-titlt {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  margin-top: 11px;
}
#guiYang-product .product-article .article-rightBox .hotspot-box {
  height: 139px;
  border-bottom: 1px solid #f5f5f5;
  margin-right: 60px;
  cursor: pointer;
}
#guiYang-product .product-article .article-rightBox .hotspot-box:nth-child(4) {
  border-bottom: none;
}
#guiYang-product .product-article .article-rightBox .hotspot-box .hotspot-time {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
#guiYang-product .product-article .article-rightBox .hotspot-title {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 30px;
  margin-bottom: 10px;
}
#guiYang-product .product-article .article-rightBox .article-newBox {
  height: 84px;
  border-bottom: 1px solid #f5f5f5;
  margin-right: 60px;
  cursor: pointer;
}
#guiYang-product .product-article .article-rightBox .article-newBox:nth-child(9) {
  border-bottom: none;
}

#guiYang-solution {
  padding-top: 0.64rem;
}
#guiYang-solution .w12 {
  width: 1200px;
  margin: 0 auto;
}
#guiYang-solution .fl {
  float: left;
}
#guiYang-solution .mt90 {
  margin-top: 90px;
}
#guiYang-solution .guiyang-banner {
  width: 100%;
  height: 421px ;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/GuiYang/solution/solution_banner.png") no-repeat center;
  background-size: cover;
}
#guiYang-solution .humi-products .title {
  font-size: 36px;
  font-weight: 700;
  text-align: left;
  color: #004a8e;
  line-height: 30px;
  letter-spacing: 1px;
}
#guiYang-solution .humi-products .sub-title {
  margin-top: 6px;
  height: 25px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #004a8e;
  line-height: 30px;
  letter-spacing: 1px;
}
#guiYang-solution .humi-products .products .product-list {
  height: 142px;
  width: 286px;
  margin-top: 18px;
  margin-right: 18px;
  background-color: #ffffff;
  padding-top: 20px;
  padding-left: 28px;
}
#guiYang-solution .humi-products .products .product-list:nth-child(4n) {
  margin-right: 0;
}
#guiYang-solution .humi-products .products .product-list.solution-list:nth-last-child(1) {
  margin-bottom: 100px;
}
#guiYang-solution .humi-products .products .product-list .title,
#guiYang-solution .humi-products .products .product-list .sub-title-sol {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  line-height: 24px;
}
#guiYang-solution .humi-products .products .product-list .title.white,
#guiYang-solution .humi-products .products .product-list .sub-title-sol.white {
  color: #FFFFFF;
}
#guiYang-solution .humi-products .products .product-list .title.black,
#guiYang-solution .humi-products .products .product-list .sub-title-sol.black {
  color: #000000;
}
#guiYang-solution .humi-products .products .product-list .sub-title {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #858585;
  line-height: 24px;
}
#guiYang-solution .humi-products .products .product-list .sol-button {
  margin-top: 20px;
  width: 90px;
  height: 28px;
  border: 1px solid #f75705;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #f75705;
  line-height: 24px;
  cursor: pointer;
  border-radius: 2px;
}
#guiYang-solution .humi-products .products .product-list .sol-button.sol-sol {
  border: 1px solid #ffffff;
  color: #FFFFFF;
}
#guiYang-solution .humi-products .products .product-list .sol-button:hover {
  background: #f75705;
  border: 1px solid #f75705;
  color: #FFFFFF;
}

.search-home {
  background-color: #fff;
}
.search-home .w12 {
  width: 1200px;
  margin: 0 auto;
}
.search-home .fl {
  float: left;
}
.search-home .clear {
  clear: both;
  height: 0;
}
.search-home .pub-tit {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  padding-top: 86px;
}
.search-home .pub-en {
  text-transform: uppercase;
  opacity: 0.2;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin-bottom: 33px;
}
.search-home .saas {
  display: block;
  width: 192px;
  height: 56px;
  background: linear-gradient(90deg, #466eff, #395de4);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 56px;
  margin: 50px auto 0;
}
.search-home .s-top {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/search24.png') no-repeat;
  height: 691px;
}
.search-home .s-top .title {
  color: #fff;
  font-weight: 600;
  font-size: 60px;
  box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.16);
  text-align: center;
  padding-top: 190px;
  letter-spacing: 4px;
}
.search-home .s-top .find {
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  color: #bfbfff;
  line-height: 28px;
  margin-top: 15px;
}
.search-home .s-top .bigdata {
  width: 192px;
  height: 21px;
  margin: 0 auto;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/search-25.png') no-repeat;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  margin-top: 37px;
  margin-bottom: 18px;
}
.search-home .s-top .experience {
  display: block;
  width: 192px;
  height: 56px;
  background: linear-gradient(90deg, #466eff, #395de4);
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 56px;
  margin: 0 auto ;
}
.search-home .s-second {
  height: 1212px;
  background: #08091E;
}
.search-home .s-second .big-tit {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-bottom: 61px;
}
.search-home .s-second .introduce {
  width: 1124px;
  opacity: 0.7;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  margin: 0 auto 58px;
}
.search-home .s-second .entrepot {
  display: block;
  margin: 0 auto 70px;
}
.search-home .s-second .ask {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}
.search-home .s-second .en-ask {
  text-transform: uppercase;
  opacity: 0.2;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin-bottom: 33px;
}
.search-home .s-second .ask-box {
  width: 1010px;
  margin: 0 auto;
}
.search-home .s-second .ask-box .letterLeft {
  margin-top: 80px;
}
.search-home .s-second .ask-box .letterRight {
  margin-top: 60px;
}
.search-home .s-second .ask-box .letter-tit {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  opacity: 0.6;
  line-height: 34px;
  margin-left: 18px;
}
.search-home .s-third {
  height: 934px;
  background-image: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/bg6.png');
}
.search-home .s-third .fast {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  padding-top: 64px;
}
.search-home .s-third .en-fast {
  opacity: 0.2;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.search-home .s-third .number {
  display: block;
  width: 51px;
  margin: 33px auto 0;
}
.search-home .s-third .merchant {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  margin-top: -14px;
}
.search-home .s-third .merchant-cot {
  width: 900px;
  padding-left: 30px;
  margin: 50px auto 83px;
  overflow: hidden;
}
.search-home .s-third .merchant-cot .tit {
  opacity: 0.6;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin-left: 14px;
  margin-right: 82px;
  line-height: 44px;
}
.search-home .s-third .free {
  width: 226px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  margin: 86px auto 0;
}
.search-home .s-third .saas {
  display: block;
  width: 192px;
  height: 56px;
  background: linear-gradient(90deg, #466eff, #395de4);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 56px;
  margin: 50px auto 0;
}
.search-home .s-content .pos-wp {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
.search-home .s-content .container {
  position: relative;
  margin: 0px auto 0;
  padding-top: 10px;
}
.search-home .s-content .search-wp {
  margin: 15px auto 0;
  width: 850px;
}
.search-home .s-content .search-wp .ant-input {
  width: 688px !important;
  border: none;
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.search-home .s-content .search-wp input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.search-home .s-content .search-wp input::-moz-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.search-home .s-content .search-wp input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.search-home .s-content .search-wp .ant-input:focus {
  border-color: #1753EF;
  box-shadow: 0 0 0 2px rgba(23, 83, 239, 0.2);
}
.search-home .s-content .search-wp .ant-input:hover {
  border-color: #1753EF;
}
.search-home .s-content .search-wp .ant-input-group > .ant-input:first-child {
  width: 746px;
  height: 60px;
  font-size: 16px;
}
.search-home .s-content .search-wp .s-other {
  margin-top: 10px;
  color: #ffffff;
}
.search-home .s-content .search-wp .s-other a {
  margin-left: 30px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 46px;
}
.search-home .s-content .search-wp .ant-input-group-addon {
  border: none;
  width: 162px !important;
  background: linear-gradient(90deg, #466eff, #395de4) !important;
  color: #fff;
  font-size: 20px !important;
  cursor: pointer;
}
.search-home .s-content .s-select {
  height: 150px;
  background: rgba(56, 63, 77, 0.38);
  margin: 0 auto;
  width: 848px;
}
.search-home .s-content .s-select .s-title {
  margin-right: 20px;
  padding-left: 43px;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  line-height: 46px;
}
.search-home .s-content .s-select .source {
  margin-top: 30px;
  padding-top: 25px;
}
.search-home .s-content .s-select .source .ant-checkbox-group {
  display: inline-block !important;
  margin-left: 20px;
}
.search-home .s-content .s-select .source .ant-checkbox-group-item {
  margin-right: 20px;
}
.search-home .s-content .s-select .source .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff !important;
  border: none  !important;
  background: #3858cf !important;
}
.search-home .s-content .s-select .source .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #d9d9d9 !important;
}
.search-home .s-content .s-select .source .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.search-home .s-content .s-select .source .ant-checkbox:hover .ant-checkbox-inner,
.search-home .s-content .s-select .source .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #d9d9d9;
}
.search-home .s-content .s-select .source .ant-checkbox-wrapper span {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 46px;
}
.search-home .s-content .s-select .condition {
  align-items: center;
}
.search-home .s-content .s-select .condition .con .ant-select-selection--single {
  width: 220px;
  height: 36px;
}
.search-home .s-content .s-select .condition .con .ant-cascader-input.ant-input {
  height: 36px;
}
.search-home .s-content .s-select .condition .con .ant-select-selection:hover {
  border-color: #108ee9 !important;
}
.search-home .s-content .s-select .condition .con .ant-select-open .ant-select-selection {
  border-color: #108ee9 !important;
}
.search-home .s-content .s-select .condition .con .ant-select-selection-selected-value {
  max-width: 200px !important;
}
.search-home .s-content .s-select .condition .con .ant-select-selection__rendered {
  line-height: 36px !important;
}
.search-home .s-content .s-select .condition .ml50 {
  margin-left: 50px;
}
.search-home .s-content .s-select .soft {
  align-items: baseline;
}
.search-home .s-content .s-select .soft .progress {
  flex: 1;
}
.search-home .s-content .s-select .soft .progress .ant-slider {
  width: 100%;
}
.search-home .s-content .s-select .soft .progress .ant-slider-handle {
  border: 2px solid #1753EF !important;
}
.search-home .s-content .s-select .soft .progress .ant-slider-track {
  background-color: #1753EF !important;
}
.search-home .s-content .s-select .soft .progress > div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.search-home .s-content .s-select .soft .progress > div > span {
  margin-right: 10px;
  width: 70px;
}
.search-home .s-content .s-select .soft .progress > div > p {
  display: inline-block;
  margin-left: 10px;
  width: 22px;
}
.search-home .s-fourth {
  height: 571px;
  background-color: #000005;
}
.search-home .s-fourth .number {
  display: block;
  width: 51px;
  margin: 0 auto;
  padding-top: 28px;
}
.search-home .s-fourth .merchant {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  margin-top: -16px;
  margin-bottom: 52px;
}
.search-home .s-fourth .merchantBox {
  width: 399px;
  height: 320px;
  background: #211994;
  border-right: 1px solid #352d9d;
  position: relative;
}
.search-home .s-fourth .merchantBox:nth-child(3) {
  border-right: none;
}
.search-home .s-fourth .merchantBox .mer-number {
  color: rgba(255, 255, 255, 0.1);
  font-size: 46px;
  font-weight: 600;
  position: absolute;
  top: 119px;
  left: 48px;
}
.search-home .s-fourth .merchantBox .mer-tit {
  font-size: 24px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 48px;
  bottom: 105px;
}
.search-home .s-fourth .merchantBox .line {
  width: 29px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  left: 48px;
  bottom: 91px;
}
.search-home .s-fourth .merchantBox .mer-txt {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 48px;
  top: 247px;
}
.search-home .s-fourth .merchantBox .mer-txt1 {
  top: 270px;
}
.search-home .s-fourth .merchantBox .mer-pic {
  position: absolute;
  top: 19px;
  right: 63px;
}
.search-home .s-fifth {
  height: 866px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/search27.png') no-repeat;
}
.search-home .s-fifth .number {
  display: block;
  width: 51px;
  margin: 0 auto;
  padding-top: 78px;
}
.search-home .s-fifth .merchant {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  margin-top: -15px;
  margin-bottom: 52px;
}
.search-home .s-fifth .por-tit {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 26px;
  padding-left: 13px;
  margin-bottom: 22px;
}
.search-home .s-fifth .por-txt {
  padding: 0 12px;
  height: 26px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 22px;
  line-height: 26px;
}
.search-home .s-fifth .portrayal {
  width: 1350px;
  margin: 0 auto;
  position: relative;
}
.search-home .s-fifth .portrayal #one {
  position: absolute;
  top: 127px;
  left: 130px;
}
.search-home .s-fifth .portrayal #one .por-img {
  margin-left: 200px;
}
.search-home .s-fifth .portrayal #two {
  position: absolute;
  top: 258px;
  left: 155px;
}
.search-home .s-fifth .portrayal #two .por-img {
  margin-left: 130px;
}
.search-home .s-fifth .portrayal #three {
  position: absolute;
  top: 386px;
  left: 130px;
}
.search-home .s-fifth .portrayal #three .por-img {
  margin-left: 200px;
}
.search-home .s-fifth .portrayal #four {
  position: absolute;
  right: 120px;
  top: 127px;
}
.search-home .s-fifth .portrayal #five {
  position: absolute;
  right: 0;
  top: 258px;
}
.search-home .s-fifth .portrayal #six {
  position: absolute;
  right: 58px;
  top: 386px;
}
.search-home .s-fifth .look {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/bg1.png') no-repeat;
  width: 362px;
  height: 50px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 62px;
  margin: 550px auto 0;
}
.search-home .s-sixth {
  height: 562px;
  background: linear-gradient(0deg, #000380 -38%, #070c1e);
}
.search-home .s-sixth .starBox {
  width: 383px;
  height: 240px;
  margin-right: 25px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/search15.png');
}
.search-home .s-sixth .starBox:nth-child(3) {
  margin-right: 0;
}
.search-home .s-sixth .starBox .star-tit {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin: 15px 0 12px 14px;
}
.search-home .s-sixth .starBox .star-img {
  width: 349px;
  height: 170px;
  margin-left: 14px;
  overflow: hidden;
}
.search-home .s-sixth .starBox .star-img .star-pic {
  width: 349px;
  height: 170px;
  transition: all ease-in-out 0.3s;
  margin-left: 0 !important;
}
.search-home .s-sixth .starBox .star-img .star-pic:hover {
  transform: scale(1.15);
}
.search-home .s-seventh {
  height: 756px;
  background: linear-gradient(0deg, #000380 -38%, #070c1e);
}
.search-home .s-seventh .clientBox {
  width: 570px;
  height: 470px;
  background: #1d1994;
  border-radius: 10px;
}
.search-home .s-seventh .clientBox:nth-child(1) {
  margin-right: 59px;
}
.search-home .s-seventh .clientBox .client-tit {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin: 23px 0 24px 42px;
}
.search-home .s-seventh .clientBox .client-txt {
  width: 477px;
  opacity: 0.7;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  margin-left: 42px;
}
.search-home .s-eighth {
  height: 1440px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/serch30.png');
}
.search-home .s-eighth .service_warp {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
.search-home .s-eighth .service_warp .f18 {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
.search-home .s-eighth .service_warp .pro-title {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 30px;
  margin-left: 40px;
}
.search-home .s-eighth .service_warp .pro-txt {
  opacity: 0.6;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  padding-top: 0 !important;
  margin-left: 40px;
}
.search-home .s-eighth .service_warp .col_style.block_1 {
  width: 310px;
  text-align: left;
  background: linear-gradient(180deg, #000577, #07073b);
}
.search-home .s-eighth .service_warp .col_style {
  padding-bottom: 35px;
  width: 234px;
  background: linear-gradient(180deg, #000577, #07073b);
}
.search-home .s-eighth .service_warp .col_style:nth-child(2):hover,
.search-home .s-eighth .service_warp .col_style:nth-child(3):hover,
.search-home .s-eighth .service_warp .col_style:nth-child(4):hover,
.search-home .s-eighth .service_warp .col_style:nth-child(5):hover {
  background: linear-gradient(180deg, #211994, #07073b);
  box-shadow: 0px 6px 20px 0px rgba(115, 115, 115, 0.14);
  cursor: pointer;
}
.search-home .s-eighth .service_warp .col_style .netBtn {
  width: 150px;
  height: 46px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 46px;
  margin-left: 0.42rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: #060640;
}
.search-home .s-eighth .service_warp .col_style .netBtn:hover {
  background: linear-gradient(90deg, #466eff, #395de4);
}
.search-home .s-eighth .service_warp .col_style .ljgm {
  padding-top: 27px;
  color: #fff;
  display: flex;
  justify-content: center;
}
.search-home .s-eighth .service_warp .row_style.blank {
  height: 120px;
  width: 276px;
  padding-top: 40px;
}
.search-home .s-eighth .service_warp .row_style.row_0 {
  height: 117px;
  width: 234px;
  padding-top: 40px;
}
.search-home .s-eighth .service_warp .row_style {
  height: 83px;
  padding: 17px 10px;
}
.search-home .s-eighth .service_warp .row_style p {
  padding-top: 10px;
}
.search-home .s-eighth .service_warp .row_style span {
  color: #f5584e;
  padding-left: 5px;
}
.search-home .s-eighth .service_warp .row_style .price {
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  padding-top: 22px;
  text-align: center;
}
.search-home .s-eighth .service_warp .row_style .true {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/true.png");
  width: 20px;
  height: 20px;
  margin: auto;
}
.search-home .s-eighth .service_warp .row_style .false {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/false.png");
  width: 20px;
  height: 20px;
  margin: auto;
}
.search-home .s-ninth {
  height: 1100px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/Production/bg3.png');
}
.search-home .s-ninth .service-box {
  width: 1000px;
  margin: 0 auto;
}
.search-home .s-ninth .service-box .service {
  width: 144px;
  height: 110px;
  position: relative;
}
.search-home .s-ninth .service-box .service img {
  display: block;
  margin: 0 auto;
}
.search-home .s-ninth .service-box .service .seer-tit {
  width: 144px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 30px;
  position: absolute;
  bottom: 0;
}
.search-home .s-ninth .service-box .space {
  margin: 0 40px 0 22px;
}
.search-home .s-ninth .support {
  width: 400px;
  height: 284px;
  background: linear-gradient(180deg, #000577, #07073b);
}
.search-home .s-ninth .support:hover {
  background: linear-gradient(180deg, #211994, #07073b);
}
.search-home .s-ninth .support .sup-pic {
  display: block;
  margin: 56px auto 28px;
}
.search-home .s-ninth .support .sup-tit {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 16px;
  letter-spacing: 1px;
  margin-bottom: 14px;
}
.search-home .s-ninth .support .sup-txt {
  opacity: 0.7;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: 1px;
}

.fixed-side-menu {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
}
.fixed-side-menu a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.3s linear;
}
.fixed-side-menu a:hover {
  background-color: #3858CF;
  border-color: transparent !important;
}
.fixed-side-menu a:hover > span {
  opacity: 1;
}
.fixed-side-menu a .a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.fixed-side-menu a span,
.fixed-side-menu a p {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: white;
  line-height: 16px;
}
.fixed-side-menu a p {
  opacity: 1;
}
.fixed-side-menu a:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.fixed-side-menu a.hasBox {
  position: relative;
}
.fixed-side-menu a.hasBox .sideBox {
  display: none;
  position: absolute;
  right: calc(100% + 5px);
}
.fixed-side-menu a.hasBox .sideBox.telBox {
  width: 203px;
  height: 80px;
}
.fixed-side-menu a.hasBox .sideBox.codeBox {
  top: 10%;
  transform: translateY(-50%);
  width: 205px;
  height: 226px;
}
.fixed-side-menu a.hasBox .sideBox img {
  width: 100%;
  height: 100%;
}
.fixed-side-menu a.hasBox:hover .sideBox {
  display: block;
}

.portrayal-report .header-wp {
  height: 60px;
  background-color: #2e2e2e;
}
.portrayal-report .bgcf2 {
  background-color: #f2f2f2;
}
.portrayal-report .content {
  width: 63%;
  min-width: 1200px;
  margin: auto;
  min-height: 504px;
}
.portrayal-report .content .t-head {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  height: 150px;
  align-items: center;
  background-color: #EAEAEA;
}
.portrayal-report .content .t-head .left {
  display: flex;
}
.portrayal-report .content .t-head .img-wp {
  width: 126px;
  height: 93px;
}
.portrayal-report .content .t-head .img-wp img {
  width: 100%;
  height: 100%;
}
.portrayal-report .content .t-head .text {
  margin-left: 60px;
}
.portrayal-report .content .t-head .text h3 {
  font-size: 30px;
  color: #333;
}
.portrayal-report .content .t-head .text p span {
  display: inline-block;
  padding: 0 5px;
  background-color: #F47C0E;
}
.portrayal-report .content .t-head .t-right .already {
  display: flex;
  width: 260px;
  height: 96px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 2px 8px 0px #d4d4d4;
}
.portrayal-report .content .t-head .t-right .already .txt {
  margin-left: 20px;
  color: #333;
}
.portrayal-report .content .t-head .t-right .already .txt > p {
  font-size: 18px;
  font-weight: bold;
}
.portrayal-report .content .t-head .button {
  width: 180px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  text-align: center;
  color: #1753ef;
  border: 1px solid #1753ef;
  border-radius: 5px;
  cursor: pointer;
}
.portrayal-report .content .t-head .button:hover {
  background-color: #1753ef;
  color: #fff;
}
.portrayal-report .content .c-content {
  padding: 40px;
  background-color: #fff;
}
.portrayal-report .content .c-content > div {
  margin-top: 50px;
}
.portrayal-report .content .c-content > div .b-title,
.portrayal-report .content .c-content > div .s-title {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.portrayal-report .content .c-content > div .s-title {
  display: flex;
  justify-content: space-between;
}
.portrayal-report .content .c-content > div .s-title p:first-child {
  font-size: 18px;
}
.portrayal-report .content .c-content > div .s-title .show-more {
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}
.portrayal-report .content .c-content > div .s-title i.count {
  margin: 0 5px;
  padding: 0 5px;
  font-style: normal;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  background-color: #E3E3E3;
}
.portrayal-report .content .c-content .base-msg table {
  width: 100%;
  border: 1px solid #E3E3E3;
}
.portrayal-report .content .c-content .base-msg table tr {
  line-height: 3;
}
.portrayal-report .content .c-content .base-msg table td {
  padding: 0 30px;
}
.portrayal-report .content .c-content .base-msg table td.field {
  width: 162px;
  text-align: center;
  background-color: #e3e3e3;
}
.portrayal-report .content .c-content .introduce .introduce-detail .introduce-text {
  padding: 0 20px;
  text-indent: 20px;
}
.portrayal-report .content .c-content .introduce .introduce-detail .not-text {
  text-align: center;
  color: rgba(0, 0, 0, 0.43);
}
.portrayal-report .content .c-content .introduce .introduce-detail .not-text i {
  margin-right: 5px;
}
.portrayal-report .load {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  transition: all linear 0.5s;
  z-index: 1;
}

.search-list-container .center {
  text-align: center;
}
.search-list-container .cursor {
  cursor: pointer;
}
.search-list-container .textColor {
  font-size: 14px;
  font-weight: 400;
  color: #1890FF;
}
.search-list-container .flex {
  display: flex;
}
.search-list-container .empty-wrapper {
  text-align: center;
}
.search-list-container .empty-wrapper td {
  height: 50px;
  width: 100%;
}
.search-list-container .loading-wrapper {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  transition: all linear 0.5s;
  z-index: 1;
}
.search-list-container .loading-wrapper.fade-out {
  opacity: 0;
}
.search-list-container .loading-wrapper.hide {
  display: none;
}
.search-list-container .main-content {
  padding: 60px;
  display: flex;
  flex-direction: column;
}
.search-list-container .main-content .keyword-preview {
  color: #333;
  padding-top: 48px;
  padding-bottom: 18px;
}
.search-list-container .main-content .keyword-preview .keyword {
  padding: 4px 16px;
  background-color: #F47C0E;
  color: #FEFEFE;
}
.search-list-container .main-content .keyword-preview .count {
  font-weight: 800;
  color: #1753EF;
}
.search-list-container .main-content .banner-wrapper {
  margin-left: 20px;
}
.search-list-container .main-content .banner-wrapper .banner-item {
  width: 230px;
  height: 190px;
  margin-bottom: 20px;
}
.search-list-container .main-content .banner-wrapper .banner-item a {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #B5B5B5;
}
.search-list-container .main-content .banner-wrapper .banner-item img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.search-list-container .main-content .table-container {
  flex-grow: 1;
}
.search-list-container .main-content .table-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.search-list-container .main-content .table-wrapper .table-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-list-container .main-content .table-wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff url(/_next/static/media/blur-bg.5dcfc0a9.png) repeat-y;
  background-size: 100%;
  z-index: 8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.search-list-container .main-content .table-wrapper .cover h3 {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
  margin-bottom: 69px;
}
.search-list-container .main-content .table-wrapper .cover footer .btn {
  display: inline-block;
  margin: 0 23px;
  width: 140px;
  height: 40px;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #1753EF;
  color: #1753EF;
  background: #fff;
  cursor: pointer;
}
.search-list-container .main-content .table-wrapper .cover footer .btn:hover {
  opacity: 0.8;
}
.search-list-container .main-content .table-wrapper .cover footer .btn.primary {
  color: #fff;
  background-color: #1753EF;
}
.search-list-container .main-content .table-wrapper table {
  width: 100%;
  border-collapse: collapse;
}
.search-list-container .main-content .table-wrapper .thead th {
  background-color: #E9F7FF;
  color: #333;
  height: 50px;
}
.search-list-container .main-content .table-wrapper .tbody {
  background-color: #fff;
  flex-grow: 1;
}
.search-list-container .main-content .table-wrapper .tbody .inline-flex {
  display: inline-flex;
  align-items: center;
  line-height: 2;
}
.search-list-container .main-content .table-wrapper .tbody .inline-flex .icon {
  margin-right: 5px;
}
.search-list-container .main-content .table-wrapper .tbody .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.search-list-container .main-content .table-wrapper .tbody .icon.report-icon1 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACH0lEQVQ4T6XTz0tUURQH8O/3jr/SFu9NOk8kUgIJioygNropMjA0zHljZNEPqKigP6AW7XLTplUUBW2CCJoHBdWiInDbKmpfECFzJd6bMpTJ6X5jhsZ6Zi3qLu/hfDjnnnOJ/zz8Nb9n/2z7t5Y1Lwk0C1gA0IgLgAcg29rKvvd3vaSRlwJyhSRP4c63pWp/+9rmRbfEetw0S5WKbhPYLCFrO70e3ORSLZYCusPkuMCDNvJGV3YWhMmzTEtmqlpxeVLnbORv/w0ICvEhiGds5O9eBXgFICZVlHgNxGVb9C+lWwjjswQv2sjvXQn8aG8CYhOMcgS/lorevhQQHC11aLFtaK7oPf3bcIJ8fJjEsVKUHakDPZOfNzlVNzqwC46zMC4wgu+IhM5UAeVAfaThbOm+P9MdxudFjtiiP1YHgkLyCMIoiBcQauWvB/QA4N7a6CDMANgCotNGPoNC+RSgAz+BsPwY0C4ZN0yxVzAxoTGI6wg8NKi+dmy6KmmkDoTl06DGVwI7IDcumitQLQkDzqBdxHRGGpQ4DaDFRn7HKkDyHMAeEBZCAMABeAJgEEArgI7Go9YryJdPwmhiuYJcPh4iuBPEBkJvBWak+up+MYZNcqqQSERVbDF7L1eIjxCcWgYaelf4qd/AXbeRP/ynMfadeNe2OO/dArDNRv5AepUn57uk6hs5fACxYJRedUeodidiq6ALc1H2Rgr4l5/9He+M6hHt04h7AAAAAElFTkSuQmCC) no-repeat center center;
}
.search-list-container .main-content .table-wrapper .tbody .icon.report-icon2 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAB0klEQVQ4T52TsWsUURDGv9ld0WPfvo14asRGsBRiDhQE/wAFAzYWh1iI2NhYaJXcbRDuJZVXxECa2NhZ2IiFEQTFQhCRKGhAorEVbby3u0ngNvvJnmQv0XAQp5yZ38ww34zgP00KLm6GlwScI/AVAP+uJUB1A7gQGru8GeuBSVP/guCBv1aZgHL/AdMsSQFZc4ETFdP5VjA9MG3oZThS91uddztNnjT1dwCHi5jnyfF9dzormx2XJMdtf9o+3RGM9GVQRkGOQDCqjB3ug+S4PxU/HrSreFwdFNf5oYyVEnSIq5WfdjE9FCwAcgSQDGAVYFuZuF0UXG3oM7ngmTI23AJ65zKne8yhvBLwYhfOJ084C8oShO9BnHLotXPJFpWx1RL0PBnrdlFzhLd8Y8/Gka4HLfswbQZjhDwRYHLd82b2ZtnKNtBx3fPINoZzwRtS6iKcB/AFQI1AKzB2MomGToL5S2Xs/rJjTl7XU/HrNAoe5ZQXqmPvp6FeF2DWN/ZmT7ZInyaxoIw9sKutptFQjcyf98FIfxbgit+ybwfJsdqoHM1lz8etoyYA7ykTTwzUsRneKG661DGNgmukTAP4AIKQP6dYWt83AvBuoev2hF282G/VVNgRpvm5xwAAAABJRU5ErkJggg==) no-repeat center center;
}
.search-list-container .main-content .table-wrapper .tbody .btn.contact-btn {
  display: inline-block;
  width: 120px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  background-color: #1753EF;
  color: #fff;
  cursor: pointer;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper {
  padding: 26px 32px;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex {
  display: inline-flex;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex span {
  line-height: 24px;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex span.has-icon {
  display: inline-flex;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex span.has-icon::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  margin-top: 5px;
  flex-shrink: 0;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex span.has-icon.area-icon::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAABOElEQVQoU02QMUvDUBSFz33xtekgOkih6OjkJA7uLg6Cg4NYUVEI5CWLP6BTJ6cuQksT6WChZHBwEEUsiDr6D/oD1EUCkQRChvciLzSlZ7jDOd89XC5hqm6361YqFSvP83UAX2EYBq1W60rHpMdoNLqOouiSc17uIMsy1Ov1oNlsntBgMNiWUn5O0ycArwBODcPYSpIEaZruUL/fv2WMnQP4FkKslVW+70sADMANeZ53T0QHAH6EEKsaarfbC41GIyMiJqUMNHTMGAvyPAcRvQF4V0odEdGG9mq12kVxuOd5v4yxFW3OSyn157rucgH1er1dzvnLPEREMAxjz7Ks5wLS6nQ6d6ZpHlarVWhYKfXoOM7+7E8lOBwOoziOlzjniRBisfRnTdoYj8ebk8nkwTTNM9u2P0roH6hqdPFtKb3EAAAAAElFTkSuQmCC) no-repeat center center;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex span.has-icon.industry-icon::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABWklEQVQoU2WQXysFQRjGn5k9o5MiRIlcunLlyufwBVxY7Y7TSVrk5GqLEnIhHcds7Q65oXwCH8AXcCNXdEr+JEWOdmfHaE62trz11rxvz/zmmYe0Wq1xxtgg/ooQ8uC67qcd4zieVUodM8bWXdc9IUKIVwDDhdgYc8g5X0qSZFEpFRhjNgkhK5VK5cKKNQBaiAGElNJrrXWc5/l0vV5/k1JWlVJXVvwFoLdEbjiOc6O1jjqdzmQQBN9SytEsy7pkU6La45nv+3NSyrU0Tecdx9kmhGxQSo9Is9mcYIz1FxfyPH+s1Wrvdk6SZCbLsj1K6YLneXckjuM+ALa71W63n8Iw/ImiaIoQ4mitR4wxzwBerI0MACtFt+N5XkMI8VFAjDGglHaj+wZQLfne931/VQhhrQyU9uf/PmiMOeCcLwshUgA9pRcvrfgewFApul3O+ZYQ4hbAWIl8+gvpG6BSwrl9UAAAAABJRU5ErkJggg==) no-repeat center center;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper .inline-flex span:not(:last-child) {
  margin-right: 20px;
}
.search-list-container .main-content .table-wrapper .tbody .info-wrapper h3 span {
  cursor: pointer;
  color: #1753EF;
  font-size: 18px;
  text-decoration: underline !important;
}
.search-list-container .main-content .pagination-wrapper {
  padding: 23px 30px;
}
.search-list-container .main-content .pagination-wrapper .ant-pagination-jump-next {
  display: inline-block !important;
}
.search-list-container .main-content .pagination-wrapper .ant-pagination-jump-next + li {
  display: inline-block;
}

.forbidden-modal {
  text-align: center;
  white-space: nowrap;
}
.forbidden-modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.forbidden-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}
.forbidden-modal .ant-modal-header,
.forbidden-modal .ant-modal-close {
  display: none;
}
.forbidden-modal .ant-modal-body {
  padding: 0;
  height: 494px;
}
.forbidden-modal .ant-modal-content {
  background: transparent url(/_next/static/media/modal-bg.14c421fc.png) no-repeat;
}
.forbidden-modal .modal-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.forbidden-modal .modal-content h3 {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 1.5;
  margin-bottom: 69px;
}
.forbidden-modal .modal-content footer .btn {
  display: inline-block;
  margin: 0 23px;
  width: 140px;
  height: 40px;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #1753EF;
  color: #1753EF;
  background: #fff;
  cursor: pointer;
}
.forbidden-modal .modal-content footer .btn:hover {
  opacity: 0.8;
}
.forbidden-modal .modal-content footer .btn.primary {
  color: #fff;
  background-color: #1753EF;
}

.survey-report-wp .bgcf2 {
  background-color: #f2f2f2;
}
.survey-report-wp .header-wp {
  height: 60px;
  background-color: #2e2e2e;
}
.survey-report-wp .s-content {
  margin: auto;
  width: 63%;
  min-width: 1200px;
}
.survey-report-wp .s-content .t-head {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  height: 196px;
  align-items: center;
  background-color: #fff;
}
.survey-report-wp .s-content .t-head .left {
  display: flex;
  align-items: center;
}
.survey-report-wp .s-content .t-head .img-wp {
  width: 126px;
  height: 93px;
}
.survey-report-wp .s-content .t-head .img-wp img {
  width: 100%;
  height: 100%;
}
.survey-report-wp .s-content .t-head .text {
  margin-left: 60px;
}
.survey-report-wp .s-content .t-head .text h3 {
  font-size: 30px;
  color: #333;
}
.survey-report-wp .s-content .t-head .text h3 > span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 5px;
  font-size: 14px;
  color: #fff;
}
.survey-report-wp .s-content .t-head .text h3 .type {
  background-color: #5682F5;
}
.survey-report-wp .s-content .t-head .text h3 .status {
  background-color: #F47C0E;
}
.survey-report-wp .s-content .t-head .text .des {
  margin-top: 20px;
}
.survey-report-wp .s-content .t-head .text .des .row {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.survey-report-wp .s-content .t-head .t-right .already {
  display: flex;
  width: 260px;
  height: 96px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 2px 8px 0px #d4d4d4;
}
.survey-report-wp .s-content .t-head .t-right .already .txt {
  margin-left: 20px;
  color: #333;
}
.survey-report-wp .s-content .t-head .t-right .already .txt > p {
  font-size: 18px;
  font-weight: bold;
}
.survey-report-wp .s-content .t-head .button {
  width: 180px;
  height: 46px;
  line-height: 46px;
  color: #1753ef;
  text-align: center;
  border: 1px solid #1753ef;
  border-radius: 5px;
  cursor: pointer;
}
.survey-report-wp .s-content .t-head .button:hover {
  background-color: #1753ef;
  color: #fff;
}
.survey-report-wp .s-content .c-detail {
  display: flex;
  margin-top: 20px;
}
.survey-report-wp .s-content .c-detail .mt30px {
  margin-top: 30px;
}
.survey-report-wp .s-content .c-detail .company-mes {
  flex: 1;
  background-color: #fff;
}
.survey-report-wp .s-content .c-detail .company-mes .tabs {
  display: flex;
  align-items: center;
}
.survey-report-wp .s-content .c-detail .company-mes .tabs > p {
  flex: 1;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #e3e3e3;
  cursor: pointer;
}
.survey-report-wp .s-content .c-detail .company-mes .tabs > p.active {
  color: #fff;
  background-color: #1753EF;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp {
  padding: 20px;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .b-title,
.survey-report-wp .s-content .c-detail .company-mes .message-wp .s-title {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .s-title {
  display: flex;
  justify-content: space-between;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .s-title p:first-child {
  font-size: 18px;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .s-title .show-more {
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .s-title i.count {
  margin: 0 5px;
  padding: 0 5px;
  font-style: normal;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  background-color: #E3E3E3;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .IC-msg .base-msg table {
  width: 100%;
  border: 1px solid #E3E3E3;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .IC-msg .base-msg table tr {
  line-height: 3;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .IC-msg .base-msg table td {
  padding: 0 15px;
}
.survey-report-wp .s-content .c-detail .company-mes .message-wp .IC-msg .base-msg table td.field {
  width: 175px;
  text-align: center;
  background-color: #e3e3e3;
}
.survey-report-wp .s-content .c-detail .banner-wrapper {
  margin-left: 20px;
}
.survey-report-wp .s-content .c-detail .banner-wrapper .banner-item {
  width: 230px;
  height: 190px;
  margin-bottom: 20px;
}
.survey-report-wp .s-content .c-detail .banner-wrapper .banner-item a {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #B5B5B5;
}
.survey-report-wp .s-content .c-detail .banner-wrapper .banner-item img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.survey-report-wp .loaded {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  transition: all linear 0.5s;
  z-index: 1;
}

.count-up-num {
  display: inline-block;
}
.count-up-num span {
  font-family: DIN-Regular;
  font-weight: 700;
  letter-spacing: 3px;
  color: #ffffff;
  text-shadow: 0 0 18px #ffffff;
}

.datacockpit-block-div {
  background: rgba(11, 22, 56, 0.5);
  border: 1px solid rgba(30, 142, 208, 0.5);
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}

@media (max-width: 3840px) {
  #dataCockpit-v2 {
    zoom: 2;
  }
}
@media (max-width: 1920px) {
  #dataCockpit-v2 {
    zoom: 1;
  }
}
#dataCockpit-v2 {
  width: 100%;
  min-width: 1920px;
  min-height: 1080px;
  height: 100%;
  padding: 0 40px;
  position: relative;
}
#dataCockpit-v2 .logo {
  width: 215px;
}
#dataCockpit-v2 .common-fs-white-shadow {
  text-shadow: 0 0 18px #ffffff;
}
#dataCockpit-v2 .common-fs-white {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
}
#dataCockpit-v2 .common-fs-12 {
  font-size: 12px;
}
#dataCockpit-v2 .common-fs-14 {
  font-size: 14px;
}
#dataCockpit-v2 .common-fs-main-color {
  color: #e2e2ff;
}
#dataCockpit-v2 .common-flex-spc-btw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dataCockpit-v2 .common-flex-vertical-middle {
  display: flex;
  align-items: center;
}
#dataCockpit-v2 .common-flex-spc-ard {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#dataCockpit-v2 .common-topic {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 25px;
  position: relative;
  padding-left: 14px;
}
#dataCockpit-v2 .common-topic:before {
  width: 4px;
  background: #6ac5ea;
  height: 16px;
  content: "";
  position: absolute;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  top: 50%;
}
#dataCockpit-v2 .common-fs-orange {
  color: #ffb100;
}
#dataCockpit-v2 .v2-title {
  margin-top: 10px;
}
#dataCockpit-v2 .v2-text-title {
  margin-top: 10px;
  font-size: 40px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 93px;
  margin-bottom: 5px;
  text-shadow: 0 0 5px #fff;
  letter-spacing: 5px;
}
#dataCockpit-v2 .v2-subtitle {
  height: 30px;
  font-size: 22px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #e2e2ff;
  line-height: 26px;
  letter-spacing: 2px;
  margin-top: -20px;
}
#dataCockpit-v2 .v2-date {
  font-size: 20px;
  font-family: DIN-Regular;
  font-weight: 400;
  text-align: left;
  color: #bcc7ff;
  letter-spacing: 2px;
  margin-right: 18px;
}
#dataCockpit-v2 .v2-time {
  font-size: 20px;
  font-family: DIN-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  letter-spacing: 2px;
  text-shadow: 0 0 12px #ffffff;
}
#dataCockpit-v2 #dataCockpit-v2-1 {
  display: flex;
  justify-content: center;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left {
  width: 491px;
  margin-right: 20px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .registered-box {
  display: inline-block;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .registered-box .registered-number {
  margin-top: 10px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .registered-box .registered-number span {
  font-size: 36px;
  font-family: DIN-Bold;
  font-weight: 700;
  letter-spacing: 3px;
  color: #ffffff;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .registered-box .registered-img {
  height: 45px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .title-echart {
  height: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 21px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .title-echart span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure {
  width: 408px;
  height: 212px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-1-left-3.png") no-repeat;
  color: rgba(255, 255, 255, 0.6);
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure .structure-top {
  margin-top: 10px;
  font-size: 16px;
  color: #ffffff;
  font-family: DIN-Regular;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure .structure-one {
  position: absolute;
  left: 45px;
  top: 75px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure .structure-two {
  position: absolute;
  left: 45px;
  top: 145px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure .structure-three {
  position: absolute;
  right: 45px;
  top: 85px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure .structure-four {
  position: absolute;
  right: 45px;
  top: 165px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left .type-structure .structure-five {
  position: absolute;
  left: 45px;
  top: 215px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-left #echartDmbs {
  margin-top: 30px;
  margin-bottom: 10px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-middle {
  width: 812px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-middle .reg-container {
  width: 280px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right {
  width: 491px;
  margin-left: 20px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 10px;
  height: 180px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox .swiper-container {
  height: 180px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox .companyJoin-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox .companyJoin-time {
  display: inline-block;
  width: 88px;
  height: 19px;
  padding-left: 5px;
  margin-right: 7px;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 20px;
  background-repeat: no-repeat;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox .companyName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox .bg-8 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-8.png");
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .companyJoinBox .bg-9 {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-9.png");
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right #cockpit-tag_gird {
  margin-top: 24px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent {
  overflow: hidden;
  position: relative;
  margin-top: 24px;
  width: 440px;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  width: 1px;
  height: 80%;
  background: #135a8b;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent .worth-box {
  width: 50%;
  height: 120px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  float: left;
  position: relative;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent .worth-box:nth-child(1):after,
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent .worth-box:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #135a8b;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent .worth-box img {
  width: 72px;
  height: 59px;
  margin: 12px auto 0;
}
#dataCockpit-v2 #dataCockpit-v2-1 .v2-right .poverContent .line {
  position: absolute;
  top: 25px;
  left: 172px;
  width: 1px;
  height: 200px;
  background: #135a8b;
}
#dataCockpit-v2 #dataCockpit-v2-2 {
  display: flex;
  justify-content: space-between;
}
#dataCockpit-v2 #dataCockpit-v2-2 .v2-left {
  width: 461px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .v2-middle {
  width: 872px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .v2-right {
  width: 461px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .equipment {
  width: 100%;
  height: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/icon-v2-2-middle-1.gif") no-repeat 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#dataCockpit-v2 #dataCockpit-v2-2 .equipment .equipment-num-wrap {
  text-align: center;
  height: 213px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .equipment .equipment-num-wrap .equipment-num {
  text-align: center;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 12px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .equipment .equipment-detail {
  display: flex;
  justify-content: space-around;
  height: 97px;
  position: relative;
}
#dataCockpit-v2 #dataCockpit-v2-2 .equipment .equipment-detail:after {
  position: absolute;
  width: 820px;
  height: 1px;
  border: 1px solid #2c2f5a;
  margin: auto;
  bottom: 0;
  content: "";
}
#dataCockpit-v2 #dataCockpit-v2-2 .equipment .equipment-detail .equipment-detail-context {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  font-size: 10px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .pyramid {
  display: flex;
  padding-left: 46px;
  margin-top: 33px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .pyramid .pyramid-item {
  margin-left: 46px;
  height: 65px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .software-total {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-2-left-2.png") no-repeat center;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  height: 50px;
  line-height: 56px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-2-left-3.png") no-repeat center center;
  height: 340px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers {
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  width: 92px;
  height: 20px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  line-height: 19px;
  text-shadow: 0 0 30px #0b142f;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag {
  width: 60px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag .centers-tag-sum {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  text-shadow: 0 0 18px #ffffff;
  font-family: DIN-Regular;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag .centers-tag-sum span {
  font-size: 8px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag .centers-tag-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #53d4ff;
  letter-spacing: 1px;
  white-space: nowrap;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag2 {
  position: absolute;
  right: 17%;
  top: 18%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag3 {
  position: absolute;
  right: 12%;
  top: 45%;
  transform: translateY(-50%);
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag4 {
  position: absolute;
  right: 15%;
  bottom: 23%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag5 {
  position: absolute;
  right: 30%;
  bottom: 5%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag6 {
  position: absolute;
  left: 30%;
  bottom: 5%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag7 {
  position: absolute;
  left: 15%;
  bottom: 23%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag8 {
  position: absolute;
  left: 12%;
  top: 45%;
  transform: translateY(-50%);
}
#dataCockpit-v2 #dataCockpit-v2-2 .radar .centers-tag9 {
  position: absolute;
  left: 20%;
  top: 15%;
}
#dataCockpit-v2 #dataCockpit-v2-2 .middle-right2-bg {
  height: 185px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-2-right-10.png") no-repeat center center;
  position: relative;
  top: -20px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .middle-right2-bg .middle-right2-left {
  position: absolute;
  left: 128px;
  top: 81px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .middle-right2-bg .middle-right2-right {
  position: absolute;
  left: 249px;
  top: 56px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .developer {
  height: 160px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .developer .developer-item {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  height: 18px;
  display: flex;
  line-height: 18px;
  margin-top: 24px;
}
#dataCockpit-v2 #dataCockpit-v2-2 .developer .fluctuation {
  height: 100%;
  width: 240px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/img-v2-2-left-13.gif") no-repeat 0 20px;
  position: relative;
}
#dataCockpit-v2 #dataCockpit-v2-2 .developer .fluctuation .fluctuation-title {
  font-size: 18px;
  font-family: DIN-Regular;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  position: absolute;
  bottom: 0;
}
#dataCockpit-v2 #dataCockpit-v2-3 {
  display: flex;
  justify-content: space-between;
}
#dataCockpit-v2 #dataCockpit-v2-3 .v2-left {
  width: 451px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .v2-middle {
  width: 893px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .v2-right {
  width: 451px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .userData {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 10px auto 10px;
  padding-bottom: 24px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .userData:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #56629d;
}
#dataCockpit-v2 #dataCockpit-v2-3 .userData:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 60%;
  background: #56629d;
}
#dataCockpit-v2 #dataCockpit-v2-3 #echartUserVisit,
#dataCockpit-v2 #dataCockpit-v2-3 #echartPageVisit {
  width: 50%;
  display: inline-block;
}
#dataCockpit-v2 #dataCockpit-v2-3 .demand-wrap {
  display: inline-block;
  width: 50%;
  margin-top: 24px;
  padding-left: 20px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .demand-wrap .demand-img {
  margin-top: 18px;
  width: 144px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar {
  padding-top: 33px;
  position: relative;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar .radar-data {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar .radar-data-1 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: #0cb38a;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar .radar-data-2 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 30%;
  left: 70px;
  transform: translateX(-50%);
  color: #ffb100;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar .radar-data-3 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 30%;
  left: 318px;
  color: #1ae0dc;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar .radar-data-4 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 80%;
  left: 75px;
  color: #274aff;
}
#dataCockpit-v2 #dataCockpit-v2-3 .radar .radar-data-5 {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  top: 80%;
  left: 305px;
  color: #3da4fe;
}
#dataCockpit-v2 #dataCockpit-v2-3 .current-user {
  position: absolute;
  top: 35px;
  left: 40px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .current-user span {
  text-shadow: 0 0 18px #ffffff;
  font-size: 32px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top {
  width: 416px;
  height: 230px;
  position: relative;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E7%BB%84%202391.png") no-repeat bottom;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top .businessTop {
  width: 70px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top .businessTop img {
  display: inline-block;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top .businessTop .businessTop-title {
  font-size: 10px;
  transform: scale(0.95);
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top #business0 {
  position: absolute;
  top: 74px;
  left: 28px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top #business1 {
  position: absolute;
  top: 42px;
  left: 100px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top #business2 {
  position: absolute;
  top: 28px;
  left: 171px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top #business3 {
  position: absolute;
  top: 57px;
  left: 246px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .business-Top #business4 {
  position: absolute;
  top: 87px;
  right: 28px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .category-Top {
  height: 200px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E7%BB%84%202394.png") no-repeat 17px 35px;
  position: relative;
}
#dataCockpit-v2 #dataCockpit-v2-3 .category-Top .category-Top-1 {
  position: absolute;
  top: 42px;
  left: 275px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .category-Top .category-Top-2 {
  position: absolute;
  top: 76px;
  left: 275px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .category-Top .category-Top-3 {
  position: absolute;
  top: 110px;
  left: 275px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .category-Top .category-Top-4 {
  position: absolute;
  top: 144px;
  left: 275px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .category-Top .category-Top-5 {
  position: absolute;
  top: 178px;
  left: 275px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .city-base {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
}
#dataCockpit-v2 #dataCockpit-v2-3 .city-1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2067.png");
  width: 126px;
  height: 126px;
  top: 64px;
  left: 170px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .city-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2068.png");
  width: 88px;
  height: 88px;
  top: 117px;
  left: 299px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .city-3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2070.png");
  width: 98px;
  height: 98px;
  top: 175px;
  left: 107px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .city-4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2069.png");
  width: 78px;
  height: 78px;
  top: 104px;
  left: 65px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .city-5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/%E5%87%8F%E5%8E%BB%2071.png");
  width: 68px;
  height: 68px;
  top: 197px;
  left: 234px;
}
#dataCockpit-v2 #dataCockpit-v2-3 .order-total {
  width: 100%;
  height: 100%;
  text-align: center;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/icon-v2-3-middle-1.gif") no-repeat 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#dataCockpit-v2 #dataCockpit-v2-3 .order-total .order-total-title {
  text-align: center;
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 12px;
}
#dataCockpit-v2 .dataCockpit-v2-pagination {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}
#dataCockpit-v2 .dataCockpit-v2-pagination .pagination-item {
  width: 40px;
  height: 4px;
  background: #135a8d;
  margin-right: 14px;
  cursor: pointer;
}
#dataCockpit-v2 .dataCockpit-v2-pagination .active {
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px #ffffff;
}
.dataCockpit-v2-bg-0 {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-1.png");
}
.dataCockpit-v2-bg-1 {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-2.png");
}
.dataCockpit-v2-bg-2 {
  background-image: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/v2/bg-v2-3.png");
}

#chinaMap {
  margin: 0 auto;
  width: 752px;
  height: 576px;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/china-map.png") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  transform-origin: left top;
}
#chinaMap img {
  position: absolute;
  bottom: -35px;
}
#chinaMap .point,
#chinaMap .point::before,
#chinaMap .point::after {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: '';
}
#chinaMap .point {
  position: relative;
}
#chinaMap .point .desBox {
  background: url("https://360humi-public-obs.360humi.com/sch/big-screen/map-des1.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -142px;
  left: -116px;
  width: 240px;
  height: 142px;
  padding: 25px 14px 0 23px;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
}
#chinaMap .point .active3 {
  display: none;
}
#chinaMap .point::before {
  animation: scale 2s infinite;
}
#chinaMap .point::after {
  animation: scale2 2s infinite;
}
@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes scale2 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
#chinaMap .point,
#chinaMap .point::before,
#chinaMap .point::after {
  /* 设置颜色 */
  background-color: #fff;
}

#roll-list {
  position: absolute;
  bottom: 30px;
}
#roll-list .registerRoll {
  overflow: hidden;
  /*溢出的部分不显示*/
  height: 75px;
  padding: 5px;
  margin-left: 25px;
}
#roll-list #registerRoll-1 .analysisLeftBox {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
  margin-left: 25px;
  height: 18px;
  line-height: 18px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-8.png') no-repeat 0 4px;
}
#roll-list #registerRoll-1 .analysisLeftBox:nth-child(2n) {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-9.png') no-repeat 0 4px;
}
#roll-list #registerRoll-1 .analysisLeftBox .analysisLeftBox-one {
  display: inline-block;
  font-family: "Zidingyi";
  width: 103px;
  padding-left: 5px;
}
#roll-list #registerRoll-1 .analysisLeftBox .analysisLeftBox-two {
  margin: 0 12px;
  font-family: "Zidingyi";
}
#roll-list #registerRoll-1 .analysisLeftBox .analysisLeftBox-font {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.83);
}
#roll-list #registerRoll-2 {
  width: 285px;
  padding: 0;
}
#roll-list #registerRoll-2 .roll-list-head {
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 18px;
  text-align: center;
  position: relative;
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item:last-child:after {
  width: 0;
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item-1 {
  width: 49px;
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item-2 {
  width: 93px;
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item-3 {
  width: 79px;
}
#roll-list #registerRoll-2 .roll-list-head .roll-list-head-item-4 {
  width: 52px;
}
#roll-list #registerRoll-2 .registerRoll {
  height: 200px;
  padding: 0;
  margin-left: 0;
}
#roll-list #registerRoll-2 .roll-list-item {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 12px;
  height: 18px;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
}
#roll-list #registerRoll-2 .roll-list-item:nth-child(2n) .analysisLeftBox-three {
  background: #2942b7;
}
#roll-list #registerRoll-2 .roll-list-item .analysisLeftBox-one {
  display: inline-block;
  font-size: 12px;
  text-align: left;
  transform: scale(0.83);
  width: 50px;
}
#roll-list #registerRoll-2 .roll-list-item .analysisLeftBox-two {
  width: 88px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  transform: scale(0.83);
}
#roll-list #registerRoll-2 .roll-list-item .analysisLeftBox-three {
  width: 68px;
  height: 18px;
  background: #047993;
  font-size: 12px;
  transform: scale(0.83);
  text-align: center;
  line-height: 18px;
}
#roll-list #registerRoll-2 .roll-list-item .analysisLeftBox-font {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.83);
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-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;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.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-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-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-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-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-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-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-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-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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,.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;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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;-moz-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-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
#dataCockpitRight {
  float: left;
  width: 1678px;
  margin-top: 58px;
}
#dataCockpitRight #echartsRecent {
  width: 380px;
  height: 85px;
}
#dataCockpitRight .common-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#dataCockpitRight .common-flex-left {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
#dataCockpitRight .common-font-context {
  height: 20px;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 0;
  margin-bottom: 15px;
}
#dataCockpitRight .common-number-bg {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_common_numic.png") no-repeat center center;
  font-size: 20px;
  width: 18px;
  height: 24px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: 0;
  margin-left: 4px;
  display: inline-block;
}
#dataCockpitRight .font-14 {
  font-size: 14px;
}
#dataCockpitRight .common-yellow {
  color: #FFB100;
  font-size: 22px;
  font-family: "Zidingyi";
  font-weight: 400;
  letter-spacing: 1px;
  padding: 0 10px;
}
#dataCockpitRight .common-main {
  height: 100%;
  justify-content: space-around;
}
#dataCockpitRight .right-div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 0 34px;
  height: 660px;
}
#dataCockpitRight .right-div .right-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 410px;
  height: 100%;
  padding: 30px 0;
}
#dataCockpitRight .right-div .right-left .left-box-padding {
  padding-top: 25px;
  padding-left: 14px;
}
#dataCockpitRight .right-div .right-left .right-left-top {
  height: 187px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_left-top.png") no-repeat center center;
  padding-top: 25px;
  padding-left: 14px;
}
#dataCockpitRight .right-div .right-left .right-left-middle {
  height: 181px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_left-middle.png") no-repeat center center;
  padding-top: 25px;
  padding-left: 14px;
}
#dataCockpitRight .right-div .right-left .right-left-middle .rate-15 {
  height: 40px;
  display: flex;
  align-items: center;
}
#dataCockpitRight .right-div .right-left .right-left-middle .rate-15 .rate-15-title {
  width: 100px;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #d9f0ff;
  line-height: 20px;
  letter-spacing: 0px;
}
#dataCockpitRight .right-div .right-left .right-left-middle .rate-15 .rate-15-num {
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #89e8ff;
}
#dataCockpitRight .right-div .right-left .right-left-bottom {
  height: 182px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_left-bottom.png") no-repeat center center;
}
#dataCockpitRight .right-div .right-middle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 777px;
  height: 100%;
}
#dataCockpitRight .right-div .right-middle .right-middle-top {
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_middle-top.gif") no-repeat center center;
  height: 192px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}
#dataCockpitRight .right-div .right-middle .right-middle-top .title {
  width: 282px;
  height: 26px;
  font-size: 22px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 4px #bfc1ff;
}
#dataCockpitRight .right-div .right-middle .right-middle-top .total span {
  height: 79px;
  font-size: 64px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 79px;
  letter-spacing: 12px;
  text-shadow: 0px 0px 20px #ffffff;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom {
  width: 755px;
  height: 450px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_middle-bottom.png") no-repeat center center;
  position: relative;
  top: -30px;
  flex-shrink: 0;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-data {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #ffffff;
  margin-top: 25px;
  display: flex;
  justify-content: space-around;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-map {
  width: 469px;
  height: 380px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-28.png');
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-map .visit-map-title {
  display: inline-block;
  opacity: 0.8;
  font-size: 10px;
  font-weight: 500;
  color: #fefefe;
  line-height: 8px;
  letter-spacing: 1.5px;
  transform: scale(0.83);
  margin-left: 10px;
  margin-top: 341px;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-right-title {
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 15px;
  top: -4px;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-right-unit {
  font-size: 8px;
  transform: scale(0.83);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 12px;
  top: 13px;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-right-top {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-29.png');
  width: 255px;
  height: 163px;
  position: absolute;
  right: 29px;
  top: 78px;
}
#dataCockpitRight .right-div .right-middle .right-middle-bottom .visit-right-buttom {
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-30.png');
  width: 255px;
  height: 166px;
  position: absolute;
  right: 29px;
  bottom: 25px;
}
#dataCockpitRight .right-div .right-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 406px;
  height: 100%;
  padding: 30px 0;
}
#dataCockpitRight .right-div .right-right .right-right-top {
  height: 179px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_right-top.png") no-repeat center center;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top {
  width: 416px;
  height: 180px;
  position: relative;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-20.png') no-repeat;
  background-position: 0 14px;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top .businessTop {
  width: 70px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top .businessTop img {
  display: inline-block;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top .businessTop .businessTop-title {
  font-size: 10px;
  transform: scale(0.95);
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top #business0 {
  position: absolute;
  top: 74px;
  left: 36px;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top #business1 {
  position: absolute;
  top: 42px;
  left: 105px;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top #business2 {
  position: absolute;
  top: 28px;
  left: 171px;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top #business3 {
  position: absolute;
  top: 57px;
  left: 240px;
}
#dataCockpitRight .right-div .right-right .right-right-top .business-Top #business4 {
  position: absolute;
  top: 84px;
  right: 36px;
}
#dataCockpitRight .right-div .right-right .right-right-middle {
  height: 222px;
  width: 100%;
  position: relative;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_right-middle.png") no-repeat center center;
}
#dataCockpitRight .right-div .right-right .right-right-middle .category-Top {
  width: 300px;
  height: 200px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-21.png') no-repeat;
  background-position: 17px 35px;
}
#dataCockpitRight .right-div .right-right .right-right-middle .category-Top-1 {
  position: absolute;
  top: 42px;
  left: 235px;
}
#dataCockpitRight .right-div .right-right .right-right-middle .category-Top-2 {
  position: absolute;
  top: 72px;
  left: 258px;
}
#dataCockpitRight .right-div .right-right .right-right-middle .category-Top-3 {
  position: absolute;
  top: 104px;
  left: 281px;
}
#dataCockpitRight .right-div .right-right .right-right-middle .category-Top-4 {
  position: absolute;
  top: 133px;
  left: 295px;
}
#dataCockpitRight .right-div .right-right .right-right-middle .category-Top-5 {
  position: absolute;
  top: 162px;
  left: 303px;
}
#dataCockpitRight .right-div .right-right .right-right-bottom {
  height: 159px;
  width: 100%;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/right/bg_right-bottom.png") no-repeat center center;
}
#dataCockpitRight .right-div .right-right .right-right-bottom .registered-box {
  display: inline-block;
  width: 127px;
  margin-left: 40px;
  margin-top: 20px;
}
#dataCockpitRight .right-div .right-right .right-right-bottom .registered-box .registered-title {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 18px;
}
#dataCockpitRight .right-div .right-right .right-right-bottom .registered-box .registered-number {
  width: 180px;
  font-size: 28px;
  font-family: "Zidingyi";
  font-weight: 400;
  color: #ffb100;
  letter-spacing: 3px;
}
#dataCockpitRight .right-div .right-right .right-right-bottom .registered-box .registered-img {
  margin-top: -10px;
  width: 155px;
}

#dataCockpitBox {
  background: #011475 url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/data-bg.png') no-repeat center center;
  width: 5333px;
  height: 960px;
  padding: 0 44px 0 118px;
}
#dataCockpitBox .fl {
  float: left;
}
#dataCockpitBox .clearfix {
  zoom: 1;
}
#dataCockpitBox .clearfix:before,
#dataCockpitBox .clearfix:after {
  content: " ";
  display: table;
}
#dataCockpitBox .clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
#dataCockpitBox .tag-common {
  position: relative;
}
#dataCockpitBox .tag-common:after {
  content: "";
  width: 1px;
  height: 16px;
  border-left: 4px solid #6ac5ea;
  position: absolute;
  top: -7px;
  left: -2px;
}
#dataCockpitBox .tag-common:before {
  content: "";
  width: 11px;
  height: 12px;
  border-right: 2px solid #67e2ff;
  border-bottom: 2px solid #67e2ff;
  position: absolute;
  bottom: 0;
  right: 0;
}
#dataCockpitBox .tag-common .title {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 1px;
  position: absolute;
  top: -7px;
  left: 17px;
  text-shadow: 0px 0px 4px #bfc1ff;
}
#dataCockpitBox .pubilc-top-title {
  padding-left: 35px;
  padding-top: 20px;
  position: relative;
  height: 75px;
}
#dataCockpitBox .pubilc-top-title .public-icon {
  margin-right: 20px;
  float: left;
}
#dataCockpitBox .pubilc-top-title .public-title {
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
}
#dataCockpitBox .pubilc-top-title .public-line {
  position: absolute;
  top: 72px;
  left: 112px;
}
#dataCockpitBox .dataCockpitTitle {
  height: 72px;
  text-align: center;
}
#dataCockpitBox .dataCockpitTitle .top-title {
  display: inline-block;
  padding-top: 50px;
  padding-left: 80px;
}
#dataCockpitBox .dataCockpitTitle .top-logo {
  padding-top: 18px;
  float: right;
}

#dataCockpitSingleBox {
  background: #011475 url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/bg-single.png') no-repeat center center;
  height: 1080px;
  width: 1920px;
  padding: 0 44px 0 118px;
}
#dataCockpitSingleBox .fl {
  float: left;
}
#dataCockpitSingleBox .clearfix {
  zoom: 1;
}
#dataCockpitSingleBox .clearfix:before,
#dataCockpitSingleBox .clearfix:after {
  content: " ";
  display: table;
}
#dataCockpitSingleBox .clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
#dataCockpitSingleBox .tag-common {
  position: relative;
}
#dataCockpitSingleBox .tag-common:after {
  content: "";
  width: 1px;
  height: 16px;
  border-left: 4px solid #6ac5ea;
  position: absolute;
  top: -7px;
  left: -2px;
}
#dataCockpitSingleBox .tag-common:before {
  content: "";
  width: 11px;
  height: 12px;
  border-right: 2px solid #67e2ff;
  border-bottom: 2px solid #67e2ff;
  position: absolute;
  bottom: 0;
  right: 0;
}
#dataCockpitSingleBox .tag-common .title {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 1px;
  position: absolute;
  top: -7px;
  left: 17px;
  text-shadow: 0px 0px 4px #bfc1ff;
}
#dataCockpitSingleBox .pubilc-top-title {
  padding-left: 35px;
  padding-top: 20px;
  position: relative;
  height: 75px;
}
#dataCockpitSingleBox .pubilc-top-title .public-icon {
  margin-right: 20px;
  float: left;
}
#dataCockpitSingleBox .pubilc-top-title .public-title {
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
}
#dataCockpitSingleBox .pubilc-top-title .public-line {
  position: absolute;
  top: 72px;
  left: 112px;
}
#dataCockpitSingleBox .dataCockpitTitle {
  height: 72px;
  text-align: center;
}
#dataCockpitSingleBox .dataCockpitTitle .top-title {
  display: inline-block;
  padding-top: 50px;
  padding-left: 80px;
}
#dataCockpitSingleBox .dataCockpitTitle .top-logo {
  padding-top: 18px;
  float: right;
}
#dataCockpitSingleBox .dataCockpitTitle {
  height: 72px;
  text-align: center;
}
#dataCockpitSingleBox .dataCockpitTitle .top-title {
  display: inline-block;
  padding-top: 50px;
  padding-left: 80px;
}
#dataCockpitSingleBox .dataCockpitTitle .top-logo {
  padding-top: 18px;
  float: right;
}
#dataCockpitSingleBox .dataCockpitTitle .change-btn {
  position: absolute;
  right: 172px;
  top: 190px;
  cursor: pointer;
  z-index: 2;
}
#dataCockpitSingleBox .dataCockpitContent {
  overflow: hidden;
  position: absolute;
  top: 138px;
  transform: translateX(-100px);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#dataCockpitSingleBox .fade-in {
  transform: translateX(0);
  opacity: 1;
}

@font-face {
  font-family: "Zidingyi";
  src: url(/_next/static/media/EUROCAPS.a5929687.ttf);
}
#dataCockpitMiddle {
  float: left;
  width: 1678px;
  margin-right: 34px;
}
#dataCockpitMiddle .middle-title {
  margin-top: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #e6f2ff;
  letter-spacing: 3px;
}
#dataCockpitMiddle .middle-div {
  display: flex;
  justify-content: space-between;
  padding: 30px 34px;
}
#dataCockpitMiddle .middle-div .middle-left {
  position: relative;
  width: 343px;
  height: 602px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-left.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle {
  position: absolute;
  top: 82px;
  left: 0;
  width: 343px;
  height: 326px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-circle.gif") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center {
  width: 100px;
  height: 57px;
  top: 15px;
  left: 20px;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center .circle-center-sum {
  font-size: 26px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  margin-bottom: 10px;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center .circle-center-sum span {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 6px;
}
#dataCockpitMiddle .middle-div .middle-left .circle .circle-center .circle-center-title {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content {
  width: 126px;
  height: 49px;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 1px;
  position: absolute;
  top: -58px;
  left: -46px;
  display: flex;
  justify-content: space-between;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 49px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type .circle-type-name {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  letter-spacing: 1px;
  height: 30px;
  line-height: 10px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type .circle-type-sum {
  font-size: 22px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #a8aaff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-lines .circle-type-content .circle-type .circle-type-sum span {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 6px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line1 {
  width: 10px;
  height: 93px;
  position: absolute;
  top: 107px;
  left: 86px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line1.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line2 {
  width: 10px;
  height: 58px;
  position: absolute;
  top: 144px;
  right: 86px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line2.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line3 {
  width: 10px;
  height: 140px;
  position: absolute;
  bottom: 116px;
  left: 112px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line3.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line3.circle-lines .circle-type-content {
  top: 154px;
  left: -58px;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line4 {
  width: 33px;
  height: 82px;
  position: absolute;
  bottom: 186px;
  right: 77px;
  z-index: 1;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/circle-line4.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-left .circle-line4.circle-lines .circle-type-content {
  top: 89px;
  left: -45px;
}
#dataCockpitMiddle .middle-div .middle-middle {
  width: 724px;
  height: 602px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop {
  height: 257px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop.png") no-repeat center center;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .bluedash {
  position: absolute;
  top: 33px;
  left: 362px;
  width: 1px;
  height: 193px;
  border-left: 1px dashed #1875c4;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left {
  position: absolute;
  left: 25px;
  top: 37px;
  width: 304px;
  height: 181px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-left-bg.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1-top-sum {
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  position: absolute;
  left: 100px;
  top: 7px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1-top-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 {
  width: 190px;
  height: 147px;
  position: absolute;
  left: 68px;
  top: 29px;
  bottom: 5px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-left-san1.gif") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 .san1-title {
  position: absolute;
  top: 103px;
  width: 113px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 .san1-sum {
  position: absolute;
  left: 30px;
  top: 120px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #cef5ff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1 .san1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #deeaff;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san1-tag {
  position: absolute;
  bottom: -22px;
  height: 14px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #e0e1ff;
  line-height: 12px;
  letter-spacing: 0;
  left: 92px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2-top-sum {
  position: absolute;
  right: 50px;
  bottom: 49px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2-top-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2 {
  width: 44px;
  height: 40px;
  position: absolute;
  top: 136px;
  right: 53px;
  bottom: 5px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-left-san2.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-left .san2-tag {
  display: inline-block;
  position: absolute;
  height: 14px;
  bottom: -22px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #e0e1ff;
  line-height: 12px;
  letter-spacing: 0;
  left: 184px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-right {
  width: 143px;
  height: 141px;
  position: absolute;
  top: 56px;
  right: 115px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mTop-right-bg.png") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .middle-mTop-right .centers {
  width: 56px;
  height: 28px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 0 30px 0 #0b142f;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag {
  width: 70px;
  height: 40px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag .centers-tag-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag .centers-tag-sum span {
  font-size: 8px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag .centers-tag-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  color: #53d4ff;
  line-height: 24px;
  letter-spacing: 1px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag1 {
  position: absolute;
  right: 154px;
  top: 12px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag2 {
  position: absolute;
  right: 60px;
  top: 39px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag3 {
  position: absolute;
  right: 40px;
  top: 95px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag4 {
  position: absolute;
  right: 46px;
  bottom: 66px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag5 {
  position: absolute;
  right: 116px;
  bottom: 14px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag6 {
  position: absolute;
  right: 200px;
  bottom: 14px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag7 {
  position: absolute;
  right: 260px;
  bottom: 70px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag8 {
  position: absolute;
  right: 268px;
  bottom: 129px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mTop .centers-tag9 {
  position: absolute;
  right: 248px;
  top: 40px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom {
  position: relative;
  height: 312px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content {
  width: 629px;
  height: 191px;
  position: absolute;
  left: 52px;
  top: 65px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom-bg.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 {
  width: 84px;
  height: 200px;
  position: absolute;
  left: 25px;
  bottom: 1px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom1.png") no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center {
  margin-top: 30px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center .middle-mBottom1-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: 800;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 1px;
  margin-bottom: 6px;
  transform: scale(0.85);
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center .middle-mBottom1-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom1 .middle-mBottom1-center .middle-mBottom1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom2 {
  width: 100px;
  height: 80px;
  position: absolute;
  left: 130px;
  bottom: 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom2.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom3 {
  width: 107px;
  height: 63px;
  position: absolute;
  right: 198px;
  bottom: 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom3.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom-content .middle-mBottom4 {
  width: 93px;
  height: 61px;
  position: absolute;
  right: 19px;
  bottom: 0;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-mBottom4.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .right-title-echart {
  height: 18px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 21px;
  position: absolute;
  top: 28px;
  right: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .right-title-echart .fwqi-font {
  font-size: 12px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .right-title-echart img {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .unit1 {
  font-size: 8px;
  font-family: PingFang-SC-Regular;
  text-align: center;
  color: #c1c1c1;
  line-height: 21px;
  position: absolute;
  top: 35px;
  left: 35px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units {
  font-size: 10px;
  font-family: PingFang-SC-Medium;
  text-align: right;
  color: #c1c1c1;
  line-height: 18px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units.unit2 {
  position: absolute;
  top: 65px;
  left: 36px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units.unit3 {
  position: absolute;
  top: 110px;
  left: 36px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .units.unit4 {
  position: absolute;
  top: 155px;
  left: 36px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom1-top {
  position: absolute;
  left: 75px;
  top: 24px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #7cceff;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom1-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-top {
  position: absolute;
  left: 183px;
  top: 148px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #feb627;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-top {
  position: absolute;
  left: 387px;
  top: 180px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #ffe12c;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom4-top {
  position: absolute;
  left: 579px;
  top: 166px;
  font-size: 16px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #15d7d7;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom4-top span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #adb5c4;
  line-height: 11px;
  margin: 0 4px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom1-bottom {
  position: absolute;
  left: 73px;
  bottom: 27px;
  width: 91px;
  height: 17px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-bottom {
  position: absolute;
  left: 178px;
  bottom: 27px;
  width: 91px;
  height: 17px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-bottom {
  position: absolute;
  left: 377px;
  bottom: 27px;
  width: 91px;
  height: 17px;
  font-size: 10px;
  transform: scale(0.9);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom4-bottom {
  position: absolute;
  right: 56px;
  bottom: 1px;
  height: 45px;
  font-size: 10px;
  transform: scale(0.8);
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 {
  position: absolute;
  left: 283px;
  top: 179px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 .middle-mBottom2-right1-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 .middle-mBottom2-right1-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: center;
  color: #feb627;
  line-height: 17px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right1 .middle-mBottom2-right1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 {
  position: absolute;
  left: 275px;
  top: 221px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 .middle-mBottom2-right2-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 .middle-mBottom2-right2-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #f88800;
  line-height: 17px;
  margin-left: 8px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom2-right2 .middle-mBottom2-right2-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 {
  position: absolute;
  left: 476px;
  top: 180px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 .middle-mBottom3-right1-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
  margin-left: -2px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 .middle-mBottom3-right1-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #e0f836;
  line-height: 17px;
  margin-left: 5px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right1 .middle-mBottom3-right1-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 {
  position: absolute;
  left: 485px;
  top: 219px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 .middle-mBottom3-right2-title {
  font-size: 10px;
  transform: scale(0.85);
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 .middle-mBottom3-right2-sum {
  font-size: 14px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #ffe12c;
  line-height: 17px;
  margin-left: 5px;
}
#dataCockpitMiddle .middle-div .middle-middle .middle-mBottom .middle-mBottom3-right2 .middle-mBottom3-right2-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 11px;
}
#dataCockpitMiddle .middle-div .middle-right {
  width: 484px;
  height: 602px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 {
  height: 241px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right1.png") no-repeat center center;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box {
  position: absolute;
  width: 160px;
  height: 154px;
  margin-top: 33px;
  margin-left: 26px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-31.png') no-repeat;
  background-position: 60px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box .industrial-left-title {
  width: 110px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  line-height: 18px;
  letter-spacing: 1px;
  padding-top: 43px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box .industrial-left-subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 6px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-left-box .industrial-left-subtitle span {
  font-family: "Zidingyi";
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box {
  position: absolute;
  top: 51px;
  right: 30px;
  text-align: right;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  width: 318px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-1 {
  height: 17px;
  margin-bottom: 16px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-32.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-2 {
  height: 17px;
  margin-bottom: 16px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-33.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-3 {
  height: 17px;
  margin-bottom: 16px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-34.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .industrial-right-box-4 {
  height: 17px;
  background: url('https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/smart-competition/leftBox-pic-35.png') no-repeat;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-right-box .font-style {
  font-size: 10px;
  transform: scale(0.85);
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-buttom-box {
  position: absolute;
  left: 26px;
  bottom: 20px;
  font-size: 12px;
  color: #bfc1ff;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right1 .industrial-buttom-box span {
  font-family: "Zidingyi";
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 {
  height: 163px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right2.png") no-repeat center center;
  position: relative;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-bg {
  height: 148px;
  width: 436px;
  position: absolute;
  left: 24px;
  right: 24px;
  top: 7px;
  bottom: 8px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right2-bg.gif") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left {
  position: absolute;
  left: 122px;
  top: 61px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  height: 17px;
  vertical-align: middle;
  margin-bottom: 12px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-title img {
  margin-right: 9px;
  vertical-align: middle;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-sum {
  font-size: 32px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #ffb100;
  line-height: 10px;
  letter-spacing: 2px;
  width: 200px;
  margin-left: 21px;
  display: flex;
  align-items: center;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-left .middle-right2-left-sum span {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-left: 10px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right {
  position: absolute;
  left: 249px;
  top: 26px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-title {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  height: 17px;
  vertical-align: middle;
  margin-bottom: 12px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-title img {
  vertical-align: middle;
  margin-right: 9px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-sum {
  font-size: 18px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #89e8ff;
  line-height: 10px;
  letter-spacing: 1px;
  width: 200px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right2 .middle-right2-right .middle-right2-right-sum span {
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-left: 10px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 {
  position: relative;
  height: 136px;
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/dataCockpit/middle/middle-right3.png") no-repeat center center;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left {
  position: absolute;
  top: 29px;
  left: 35px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left .middle-right3-left-title {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left .middle-right3-left-sum {
  font-size: 32px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: #8ecbff;
  line-height: 10px;
  letter-spacing: 2px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-left .middle-right3-left-sum span {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .buleline {
  position: absolute;
  top: 32px;
  left: 238px;
  width: 1px;
  height: 57px;
  border-left: 2px solid #122a9b;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right {
  position: absolute;
  top: 32px;
  right: 62px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right .middle-right3-right-title {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right .middle-right3-right-sum {
  font-size: 32px;
  font-family: "Zidingyi";
  font-weight: 400;
  text-align: left;
  color: rgba(38, 247, 167, 0.81);
  line-height: 10px;
  letter-spacing: 2px;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-right .middle-right3-right-sum span {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 10px;
  letter-spacing: 0;
}
#dataCockpitMiddle .middle-div .middle-right .middle-right3 .middle-right3-bottom {
  width: 340px;
  height: 17px;
  font-size: 10px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: left;
  color: #c9c9c9;
  line-height: 10px;
  letter-spacing: 1px;
  position: absolute;
  top: 99px;
  left: 28px;
}
.v2-middle .right-unit {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 400;
  color: #e2e2ff;
}
.v2-middle .juxing {
  position: absolute;
  right: 64px;
  top: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #168dcc;
}
.v2-middle .company-box-new {
  padding: 10px 0 20px 37px;
  overflow: hidden;
  margin-bottom: 20px;
}
.v2-middle .company-box-new .company-box-item-1 {
  float: left;
  overflow: hidden;
  margin-right: 12px;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 {
  float: left;
  margin-right: 30px;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count1 {
  font-size: 22px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 5px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count1 .left-title1 {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
  margin: 8px 0;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count1 .left-title1,
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count2 .left-title1,
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count1 .left-title2,
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count2 .left-title2 {
  display: inline-block;
  width: 134px;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count2 {
  font-size: 18px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-left-1 .left-count2 .left-title2 {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 16px;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-right {
  padding-right: 8px;
  text-align: center;
  padding-top: 66px;
  float: left;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/com-right-bg.gif") no-repeat center center;
  background-size: 100% 100%;
  width: 132px;
  height: 224px;
  margin-top: 8px;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-right .item-right-percent {
  font-size: 18px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 6px 0px #ffffff;
}
.v2-middle .company-box-new .company-box-item-1 .company-box-item-right .item-right-title {
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 16px;
}
.v2-middle .company-box-new .company-box-item-1:nth-child(3) {
  margin-right: 20px;
}
.v2-middle .company-box-new .company-box-item-1:nth-child(3) .company-box-item-right {
  display: none;
}
.v2-middle .company-box-down {
  display: flex;
  justify-content: space-between;
}
.v2-middle .materials-statistics .materials-statistics-btns {
  margin: 0 auto;
  width: 420px;
  display: flex;
  justify-content: space-between;
}
.v2-middle .materials-statistics .materials-statistics-btns .materials-statistics-btns-item {
  width: 130px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: all ease-in-out 0.33s;
}
.v2-middle .materials-statistics .materials-statistics-btns .active {
  background: #3366ff !important;
  color: #ffffff !important;
}
.v2-middle .materials-statistics .materials-statistics-datas {
  margin-top: 20px;
}
.v2-middle .materials-statistics .materials-statistics-datas .materials-statistics-datas-item,
.v2-middle .materials-statistics .materials-statistics-datas .materials-statistics-datas-des {
  display: flex;
  justify-content: space-between;
}
.v2-middle .materials-statistics .materials-statistics-datas .materials-statistics-datas-item div,
.v2-middle .materials-statistics .materials-statistics-datas .materials-statistics-datas-des div {
  width: 33%;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.v2-middle .materials-statistics .materials-statistics-datas .materials-statistics-datas-des {
  margin-bottom: 20px;
}
.v2-middle .materials-statistics .materials-statistics-datas .materials-statistics-datas-des div {
  font-size: 12px;
  font-weight: 400;
  color: #bcc7ff;
}
.v2-middle .materials-statistics .materials-statistics-titles {
  width: 830px;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
}
.v2-middle .materials-statistics .materials-statistics-titles .materials-statistics-titles-item {
  width: 120px;
  color: #fff;
  text-align: center;
}
.v2-middle .materials-statistics .materials-statistics-titles .materials-statistics-titles-item:nth-child(3) {
  width: 130px;
}
.v2-middle .materials-statistics .materials-statistics-titles .materials-statistics-titles-item:nth-child(4) {
  width: 60px;
}
.industry-protocol-new {
  width: 100%;
  height: 100px;
  padding: 26px 34px 0;
  display: flex;
  justify-content: space-between;
}
.industry-protocol-new .protocol-item-new {
  overflow: hidden;
}
.industry-protocol-new .protocol-item-new .protocol-item-left-new {
  float: left;
  margin-right: 10px;
}
.industry-protocol-new .protocol-item-new .protocol-item-right-new {
  float: left;
}
.industry-protocol-new .protocol-item-new .protocol-item-right-new .protocol-item-count-new {
  font-size: 24px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
.industry-protocol-new .protocol-item-new .protocol-item-right-new .protocol-item-count-new .protocol-item-unit-new {
  font-size: 12px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 18px;
}
.industry-protocol-new .protocol-item-new .protocol-item-right-new .protocol-item-title-new {
  font-size: 12px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 18px;
}
.industry-model {
  position: relative;
  width: 401px;
  height: 326px;
  margin: 45px auto 0;
  background: url("https://360humi-public-obs.360humi.com/sch/%E5%B7%A5%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%A4%A7%E5%B1%8F/model-bg.png") no-repeat center center;
}
.industry-model .model-item {
  position: absolute;
}
.industry-model .model-item .model-item-title {
  font-size: 14px;
  font-weight: 400;
  color: #e2e2ff;
  line-height: 10px;
  letter-spacing: 1px;
  margin: 6px 0 13px;
}
.industry-model .model-item .model-item-count {
  font-size: 24px;
  font-family: "Zidingyi1", "Zidingyi2";
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 12px 0px #ffffff;
}
.industry-model .model-item .model-item-count .model-item-unit {
  font-size: 10px;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 11px;
}
.industry-model .model-item1 {
  left: 0;
  top: 0;
}
.industry-model .model-item2 {
  right: 10px;
  top: 10px;
}
.industry-model .model-item3 {
  bottom: -34px;
  left: 0;
}
.industry-model .model-item4 {
  bottom: -34px;
  right: 10px;
}
.service-wfw {
  padding: 10px 14px 0;
  overflow: hidden;
}
.service-wfw .service-wfw-left {
  float: left;
  width: 132px;
  margin-right: 33px;
}
.service-wfw .service-wfw-left .zj-title {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
  letter-spacing: 1px;
}
.service-wfw .service-wfw-left .service-wfw-left-quan {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.service-wfw .service-wfw-left .service-wfw-left-title {
  font-size: 12px;
  font-weight: 400;
  color: #bcc7ff;
  line-height: 26px;
}
.service-wfw .service-wfw-right {
  float: left;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment {
  background-size: 100% 100%!important;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-num-wrap .equipment-num {
  margin-bottom: -10px !important;
}
#dataCockpit-v3 #dataCockpit-v2-2 .equipment .equipment-num-wrap {
  height: 144px;
}
#dataCockpit-v2-2 #registerRollNew {
  overflow: hidden;
  /*溢出的部分不显示*/
  height: 80px;
  margin-top: 20px;
  width: 100%;
}
#dataCockpit-v2-2 .commonC {
  display: inline-block;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  color: #cfddff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 2px;
  width: 110px;
}
#dataCockpit-v2-2 .typed {
  width: 40px;
}
#dataCockpit-v2-2 .typeh {
  width: 80px;
}
#dataCockpit-v2-2 .typec,
#dataCockpit-v2-2 .typeg {
  width: 130px;
}

#gd_div > div > strong > span {
  font-size: 55px;
  font-family: DINCondensed-Bold;
  font-weight: bold;
  color: #ffffff;
  line-height: 66px;
}

.expo2021-industry {
  padding-top: 16px;
}
.expo2021-industry .expo2021-industry-btns {
  margin: 0 auto 30px;
  width: 1600px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.expo2021-industry .expo2021-industry-btns:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0184A0;
  width: 100%;
  height: 1px;
  z-index: -1;
}
.expo2021-industry .expo2021-industry-carousel {
  width: 1732px;
  height: 744px;
  position: relative;
  margin: 0 auto;
}
.expo2021-industry .expo2021-industry-carousel .carousel-next {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: -15px;
  cursor: pointer;
}
.expo2021-industry .expo2021-industry-carousel .carousel-prev {
  position: absolute;
  transform: translateY(-50%) rotate(180deg);
  top: 50%;
  left: -15px;
  cursor: pointer;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide {
  width: 1042px;
  height: 744px;
  position: absolute;
  transition: all linear 0.5s;
  left: 345px;
  z-index: 1;
  transform-origin: center;
  background: #050F26;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-current {
  z-index: 6;
  transform: scale(1);
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-next,
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-prev {
  z-index: 3;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-next {
  transform: translateX(-450px) scale(0.73);
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-prev {
  transform: translateX(450px) scale(0.73);
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-next-n,
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-prev-p {
  z-index: 2;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-next-n {
  transform: translateY(-120px) translateX(-400px) scale(0.61);
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide.slide-prev-p {
  transform: translateY(-120px) translateX(400px) scale(0.61);
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/industry/industries-list-bg.png") center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  padding: 20px 36px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap > h2 {
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/industry/carousel-bg.png") center no-repeat;
  width: 980px;
  height: 550px;
  margin-bottom: 10px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line {
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #c7c9ce;
  line-height: 50px;
  padding: 0 40px;
  display: flex;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line.carousel-line-2n {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/industry/carousel-line.png") center no-repeat;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line.carousel-line-header {
  background: url("https://360humi-public-obs.360humi.com/a-360humi-staticimg-reserve/expo_datashow/industry/carousel-line-header.png") center no-repeat;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line.carousel-line-header > div:nth-child(3) {
  text-align: center;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line > div {
  text-align: center;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line > div:nth-child(1) {
  width: 100px;
  text-align: left;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line > div:nth-child(2) {
  width: 250px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line > div:nth-child(3) {
  width: 300px;
  text-align: left;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line > div:nth-child(4) {
  width: 100px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .carousel-line > div:nth-child(5) {
  width: 150px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .swiper-container {
  height: 500px;
}
.expo2021-industry .expo2021-industry-carousel .expo2021-industry-carousel-slide .carousel-wrap .info-box .swiper-container-free-mode > .swiper-wrapper {
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  margin: 0 auto;
}