/* 定义css全局变量 start */
:root {
  --headerBgColor: #f6f9f8;
}

/* 定义css全局变量 end */


body {
  overflow-x: hidden !important;
}

/* 头部左面内容 */
.nav-left {
  display: flex;
  justify-content: flex-end;
}

.btn.btn-blue {
  color: #fff;
  font-weight: 500;
  background-color: #3751F1;
}

.btn.btn-blue-pro {
  color: #fff;
  font-weight: 500;
  background: linear-gradient(42deg, rgba(255, 223, 137, 1) 0%, rgba(247, 141, 0, 1) 100%);
}

.btn.btn-green {
  color: #fff;
  font-weight: 500;
  background-color: #67C23A;
}

.login-btn {
  font-size: 14px;
}

.free-use-btn {
  color: #fff;
}

.show-in-moblie {
  display: none;
}

#head-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.no-login-btn.btn {
  margin-right: 0 !important;
}

.navbar {
  position: sticky;
  top: 0;
  height: 78px;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
  border: none;
}

.navbar .nav-link {
  color: rgba(117, 117, 117, 0.8) !important;
}

.navbar .nav-link.active {
  color: #323d47 !important;
}

.nav-drop-down {
  position: fixed;
  top: 100px;
  left: 0px;
  height: 0px;
  width: 100vw;
  background: #fff0;
  display: flex;
  justify-content: center;
  font-size: 14px;
  overflow: hidden;
  transition: all 0.3s;
}

.drop-down-container {
  display: flex;
  width: 100vw;
  justify-content: center;
  background-color: #fff;
  /* height: 420px; */
}

.trapezoid-box-bg {
  position: absolute;
  bottom: 0px;
  left: 0;
  border-bottom: 100px solid #fff;
  border-right: 64px solid transparent;
  width: 56vw;
  display: none;
  /* background-color: #fff; */
}

.col-one {
  width: 340px;
  display: flex;
  flex-flow: column;
  margin-right: 28px;
  position: relative;
}

.big-logo {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: -50px;
  right: -30px;
  z-index: 1;
  opacity: 0;
  animation: spin 20s linear infinite;
  transition: all 3.5s;
}

#mileStone {
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

#mileStone .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333;
  margin-bottom: 10px;
}

#mileStone .item .item-value {
  font-weight: 600;
  font-size: 32px;
}

#mileStone .item .item-title {
  font-size: 14px
}

.banner-bg-new {
  height: 700px;
  position: relative;
  margin-bottom: 45px;
  overflow: hidden;
}

.banner-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 700px;
  transform: translateX(-50%);
}

.banner-bg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 668px;
  object-fit: none;
}

.banner-content {
  position: absolute;
  left: 410px;
  top: 50%;
  transform: translateY(-58%);
}

.banner-title {
  line-height: 60px;
  font-size: 48px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #333333;
}

.banner-title-2 {
  font-size: 22px;
  margin-bottom: 31px;
}

.banner-desc {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #000000;
  line-height: 24px;
  display: flex;
  align-items: center;
}

/* 横杠 */
.banner-whipptree {
  background-color: #3751F1;
  width: 32px;
  height: 6px;
  margin-bottom: 31px;
}

/* banner-desc小圆点 */
/* .banner-desc::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  background: #FCCD5C;
  border-radius: 50%;
  margin-right: 10px;
} */
.banner-button-start {
  width: 180px;
  height: 43px;
  text-align: center;
  background: #3351ff;
  color: #fff;
  font-size: 18px;
  padding: 4px 16px;
  display: block;
  border-radius: 5px;
  margin-top: 40px;
}

.banner-button-start:hover {
  color: #FFF;
}

.banner-image {
  position: absolute;
  right: 280px;
  top: 25px;
  width: 891px;
  height: 635px;
  overflow: hidden;

}

.banner-image-arrow {
  position: absolute;
  top: 100px;
  right: 220px;
  animation: arrow-animation 8s infinite;
  animation-timing-function: linear;
  -webkit-animation: arrow-animation 8s infinite;
  /* Safari and Chrome */
  -webkit-animation-timing-function: linear;
}

