/* 首页 banner */

.index-banner {
  position: relative;
  text-align: center;
  width: 100%;
  height: 760px;
  padding-top: 80px;
}

.btnlist {
  position: absolute;
  top: 502px;
  left: calc(50% - 600px);
}
.shblist {
  height: 100px;
  padding-top: 30px;
}

.shblist img {
  margin-right: 20%;
}
.shblist img:nth-last-child(1) {
  margin-right: 0;
}

/*平台介绍 贴心服务*/

.titleh2 {
  color: #333;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.titleh3 {
  color: #999;
  font-size: 16px;
  text-align: center;
  padding-top: 14px;
  margin-bottom: 18px;
}
.line {
  width: 80px;
  height: 4px;
  border-radius: 2px;
  margin: 0 auto;
}
.lincl1 {
  background-color: #409eff;
}
.lincl2 {
  background-color: #b592ff;
}
.lincl3 {
  background-color: #e38eff;
}
.lincl4 {
  background-color: #ffa270;
}
.lincl5 {
  background-color: #ff503e;
}
.lincl6 {
  background-color: #ff4482;
}
.bg1-wrap {
  width: 100%;
  background: #fff;
  padding: 42px 0 60px 0;
}

.introduce {
  padding: 44px 0 0;
  margin-left: -12px;
  margin-bottom: 16px;
}

.introduce li {
  position: relative;
  width: 230px;
  height: 220px;
  padding: 0 18px;
  text-align: center;
  float: left;
  margin-left: 12px;
  background: #fff;
}

.introduce li img {
  margin: 0 auto;
}

.introduce li h3 {
  font-size: 22px;
  margin: 24px 0 20px 0;
  color: #333;
}

.introduce li p {
  line-height: 22px;
  color: #999;
}

/* 网站更靠谱 */

.bg2-wrap {
  width: 100%;
  background: url(../image/bg-01.png), #fff center center;
  height: 926px;
}

.reliable {
  padding: 56px 0 0;
  margin-bottom: 30px;
}

.reliable li {
  width: 285px;
  height: 260px;
  border: 1px solid #b8e1ff;
  box-shadow: 0px 0px 2px 2px #e6f1f9;
  border-radius: 10px;
  padding: 40px 15px 0;
  text-align: center;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
}
.reliable li:nth-of-type(4n) {
  margin-right: 0;
}

.reliable li h3 {
  font-size: 18px;
  color: #444;
  margin: 26px 0 10px;
  font-weight: bold;
}

.reliable li p {
  font-size: 12px;
  color: #999;
  line-height: 22px;
  text-align: justify;
}

/* 核心业务 */

.bgyw-wrap {
  width: 100%;
  background: url(../image/hxye-bg.jpg) center center;
  background-size: cover;
  padding: 50px 0 60px;
}

.core-business {
  padding: 40px 0 0;
  margin-left: -12px;
  margin-bottom: 30px;
}

.core-business li {
  position: relative;
  width: 230px;
  height: 280px;
  padding: 34px 17px 0;
  text-align: center;
  float: left;
  margin-left: 12px;
  background: #fff;
  border-radius: 10px;
  transition: margin-top 0.3s;
  -moz-transition: margin-top 0.3s;
  /* Firefox 4 */
  -webkit-transition: margin-top 0.3s;
  /* Safari and Chrome */
  -o-transition: margin-top 0.3s;
  /* Opera */
}

.core-business li img {
  margin: 0 auto;
}

.core-business li h3 {
  font-size: 16px;
  margin: 24px 0 14px 0;
  color: #333;
}

.core-business li p {
  line-height: 22px;
  color: #999;
}

.core-business li:hover {
  margin-top: -16px;
  box-shadow: 0 0 5px #ccc;
}

/* 随时监控 */

.controlsafe {
  background: url(../image/tishengbg2.png) no-repeat bottom;
  height: 964px;
  width: 1264px !important;
}

.anquanlist {
  padding-top: 50px;
  overflow: hidden;
}

.anquanlist li {
  width: 510px;
  overflow: hidden;
  margin-bottom: 112px;
}

.anquanlist li .des {
  padding-top: 20px;
  width: 270px;
  margin-left: 20px;
}

