.consult_btn {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  padding: 12px 35px;
  border-radius: 8px;
  background: #1F64FF;
  margin-right: 10px;
  cursor: pointer;
}

.experience_btn{
  color: #1F64FF;
  border: 1px solid #1F64FF;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  padding: 12px 35px;
  margin-left: 10px;
  border-radius: 8px;
  cursor: pointer;
}

.customization_service {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  align-items: center;
}

.customization_service .img_bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.customization_service .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%;
  padding: 80px 0 10px 0;
}

.customization_service .title_list {
  display: flex;
  background-color: #fff;
  padding: 4px;
  border-radius: 10px;
}

.customization_service .title_list .mask {
  display: flex;
}

.customization_service .title_list .mask .item {
  padding: 12px 40px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
}

.customization_service .title_list .mask .item-on {
  background: #365074;
  color: #FFF;
}

.content_mask {
  width: 60%;
  margin-top: 74px;
}

.content_mask .cont_item {
  display: flex;
  width: 100%;
  margin-bottom: 78px;
}

.content_mask .cont_item .videos {
  width: calc(60% - 42px);
  margin-right: 42px;
}

.play-video-lause, .video_maks {
  position: relative;
  width: 643px;
  height: 361px;
}

.play-video-lause img, .video_maks img {
  position: absolute;
  left: 50%;
  top: 50%;
  display: none;
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
}
.play-video-lause .pause-img {
  z-index: 2;
  cursor: pointer;
}

.play-video-lause:hover .pause-img {
  display: inline;
}

.video_mask_list {
  position: relative;
  padding: 40px;
}

.video_mask_list .bg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.video_mask_list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.video_mask_list .item .tit {
  width: 72px;
  height: 58px;
  font-size: 16px;
  font-weight: 400;
  line-height: 72px;
  color: #222831;
  margin-right: 16px;
}

.video-default {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: calc(50% - 66px);
  background-color: #FFF;
  padding: 8px;
  margin: 12px;
  border-radius: 10px;
}

.video-default .tit_img {
  width: 50%;
}

.video-default .tit_img .line {
  width: 100%;
}

.play {
  cursor: pointer;
}

.pause {
  display: none;
  cursor: pointer;
}

.img_picture {
  width: 42px;
  height: 42px;
}

.text_mask {
  width: calc(40% - 43px);
  margin-left: 43px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.little_title {
  color: #333;
  font-size: 32px;
  font-weight: 600;
  line-height: 150%; /* 48px */
  margin-bottom: 20px;
}

.text_mask .content {
  color: #505968;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 12px;
}

.btn_lit {
  display: flex;
}

.human_video_eg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.human_video_eg .bg_img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.human_video_eg .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  padding: 80px 0 74px 0;
}

.human_video-content_mask {
  display: flex;
  margin-bottom: 69px;
  width: 60%;
}

.human_video-content_mask .text_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 42px;
  width: calc(40% - 42px);
}

.human_video-content_mask .video_maks {
  width: calc(60% - 43px);
  margin-left: 43px;
}

.human_video-content_mask .video_maks:hover .pause-img {
  display: inline;
}

.human_video-content_mask .video_maks .videos {
  width: 100%;
}

.human_video-content_mask .text_list .little_tit {
  color: #333;
  font-size: 32px;
  font-weight: 600;
  line-height: 150%; /* 48px */
  margin-bottom: 20px;
  text-align: center;
}

.human_video-content_mask .text_list .cont {
  color: #505968;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 80px;
}

.direct_seedin-example {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 90px;
}

.direct_seedin-example .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  margin: 80px 0 42px 0;
}

.example_list {
  width: 75%;
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}

.example_list .video_itme {
  position: relative;
  width: calc(25% - 20px);
  margin: 10px;
}

.example_list .video_itme .video {
  width: 100%;
  max-height: initial;
}

/* video {
  border: 1px solid #000;
} */

.example_list .video_itme .mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
}

.paly_pause {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text_lits {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  padding: 20px;
  background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  z-index: 1;
}

.lit_tit {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%; /* 30px */
  margin-bottom: 8px;
  color: #FFF;
}

.lit_cont {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%; /* 18px */
  color: #FFF;
}

.digitized_human-example {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 80px;
}

.digitized_human-example .bg_img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.digitized_human-example .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  margin: 80px 0 20px 0;
}

.example_title_list {
  display: flex;
  justify-content: center;
}

.example_title_list .mask {
  display: flex;
  justify-content: center;
  border-radius: 10px;
  background: #FFF;
  padding: 4px;
}

.example_title_list .mask .item {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%; /* 24px */
  border-radius: 10px;
  cursor: pointer;
  padding: 12px 40px;
}

.example_title_list .mask .item-on {
  color: #FFF;
  background: #365074;
}

.example_main {
  /* max-width: 80%; */
  display: flex;
  margin-top: 60px;
  margin-bottom: 34px;
}

.example_main .main_img {
  margin-right: 20px;
  height: 100%;
}

.example_main .img_list .top {
  margin-bottom: 20px;
}

.example_main .img_list .bottom {
  margin-top: 20px;
}

.example_main .img_list .img {
  margin: 0 10px 0 0;
}