.banner-image-computer {
  position: absolute;
  top: 200px;
  left: 0;
}

.banner-spaceship {
  position: absolute;
  top: 250px;
  right: 420px;
  width: 280px;
  height: 550px;
  animation: spaceship-fly 8s infinite;
  animation-timing-function: linear;
  -webkit-animation: spaceship-fly 8s infinite;
  /* Safari and Chrome */
  -webkit-animation-timing-function: linear;
}

.banner-image-spaceship {
  position: absolute;
  top: -20px;
  right: -140px;
}

.banner-image-fire1 {
  position: absolute;
  top: 310px;
  right: -128px;
  animation: fireburn1 3s infinite;
  -webkit-animation: fireburn1 3s infinite;
  /* Safari and Chrome */
}

.banner-image-fire2 {
  position: absolute;
  top: 344px;
  right: -80px;
  animation: fireburn2 3s infinite;
  -webkit-animation: fireburn2 3s infinite;
  /* Safari and Chrome */
}

/* .banner-image-fire3 {
  position: absolute;
  top: 50px;
  right: 220px;
} */
.banner-image-fire4 {
  position: absolute;
  top: 353px;
  right: 20px;
  animation: fireburn4 3s infinite;
  -webkit-animation: fireburn4 3s infinite;
  /* Safari and Chrome */
}

/* 定义整体火箭动画 */
@keyframes spaceship-fly {
  0% {
    transform: translateY(0)
  }

  25% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(20px)
  }

  75% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0)
  }
}

/* 定义整体火箭动画 */
@keyframes arrow-animation {
  0% {
    transform: translateY(0) scale(1)
  }

  25% {
    transform: translateY(5px) scale(1.05)
  }

  50% {
    transform: translateY(10px) scale(1.1)
  }

  75% {
    transform: translateY(5px) scale(1.05)
  }

  100% {
    transform: translateY(0) scale(1)
  }
}

/* 定义火箭火焰动画 */
@keyframes fireburn1 {
  0% {
    opacity: 1;
  }

  25% {
    opacity: .9;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: .7;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fireburn2 {
  0% {
    opacity: .7;
    transform: scaleY(1) translateY(0);
  }

  25% {
    opacity: 1;
    transform: scaleY(1.2) translateY(18px)
  }

  50% {
    opacity: .9;
    transform: scaleY(1.2) translateY(18px)
  }

  75% {
    opacity: 1;
    transform: scaleY(1.2) translateY(18px)
  }

  100% {
    opacity: .7;
    transform: scaleY(1) translateY(0px)
  }
}

@keyframes fireburn4 {
  0% {
    opacity: 1;
    transform: scaleY(1)
  }

  25% {
    opacity: .9;
    transform: scaleY(1.2)
  }

  50% {
    opacity: 1;
    transform: scaleY(1.2)
  }

  75% {
    opacity: .7;
    transform: scaleY(1.2)
  }

  100% {
    opacity: 1;
    transform: scaleY(1)
  }
}

/* 
  turn : 定义的动画名称
  1s : 动画时间
  linear : 动画以何种运行轨迹完成一个周期
  infinite :规定动画应该无限次播放
 */
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
  }

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

  75% {
    -webkit-transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.drop-down-item {
  height: 128px;
  margin-top: 17px;
  color: #333333;
  padding: 16px 40px;
  position: relative;
}

.drop-down-item .logo {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  left: 12px;
  background-repeat: none !important;
}

.drop-down-item .title {
  font-size: 18px;
}

.drop-down-item .content {
  font-weight: 400;
  font-size: 14px;
  margin-top: 12px;
}

.drop-down-title {
  color: #666666;
  height: 55px;
  border-bottom: rgb(227 227 227) 1px solid;
  padding-top: 18px;
}

.m-nav-link {
  padding: 10px 20px;
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}

.m-nav-link:hover {
  color: #3351ff;
}

#product-drop:hover .nav-drop-down {
  height: 487px;
  cursor: default;
}

#product-drop:hover .nav-drop-down .big-logo {
  opacity: .8;
}