.anquanlist li .destitl {
  color: #333;
  font-size: 24px;
  margin-bottom: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

.anquanlist li .desdetail {
  font-size: 14px;
  line-height: 20px;
}

.anquanlist li.fl .des {
  width: 260px;
  margin-left: 16px;
  margin-right: 20px;
}
/* 排名无忧有哪些网店流量？ */
.webflowlist {
  margin-top: 56px;
}
.webflowlist li {
  width: 340px;
  height: 485px;
  border-radius: 10px;
  box-shadow: 0px 0px 3px 1px #e6f1f9;
}
.webname {
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #eee;
  font-size: 20px;
  color: #333;
  padding-left: 50px;
}
.webinfo {
  padding-left: 50px;
  padding-top: 20px;
  height: 330px;
}
.webinfo p {
  margin-bottom: 12px;
  font-size: 15px;
}
.webinfo p img {
  margin-right: 14px;
}
.ljfb {
  margin-left: 50px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  width: 240px;
  height: 42px;
  line-height: 42px;
  border-radius: 21px;
  background-color: #ff4d4d;
}

/* 网店流量大比拼 */
.piptitle {
  background: url(../image/pip1.png) no-repeat center center;
  padding: 0 40px;
  height: 100px;
  line-height: 100px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
}
.pipin {
  padding-bottom: 50px;
}
.piplist {
  background: url(../image/pip2.png) no-repeat center center;
  height: 440px;
  padding: 40px 30px 0 40px;
  margin-bottom: 50px;
}
.piplist .mb {
  margin-bottom: 27px;
}
.piplist .part1 {
  color: #ff9f39;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}
.piplist .part1 img {
  margin-right: 10px;
}
.piplist .part2 {
  margin-left: 34px;
}
.piplist .part3 {
  font-size: 18px;
  font-weight: bold;
  color: #777;
  margin-bottom: 6px;
  padding-right: 10px;
}
.firstflow {
  width: 600px;
}
.chtflow {
  text-align: right;
  width: 480px;
}
/* 客户说 */
.exampleList {
  text-align: center;
  margin-top: 60px;
}
.exampleList.layui-carousel,
.exampleList.layui-carousel > [carousel-item] > * {
  background-color: #fff;
}
.exampleList.layui-carousel > [carousel-item] {
  width: 1100px;
  margin: 0 auto;
}
.exampleList .layui-carousel-arrow {
  width: 76px;
  height: 76px;
}
.exampleList .layui-carousel-arrow[lay-type="sub"] {
  background: url(../image/expl.png) no-repeat center center;
  left: -50px !important;
}
.exampleList .layui-carousel-arrow[lay-type="add"] {
  background: url(../image/expr.png) no-repeat center center;
  right: -50px !important;
}
/* 提升店铺流量 */
.move-play {
  -webkit-animation: animationMove 1s linear alternate infinite;
  animation: animationMove 1s linear alternate infinite;
}
@-webkit-keyframes animationMove {
  0% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes animationMove {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.index_kind5_box {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 10px;
}

.index_kind5_box .index_kind5_contain {
  width: 100%;
  height: 527px;
  border-radius: 4px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09);
}

.index_kind5_box .index_kind5_contain .index_kind5_box_img {
  width: 860px;
  height: 527px;
  float: left;
  position: relative;
  border-radius: 4px 0 0 4px;
}

.index_kind5_box .index_kind5_contain .index_kind5_box_img .img1 {
  position: relative;
  width: 860px;
  height: 527px;
  display: none;
  border-radius: 6px 0 0 6px;
}
.imgdes {
  position: absolute;
  top: 44px;
  left: 55px;
}
.imgdes .t1 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 12px;
}
.imgdes.clr1 {
  color: #ff5d62;
}
.imgdes.clr2 {
  color: #0d9bff;
}
.index_kind5_box .index_kind5_contain .index_kind5_box_img .img1 img {
  width: 100%;
  height: 100%;
  border-radius: 4px 0 0 4px;
}

.index_kind5_box .index_kind5_contain .index_kind5_box_img .img1 .play {
  width: 88px;
  height: 88px;
  position: absolute;
  left: 45%;
  top: 50%;
  /* transform: translateY(-50%); */
  margin-top: -44px;
  cursor: pointer;
}

.index_kind5_box .index_kind5_contain .index_kind5_box_img .img1 .play1 {
  width: 88px;
  height: 88px;
  position: absolute;
  left: 45%;
  top: 50%;
  /* transform: translateY(-50%); */
  margin-top: -44px;
  cursor: pointer;
}

.index_kind5_box .index_kind5_contain .index_kind5_box_img .maker {
  background: #000;
}

.index_kind5_box .index_kind5_contain .index_kind5_box_img .maker .finsh {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.index_kind5_box .index_kind5_contain ul {
  width: 340px;
  height: 527px;
  background: #fff;
  float: left;
  border-radius: 4px 0 0 4px;
}

.index_kind5_box .index_kind5_contain ul li {
  padding: 22px 31px;
  height: 132px;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
}

.index_kind5_box .index_kind5_contain ul li .index_kind5_fist {
  margin-bottom: 8px;
  overflow: hidden;
}

.index_kind5_box .index_kind5_contain ul li .index_kind5_fist i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to right, #ff0000, #ff4711);
  background-image: -ms-linear-gradient(to right, #ff0000, #ff4711);
  background-image: -moz-linear-gradient(to right, #ff0000, #ff4711);
  background-image: -webkit-linear-gradient(to right, #ff0000, #ff4711);
  background-image: -o-linear-gradient(to right, #ff0000, #ff4711);
  filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF0000, endColorstr=#FF4711);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#FF0000, endColorstr=#FF4711)";
  font-size: 16px;
  color: #ffffff;
  float: left;
  font-style: normal;
  text-align: center;
  margin-top: 7px;
  border-radius: 50%;
  line-height: 20px;
}

.index_kind5_box .index_kind5_contain ul li .index_kind5_fist h4 {
  float: left;
  font-size: 20px;
  color: #333;
  line-height: 36px;
  margin-left: 8px;
  margin-right: 16px;
  font-weight: bold;
}

.index_kind5_box .index_kind5_contain ul li .index_kind5_fist span {
  float: left;
  display: inline-block;
  width: 64px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 13px;
  color: #ffffff;
  margin-top: 7px;
  border: 1px solid #ff4546;
  border-radius: 4px;
}

.index_kind5_box .index_kind5_contain ul li p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  color: #999;
  width: 284px;
}

.index_kind5_box .index_kind5_contain ul li:last-child {
  box-shadow: none;
}

.index_kind5_box .index_kind5_contain ul li.active {
  border-right: 7px solid #ff4546;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  border-bottom: 0;
}

.index_kind5_box .index_kind5_contain ul li:nth-child(1).active {
  border-radius: 0 4px 0 0;
}

.index_kind5_box .index_kind5_contain ul li:nth-child(4).active {
  border-radius: 0 0 4px 0;
}

.index_kind5_box .index_kind5_contain ul li.active:after {
  position: absolute;
  top: 55px;
  left: -7px;
  display: inline-block;
  width: 0;
  height: 0px;
  content: "";
  border-style: solid;
  border-width: 10px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(225deg);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.04);
  -webkit-transform: rotate(225deg);
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.04);
  -moz-transform: rotate(225deg);
  -moz-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.04);
  -o-transform: rotate(225deg);
  -o-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.04);
  -ms-transform: rotate(225deg);
  -ms-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.04);
}