@media (width < 1810px) {
  .example_main {
    transform: scale(0.8);
  }
}

@media (width < 1450px) {
  .example_main {
    transform: scale(0.6);
  }
}

.human_result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 70px;
}

.human_result .title {
  margin: 85px 0 60px 0;
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
}

.human-result_main {
  display: flex;
  width: 60%;
}

.human-result_main .left_tips {
  border-radius: 8px;
  background: #F8F9FF;
  width: 47%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  padding-bottom: 30px;
}

.human-result_main .left_tips .masks .title {
  color: #232830;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%; /* 36px */
  margin: 33px 0 27px 0;
}

.font_style {
  color: #232830;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.human-result_main .right_tips {
  width: 53%;
  border-radius: 8px;
  background: #4D83FF;
  box-shadow: -16px 0px 35px 0px rgba(0, 0, 0, 0.10), -63px 0px 63px 0px rgba(0, 0, 0, 0.09), -143px 0px 86px 0px rgba(0, 0, 0, 0.05), -253px 0px 101px 0px rgba(0, 0, 0, 0.01), -396px 0px 111px 0px rgba(0, 0, 0, 0.00);
}

.human-result_main .right_tips .tips_img {
  width: 80%;
}

.human-result_main .right_tips .title {
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%; /* 36px */
  margin: 12px 0 27px 0;
}

.human-result_main .right_tips .masks {
  margin-left: 125px;
}

.human-result_main .right_tips .masks .font_style {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

.human_experience {
  background-color: #EAEFFD;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
}

.human_experience .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  margin: 80px 0 40px 0;
}

.table_human tr td:nth-child(1) {
  padding-left: 20px;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%; /* 18px */
}

.table_human tr td:nth-child(2), .table_human tr td:nth-child(3), .table_human tr td:nth-child(4) {
  text-align: center;
}

.table_human tr th {
  width: 25%;
  font-size: 24px;
  font-weight: 500;
}

.human_scene {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.human_scene .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  margin: 59px 0 42px 0;
}

.human_scene_list {
  display: flex;
  width: 80%;
  margin-bottom: 110px;
}

.human_scene_list .item {
  width: calc(100% / 6 - 20px);
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.human_scene_list .item .img {
  width: 100%;
}

.human_scene_list .item .tit {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(51, 51, 51, 0.10);
  width: 130px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  margin-top: 20px;
}

.platform {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #EAEFFD;
}

.platform .title {
  color: #333;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  margin-top: 80px;
}

.platform_list {
  width: 70%;
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}

.platform_list .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.platform_list .img {
  width: 95px;
  height: 95px;
}

.platform_list .tit {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  margin-top: 10px;
  margin-bottom: 80px;
}

.production_cost {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 80px;
}

.production_cost .bg_img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.production_cost .title {
  color: #FFF;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; /* 72px */
  margin: 80px 0 40px 0;
}

.customization-one {
  display: none;
}

.many_langly {
  width: 50%;
  position: relative;
  display: none;
  margin-bottom: 34px;
  margin-top: 60px;
}

.many_langly .video {
  width: 100%;
}

.language_list {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.language_list .item {
  display: flex;
  align-items: center;
  background-color: #FFF;
  padding: 12px;
  border-radius: 4px;
  margin: 0 10px;
}

.language_list .item .tit {
  margin-left: 20px;
}

.video_list {
  width: 75%;
  margin-bottom: 34px;
  display: none;
  margin-top: 60px;
}

.video_list video {
  width: calc(20% - 26px);
  margin: 0 10px;
}

.diaolg__body .inp_mask {
  margin-bottom: 28px;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

.inp_mask .btn {
  border-radius: 4px;
  background: #1F64FF;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  border: none;
  cursor: pointer;
}

.inp_mask .label {
  width: 64px;
  text-align: right;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

#show-application {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
}

.diaolg__body .inp_contact {
  border-radius: 4px;
  border: 1px solid #E4E8ED;
  background: #FFF;
  height: 34px;
  width: 240px;
  padding-left: 20px;
  font-size: 14px;
}

.diaolg__body {
  background-color: #FFF;
  padding: 20px 40px;
  border-radius: 10px;
}

.dialog_body-title {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
  font-size: 18px;
  margin-bottom: 10px;
}

.dialog_body-title .close-dialog {
  font-size: 24px;
  cursor: pointer;
}

.el-message--success {
  min-width: 380px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  position: fixed;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  transition: opacity .3s,transform .4s,top .4s;
  overflow: hidden;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center;
  background-color: #f0f9eb;
  color: #67c23a;
  display: none;
  z-index: 3000;
}

.duihao {
  padding: 2px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #67c23a;
  color: #ffffff;
  text-align: center;
  line-height: 10px;
  font-size: 8px;
  margin-right: 4px;
}

#el-message--error {
  color: #f56c6c;
  background-color: #fef0f0;
  z-index: 3000;
}
#el-message--error .duihao {
  background-color: #f56c6c;
  color: #ffffff;
}

.experience_img_list {
  width: 50%;
  display: flex;
  justify-content: space-between;
}

.experience_img_list .img {
  width: 30%;
}