.banner-bg {
  background-image: linear-gradient(27deg, #015eea, #00c0fa);
  padding-top: 80px;
  padding-bottom: 100px;
  /* height: 570px; */
  position: relative;
}

/* .text-left {
  text-align: left;
} */

.big-title {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 5px;
  /* background-image: linear-gradient(165deg, #f7cb6b, #fba980 ); */
  /* color: transparent; */
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
  width: 400px;
}

/* .big-title::selection{
  color:deeppink;
  background-color: #0ff;
} */
.banner-btn {
  width: 202px;
  height: 56px;
  font-size: 22px;
  line-height: 36px;
  border-radius: 12px;
  background-image: linear-gradient(165deg, #f7cb6b, #fba980);
  margin-bottom: 200px;
  float: left;
}

/* .banner-image {
  position: absolute;
  right: -57px;
  top: -80px;
} */
.section-1 {
  /* height: 625px; */
  width: 100%;
  /* background-color: #fba980; */
  padding: 20px 70px 40px 70px;
  position: relative;
}

.desc-card {
  width: 280px;
  height: 395px;
  border-radius: 8px;
  background-color: #fff;
  min-width: 280px;
}

.desc-card-enable:hover {
  box-shadow: #3351ff33 0px 0px 8px 8px;
  cursor: pointer;
}

.card-container {
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.section-1 .title,
.section-3 .title {
  width: 100%;
  font-size: 34px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 75px;
  text-align: center;
}

.section-1 .title-desc,
.section-3 .title-desc {
  width: 100%;
  /* height: 84px; */
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #999999;
  line-height: 26px;
  text-align: center;
}

.section-1 .container {
  position: relative;
  z-index: 1;
}

.fake-box-container {
  width: 100%;
  height: 720px;
  position: absolute;
  top: -65px;
  left: 0;
  /* box-shadow: #6767671c 0px 0px 8px 8px; */
  margin-top: 15px;
  /* border-radius: 12px; */
  /* background-color: #fff; */
  z-index: 1;
  overflow: hidden;
}

.fake-box {
  width: 100%;
  height: 690px;
  position: absolute;
  top: 13px;
  /* left: 8vw; */
  /* box-shadow: #6767671c 0px 0px 8px 8px; */
  /* border-radius: 12px; */
  background-color: #fff;
  z-index: 1;
}

.desc-card {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 140px 25px;
  position: relative;
}

.desc-card-title {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #333333;
  line-height: 24px;
}

.desc-card-desc {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  line-height: 36px;
  margin: 20px 10px;
  position: relative;
}

.desc-card-btn {
  width: 160px;
  height: 40px;
  border-radius: 16px;
  background-image: linear-gradient(42deg, rgba(255, 223, 137, 1) 0%, rgba(247, 141, 0, 1) 100%);
  text-align: center;
  line-height: 40px;
  color: #000;
  font-weight: 600;
  position: absolute;
  bottom: 40px;

  .a:hover {
    color: #000;
  }
}

.desc-card-btn-grey {
  width: 160px;
  height: 40px;
  border-radius: 16px;
  background-color: rgb(155, 155, 155);
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  bottom: 40px;
}

.desc-card-logo {
  position: absolute;
  top: 30px;
  width: 90px;
  height: 90px;
}

.extension-desc-card-logo {
  position: absolute;
  top: 30px;
  width: 150px;
}

.section-2 {
  height: 100%;
  /* background-image: linear-gradient(117deg, #015eea, #13a9e9); */
  background: url(/images/index-who-to-use.jpg) no-repeat;
  background-size: 55% 75%;
  background-position: calc(100% - 10px) 50%;
  position: relative;
  padding: 80px 90px;
}

.section-2-what {
  height: 100%;
  /* background-image: linear-gradient(117deg, #015eea, #13a9e9); */
  background: url(/images/homePage/computer.png) no-repeat;
  background-size: 55% 75%;
  background-position: calc(100% - 10px) 50%;
  position: relative;
  padding: 80px 90px;
}

.trapezoid-box-bg-2 {
  position: absolute;
  top: 0px;
  right: 0;
  border-top: 110px solid #fff;
  border-left: 64px solid transparent;
  width: 60vw;
  display: none;
  /* background-color: #fff; */
}

.s-2-title {
  font-size: 45px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 75px;
  padding-left: 20px;
  line-height: 45px;
  margin-bottom: 10px;
}

.s-2-desc {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 24px;
  padding-left: 20px;
}

.s-2-cards-container {
  display: flex;
  padding: 0 20px;
  justify-content: space-around;
  margin-top: 20px;
  flex-wrap: wrap;
  margin-bottom: 35px;
}

.s-2-cards {
  width: 332px;
  height: 346px;
  /* width: 300px; */
  min-width: 332px;
  /* height: 410px; */
  background-color: #fff;
  border-radius: 12px;
  margin: 10px;
  overflow: hidden;
  transition: all .3s;
  box-shadow: 0px 2px 20px rgba(10, 115, 237, 0.1);
  padding-left: 32px;
  padding-right: 32px;
}

.s-2-cards:hover {
  transform: scale(1.07);
}

.s-2-text-title {
  font-family: Source Han Sans CN;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.04em;
  color: #333333;
  margin-top: 32px;
  margin-bottom: 22px;
}

.s-2-text-desc {
  font-family: Source Han Sans CN;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #666666;
  margin-bottom: 42px;
}

.s-2-text-link {
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #F6C96D !important;
  line-height: 36px;
  cursor: pointer;
}

.s-2-text-link a {
  color: #F6C96D !important;
}

.s-2-cards img {
  width: 66px;
  height: 56px;
  max-width: 66px;
  max-height: 56px;
  margin-top: 46px;
  /* margin-left: 33px;    */
}

/* .s-3-title {
  text-align: center;
  font-size: 34px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 75px;
}
.s-3-desc{
  text-align: center;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  line-height: 24px;
} */

.flex-row {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.s-3-item {
  margin: 0px 10px;
  text-align: center;
}

.introduction .s-3-item {
  margin-bottom: 20px;
}

.s-3-item .item-text {
  margin-top: 10px;
}

.s-3-item img {
  width: 190px;
  height: 125px;
  margin-bottom: 0px;
  object-fit: contain
}

.s-3-item .s-3-price-img {
  width: 270px;
  height: 170px;
  margin-bottom: 0px;
}

.s-3-item .s-3-price-title {
  background: none;
  color: #333;
  font-size: 16px;
  text-align: center;
  width: 100%;
}

.s-3-item .s-3-price-desc {
  background: none;
  color: #CCC;
  font-size: 12px;
  text-align: center;
  width: 100%;
  line-height: 18px;
  margin-bottom: 16px;
}

.s-3-item div {
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #000000;
  line-height: 50px;
  width: 180px;
  margin-top: -4px;
  background: linear-gradient(42deg, rgba(255, 223, 137, 1) 0%, rgba(247, 141, 0, 1) 100%);
  border-radius: 20px;
  text-align: center;
}

.s-3-item-2 {
  display: flex;
  align-items: center;
  padding: 60px 10px;
}

.s-3-item-2 img {
  width: 38px;
  height: 38px;
  margin-right: 10px;
}

.s-3-item-2 div {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #666666;
  line-height: 24px;
}

.section-4 {
  /* height: 360px; */
  background: linear-gradient(42deg, #3351FF 0%, #3351FF 100%);
  background-size: 100% 100%;
  position: relative;
}

.s-4-title {
  font-size: 48px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  margin-top: 70px;
}

.s-4-desc {
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  margin-top: 10px;
}

.footer-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #FFF;
  align-items: baseline;
  margin: 0 80px;
  font-size: 14px;
}

.footer-content {
  display: flex;
  margin: 0 130px;
  width: 100%;
  position: relative;
  flex-wrap: wrap;
}

.footer-content-img {
  /* position: absolute;
  right: 0px;
  top: 0px; */
  width: 120px;
  height: 120px;
  margin-top: 20px;
  border: 4px solid #F6F9F8;
  border-radius: 6px;
}

.footer-item {
  /* border-right: 1px solid #393939; */
  flex: 1 1;
  margin-top: 35px;
  padding-left: 20px;
  position: relative;
  min-width: 140px;
}

.footer-item:last-child {
  border-right: none;
}

.footer-item-title {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 26px;
  margin-bottom: 10px;
}

.footer-item-desc {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 26px;
  margin-bottom: 10px;
}

.footer-item-divider {
  position: absolute;
  right: 0;
  top: 20px;
  width: 1px;
  background: #FFF;
  height: 220px;
  margin-right: 30px;
}

.navbar-scrolled .navbar {
  top: 120px !important;
  transition: all 0;
  background-color: #fff;
  box-shadow: 0px 6px 16px 0px rgba(74, 74, 74, 0.08);
}

.table-label {
  font-size: 14px;
  width: 120px;
  font-weight: 600;
  color: #333;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}

.table-value {
  flex: 1 1;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}

.value-tips {
  font-size: 12px;
  color: #999;
  font-weight: normal !important;
}

.value-tips>img {
  width: 14px;
}

.value-tips-check {
  font-size: 14px;
  color: #666;
  font-weight: normal !important;
}

.value-tips-check>img {
  width: 16px;
}

.category-table {
  margin: 0 30px;
  border-top: #e9e9e9 1px solid;
  margin-top: 30px;
  box-shadow: rgb(228 231 245) 0px 0px 10px 2px;
}

.category-table .flex-row {
  border: #e9e9e9 1px solid;
  border-top: none;
}

.category-table .flex-row>div {
  padding: 15px 6px;
  text-align: center;
  border-right: #e9e9e9 1px solid;
  font-weight: 500;
}

/* .category-table .flex-row:nth-child(1) > div  {
  padding-top: 0px;
} */
.category-table .flex-row:first-child>div {
  height: 69px;
  font-size: 14px;
  flex-flow: row;
  flex-wrap: wrap;
}

.category-table .flex-row:first-child>div .tips {
  padding: 0px 6px;
  background-color: #FFB400;
  color: #fff;
  font-size: 12px;
  margin-left: 6px;
  border-radius: 3px;
}

.category-table .flex-row:first-child>div .tips_private {
  padding: 0px 6px;
  background-color: #FF0000;
  color: #fff;
  font-size: 12px;
  margin-left: 6px;
  border-radius: 3px;
}

.category-table .flex-row>div:nth-last-child(1) {
  border-right: none;
}

.category-table .btn {
  width: 180px;
  font-size: 16px;
  border-radius: 10px;
}

.price-item-bg {
  object-fit: contain;
}

.price-item {
  display: flex;
  flex-flow: column;
  position: relative;
  justify-content: flex-start !important;
  padding: 3% 2% !important;
}

.price-item .price-item-desc {
  width: 100%;
  top: 0;
  left: 0;
  color: #333;
}

.price-item-desc div {
  text-align: center;
}

.price-item-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 54px;
}

.price-item-value {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  /** color: #FF0000; **/
  color: #3751F1;
}

.price-item-value-green {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: #67C23A;
}

.price-item-value-pro {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: #F7A545;
}

.price-item-value .yuan {
  font-size: 28px;
}

.price-item-unit {
  font-size: 14px;
  margin-top: 8px;
}

.col-center {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.table-2 .row {
  flex-wrap: nowrap;
}

.table-2 {
  margin-top: 60px !important;
  box-shadow: 0px 5px 18px rgba(55, 81, 241, 0.1)
}

.footer-row {
  flex-wrap: wrap;
}

.drop-down-item-1:hover {
  background-color: #FFF0F0;
}

.drop-down-item-2:hover {
  background-color: #E4F8FF;
}

.drop-down-item-3:hover {
  background-color: #FFFBDD;
}

.drop-down-item-4:hover {
  background-color: #E3F0FF;
  ;
}

.drop-down-item-5:hover {
  background-color: #E3F0FF;
}

.drop-down-item-6:hover {
  background-color: #E4F8FF;
}

.nav-drop-down-h5 {
  display: none;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 10px;
}

.nav-drop-down-h5 .link-item {
  /* display: none; */
  color: #333;
  margin-top: 20px;
}

.nav-drop-down-h5 .link-item:hover {
  /* display: none; */
  color: inherit;
}

.has-login-btn {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.has-register-btn {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.has-register-btn {
  display: none;
}

.has-login-btn {
  display: none;
}

.userLogined .has-login-btn {
  display: block;
}

.userLogined .no-login-btn {
  display: none;
}

.userLogined .has-register-btn {
  display: none;
}

.userRegister .has-login-btn {
  display: none;
}

.userRegister .no-login-btn {
  display: none;
}

.userRegister .has-register-btn {
  display: block;
}

.sales-banner-content {
  //background: linear-gradient(42deg, #3351FF 0%, #3351FF 100%);
  background: url('//oss.yesdev.cn/yesdev_www/bg_price.png') no-repeat;
  background-size: cover;
  padding: 80px;
  color: #fff;
}

.sales-banner-content h1 {
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.sales-banner-content h2 {
  color: #fff;
  font-weight: 480;
  text-align: center;
}

.sales-banner-content p {
  text-align: center;
}

.zebra_pattern {
  background: #f8f8f8;
}

.zebra_pattern:nth-child(2n) {
  background: #fff;
}

.hi_content {
  font-size: 16px;
}

@media (max-width:1200px) {
  .btn.btn-adaption {
    padding: 5px 7px 6px;
  }

  .banner-content {
    transform: none;
  }

  .section-2 {
    /* 屏幕小的时候不显示  */
    background-size: 0%, 0%;

  }

  .banner-bg-new {
    height: auto;
  }

  .banner-title-2 {
    margin-bottom: 18px;
  }

  .banner-wrap {
    position: relative;
    width: 100vw;
    left: 0;
    height: auto;
    transform: translateX(0%);
    padding-top: 5vw;
  }

  .banner-bg-img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
  }

  .banner-bg {
    padding-top: 40px;
  }

  .banner-font {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }

  .banner-content,
  .banner-image {
    position: relative;
    left: auto;
    top: auto;
    right: auto
  }

  .banner-flex {
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .banner-flex img {
    max-width: 80%;
  }

  .big-title {
    text-align: center !important;
    margin-top: .35rem !important;
  }

  .fake-box,
  .trapezoid-box-bg,
  .trapezoid-box-bg-2 {
    display: none;
  }

  /* .banner-image {
    position: static;
  } */

  .banner-btn {
    margin-bottom: -60px;
    float: none;
  }

  .price-item-value {
    font-size: 60px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 20px;
  }

  .price-item-unit {
    /* font-size: 30px; */
    margin-top: 8px;
  }

  .category-table .btn {
    width: auto;
    font-size: 12px;
  }

  .footer-item-desc {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 14px;
    margin-bottom: 10px;
  }

  .footer-item-divider {
    display: none;
  }

  .footer-content-img {
    width: 100px;
    height: 100px;
  }

  .footer-content {
    margin: 0 30px;
  }

  .s-4-title {
    font-size: 30px;
  }

  .s-4-desc {
    font-size: 16px;
  }
}

@media (max-width:1000px) {
  .category-table {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-drop-down {
    display: none;
  }

  .m-nav-link:hover .nav-drop-down-h5 {
    display: flex;
    flex-flow: column;
    padding-left: 30px;
  }

  .price-item-value {
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
  }

  .price-item-unit {
    /* font-size: 20px; */
  }

  .hi_content {
    font-size: 14px;
  }

  .hi_content_exploit h2 {
    font-size: 30px !important;
  }

  .hi_content_cp .sayhi {
    font-size: 22px !important;
  }
}

@media (max-width:769px) {
  .banner-content {
    padding: 0 30px 0 20px;
  }

  .btn.btn-blue {
    transform: scale(0.7);
    margin: -10px -15px;
  }

  .category-table .flex-row:first-child>div .tips {
    padding: 0 2px;
    margin: 0;
    transform: scale(0.8);
  }

  .category-table {
    margin-left: 0;
    margin-right: 0;
  }

  @media (max-width: 979px) and (min-width: 768px) {
    .category-table .leftest {
      display: none;
    }

    .category-table .price-item-value-pro,
    .category-table .price-item-value-green {
      font-size: 18px;
    }
  }

  @media (max-width: 769px) {
    .category-table .leftest {
      display: none;
    }

    .category-table .price-item-value-pro,
    .category-table .price-item-value-green {
      font-size: 16px;
    }
  }

  @media (max-width: 767px) {
    .category-table .leftest {
      display: none;
    }

    .category-table .price-item-value-pro,
    .category-table .price-item-value-green {
      font-size: 16px;
    }
  }

  @media (max-width: 375px) {
    .category-table .leftest {
      display: none;
    }

    .category-table .price-item-value-pro,
    .category-table .price-item-value-green {
      font-size: 16px;
    }
  }

  .banner-bg-new {
    margin-bottom: 0;
  }

  .banner-image {
    transform: scale(.4);
    margin-top: -50px;
  }

  .banner-title {
    font-size: 40px;

  }

  .banner-title-2 {
    font-size: 18px;
    line-height: 30px;
  }

  .banner-desc {
    font-size: 16px;
  }

  /* .banner-desc {
    font-size: 12px;
    text-align: center;
    margin-top: -15px;
    text-align: center !important;
  } */
  .banner-flex .mt-3 {
    margin-top: 0.35rem !important;
  }

  .title-desc div {
    text-align: left;
  }

  .section-1 {
    padding: 8px 40px 45px 40px;
  }

  .section-2 {
    /* 屏幕小的时候不显示  */
    background-size: 0%, 0%;
    padding: 60px 20px;
  }

  .banner-bg {
    padding-top: 30px;

  }

  .big-title {
    font-size: 28px;
    width: 290px;
    text-align: center !important;
  }

  .s-2-title {
    font-size: 24px;
    padding-left: 0;
    text-align: center;
  }

  .s-2-desc {
    padding-left: 0;
    text-align: center;
  }

  .s-4-desc {
    font-size: 15px;
  }

  .btn-xs {
    padding: 2px 5px 1px;
    font-size: 10px;
  }

  .container {
    max-width: none;
  }

  .flex-row {
    padding: 0;
  }

  .price-item-bg {
    display: none;
  }

  .price-item .price-item-desc {
    position: static;
    width: 100%;
    top: 0;
    left: 0;
    color: #2d2d2d;
  }

  .price-item-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
  }

  .price-item-value {
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0px;
  }

  .price-item-unit {
    font-size: 12px;
  }

  .flex-item .btn {
    font-weight: 500;
    font-size: 12px;
    padding: 2px 6px;
  }

  .table-label {
    width: 80px;
  }

  .sales-banner-content {
    padding: 40px;
  }

  .sales-banner-content h1 {
    font-size: 22px;
  }

  .sales-banner-content p {
    font-size: 12px;
  }

  .bigImage {
    display: none;
  }

  .hide-in-moblie {
    display: none;
  }

  .show-in-moblie {
    display: block;
  }

  #mileStione .item {
    width: 140px;
  }

  #mileStone .item .item-value {
    font-size: 20px;
  }

  .section-1 .title,
  .section-3 .title {
    font-size: 24px;
    line-height: 50px;
  }

  .s-3-item img {
    width: 120px;
    height: 120px;
  }

  .s-3-item .item-text {
    width: 140px;
  }
}

@media (max-width:520px) {
  .navbar {
    position: relative;
  }

  .no-login-btn {
    margin-right: 0 !important;
  }
}

@media (max-width:370px) {
  .has-register-btn {
    display: none;
    right: 71px;
    bottom: -10px;
    font-size: 12px;
  }
}

/* @media (max-width:340px){
  .has-register-btn{
    right: 71px;
    bottom: -10px;
    font-size: 12px;
  }
} */

/* 未登录时立即购买按钮隐藏 */
.buy-now-btn {
  display: none;
}

.section-3 .selecter {
  display: flex;
  flex-flow: row;
  margin-top: 50px;
  margin-bottom: 41px;
}

.section-3 .select-item {
  flex: 1;
  text-align: center;
  height: 150px;
  display: flex;
  flex-flow: column;
  font-weight: 600;
  font-size: 18px;
  border-bottom: solid 6px #E1EFFF;
  position: relative;
}

.section-3 .select-item.active {
  border-bottom: solid 6px #015EEA;
}

.section-3 .select-item.active::after {
  content: '';
  border: 10px solid;
  border-color: #015EEA transparent transparent transparent;
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-10px);
}

.section-3 .select-item .select-item-icon {
  height: 80px;
  object-fit: contain;
}

.section-3 .content-box {
  padding: 0 22px 30px 22px;
  position: relative;
  /* height: 80px;
  object-fit: contain; */
}

.section-3 .content-box img {
  display: none;
}

.section-3 .content-box img.active {
  display: block;
}

.section-3 .content-box .decoration {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
}

.section-3 .show-in-moblie .content-img {
  padding: 10px 20px;
}

/* 新增chatops页面广告 */
.chat-ops-ul {
  width: 1180px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.chat-ops-ul .chatopsul-div {
  /* width: 300px; */
  width: calc(25% - 30px);
  /* height: 410px; */
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 2px 20px rgba(10, 115, 237, 0.1);
  padding: 0 20px;
  margin-bottom: 30px;
}

.chat-ops-ul .chatopsul-div .li-img-box {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.chat-ops-ul .chatopsul-div .li-img-box img {
  height: 46px;
}

.chat-ops-ul .chatopsul-div .img-title {
  padding-top: 20px;
  text-align: center;
}

.chat-ops-ul .chatopsul-div .img-title .up-desc {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  color: #3351ff;
}

.adviser-team-show-module .adviser-item-card-box {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 4px 8px 0 rgb(48 48 48 / 10%);
  border-radius: 3px;
  background-color: #fff;
  width: calc(50% - 10px);
  height: 260px;
  padding: 30px;
  margin-bottom: 10px;
  transition: .3s;
  z-index: 0;
}

.adviser-team-show-module>.adviser-item-card-box:nth-child(odd) {
  margin-right: 10px;
}

.adviser-team-show-module .adviser-item-card-box:hover {
  position: relative;
  box-shadow: 0 20px 40px 0 rgb(48 48 48 / 5%), 0 30px 60px 0 rgb(48 48 48 / 10%);
  transform: scale(1.07);
  z-index: 1;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-header-img {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f2f2f2;
  overflow: hidden;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-header-img img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-content {
  margin-left: 60px;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-detail {
  margin-left: 60px;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-content .adviser-name {
  font-size: 20px;
  color: #1d1e20;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1.2px;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-detail .detail-title {
  font-size: 14px;
  color: #FFAB00;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-detail .tag-box .tag {
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #ebf3ff;
  color: #3351ff;
  font-size: 14px;
  padding: 0 6px;
  height: 24px;
  line-height: 24px;
}

.adviser-team-show-module .adviser-item-card-box .card-box .adviser-detail .adviser-instruct {
  color: #45464a;
  font-size: 14px;
  margin-top: 15px;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-weight: 400;
}


/* 首页新版本样式内容 start */
/* 首页新版本样式内容 end */