.index_kind5_box .index_kind5_contain ul li:nth-child(1) span {
  background-image: linear-gradient(90deg, #ff4711 0%, #ff0000 100%);
  background-image: -ms-linear-gradient(90deg, #ff4711 0%, #ff0000 100%);
  background-image: -moz-linear-gradient(90deg, #ff4711 0%, #ff0000 100%);
  background-image: -webkit-linear-gradient(90deg, #ff4711 0%, #ff0000 100%);
  background-image: -o-linear-gradient(90deg, #ff4711 0%, #ff0000 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF4711, endColorstr=#FF0000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#FF4711, endColorstr=#FF0000)";
}

.index_kind5_box .index_kind5_contain ul li:nth-child(2) span {
  background: #fff;
  color: #ff4546;
  border: 1px solid #ff4546;
}

.index_kind5_box .index_kind5_contain ul li:nth-child(3) span {
  background: #fff;
  color: #ff4546;
  border: 1px solid #ff4546;
}

.index_kind5_box .index_kind5_contain ul li:hover {
  border-bottom: 0;
  transform: scale(1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-transform: scale(1);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -o-transform: scale(1);
  -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-transform: scale(1);
  -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.markLayer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -ms-filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7409eff0, endcolorstr=#7409eff0);
  z-index: 99999999;
  width: 100%;
}

.markLayer .main {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 1300px;
  margin: auto;
}

.markLayer .main .release_video {
  margin: auto;
  height: 647px;
}

.markLayer .main img {
  color: #ccc;
  font-size: 26px;
  position: absolute;
  top: -15px;
  right: -20px;
  cursor: pointer;
  opacity: 1;
  text-shadow: none;
}

#rVideo {
  height: 647px;
}

#finshVideo {
  height: 647px;
}

/* 平台 */
.index_kind6 {
  width: 100%;
  background: #fafafa;
  padding-top: 74px;
}

.index_kind6 .index_kind6_list {
  width: 720px;
  height: 40px;
  box-shadow: inset -1px 0 0 0 #e8e8e8, inset 0 -1px 0 0 #e8e8e8,
    inset 0 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8;
  -webkit-box-shadow: inset -1px 0 0 0 #e8e8e8, inset 0 -1px 0 0 #e8e8e8,
    inset 0 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8;
  -moz-box-shadow: inset -1px 0 0 0 #e8e8e8, inset 0 -1px 0 0 #e8e8e8,
    inset 0 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8;
  -o-box-shadow: inset -1px 0 0 0 #e8e8e8, inset 0 -1px 0 0 #e8e8e8,
    inset 0 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8;
  -ms-box-shadow: inset -1px 0 0 0 #e8e8e8, inset 0 -1px 0 0 #e8e8e8,
    inset 0 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8;
  border-radius: 4px;
  margin: 40px auto 32px;
}

.index_kind6 .index_kind6_list li {
  float: left;
  width: 180px;
  text-align: center;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 40px;
  position: relative;
  box-shadow: inset -1px 0 0 0 #e8e8e8;
  cursor: pointer;
}

.index_kind6 .index_kind6_list li .show {
  display: inline-block;
}

.index_kind6 .index_kind6_list li .unshow {
  display: none;
}

.index_kind6 .index_kind6_list li:nth-child(4) {
  box-shadow: none;
}

.index_kind6 .index_kind6_list li.active {
  background-image: linear-gradient(to right, #ff0000, #ff4711);
  background-image: -ms-linear-gradient(to right, #ff0000, #ff4711);
  background-image: -moz-linear-gradient(to right, #ff0000, #ff4711);
  background-image: -webkit-linear-gradient(to right, #ff0000, #ff4711);
  background-image: -o-linear-gradient(to right, #ff0000, #ff4711);
  filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF0000, endColorstr=#FF4711);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#FF0000, endColorstr=#FF4711)";
  color: #fff;
}

.index_kind6 .index_kind6_list li.active .show {
  display: none;
}

.index_kind6 .index_kind6_list li.active .unshow {
  display: inline-block;
}

.index_kind6 .index_kind6_list li:nth-child(1).active {
  border-radius: 4px 0 0 4px;
}

.index_kind6 .index_kind6_list li:nth-child(4).active {
  border-radius: 0 4px 4px 0;
}

.index_kind6 .index_kind6_list li img {
  margin-right: 6px;
  vertical-align: text-top;
}

.index_kind6_list_tab_box {
  padding-bottom: 50px;
}

.index_kind6 .index_kind6_list_box {
  width: 1320px;
  /* height: 552px; */
  border: 1px solid #e8e8e8;
  box-shadow: 0 6px 10px 0 #eee;
  border-radius: 4px;
  padding: 32px 16px;
  margin-left: -60px;
  display: none;
}

.index_kind6 .index_kind6_list_box .index_kind6_img {
  /* margin-bottom: 16px; */
  overflow: hidden;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_l_img {
  width: 636px;
  height: 450px;
  border: 2px solid #ccc;
  float: left;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_l_img
  .before_use {
  background: #ccc;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_l_img .sycm_b {
  background: url(../image/sycm2.png) no-repeat;
  padding: 75px 0 0 98px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_l_img .qn_b {
  background: url(../image/qn1.png) no-repeat;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_l_img .jd_b {
  background: url(../image/jd1.png) no-repeat;
  padding: 22px 14px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_l_img .pdd_b {
  padding: 104px 0 83px 34px;
  background: url(../image/pdd1.png) no-repeat;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .before_img {
  width: 100%;
  height: 360px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .use {
  width: 120px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 16px;
  margin-top: -1px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val {
  width: 100%;
  height: 70px;
  margin-bottom: 38px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li {
  float: left;
  width: 133px;
  height: 70px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li .num {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.85);
  height: 40px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li .num span {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 26px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li .small {
  font-size: 9px;
  color: #2ebd61;
  line-height: 12px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li .small span {
  font-size: 9px;
  color: #2ebd61;
  line-height: 12px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li:nth-child(2) {
  padding-left: 20px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li:nth-child(3) {
  padding-left: 33px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .sycm_val li:nth-child(4) {
  padding-left: 46px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .sycm_val
  li:nth-child(1)
  .small {
  padding-left: 48px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .sycm_val
  li:nth-child(2)
  .small {
  padding-left: 40px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .sycm_val
  li:nth-child(3)
  .small {
  padding-left: 40px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .sycm_val
  li:nth-child(4)
  .small {
  padding-left: 34px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .browse_val:nth-child(3) {
  margin-bottom: 0;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .browse_val:nth-child(2) {
  margin-bottom: 37px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .qn_val {
  width: 100%;
  height: 120px;
  padding: 38px 42px 10px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .qn_val li {
  float: left;
  width: 182px;
  text-align: center;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .qn_val li span {
  font-size: 28px;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .qn_val:nth-child(1) li {
  line-height: 120px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .qn_val:nth-child(2) li {
  line-height: 65px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .qn_val:nth-child(3) li {
  line-height: 30px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .jd_val {
  width: 100%;
  height: 92px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .jd_val li {
  float: left;
  width: 150px;
  height: 92px;
  padding-left: 15px;
  line-height: 26px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .jd_val li .num {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
  padding-top: 14px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .jd_val li .sam {
  font-size: 10px;
  color: #333333;
  padding-left: 65px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .jd_val li .small {
  font-size: 10px;
  color: #333333;
  padding-left: 65px;
  line-height: 4px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .pdd_val {
  width: 100%;
  height: 44px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .pdd_val li {
  width: 119px;
  float: left;
  height: 44px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .pdd_val li .num {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  height: 29px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .pdd_val li .sam {
  font-size: 9px;
  color: #2ebd61;
  line-height: 10px;
  letter-spacing: 0px;
  padding-left: 45px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(1)
  .num {
  padding-left: 6px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(1)
  .sam {
  padding-left: 45px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(2)
  .num {
  padding-left: 15px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(2)
  .sam {
  padding-left: 50px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(3)
  .num {
  padding-left: 21px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(3)
  .sam {
  padding-left: 56px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(4)
  .num {
  padding-left: 25px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(4)
  .sam {
  padding-left: 63px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(5)
  .num {
  padding-left: 32px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(1)
  li:nth-child(5)
  .sam {
  padding-left: 68px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .pdd_val:nth-child(2) {
  margin-top: 90px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li
  .num {
  height: 28px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(1)
  .num {
  padding-left: 6px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(1)
  .sam {
  padding-left: 45px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(2)
  .num {
  padding-left: 15px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(2)
  .sam {
  padding-left: 50px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(3)
  .num {
  padding-left: 21px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(3)
  .sam {
  padding-left: 56px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(4)
  .num {
  padding-left: 25px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(4)
  .sam {
  padding-left: 65px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(5)
  .num {
  padding-left: 30px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .pdd_val:nth-child(2)
  li:nth-child(5)
  .sam {
  padding-left: 70px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_r_img {
  width: 636px;
  height: 450px;
  border: 2px solid #ff4711;
  float: right;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .after_use {
  background: #ff4711;
  margin-left: -1px;
}

.index_kind6 .index_kind6_list_box .index_kind6_img .index_kind6_r_img .sycm_a {
  background: url(../image/sycm1.png) no-repeat;
  padding: 75px 0 0 98px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .sycm_a
  .browse_val
  .small {
  color: #ff4546;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .sycm_a
  .browse_val
  .small
  span {
  color: #ff4546;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .sycm_a
  .browse_val:nth-child(3)
  li:nth-child(1)
  .small {
  padding-left: 48px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .sycm_a
  .browse_val:nth-child(3)
  li:nth-child(3)
  .small {
  padding-left: 40px;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .sycm_a
  .sycm_val
  .small
  span {
  color: #ff4546;
}

.index_kind6
  .index_kind6_list_box
  .index_kind6_img
  .index_kind6_r_img
  .pdd_a
  .pdd_val
  li
  .sam {
  color: #ff4546;
}

.index_kind6 .index_kind6_list_box p {
  font-size: 14px;
  color: #c1c1c1;
  text-align: right;
  line-height: 22px;
}

.index_kind6 .index_kind6_list_box p a {
  color: #ff4546;
  text-decoration: none;
}

.bg-wrap {
  width: 100%;
  background: url(../image/bg-02.png) #fff no-repeat center center;
  height: 1778px;
  overflow: hidden;
}

.bgzx-wrap {
  width: 100%;
  background: url(../image/bg-03.png) #fff no-repeat center center;
  height: 1600px;
  overflow: hidden;
}

.main {
  width: 1200px;
  margin: 0 auto;
}

.loginbtn {
  margin-left: 30px;
}
.loginbtn a {
  display: inline-block;
  width: 100%;
  color: #fff;
}
.loginbtn a.loginbg1 {
  background: url(../image/btndl.png) no-repeat center center;
}
.loginbtn a.loginbg2 {
  background: url(../image/btnzhce.png) no-repeat center center;
}
/*登录注册*/
.jj-login {
  position: absolute;
  height: 600px;
  width: 600px;
  top: 90px;
  left: 50%;
}
/*修改*/
.jj-find {
  position: absolute;
  height: 600px;
  width: 600px;
  top: 120px;
  left: 0;
  /*display: none;*/
}
.jj-login-main {
  width: 370px;
  height: 355px;
  background: #fff;
  margin: 100px 0 0 230px;
  border-radius: 8px;
  color: #666;
  padding: 0 35px;
}
.jj-login-tit {
  color: #409eff;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  padding: 30px 0;
}

.jj-register {
  position: absolute;
  height: 600px;
  width: 600px;
  top: 120px;
  left: 50%;
}
.jj-register-main {
  width: 370px;
  height: 485px;
  background: #fff;
  margin: 40px 0 0 230px;
  border-radius: 10px;
  color: #666;
  padding: 12px 35px;
}
.layui-form-item .layui-input-inline.w200x {
  width: 200px;
}
.jj-code {
  /* background: #409eff; */
  border-radius: 5px;
  width: 90px;
  display: inline-block;
  height: 40px;
  width: 90px;
  cursor: pointer;
}
.jj-code img {
  border-radius: 5px;
}
.jj-login .layui-input,
.jj-register .layui-input,
.jj-find .layui-input {
  border-radius: 5px;
  height: 40px;
  border-color: #c5c5c5;
}
.jj-login .layui-form-item,
.jj-register .layui-form-item,
.jj-find .layui-form-item {
  margin-bottom: 18px;
}
.jj-login .layui-inline,
.jj-register .layui-inline,
.jj-find .layui-inline {
  margin-right: 0;
  margin-bottom: 0;
  height: 40px;
}
.jj-btn button {
  width: 100%;
  height: 40px;
  background-color: #409eff;
  border-radius: 5px;
  font-size: 16px;
}
.jj-btn button.nexts {
  background: -ms-linear-gradient(left, #0099fb, #01b0f9);
  /* IE 10 */
  background: -moz-linear-gradient(left, #0099fb, #01b0f9);
  /*谷歌 Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(left, #0099fb, #01b0f9);
  /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(left, #0099fb, #01b0f9);
  /*Opera 11.10+*/
}
.jj-btn button.zhces {
  margin-top: -6px;
  background: -ms-linear-gradient(left, #fb6500, #f98c01);
  /* IE 10 */
  background: -moz-linear-gradient(left, #fb6500, #f98c01);
  /*谷歌 Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(left, #fb6500, #f98c01);
  /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(left, #fb6500, #f98c01);
  /*Opera 11.10+*/
}
.jj-golr {
  text-align: center;
  font-size: 12px;
}
.jj-golr.tar {
  text-align: right;
}
.jj-golr a {
  text-align: center;
  color: #409eff;
  font-size: 14px;
}

.jj-tab li {
  float: left;
  cursor: pointer;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  display: inline-block;
  width: 50%;
  border-bottom: 2px solid #ddd;
  margin-bottom: 30px;
}
.jj-register-users li {
  display: none;
}
.jj-register-users .active {
  display: block;
}
.jj-tab .active {
  border-bottom: 2px solid #409eff;
  color: #409eff;
}
.layui-btn.get-code {
  background: #409eff;
  width: 90px;
  height: 36px;
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}

.btn0 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  background: url(../image/btn3.png) no-repeat center center;
  width: 200px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  color: #fff;
}
.btn1 {
  color: #ff5933;
  background: url(../image/btn4.png) no-repeat center center;
}
.btn0:hover {
  top: -5px;
}

/* 闪佣商家竞价页样式 */

@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, PingFang SC,
    Microsoft YaHei, sans-serif;
  font-size: 14px;
}

ul {
  margin-block: 0;
  padding-inline: 0;
}

li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

body main {
  padding-top: 80px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  /* firefox */
  box-shadow: -5px -2px 10px #999;
}
.header .header-content {
  display: flex;
  position: relative;
  height: 80px;
  background-color: #fff;
  line-height: 80px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  min-width: 900px;
  padding-right: 20px;
}
.header .header-content .header-logo {
  margin-left: 20px;
  flex-basis: 150px;
  width: 150px;
  background-image: url("../image/logo.png");
  background-size: auto 38px;
  background-position: center;
  background-position-x: left;
  background-repeat: no-repeat;
  cursor: pointer;
}
.header .header-content .header-logo .separation {
  position: relative;
  top: 20px;
  left: 150px;
  width: 0;
  height: 40px;
  border-left: 1px solid #ddd;
}
.header .header-content .header-title {
  flex: 1;
  padding-left: 30px;
  color: #666;
  font-size: 18px;
  text-align: left;
  flex: 1 1 auto;
}
.header .header-content .header-bookmark {
  white-space: nowrap;
  display: flex;
}
.header .header-content .header-bookmark .el-menu {
  display: flex;
  align-items: center;
  flex: 3 1 520px;
  border: none;
}
.header .header-content .header-bookmark .el-menu li {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: auto;
  height: 60px;
  margin: 0 20px;
  padding: 0;
  color: #666;
  font-size: 16px;
  text-align: center;
}
.header .header-content .header-bookmark .el-menu li a {
  color: #666;
  text-decoration: none;
}
.header .header-content .header-bookmark .el-menu li a:link {
  color: inherit;
}
.header .header-content .header-bookmark .el-menu li a:visited {
  color: inherit;
}
.header .header-content .header-bookmark .el-menu li a:hover {
  color: #2b90fe;
}
.header .header-content .header-bookmark .el-menu li a:active {
  color: #2b90fe;
}
.header .header-content .header-bookmark .el-menu li.is-active {
  position: relative;
  color: #2b90fe;
}

.propaganda {
  position: relative;
  top: 200px;
  left: 50%;
  width: 1600px;
  margin-left: -800px;
}
.propaganda .cyan-slogan {
  border-width: 1px;
  border-color: #5dffe6;
  border-style: solid;
  border-radius: 30px;
  background-image: linear-gradient(
    -171deg,
    rgba(56, 230, 141, 0.4) 0%,
    rgba(8, 191, 195, 0.4) 80%
  );
  position: absolute;
  top: 17px;
  left: 220px;
  width: 693px;
  height: 58px;
  color: #1dffd7;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  letter-spacing: 0.4px;
}
.propaganda .feature {
  position: relative;
  top: 131px;
  left: 228px;
  width: 700px;
  color: #eae9ff;
  font-size: 18px;
  display: flex;
}
.propaganda .feature > div {
  flex: 1;
}
.propaganda .feature .feature-list {
  display: grid;
  grid: 58px 52px 18px/100%;
}
.propaganda .feature .feature-list div:nth-child(1) {
  height: 58px;
}
.propaganda .feature .feature-list div:nth-child(1) img {
  height: 41px;
  margin-left: 10px;
}
.propaganda .feature .feature-list div:nth-child(2) {
  height: 52px;
}
.propaganda .feature .feature-list div:nth-child(2) img {
  height: 29px;
}
.propaganda .feature .feature-list div:nth-child(3) {
  width: 18px;
}
.propaganda .feature .feature-list div:nth-child(3) img {
  height: 18px;
}

.chapter {
  padding-top: 80px;
}
.chapter .chapter-title {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-align: center;
}
.chapter .chapter-title-line {
  width: 100px;
  height: 6px;
  margin: 21px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg, #0079fe 0%, #02e6f4 100%);
}

#effect {
  padding-top: 55px;
}

.effect-list {
  position: relative;
  left: 50%;
  width: 1200px;
  height: 630px;
  margin-top: 60px;
  margin-left: -600px;
  background-image: url("../image/effect_bg.png");
  background-position: top;
  background-repeat: no-repeat;
}
.effect-list .effect-list-element {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 40px 100px;
  -ms-grid-columns: auto auto;
  grid-template-rows: 40px 100px;
  grid-template-columns: repeat(2);
  position: absolute;
  color: #666;
  font-size: 16px;
}
.effect-list .effect-list-element:nth-child(1) {
  -ms-grid-columns: 120px auto;
  grid-template-columns: 120px max-content;
  top: 77px;
  left: 50%;
  margin-left: -575px;
}
.effect-list .effect-list-element:nth-child(1) .list-element-icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.effect-list .effect-list-element:nth-child(1) .list-element-heading {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.effect-list .effect-list-element:nth-child(1) .list-element-content {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.effect-list .effect-list-element:nth-child(2) {
  -ms-grid-columns: 120px auto;
  grid-template-columns: 120px max-content;
  top: 411px;
  left: 50%;
  margin-left: -484px;
}
.effect-list .effect-list-element:nth-child(2) .list-element-icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.effect-list .effect-list-element:nth-child(2) .list-element-heading {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.effect-list .effect-list-element:nth-child(2) .list-element-content {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.effect-list .effect-list-element:nth-child(3) {
  -ms-grid-columns: auto 120px;
  grid-template-columns: max-content 120px;
  top: 77px;
  left: 50%;
  margin-left: 246px;
}
.effect-list .effect-list-element:nth-child(3) .list-element-icon {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2;
}
.effect-list .effect-list-element:nth-child(3) .list-element-heading {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.effect-list .effect-list-element:nth-child(3) .list-element-content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.effect-list .effect-list-element:nth-child(4) {
  -ms-grid-columns: auto 120px;
  grid-template-columns: max-content 120px;
  top: 380px;
  left: 50%;
  margin-left: 235px;
}
.effect-list .effect-list-element:nth-child(4) .list-element-icon {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2;
}
.effect-list .effect-list-element:nth-child(4) .list-element-heading {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.effect-list .effect-list-element:nth-child(4) .list-element-content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.effect-list .effect-list-element .list-element-icon {
  grid-row: 1/3;
  grid-column: 1;
}
.effect-list .effect-list-element .list-element-icon img {
  width: 110px;
  height: 110px;
  margin: 15px auto;
}
.effect-list .effect-list-element .list-element-heading {
  font-size: 22px;
  font-weight: bold;
}
.effect-list .effect-list-element .list-element-content p {
  margin-bottom: 14px;
}
@supports not (display: grid) {
  .effect-list .effect-list-element {
    width: 390px;
  }
  .effect-list .effect-list-element .list-element-icon {
    display: inline-block;
    width: 110px;
  }
  .effect-list .effect-list-element .list-element-heading {
    display: inline-block;
    position: absolute;
    top: 0;
  }
  .effect-list .effect-list-element .list-element-content {
    display: inline-block;
  }
}

#service {
  min-height: 620px -90px;
  padding-bottom: 80px;
  background-color: #f7fbff;
}

.service-tabs {
  margin: 60px auto 30px;
  white-space: nowrap;
  width: 1400px;
  text-align: center;
}
.service-tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.service-tabs .service-tab-button {
  cursor: pointer;
  height: 44px;
  padding: 0 16px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #fff;
  color: #999;
  font-size: 18px;
  line-height: 44px;
  margin-right: 16px;
}
.service-tabs .service-tab-button:last-child {
  margin-right: 0;
}
.service-tabs .service-tab-button.active {
  border-width: 1px;
  border-color: #019cfe;
  border-style: solid;
  background-image: linear-gradient(90deg, #01d4f6 0%, #007cfe 100%);
  box-shadow: 0 0 8px 3.2px rgba(0, 129, 253, 0.2);
  color: #fff;
}

.service-card {
  width: 1120px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 40px;
  padding-top: 35px;
  background-color: #fff;
  box-shadow: 0 0 24px 0.96px rgba(177, 177, 177, 0.05);
}
.service-card .service-content {
  position: relative;
  width: 100%;
  min-height: 270px;
  background-image: none;
  background-position: right;
  background-repeat: no-repeat;
}
.service-card .service-content .service-heading {
  color: #333;
  font-size: 24px;
  font-weight: bold;
}
.service-card .service-content .service-subheading {
  margin-top: 16px;
  color: #666;
  font-size: 13px;
}
.service-card .service-content .service-list {
  display: grid;
  grid-template: none/repeat(2, 250px);
  grid-auto-rows: 40px;
  margin-top: 23px;
  line-height: 50px;
}
.service-card .service-content .service-list .service-list-element {
  color: #999;
  font-size: 12px;
}
.service-card .service-content .service-list .service-list-element ::before {
  content: "●";
  margin-right: 8px;
  color: #b2d9ff;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .service-card .service-content .service-list {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
  }
  .service-card .service-content .service-list > li {
    flex-basis: 150px;
  }
}
.service-card .service-content .service-button {
  position: relative;
  width: 160px;
  height: 50px;
  margin-top: 48px;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  background-image: linear-gradient(90deg, #01d4f6 0%, #007cfe 100%);
  box-shadow: 0 0 8px 3.2px rgba(0, 129, 253, 0.2);
}
.service-card .service-content .service-button .el-button {
  border: none !important;
}

#comparison {
  padding-bottom: 80px;
}

.comparison-card {
  position: relative;
  width: 1200px;
  height: 523px;
  margin: 71px auto 0;
  border-radius: 20px;
  box-shadow: 0 4px 25px 0 #d1d1d1;
}
.comparison-card .comparison-list {
  position: absolute;
  width: 100%;
  height: 550px;
  top: -26px;
  background-image: url("../image/comparison_bg.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1200px 549px;
}
.comparison-card .comparison-list .comparison-list-element {
  display: flex;
  margin-bottom: 28.5px;
  font-size: 20px;
}
.comparison-card .comparison-list .comparison-list-element:nth-child(1) {
  margin-top: 206px;
}
.comparison-card .comparison-list .comparison-list-element .comparison-ours {
  flex: 1;
  color: #008dfd;
  font-weight: bold;
  text-align: right;
}
.comparison-card
  .comparison-list
  .comparison-list-element
  .comparison-confrontation {
  flex-basis: 150px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}
.comparison-card .comparison-list .comparison-list-element .comparison-others {
  flex: 1;
  color: #bcac85;
}

.data-presentation {
  width: 100%;
  height: 353px;
  background: url("../image/data_bg.jpg");
  background-position: center;
  background-size: cover;
  color: #fff;
}
.data-presentation .presentation-charts {
  display: flex;
  justify-content: center;
}
.data-presentation .presentation-charts .chart-box {
  flex-basis: 300px;
  padding-top: 12px;
}
.data-presentation .presentation-charts .chart-box .chart-title {
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
}
.data-presentation .presentation-charts .chart-box .chart-anime {
  position: relative;
  display: block;
  text-align: center;
}
.data-presentation
  .presentation-charts
  .chart-box
  .chart-anime
  .chart-anime-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -50px;
  width: 100px;
  height: 20px;
  line-height: 20px;
}
.data-presentation
  .presentation-charts
  .chart-box
  .chart-anime
  .el-progress-circle__track {
  opacity: 0.05;
}
.data-presentation .presentation-charts .chart-box .chart-number {
  display: block;
  padding-top: 4px;
  font-size: 40px;
  text-align: center;
  line-height: 60px;
}
.data-presentation .presentation-charts .chart-box:nth-child(1) .chart-number {
  color: #00dc91;
}
.data-presentation
  .presentation-charts
  .chart-box:nth-child(1)
  .el-progress-circle__path {
  stroke: #00dc91;
}
.data-presentation .presentation-charts .chart-box:nth-child(2) .chart-number {
  color: #e748fa;
}
.data-presentation
  .presentation-charts
  .chart-box:nth-child(2)
  .el-progress-circle__path {
  stroke: #e748fa;
}
.data-presentation .presentation-text {
  padding-top: 17px;
  font-size: 16px;
}
.data-presentation .presentation-text p {
  text-align: center;
  line-height: 1.5;
}

#security {
  background-color: #f5f9fd;
}

.security-section {
  width: 1200px;
  margin: 60px auto 0;
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
}
.security-section .security-card {
  width: 350px;
  margin: 0 30px;
  padding: 68px 0 40px;
  border-radius: 20px;
  box-shadow: 0 0 40px 1.6px rgba(177, 177, 177, 0.1);
  background-color: #fff;
}
.security-section .security-card .security-icon {
  height: 85px;
  text-align: center;
}
.security-section .security-card .security-title {
  padding-top: 30px;
  color: #666;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.security-section .security-card .security-text {
  padding-top: 25px;
  color: #999;
  font-size: 16px;
  text-align: center;
}
.security-section .security-card .security-text p {
  line-height: 40px;
}

.bottom-banner {
  width: 100%;
  height: 240px;
  background-image: url("../image/banner_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.bottom-banner .banner-content {
  padding-top: 60px;
  padding-bottom: 40px;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.8px;
}
.bottom-banner .banner-button {
  width: 240px;
  height: 50px;
  border-width: 2px;
  border-color: #5cfee4;
  border-style: solid;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #08c0c2 0%, #38e78c 100%);
  color: #fff;
  font-size: 22px;
}

::v-deep.r-area .btn-default.el-button {
  width: 100px;
  float: right;
  font-size: 12px;
  height: 40px;
  padding: 0;
}

::v-deep.r-area .el-input .el-input__inner {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  padding-left: 40px;
}

::v-deep.l-area .el-input .el-input__inner {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  padding-left: 40px;
}

@-moz-document url-prefix() {
  .header {
    width: 100% !important;
  }
}
.scroll-main {
  background-color: #fff;
  min-width: 1400px;
}

::v-deep.l-area,
::v-deep.r-area {
  padding: 0 35px;
}
::v-deep.l-area .login-btn,
::v-deep.r-area .login-btn {
  width: 100%;
  border-radius: 5px;
  background: -webkit-linear-gradient(left, #0097fb, #01bdf8);
  background: -o-linear-gradient(right, #0097fb, #01bdf8);
  background: -moz-linear-gradient(right, #0097fb, #01bdf8);
  background: linear-gradient(to right, #0097fb, #01bdf8);
  color: #fff;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  font-size: 16px;
}
::v-deep.l-area .login-btn1,
::v-deep.r-area .login-btn1 {
  width: 100%;
  border-radius: 5px;
  background: -webkit-linear-gradient(left, #fb5e00, #f99301);
  background: -o-linear-gradient(right, #fb5e00, #f99301);
  background: -moz-linear-gradient(right, #fb5e00, #f99301);
  background: linear-gradient(to right, #fb5e00, #f99301);
  color: #fff;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  margin-left: 0;
  font-size: 16px;
}

.lrbg {
  height: 651px;
  width: 100%;
  background: url("../image/loginbg.png") center no-repeat;
  position: relative;
}
.lrbg .right-form {
  width: 370px;
  height: 470px;
  position: absolute;
  left: calc(50% - 240px);
  top: -150px;
}

.scroll-main {
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
}

.app-main {
  flex: 1 1 100vw;
}

#shouye {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}

#xiaoguo {
  position: absolute;
  top: 665px;
  width: 0;
  height: 0;
}

#yewu {
  position: absolute;
  top: 1501px;
  width: 0;
  height: 0;
}

#duibi {
  position: absolute;
  top: 2211px;
  width: 0;
  height: 0;
}

#baozhang {
  position: absolute;
  top: 3545px;
  width: 0;
  height: 0;
}

.r-area ::v-deep.el-input .el-input__inner {
  padding-left: 40px;
}

.r-area ::v-deep.el-form-item.el-form-item--feedback {
  margin-bottom: 14px;
}

.r-area .svg-icon {
  vertical-align: -0.25em;
}

.login-and-register-button .login-button,
.login-and-register-button .register-button {
  cursor: pointer;
  width: 70px;
  height: 30px;
  padding: 0;
  background-image: linear-gradient(to right, #015eea, #00c0fa);
  border: none;
  margin: 0 20px;
  color: #fff;
  border-radius: 4px;
}
.login-and-register-button .login-button img,
.login-and-register-button .register-button img {
  vertical-align: -1px;
}
.login-and-register-button .register-button {
  background-image: none;
  background-color: #ff9000;
  margin: 0;
}